/* @override
https://dev2020.fmcim.org/themes/barrio5st/css/style.css?*
https://www.wfimc.org/themes/barrio5st/css/style.css?*
https://wfimc.org/themes/barrio5st/css/style.css?*
*/
/**
* @file
* Subtheme specific CSS.
*/
/* +P
__ ____
/\ \ /\ _`\
\_\ \___\ \ \L\ \
/\___ __\\ \ ,__/
\/__/\ \_/ \ \ \/
\ \_\ \ \_\
\/_/ \/_/
Yeah! 2021 plusproduit.com
Barrio 5 subtheme CDN 2021
*/
/* 15px - 23px - 73 - 90px */
/* #00 2C BF */
html {
font-size: 15px;
background-color: #000;
}
body {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
background: transparent;
color: #282828;
}
.gm-style-pbc {}
.gm-style-pbc+div>div>div>div {
color: #FFF !important;
background-size: contain;
font-size: 11px !important;
font-weight: 500 !important;
font-family: Roboto, sans-serif !important;
}
.views-infinite-scroll-content-wrapper {
display: flex;
flex-flow: row wrap;
margin-left: -1rem;
margin-right: -1rem;
}
/* #region preloader */
/* Anim logo */
#page-wrapper::before {
content: "";
position: absolute;
top: 20vh;
width: 100vw;
height: 10vh;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1038.903' height='795.937' viewBox='0 0 1038.903 795.937'%3E%3Cpath d='M11.74,580.277C184.629,373.768,396.719,171.905,610.307,5.531,429.7,212.041,222.216,408.439,11.74,580.277' transform='translate(216.549 102.021)' fill='%23fff'/%3E%3Cpath d='M22.644,586.121c172.889-206.49,385-408.333,598.586-574.746C440.622,217.9,233.14,414.36,22.644,586.121' transform='translate(417.673 209.816)' fill='%23fff'/%3E%3Cpath d='M0,574.746C172.889,368.237,385,166.394,598.625,0,417.978,206.51,210.515,402.966,0,574.746' fill='%23fff'/%3E%3C/svg%3E");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .5s ease-in;
animation: loader .6s ease-in-out 0s infinite alternate;
}
@keyframes loader {
0% {
transform: scale(1);
}
70% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
.p-loaded #page-wrapper::before {
opacity: 0;
animation-play-state: paused;
}
/* affichage du contenu */
#page {
background-color: #FFF;
opacity: 0;
animation: reveal .8s 5s;
}
@keyframes reveal {
to {
opacity: 1;
}
}
.js .p-loaded #page {
opacity: 1;
transition: opacity .8s .5s;
animation: none;
}
/* #endregion */
/* #region STRUCTURE */
#main-wrapper {
/*padding-top: 10vh;*/
/*padding-top: 5vh;
padding-bottom: 5vh;*/
}
.path-user #main-wrapper {
padding-top: 10vh;
padding-bottom: 10vh;
}
#main {
padding-top: 14vh;
}
.page-node-11 #main,
.page-node-5 #main,
.page-node-1440 #main {
padding-top: 0;
}
.alert.hidden {
display: none !important;
}
.alert svg {
margin-right: 1rem;
width: 1rem;
height: 1rem;
fill: #FFF;
display: none;
}
.alert .button-close {
margin-left: auto;
width: 1rem;
height: 1rem;
border: 0;
color: #FFF;
background: none;
}
/* #region BANNER */
.featured-top {
position: relative;
}
.featured-top__inner {}
.region-featured-top {
position: absolute;
/* z-index: 0;*/
top: 15vh;
/* p-bg-wrapper/2 */
}
.p-bg-wrapper,
.p-bg-cover
/* Retirer ça si animé */
{
height: 40vh;
max-height: 500px;
}
.p-bg {
background-color: #000;
}
h1.title {
padding: 0 15px;
}
/* #endregion */
/* #region REVEAL ON SCROLL */
.js .p-reveal-class {
position: relative;
opacity: 0;
top: 30px;
transition: opacity 1s .2s, top 1s .2s ease-out;
}
.js .p-visible {
opacity: 1;
top: 0;
}
/* #endregion */
/* #region FOOTER */
/* Theme settings - col-sm-x to region 1 to 4 - empty for 5 */
footer {}
.site-footer__top {
padding: 12vh 0 6vh;
background: #000;
position: relative;
z-index: 2;
}
.site-footer__top .nav-link {
padding: .1rem 0;
}
.site-footer__top section {
margin-bottom: 1.5rem;
}
.site-footer__bottom {
padding: 2vh 0;
background-color: #000;
position: relative;
z-index: 2;
}
/* block ADDRESS */
.fed-address p {
margin-bottom: 2em;
}
.fed-address p:last-child {
margin-bottom: 0;
}
@media (min-width:600px) {
.fed-address {
padding-top: 4.8rem;
}
}
/* block SOCIAL */
.fed-social a {
margin-right: 2em;
}
.oc-social p {
margin-bottom: 0 !important;
}
/* Block LOGOS */
#block-mainsponsorslogos img {
max-width: 160px;
margin-right: 4rem;
height: auto;
}
/* block © */
#block-twks {
display: flex;
}
#block-twks .block-inner {
margin: auto 15px 0 auto;
}
.twks {
display: inline-block;
position: relative;
text-indent: 2300px;
width: 80px;
}
.twks::before {
content: "";
position: absolute;
left: 0;
top: -1.8rem;
width: 100px;
height: 80px;
background: url(/themes/barrio5st/css/img/twks_logo_condensed_white.gif) no-repeat -2px bottom;
background-size: contain;
}
/* Mailchimp */
#mc_embed_signup {
background-color: transparent;
max-width: 640px;
}
#mc_embed_signup label {
display: none;
}
#mc_embed_signup .form-control {
background-color: #F9F9F9;
border: 0;
border-radius: 0;
border-bottom: 1px solid #000;
padding-left: 1rem;
margin-bottom: 1.5rem;
font-size: 1.25rem;
color: #000;
}
.site-footer #mc_embed_signup .form-control {
background-color: #000;
border: 0;
border-radius: 0;
border-bottom: 1px solid #BBB;
padding-left: 0;
margin-bottom: 1.5rem;
color: #FFF;
}
#mc_embed_signup .form-control:focus {
outline: none !important;
box-shadow: none !important;
border-bottom: 1px solid #FFF;
}
#mc_embed_signup .edit-actions {
margin-top: 1rem;
text-align: right;
}
#mc_embed_signup .size1of2 {
display: none;
}
/* #endregion */
/* #endregion */
/* #region COLORS + LINKS + SOCIAL */
.color1 {
color: #002CBF;
}
.bg-neg {
color: #fafafa;
}
.bg1 {
background-color: #002CBF;
}
/* #region LINKS a */
a,
.link,
.page-link {
color: #002CBF;
transition: all .33s ease-in-out 0s;
}
a:hover,
a:focus,
a.active,
a.is-active,
.link:hover,
.link:focus {
color: #333;
text-decoration: none;
}
.black-link a,
a.black-link {
color: #000;
}
a.black-link:hover,
a.black-link:focus,
a.black-link.active,
a.black-link.is-active {
color: #002CBF;
}
/* -- paging --*/
.pagination {
margin: 0 15px;
padding-bottom: 3rem;
}
.page-link:hover,
.page-item.active .page-link {
display: block;
background-color: #002bcf;
color: #FFF;
border-color: #002bcf;
}
/* nav ---- */
.nav a {
color: #333;
}
.nav a:hover,
.nav a:focus,
.nav a.active,
.nav a.is-active {
color: #002CBF;
}
/* bg-neg links ------------- */
.bg-neg a,
.bg-neg .link {
color: #ddd;
}
.bg-neg a:hover,
.bg-neg a:focus,
.bg-neg a.active,
.bg-neg a.is-active,
.bg-neg .link:hover,
.bg-neg .link:focus {
color: #fafafa;
}
/* nav ---- */
.bg-neg .nav a {
color: #ddd;
}
.bg-neg .nav a:hover,
.bg-neg .nav a:focus,
.bg-neg .nav a.active,
.bg-neg .nav a.is-active {
color: #fafafa;
}
/* #endregion */
/* #region BTN + CTA */
.btn,
.text-formatted .btn,
.cta a,
.more-link a,
.p-edit-link a,
a[href*=".pdf"],
a.pdf-link,
.ui-dialog a.btn,
.file--video a,
.view-fmcim-news ul.pager li a.button {
vertical-align: top;
font-family: haboro-contrast-normal, sans-serif;
font-weight: 600;
display: inline-block;
text-align: center;
line-height: 1.5;
margin: 1rem 1rem .5rem -.2rem;
padding: .2rem 1.5rem;
text-transform: uppercase;
border-radius: 4em;
border: 1px solid #002CBF;
color: #002CBF;
background-color: transparent;
/*font-weight: 700;*/
font-size: 1.33333rem;
letter-spacing: .05em;
transition: .6s;
}
.btn:hover,
.text-formatted .btn:hover,
.cta a:hover,
.more-link a:hover,
.p-edit-link a:hover,
a[href*=".pdf"]:hover,
a.pdf-link:hover,
.ui-dialog a.btn:hover,
.file--video a:hover,
.view-fmcim-news ul.pager li a.button:hover {
color: #FFF;
text-decoration: none;
background: #002CBF;
border-color: #002CBF;
}
/* Override ui-dialog */
.ui-dialog a.btn:hover {
color: #FFF;
background: #002CBF !important;
border-color: #002CBF !important;
}
.ui-dialog a.btn {
border: 1px solid #002CBF !important;
}
.ui-dialog-titlebar {
border-radius: 0;
/* background-color: #002cbf;
color: #FFF;
border: 0;
font-weight: 300;*/
}
button:focus,
.btn:focus,
a:focus {
outline: none !important;
}
/* bg-dark cta */
.bg-neg .btn,
.bg-neg .cta a,
.bg-neg .more-link a,
.bg-neg .p-edit-link a,
.bg-neg a[href*=".pdf"],
.bg-neg a.pdf-link,
.bg-neg .file a {
border: 1px solid #FFF;
background-color: transparent;
color: #FFF;
}
.bg-neg .btn:hover,
.bg-neg .cta a:hover,
.bg-neg .more-link a:hover,
.bg-neg .p-edit-link a:hover,
.bg-neg a[href*=".pdf"]:hover,
.bg-neg a.pdf-link,
.bg-neg .file a:hover {
color: #000;
background: #FFF;
border-color: #FFF;
}
/* edit link */
.p-edit-link {
margin: .5em 0;
}
.p-edit-link a {
padding: .5em 1em;
letter-spacing: .2em;
font-size: 12px;
}
/* #endregion */
/* #region ICON BUTTONS */
.p-btn {
/*background: #002CBF;*/
}
.p-btn span,
.p-btn::before,
.p-btn::after {
background: #002CBF;
}
/* bg neg */
.bg-neg .p-btn {
/*background-color: #fafafa;*/
}
.bg-neg .p-btn span,
.bg-neg .p-btn::before,
.bg-neg .p-btn::after {
/*background: #fafafa;*/
}
/* ^^ Arrow ^^^^^ */
.p-icon-arrow {
transition: .35s;
}
.p-icon-arrow::before,
.p-icon-arrow::after {
width: 60%;
}
.p-icon-arrow::before {
transform: rotate(45deg);
left: 40%;
}
.p-icon-arrow::after {
transform: rotate(-45deg);
left: 1%;
}
.p-arrow-down {
padding-right: 3rem;
position: relative;
}
.p-arrow-down::after {
content: '❯';
position: absolute;
right: 1.5rem;
top: .333rem;
transform: rotate(90deg);
transform-origin: 50% 50%;
}
.p-arrow-down.active-exp-filter::after {
transform: rotate(-90deg);
top: 0;
}
.p-full-arrow {
background: transparent url('img/blue-arrow@2x.png') no-repeat left top;
width: 100%;
height: 2.2rem;
display: block;
background-size: contain;
position: absolute;
bottom: 0;
text-indent: -100px;
overflow: hidden;
}
.p-full-arrow:hover {
background-position: 1rem;
}
.p-icon-top {
display: block;
overflow: hidden;
border: 2px solid #002cbf;
background-color: #FFF;
text-indent: -1000px;
position: fixed;
right: 15px;
bottom: -4rem;
z-index: 0;
}
.scrolled .p-icon-top {
bottom: 2rem;
}
/* VIDEO */
/* PDF */
a[href*=".pdf"],
a.pdf-link {
/* color: #000;*/
/*max-width: 50%;*/
/* font-family: haboro-contrast-extended, sans-serif;
font-weight: 600;
font-size: 1.5rem;*/
display: inline-block;
padding-left: 3.5rem;
text-align: left;
/*min-height: 4.5rem;*/
/* background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63.453' height='67.338' viewBox='0 0 63.453 67.338'%3E%3Cg transform='translate(-14.769)'%3E%3Cg transform='translate(14.769)'%3E%3Cpath d='M77.86,18.223,60.7.4a1.3,1.3,0,0,0-.933-.4H34.2a5.194,5.194,0,0,0-5.189,5.187V23.309H18.652a3.886,3.886,0,0,0-3.883,3.882V46.622A3.886,3.886,0,0,0,18.652,50.5H29.014V62.16A5.19,5.19,0,0,0,34.2,67.338H73.033a5.188,5.188,0,0,0,5.189-5.175V19.121A1.3,1.3,0,0,0,77.86,18.223ZM60.093,3.5,74.176,18.129H60.093ZM18.652,47.914a1.293,1.293,0,0,1-1.293-1.292V27.191A1.294,1.294,0,0,1,18.652,25.9H53.62a1.294,1.294,0,0,1,1.293,1.292V46.622a1.294,1.294,0,0,1-1.293,1.292Zm56.98,14.249a2.6,2.6,0,0,1-2.6,2.586H34.2a2.6,2.6,0,0,1-2.6-2.588V50.5H53.62A3.886,3.886,0,0,0,57.5,46.622V27.191a3.886,3.886,0,0,0-3.883-3.882H31.6V5.187a2.6,2.6,0,0,1,2.6-2.6H57.5V19.424A1.3,1.3,0,0,0,58.8,20.719H75.632Z' transform='translate(-14.769)' fill='%23002cbf'/%3E%3C/g%3E%3Cg transform='translate(22.374 31.61)'%3E%3Cpath d='M80.472,241.6a2.916,2.916,0,0,0-1.6-1.089,13.072,13.072,0,0,0-2.671-.167H72.6V251.47h2.246v-4.2h1.464a12.815,12.815,0,0,0,2.329-.159,3.254,3.254,0,0,0,1.165-.527,3.05,3.05,0,0,0,.945-1.1,3.628,3.628,0,0,0,.372-1.722A3.454,3.454,0,0,0,80.472,241.6Zm-1.923,3.062a1.474,1.474,0,0,1-.7.546,5.806,5.806,0,0,1-1.776.175H74.842v-3.156h1.085a10.785,10.785,0,0,1,1.616.076,1.553,1.553,0,0,1,.9.493,1.437,1.437,0,0,1,.357,1A1.5,1.5,0,0,1,78.549,244.663Z' transform='translate(-72.596 -240.346)' fill='%23002cbf'/%3E%3C/g%3E%3Cg transform='translate(32.732 31.61)'%3E%3Cpath d='M160.307,243.385a4.86,4.86,0,0,0-1.062-1.8,3.72,3.72,0,0,0-1.677-1.024,8.016,8.016,0,0,0-2.117-.212h-4.1V251.47h4.226a6.791,6.791,0,0,0,1.988-.235,3.946,3.946,0,0,0,1.578-.888,4.905,4.905,0,0,0,1.191-1.965,7.31,7.31,0,0,0,.341-2.367A8.209,8.209,0,0,0,160.307,243.385Zm-2.185,4.568a2.354,2.354,0,0,1-.588,1.074,2.073,2.073,0,0,1-.907.463,6.114,6.114,0,0,1-1.358.106h-1.677v-7.368H154.6a10.174,10.174,0,0,1,1.844.106,2.137,2.137,0,0,1,1.04.524,2.545,2.545,0,0,1,.637,1.077,6.644,6.644,0,0,1,.228,1.98A7.256,7.256,0,0,1,158.122,247.953Z' transform='translate(-151.346 -240.346)' fill='%23002cbf'/%3E%3C/g%3E%3Cg transform='translate(43.976 31.61)'%3E%3Cpath d='M244.472,242.228v-1.882h-7.626V251.47h2.246v-4.727h4.644v-1.882h-4.644v-2.633Z' transform='translate(-236.846 -240.346)' fill='%23002cbf'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 1rem center; */
background: transparent url('data:image/svg+xml,') no-repeat 1rem center;
/*background-size: 2.25rem 2.66rem;*/
background-size: 1.5rem 1.5rem !important;
transition: none !important;
transform: translateX(0);
}
a[href*=".pdf"]:hover,
a.pdf-link:hover {
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63.453' height='67.338' viewBox='0 0 63.453 67.338'%3E%3Cg transform='translate(-14.769)'%3E%3Cg transform='translate(14.769)'%3E%3Cpath d='M77.86,18.223,60.7.4a1.3,1.3,0,0,0-.933-.4H34.2a5.194,5.194,0,0,0-5.189,5.187V23.309H18.652a3.886,3.886,0,0,0-3.883,3.882V46.622A3.886,3.886,0,0,0,18.652,50.5H29.014V62.16A5.19,5.19,0,0,0,34.2,67.338H73.033a5.188,5.188,0,0,0,5.189-5.175V19.121A1.3,1.3,0,0,0,77.86,18.223ZM60.093,3.5,74.176,18.129H60.093ZM18.652,47.914a1.293,1.293,0,0,1-1.293-1.292V27.191A1.294,1.294,0,0,1,18.652,25.9H53.62a1.294,1.294,0,0,1,1.293,1.292V46.622a1.294,1.294,0,0,1-1.293,1.292Zm56.98,14.249a2.6,2.6,0,0,1-2.6,2.586H34.2a2.6,2.6,0,0,1-2.6-2.588V50.5H53.62A3.886,3.886,0,0,0,57.5,46.622V27.191a3.886,3.886,0,0,0-3.883-3.882H31.6V5.187a2.6,2.6,0,0,1,2.6-2.6H57.5V19.424A1.3,1.3,0,0,0,58.8,20.719H75.632Z' transform='translate(-14.769)' fill='%23FFF'/%3E%3C/g%3E%3Cg transform='translate(22.374 31.61)'%3E%3Cpath d='M80.472,241.6a2.916,2.916,0,0,0-1.6-1.089,13.072,13.072,0,0,0-2.671-.167H72.6V251.47h2.246v-4.2h1.464a12.815,12.815,0,0,0,2.329-.159,3.254,3.254,0,0,0,1.165-.527,3.05,3.05,0,0,0,.945-1.1,3.628,3.628,0,0,0,.372-1.722A3.454,3.454,0,0,0,80.472,241.6Zm-1.923,3.062a1.474,1.474,0,0,1-.7.546,5.806,5.806,0,0,1-1.776.175H74.842v-3.156h1.085a10.785,10.785,0,0,1,1.616.076,1.553,1.553,0,0,1,.9.493,1.437,1.437,0,0,1,.357,1A1.5,1.5,0,0,1,78.549,244.663Z' transform='translate(-72.596 -240.346)' fill='%23FFF'/%3E%3C/g%3E%3Cg transform='translate(32.732 31.61)'%3E%3Cpath d='M160.307,243.385a4.86,4.86,0,0,0-1.062-1.8,3.72,3.72,0,0,0-1.677-1.024,8.016,8.016,0,0,0-2.117-.212h-4.1V251.47h4.226a6.791,6.791,0,0,0,1.988-.235,3.946,3.946,0,0,0,1.578-.888,4.905,4.905,0,0,0,1.191-1.965,7.31,7.31,0,0,0,.341-2.367A8.209,8.209,0,0,0,160.307,243.385Zm-2.185,4.568a2.354,2.354,0,0,1-.588,1.074,2.073,2.073,0,0,1-.907.463,6.114,6.114,0,0,1-1.358.106h-1.677v-7.368H154.6a10.174,10.174,0,0,1,1.844.106,2.137,2.137,0,0,1,1.04.524,2.545,2.545,0,0,1,.637,1.077,6.644,6.644,0,0,1,.228,1.98A7.256,7.256,0,0,1,158.122,247.953Z' transform='translate(-151.346 -240.346)' fill='%23FFF'/%3E%3C/g%3E%3Cg transform='translate(43.976 31.61)'%3E%3Cpath d='M244.472,242.228v-1.882h-7.626V251.47h2.246v-4.727h4.644v-1.882h-4.644v-2.633Z' transform='translate(-236.846 -240.346)' fill='%23FFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 1.5rem 1.5rem !important;
background-position: 1rem center;
}
a.pdf-icon-only-link,
.pdf-icon-only-link a {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E");
overflow: hidden;
text-indent: -2000px;
background-color: #002bcf;
background-position: center center;
background-size: 3rem 3rem;
z-index: 2;
}
.news-item .pdf-icon-only-link a,
.news-item a.pdf-icon-only-link,
.news-item a.link-icon-only-link {
right: 1rem;
bottom: 1rem;
margin: 0;
width: 5rem;
height: 5rem;
border: 2px solid #FFF;
line-height: 1.2;
text-align: center;
background-size: 2rem 2rem !important;
padding: .75rem .75rem;
transform: scale(.9);
}
.news-item .pdf-icon-only-link {
right: 1rem;
bottom: 1rem;
}
.pdf-icon-only-link a:hover,
a.pdf-icon-only-link:hover {
transform: scale(1);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E");
background-position: center center !important;
}
a.link-icon-only-link {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.207' height='33.414' viewBox='0 0 34.207 33.414'%3E%3Cg id='Groupe_279' data-name='Groupe 279' transform='translate(-529 -1883.793)'%3E%3Cline id='Ligne_26' data-name='Ligne 26' x2='17' y2='16' transform='translate(545.5 1884.5)' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Ligne_28' data-name='Ligne 28' y1='16' x2='17' transform='translate(545.5 1900.5)' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Ligne_27' data-name='Ligne 27' y1='33' transform='translate(562.5 1900.5) rotate(90)' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
background-position: center center !important;
background-repeat: no-repeat;
right: 2rem;
background-color: #002bcf;
border-radius: 3rem;
}
a.link-icon-only-link:hover {
transform: scale(1);
}
/* VIDEO */
.pdf-icon-only-link .file--video {
margin-left: 0;
padding-left: 0;
}
.pdf-icon-only-link .file--video a {
background: #002bcf url(".") no-repeat center center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='30' viewBox='0 0 40 40'%3E%3Cdefs%3E%3CclipPath id='b'%3E%3Crect width='40' height='40'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='a' clip-path='url(%23b)'%3E%3Cg transform='translate(2 2)'%3E%3Cpath d='M34.5,10.5,24,18l10.5,7.5Z' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M4.5,7.5H21a3,3,0,0,1,3,3v15a3,3,0,0,1-3,3H4.5a3,3,0,0,1-3-3v-15a3,3,0,0,1,3-3Z' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
/* #endregion */
/* #region HOVER ZOOM */
.p-zoom {
overflow: hidden;
}
.p-zoom img {
display: block;
transform: scale(1);
transition: 3s linear;
}
.p-zoom:hover img {
transform: scale(1.2);
}
/* #endregion */
/* #region SOCIAL */
.social-link a {
display: inline-block;
width: 28px;
height: 24px;
margin-right: .5rem;
margin-top: 5px;
overflow: hidden;
background: url('img/sn-ext.svg') no-repeat center bottom;
background-size: 100%;
color: #fafafa;
text-indent: -1300px;
font-size: 10px;
}
.social-link a[href^="https://www.linkedin.com/"] {
background-image: url('img/sn-in.svg');
}
.social-link a[href^="https://www.facebook.com/"] {
background-image: url('img/sn-fb.svg');
}
.social-link a[href^="https://www.instagram.com/"] {
background-image: url('img/sn-insta.svg');
}
.social-link a[href^="https://www.youtube.com/"] {
background-image: url('img/sn-yt.svg');
background-size: 90%;
}
.social-link a[href^="https://www.xiaohongshu.com"] {
background-image: url('img/sn-rednote.svg');
background-size: 80%;
}
/* #endregion */
.social-sharing-wrapper {
position: relative;
min-width: 120px;
}
.social-sharing-toggle {
display: flex;
}
.social-sharing-toggle svg {
width: 18px;
display: inline-block;
}
.social-sharing-dropdown {
background: #FFF;
color: #002cbf;
padding: 0 1rem;
border-radius: .66rem;
margin-right: 1rem;
position: absolute;
z-index: 4;
}
.social-sharing-buttons {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: .5rem 0 1rem;
}
.social-sharing-buttons a,
.social-sharing-buttons__button {
margin: 0;
}
.social-sharing-buttons a span,
.social-sharing-toggle span {
margin-left: .5rem;
}
.social-sharing-buttons a,
.social-sharing-buttons a * {
color: #282828;
opacity: .75;
margin-bottom: .15rem;
transition: opacity .2s ease-in-out 0s;
}
.social-sharing-buttons a:hover,
.social-sharing-buttons a:hover * {
opacity: 1;
}
.social-sharing-buttons__popup::before {
display: none;
}
.social-sharing-buttons__popup {
background-color: #FFF;
width: 160px;
padding: 0;
}
.social-sharing-buttons__popup>div {
padding: .1rem .5rem;
}
/* #endregion */
/* #region TYPOGRAPHY */
.font2,
h4,
h5,
h6,
.viewsreference--view-title {
font-family: haboro-contrast-normal, sans-serif;
font-weight: 400;
}
.font2 strong,
h1,
h2,
h2 strong,
h3,
h4 strong,
.node h2 strong {
font-family: haboro-contrast-extended, sans-serif;
font-weight: 600;
}
.font2.light {
font-family: haboro-contrast-extended, sans-serif;
font-weight: 100;
}
.node h2,
.view-header h2 {
font-family: haboro-contrast-normal, sans-serif;
font-weight: 400;
}
h1 {
font-size: 6rem;
}
.node--type-competition h1,
.node--type-video h1 {
font-size: 4rem;
}
h2,
.viewsreference--view-title {
font-size: 4rem;
/* adapté */
margin-top: 0;
margin-left: -.1em;
margin-bottom: 1rem;
}
h3,
h4 {
font-size: 1.6667rem;
color: #002CBF;
}
h3.headline {
font-family: haboro-contrast-normal, sans-serif;
font-weight: 400;
letter-spacing: .3px;
}
h5 {
font-size: 0.875rem;
text-transform: uppercase;
}
p {
margin: 0 0 1rem;
}
.light {
font-weight: 300;
}
.larger {
font-size: 1.1rem;
}
u {
text-underline-offset: 2px;
text-decoration-color: ;
}
.lead {
color: #002CBF;
}
.black {
color: #282828 !important;
}
.highlight {
/* background-color: #FFF;
padding: 1.5rem;
border-radius: 1rem;
box-shadow: 0px 3px 8px rgba(0, 0, 0, .25); */
color: #282828;
background-color: #EEE;
padding: 1rem;
}
.emphasize {
border: 1px solid #002CBF;
padding: 1rem;
border-left: 0;
border-right: 0;
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.text-gray {
color: #808080;
}
.text-blue {
color: #002CBF;
}
.recl-wrng {
text-transform: uppercase;
color: #aaa;
text-align: right;
font-size: 12px;
}
.bg-gray {
background-color: #F2F2F2;
}
.text-underline {
text-decoration: underline;
}
.fmc-40 {
font-size: 2.733rem;
}
.fmc-60 {
font-size: 4rem;
}
.fmc-90 {
font-size: 6rem;
}
hr {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
border-top: 1px solid #002CBF;
}
.field__label {
font-size: .8rem;
font-weight: 700;
}
figcaption {
font-size: .8rem;
}
.uppercase {
text-transform: uppercase;
}
/* listes contenu */
.text-formatted ul,
.text-formatted ol {
margin: 1.5rem;
}
.text-formatted li {
margin-bottom: .5rem;
}
p.lead,
p.larger {
font-size: 1.2rem;
font-weight: 400;
}
p.huge {
font-size: 3rem;
line-height: 1.1;
}
small,
.small,
p.small {
font-size: 80%;
}
/* citation */
blockquote {
position: relative;
padding: 1.5rem 1rem 0 2.5rem;
font-size: 1.3em;
line-height: 1.3;
margin: 0 0 2rem 1rem;
font-family: haboro-contrast-extended, sans-serif;
font-weight: 400;
font-style: italic;
}
.news-content blockquote>p {
margin: 0;
}
blockquote::before {
font-family: haboro-contrast-normal, sans-serif;
font-weight: 400;
font-style: italic;
content: '“';
display: block;
text-align: left;
z-index: 0;
position: absolute;
top: 1rem;
left: -1.5rem;
font-size: 6rem;
line-height: 1;
color: #282828;
}
.news-content p.signature {
margin-top: 0;
}
blockquote.modest-quote::before {
content: none;
}
blockquote.modest-quote {
padding: 1.5rem 0 !important;
font-size: 1rem;
line-height: 1.4;
margin: 0 0 1.5rem 0;
border-top: 1px solid #002bcf;
border-bottom: 1px solid #002bcf;
}
.text-max-width {
max-width: 570px;
}
.mb-6 {
margin-bottom: 7rem;
}
.paragraph table,
.paragraph table tbody,
.paragraph table tr,
.paragraph table td {
border: 0;
background-color: transparent;
}
.paragraph table {
width: 90% !important;
background-color: #FFF;
margin: 10vh 0 0;
}
.paragraph table tr {
display: flex;
flex: 0 0 100%;
flex-direction: row;
justify-content: space-between;
padding: 0;
}
.paragraph table td {
display: block;
vertical-align: top;
flex: 1 1 0;
padding: 1rem 1rem 0;
background-color: #FFF;
border-left: 5px solid #002cbf;
}
.paragraph--view-mode-black-background table td {
background: #000;
border: 0;
flex: 0 0 50%;
padding: 0 1rem 0 0;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
/* #endregion */
/* #region NAV */
/* #region DEFAULT NAVBAR */
/* #region LOGO - BRAND */
.header .navbar-brand {
padding-top: 20px;
padding-bottom: 20px;
font-size: 1rem;
line-height: 1;
display: flex;
align-items: center;
color: #FFF;
}
.header .navbar-brand svg {
width: 90px;
height: auto;
margin-right: 1rem;
}
/* site-name */
.header .navbar-brand .site-name {
visibility: hidden;
opacity: 0;
letter-spacing: 1px;
transform: translateX(-1rem);
transition: all .3s ease-in-out 0s;
}
.path-frontpage .header .navbar-brand .site-name,
.header .navbar-brand:hover .site-name {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
/* Fixed-top et affix */
.scrolled .header .navbar-brand,
.scrolled .header .navbar-brand {
padding-top: 5px;
padding-bottom: 5px;
}
.scrolled .header .navbar-brand svg,
.scrolled .header .navbar-brand svg {
width: 60px;
}
/* #endregion */
/* #region NAVBAR */
/* Navbar */
#header .navbar {
padding: 0;
position: fixed;
left: 0;
right: 0;
width: 100%;
z-index: 500;
/* plus haut que offcanvas */
}
#navbar-main {
background-color: transparent;
}
/* Permet le calcul du padtop */
.p-loaded #navbar-main,
button {
transition: all .5s .15s;
}
.scrolled #navbar-main {
background-color: #000;
}
/* #region Scrolldown hide */
.scrolled.scrolldown .fixed-top,
.scrolled.scrolldown .affix {
top: -100px;
}
.scrolled.scrollup .fixed-top,
.scrolled.scrollup .affix {
top: 0;
}
/* #endregion */
/* #endregion */
/* #region DROPDOWN */
.dropdown-toggle::after {
display: none;
}
.dropdown-menu {
/* border-radius: 0;
border: 0 none;
border-left: 1px solid #002CBF;
margin-top: 0;*/
display: block;
}
.bg-neg .dropdown-menu {
background: none;
padding-left: 0;
}
.dropdown-menu>.dropdown-item {
padding: 0;
opacity: 0;
transform: translateX(100px);
transition: all .3s ease-in-out 0s;
}
.p-offcanvas-content .nav-item .dropdown-item a {
font-size: 1.666rem;
width: 100%;
display: block;
padding: .5rem 0;
opacity: .6;
}
.p-offcanvas-content .nav-item .dropdown-item a:hover,
.p-offcanvas-content .nav-item .dropdown-item a.active {
text-decoration: underline;
opacity: 1;
}
.p-offcanvas-content .nav-item .dropdown-item {
display: block;
}
.dropdown:hover>a+.dropdown-menu>.dropdown-item {
transform: translateX(0);
opacity: 1;
}
/* #endregion */
/* #region RESPONSIVE */
.navbar-toggler.p-btn span,
.navbar-toggler.p-btn::before,
.navbar-toggler.p-btn::after {
background: #fafafa;
}
@media (max-width: 991px) {
.header .navbar-brand,
.scrolled .header .fixed-top .navbar-brand,
.scrolled .header .affix .navbar-brand {
padding-top: 5px;
padding-bottom: 5px;
margin-left: 15px;
}
.header .navbar-brand img,
.scrolled .header .fixed-top .navbar-brand img,
.scrolled .header .affix .navbar-brand img {
width: 36px;
}
/* permet le scroll pour les grands menus */
.navbar.fixed-top,
.navbar.affix {
overflow: auto;
max-height: 100vh;
align-items: flex-start;
}
.scrolled.scrolldown .fixed-top,
.scrolled.scrolldown .affix {
/* désactive la disparition au scrolldown pour les mobiles */
/* marche pas super avec l'admin toolbar */
top: 0;
}
#navbar-main .nav-item {
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
#navbar-main .nav-item a {
color: #ddd;
padding: .6em 15px;
display: block;
}
/* dropdown */
.dropdown-menu {
border: 0 none;
background-color: rgba(0, 0, 0, 0.2);
}
.dropdown-item {
padding: 0;
border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.dropdown-item a {
margin-left: 15px;
}
.dropdown-menu {
margin-top: 0;
padding-top: 0;
}
/* lang */
#navbar-main .block-language {
margin-right: 15px;
}
}
/* #endregion */
/* #endregion */
/* #region LANG */
.block-language .links span {
padding: 0;
}
.block-language .links a {
display: inline-block;
padding: .6rem;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
/* #endregion */
/* #region SOCIAL HEADER */
.bloc-social-header {
position: fixed;
right: 1rem;
top: 2.75rem;
height: 2rem;
transition: all .33s ease-in-out .15s;
}
.bloc-social-header p.social-link {
display: flex;
line-height: 1 !important;
align-items: center;
height: 2.75rem;
padding-left: 1rem;
border-left: 1px solid #282828;
border-left: 1px solid #AAA;
}
.scrolled .bloc-social-header {
top: .45rem;
}
#block-socialheader .p-edit-link,
#block-socialheader .field--name-dynamic-token-fieldblock-content-block-edit {
display: none;
}
/* #endregion */
/* #region SEARCH */
#p-searchbtn {
width: 1.4rem;
height: 1.5rem;
position: fixed;
z-index: 1502;
top: 3.5rem;
right: 1rem;
right: 12.5rem;
cursor: pointer;
}
.scrolled #p-searchbtn {
top: 1.2rem;
}
.search-open .p-modal-close {
top: ;
right: 9rem;
}
.search-block-form {
width: 100%;
height: 100%;
}
#search-block-form {
border-bottom: 1px solid #AAA;
margin: auto;
width: 100%;
max-width: 1140px;
margin-top: 20vh;
}
.search-block-form .container-inline {}
.search-block-form .container-inline>div {
margin: auto;
width: 100%;
display: flex;
flex-flow: row wrap;
}
/* .search-block-form>fieldset {
width: 50% !important;
display: inline-block;
} */
.search-block-form input {
font-family: haboro-contrast-normal, sans-serif;
border: 0;
border-radius: 0;
background-color: #2222;
color: #DDD;
padding: 1rem 0 1rem;
font-size: 3rem;
display: inline-block;
width: calc(100% - 100px);
}
.search-block-form input:focus {
background-color: rgba(0, 0, 0, .1);
border-color: #FFF;
color: #FFF;
outline: 0 !important;
box-shadow: none !important;
}
.search-block-form input::placeholder {
color: rgba(255, 255, 255, .5);
}
.search-block-form .form-actions {
margin-left: auto;
}
.search-block-form .form-actions .form-submit {
border: 0;
background-color: yellow;
height: 3rem;
width: 8rem;
border-radius: 0;
background: transparent url('img/search-arrow@2x.png') no-repeat 90% center;
background-size: 50%;
text-indent: 20rem;
overflow: hidden;
}
.search-block-form .form-actions .form-submit:hover {
background-position: 100% center;
}
/* #endregion */
/* #region OFF-CANVAS */
/* Remove row in settings - Clean wrapper for Off-Canvas region */
#p-offcanvas {
/* bg-neg dans le template */
background-color: #000;
/* Paramétrable jusqu'à 100% */
width: 100%;
}
@media (max-width:991px) {
#p-offcanvas {
/* Force à 100% de largeur pour les mobiles */
width: 100%;
}
}
.p-offcanvas-overflow {
padding: 40vh 0 5vh;
height: 100%;
}
.p-offcanvas-content,
.region-offcanvas {
height: 100%;
}
.region-offcanvas {
padding-left: 15px;
padding-right: 15px;
}
#p-offcanvas-cover {
background: rgba(0, 0, 0, .4);
}
#p-offcanvasbtn {
border: 0;
text-transform: uppercase;
background: none;
color: #FFF;
right: 2.5rem;
right: 14rem;
margin-top: 3rem;
letter-spacing: 0rem;
font-size: 1.6666rem;
}
.scrolled #p-offcanvasbtn {
margin-top: .55rem;
}
.p-occlose {}
/* #region OC NAV */
.p-offcanvas-content .navbar-nav {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.p-offcanvas-content .navbar-nav .nav-item {
flex: 0 1 0;
}
.p-offcanvas-content .nav-item a {
font-size: 4.5rem;
letter-spacing: -0.02em;
white-space: nowrap;
}
#p-offcanvas .dropdown-menu {}
.oc-social {
text-align: right;
}
.sec-nav .nav-item {
padding: 0;
}
.sec-nav a.nav-link,
.oc-social a {
padding: 0 2rem 0 0;
font-size: 1.3333rem;
}
/* #endregion */
/* #endregion */
/* #region COLOR CHANGE NAVBAR */
body:not(.scrolled).change-color .navbar-brand svg path {
fill: #000 !important;
}
body:not(.scrolled).change-color #p-offcanvasbtn,
body:not(.scrolled).change-color .navbar-brand {
color: #000;
}
body:not(.scrolled).change-color #p-searchbtn:after,
body:not(.scrolled).change-color #p-searchbtn:before,
body:not(.scrolled).change-color #p-searchbtn span {
border-color: #000;
background-color: #000;
}
body:not(.p-scrolled).change-color #p-searchbtn span {
background-color: transparent;
}
body:not(.scrolled).modal-open .navbar-brand svg path,
body:not(.scrolled).p-offcanvas-on .navbar-brand svg path {
fill: #FFF !important;
}
body:not(.scrolled).modal-open #p-searchbtn:after,
body:not(.scrolled).modal-open #p-searchbtn:before,
body:not(.scrolled).modal-open #p-searchbtn span,
body:not(.scrolled).p-offcanvas-on #p-searchbtn:after,
body:not(.scrolled).p-offcanvas-on #p-searchbtn:before,
body:not(.scrolled).p-offcanvas-on #p-searchbtn span {
border-color: #FFF;
background-color: #FFF;
}
body:not(.scrolled).p-offcanvas-on #p-searchbtn span,
body:not(.scrolled).modal-open #p-searchbtn span {
background-color: transparent;
}
body:not(.scrolled).p-offcanvas-on #p-offcanvasbtn,
body:not(.scrolled).modal-open #p-offcanvasbtn {
color: #FFF;
}
body:not(.scrolled).change-color .social-link a {
background-position: center top !important;
}
body:not(.scrolled).change-color .social-link a[href*="facebook.com"] {
background-position: center -0.5px !important;
}
/* #endregion */
/* #endregion */
/* #region CONTENT DISPLAY */
/* #region SEARCH PAGE */
.path-search #content {
padding-top: 15vh;
padding-bottom: 10vh;
}
.block-system .search-form {
max-width: 500px;
margin-bottom: 5rem;
display: none;
}
.node_search-results {
padding-left: 0;
max-width: 800px;
}
.node_search-results li {
list-style: none;
padding: 2rem 0;
margin-bottom: 2rem;
border-bottom: 1px solid #CCC;
}
a.search-help-link {
display: none;
}
/* #endregion */
/* #region MODAL */
/* voile */
.p-modal {
background: rgba(0, 0, 0, 1);
}
/* fenêtre */
.p-modal-inner {
/* largeur modal ------ */
max-width: none;
/* fermé */
/*transform: scale(.7) rotateX(15deg);*/
}
.p-modal-open .p-modal-inner {
/* ouvert */
/*transform: scale(1) rotateX(0deg);*/
}
.p-modal-overflow {
/* hauteur et position de la modale ---- */
margin: 15vh 10px;
height: auto;
overflow: visible;
}
.p-modal-overflow a {
color: #FFF;
}
.p-modal-overflow a:hover {
color: #333;
}
.p-modal-close {
display: none;
position: fixed;
background-color: #000;
top: 36px;
right: -10px;
width: 2.5rem;
}
.scrolled .p-modal-close {
top: -2px;
}
.search-open .p-modal-close {
display: block;
}
/* #endregion */
/* #region ACCORDION */
/* Titre */
.p-accordion .group-title {
border-top: 1px solid #002CBF;
padding: 1rem 55px 1rem 0;
transition: .7s;
}
.p-accordion {
padding: 0 !important;
}
.bg-neg .p-accordion .group-title {
border-top-color: #fafafa;
}
.p-accordion .group-wrapper:first-of-type .group-title {
border-top-width: 0;
}
.p-accordion-open .group-title,
.p-accordion .group-title:hover {
color: #002CBF;
}
.bg-neg .p-accordion .group-title {
color: #fafafa;
}
/* Contenu pour padding et bg */
.p-accordion .group-rows-inner {
padding: .5em 0;
}
/* #endregion */
/* #region TABS */
/* Titre */
.p-tabs .group-title {
border: 1px solid #888;
padding: .5rem .8rem 0;
margin-left: .5rem;
background: rgba(255, 255, 255, 0.1);
}
.bg-neg .p-tabs .group-title {
border-color: #fafafa;
}
.p-tabs .group-title>* {
font-size: 1rem;
}
.p-tabs .group-title:hover {
color: #002CBF;
}
.p-tabs-open .group-title,
.p-tabs-open .group-title:hover {
/* couleur du fond pour la bordure */
border-bottom-color: #fafafa;
color: #002CBF;
background: rgba(255, 255, 255, 0);
}
.bg-neg .p-tabs .group-title {
color: #fafafa;
}
.bg-neg .p-tabs-open .group-title {
border-bottom-color: #002CBF;
}
/* Contenu pour padding et bg */
.p-tabs .group-rows {
border-top: 1px solid #888;
}
.bg-neg .p-tabs .group-rows {
border-top-color: #fafafa;
}
.p-tabs .group-rows-inner {
padding: 15px 0;
}
/* #endregion */
/* #region READMORE */
.p-readmore {
margin-bottom: 1.5em;
}
/* #endregion */
.node__content h2 {
margin-bottom: 2rem;
}
.node--type-competition #main {
padding-top: 150px;
}
.cmp-logo {
max-width: 180px;
margin-right: 15px;
}
.fmcim-hash {
height: 0;
overflow: hidden;
}
.node img {
display: block;
max-width: 100%;
height: auto;
}
/*.news-item .relative:before {
content: '';
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #002cbf;
}*/
.page-node-66 .paragraph table {
margin: 0;
}
.page-node-66 .bg-black {
padding: 0 0 10vh;
}
/* #region PEOPLE TEAM */
.people-item {
margin-bottom: 10rem;
}
.people-item.archive-item {
margin-bottom: 3rem;
}
.people-item p {
font-size: 1.2rem;
}
.people-item ul.list-group {
margin: 0;
}
.people-item ul.list-group li {
margin: 0;
padding: 0;
}
.people-item img {
margin-bottom: 1rem;
}
.people-item h4 {
margin-bottom: 0;
}
.view-fmcim-people .group-title h3 {
margin: 5rem 0 3rem;
}
/* #endregion */
/* #region VIEWS Sponsors */
.view-fmcim-sponsors .group-title {
display: none;
}
.view-fmcim-sponsors .group-wrapper {
margin-bottom: 3rem;
}
.view-fmcim-sponsors .group-wrapper:last-child {
margin-bottom: 0;
}
.spo-item {
width: 20%;
margin: 15px 15px 30px;
border: 1px solid #CCC;
}
.view-fmcim-sponsors .group-wrapper:last-child .spo-item {
width: 15%;
margin-right: 15px;
}
/* #endregion */
/* #region SWIPER */
/* swiper classic accepts different ratios */
.swiper-button-next,
.swiper-button-prev {
outline: 0;
color: #002CBF;
background: transparent url('img/blue-arrow@2x.png') no-repeat left top;
height: 2.2rem;
display: block;
background-size: contain;
text-indent: -100px;
overflow: hidden;
}
.swiper-button-prev {
transform: scaleX(-100%);
}
/*.p-full-arrow,
.swiper-button-next {
width: 100%;
position: absolute;
bottom: 0;
text-indent: -100px;
overflow: hidden;
}*/
.swiper-classic.swiper-container {
overflow: visible;
height: 400px;
padding-left: 1rem;
}
.swiper-classic .swiper-wrapper {
height: 400px;
}
.swiper-classic .swiper-slide {
width: auto;
height: 400px;
}
.swiper-classic .swiper-slide img {
height: 100%;
width: auto;
}
.swiper-cl-btn:focus {
outline: none;
box-shadow: none;
}
.swiper-cl-btn {
width: 3.5rem;
bottom: 5rem;
position: absolute;
right: 0;
transition: all .2s linear;
background-color: #FFF;
}
.swiper-cl-btn:hover {
background-position: .5rem;
}
.swiper-btn-next.swiper-cl-btn {}
.swiper-btn-prev.swiper-cl-btn {
right: 5rem;
transform: rotate(180deg);
}
/* Enlever pour superposer */
.swiper-classic,
.swiper-coverflow {
padding-bottom: 40px;
}
.swiper-pagination-bullet {
outline: 0;
}
.swiper-pagination-bullet-active,
.swiper-scrollbar-drag {
background-color: #002CBF;
}
.bg-neg .swiper-pagination-bullet-active,
.bg-neg .swiper-scrollbar-drag {
background-color: #fafafa;
}
.swiper-cube {
max-width: 480px;
padding: 10vh 0;
}
/* Swiper flat (1 image à la fois) */
.swiper-flat {
position: relative;
}
.swiper-buttons {
right: 0;
position: absolute;
bottom: 10px;
width: 100px;
}
.swiper-flat+.swiper-buttons {}
.swiper-flat.sw-no-caption+.swiper-buttons {
bottom: 0;
}
.swiper-flat .image-field-caption {
position: static;
width: calc(100% - 110px);
margin: 1rem 0;
text-align: left;
font-family: haboro-contrast-normal, sans-serif;
font-size: 1rem;
text-shadow: none;
color: #002bcf;
opacity: 0;
transition: opacity .3s ease-in-out 1s;
}
.swiper-flat .image-field-caption * {
margin: 0;
}
.swiper-flat .swiper-slide img {
margin-bottom: 1rem;
}
.swiper-flat .swiper-slide.swiper-slide-active img+figcaption {
margin-top: 0rem;
}
.swiper-flat .swiper-slide-active .image-field-caption {
opacity: 1;
}
/*home*/
#block-fmcim-slider-block-home:before {
content: '';
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 70%);
position: absolute;
top: 0;
left: 0;
right: 0;
height: 160px;
z-index: 2;
}
.view-fmcim-slider {}
.swiper-fs .swiper-container {
position: relative;
}
.swiper-fs .slide-container .reclame-img,
.swiper-fs .slide-container .slide-fs-img {
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.swiper-fs .slide-container .slide-fs-img img {
max-width: none;
width: 100%;
height: 100%;
object-fit: cover;
}
.sm-img {
display: none;
}
@media all and (max-width:480px) {
.lg-img+.reclame-img.sm-img {
display: block;
}
}
.swiper-fs .swiper-slide {
background-color: #000;
}
.node--type-slide,
#block-fmcim-slider-block-home .node--type-reclame {
width: 100vw;
max-width: 100vw;
position: relative;
}
.fs-link a {
display: block;
position: absolute;
top: 120px;
left: 1rem;
right: 2rem;
bottom: 4rem;
overflow: hidden;
text-indent: -1000px;
}
.slide-container {
min-height: 100vh;
display: flex;
align-items: center;
height: 100%;
}
/* Zoom-in effect */
.swiper-fs .swiper-slide .absolute,
.swiper-fs .swiper-slide .reclame-img {
transition: transform 5.5s ease-out;
}
.swiper-fs .swiper-slide-active .absolute,
.swiper-fs .swiper-slide-active .reclame-img {
transform: scale(1.1);
}
.slide-video,
.slide-video video {
width: 100% !important;
height: 100% !important;
object-fit: cover
}
.slide-body {
padding-top: 0px;
}
.swiper-container {
position: relative;
}
.swiper-pagination {}
.swiper-fs .swiper-pagination {
bottom: 5vh;
width: 50vw;
max-width: 1170px;
margin: auto;
left: 15px;
text-align: left;
}
.swiper-fs .swiper-pagination .swiper-pagination-bullet {
width: 100px;
border-radius: 0;
height: 3px;
background-color: rgba(255, 255, 255, .3);
opacity: 1 !important;
transition: all .5s linear 0s;
}
.swiper-fs .swiper-pagination .swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-fs .swiper-pagination .swiper-pagination-fake-progress {
display: block;
height: 3px;
width: 0%;
background-color: #FFF;
animation: none;
}
.swiper-fs .swiper-pagination .swiper-pagination-bullet-active .swiper-pagination-fake-progress {
width: 100%;
animation: FakeProgress 4s linear 0s;
}
@keyframes FakeProgress {
0% {
opacity: 0;
width: 10%;
}
5% {
opacity: 1;
}
100% {
opacity: 1;
width: 100%;
}
}
.swiper-fs .swiper-pagination .swiper-pagination-bullet-active {}
@media (max-aspect-ratio:16/9) {
.swiper-fs .slide-container .slide-fs-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
/* RECLAMES */
.swiper-reclame {
margin: auto;
display: block;
}
.swiper-reclame.view-display-id-reclame_medium {
max-width: 650px;
max-height: 80vh;
}
.swiper-reclame.view-display-id-reclame_large {
max-width: 650px;
}
.swiper-reclame.view-display-id-reclame_large img {
max-height: 80vh;
width: auto;
}
/* #endregion */
/* #region VIEWS CUSTOM LAYOUTS */
/* general styling */
.viewsreference--view-title {
display: none;
}
.group-rows {
display: flex;
flex-flow: row wrap;
}
.fmcim-views .group-wrapper {
display: flex;
flex-direction: row;
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #333;
}
.fmcim-views .group-wrapper .group-rows {
flex-grow: 1;
}
/* #region EXPOSED FILTERS */
.fmcim-filters,
.view-fmcim-archives .view-filters {
background-color: #000;
flex: 1 1 100%;
padding: 0 15px;
}
.fmcim-filters .max-width {
position: relative;
}
.fmcim-filters * {
transition: all .2s linear;
}
.filters-list {
padding-top: .5rem;
padding-bottom: .5rem;
border-bottom: 1px solid #555;
font-size: 1.333rem;
}
.filters-list>span {
display: inline-block;
}
.filters-list a {
margin: 0 0 0 1rem;
}
.fmcim-filters .collapsible-filters {
position: relative;
}
.fmcim-filters .form-row {
display: flex;
flex-flow: row wrap;
padding-bottom: 3rem;
}
.fmcim-filters .form-item {
display: flex;
flex-direction: row;
}
.fmcim-filters fieldset.form-item {
flex-grow: 1;
display: flex;
flex-flow: row wrap;
align-items: stretch;
margin-bottom: 0;
}
.fmcim-filters .form-item legend {
display: none;
}
.fmcim-filters .form-item .fieldset-wrapper {
display: flex;
flex: 0 0 100%;
padding-top: 2rem;
align-items: center;
}
.fmcim-filters fieldset .description {
font-family: 'haboro-contrast-normal', sans-serif;
order: -1;
min-width: 300px;
font-size: 2.5rem;
color: #FFF !important;
align-self: flex-start;
margin-right: 5rem;
line-height: 1.2;
}
.fmcim-filters fieldset .description strong {
font-family: haboro-contrast-extended;
font-weight: 600;
}
.fmcim-filters .form-row .form-actions {
margin-left: auto;
margin-left: 380px;
padding: 0;
}
.fmcim-filters .form-submit,
.view-fmcim-archives .view-filters .form-submit {
border: 0;
/*border-radius: 0;*/
background-color: #666;
position: relative;
}
.fmcim-filters .form-submit:first-child,
.view-fmcim-archives .view-filters .form-submit:first-child {
padding-right: 4rem;
}
.fmcim-filters .form-submit:first-child:after,
.view-fmcim-archives .view-filters .form-submit:first-child:after {
content: '';
margin-left: 1rem;
position: absolute;
right: 1.5rem;
top: .75rem;
display: block;
background: transparent url('img/search-arrow.png') no-repeat center center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.207' height='33.414' viewBox='0 0 34.207 33.414'%3E%3Cg id='Groupe_279' data-name='Groupe 279' transform='translate(-529 -1883.793)'%3E%3Cline id='Ligne_26' data-name='Ligne 26' x2='17' y2='16' transform='translate(545.5 1884.5)' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Ligne_28' data-name='Ligne 28' y1='16' x2='17' transform='translate(545.5 1900.5)' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Ligne_27' data-name='Ligne 27' y1='33' transform='translate(562.5 1900.5) rotate(90)' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
background-size: contain;
width: 1rem;
height: 1rem;
}
.fmcim-filters .form-submit:first-child:hover:after,
.view-fmcim-archives .view-filters .form-submit:first-child:hover:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.207' height='33.414' viewBox='0 0 34.207 33.414'%3E%3Cg id='Groupe_279' data-name='Groupe 279' transform='translate(-529 -1883.793)'%3E%3Cline id='Ligne_26' data-name='Ligne 26' x2='17' y2='16' transform='translate(545.5 1884.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Ligne_28' data-name='Ligne 28' y1='16' x2='17' transform='translate(545.5 1900.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='Ligne_27' data-name='Ligne 27' y1='33' transform='translate(562.5 1900.5) rotate(90)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.fmcim-filters .form-submit:last-child,
.view-fmcim-archives .view-filters .form-submit:last-child {
background: none;
color: #CCC;
}
.fmcim-filters .form-submit:last-child:hover,
.view-fmcim-archives .view-filters .form-submit:last-child:hover {
color: #FFF;
}
/* checkboxes / radios */
.fmcim-filters .form-check {
padding-left: 0;
}
.fmcim-filters fieldset.form-item legend {
display: none;
}
.fmcim-filters .form-check {
display: inline-block;
margin-right: .66rem;
margin-bottom: 0rem;
overflow: hidden;
}
.fmcim-filters .form-check-label {
margin-left: 0;
cursor: pointer;
font-size: 1rem;
text-transform: uppercase;
border: 1px solid #FFF;
padding: .2rem 1rem;
border-radius: 100px;
}
.fmcim-filters .form-check-input:checked~.form-check-label,
.fmcim-filters .form-check-label:hover,
.fmcim-filters .active-exp-filter,
.fmcim-filters .filters-open:hover {
color: #000;
background-color: #FFF;
}
.fmcim-filters .form-check-label::before,
.form-check-label::after {
display: none;
}
/* autocomplets and list */
.view-fmcim-archives .view-filters input,
.view-fmcim-archives .view-filters select {
background-color: transparent;
border: 1px solid #888;
border-radius: 1.5rem;
color: #FFF;
}
.view-fmcim-archives .view-filters select option,
.view-fmcim-archives .view-filters select optgroup {
-webkit-appearance: none;
color: #000;
}
.ui-widget-content {
background-color: #000 !important;
color: #CCC !important;
border: 0 !important;
}
.ui-widget-content a {
color: #FFF;
border: 0 !important;
display: block;
padding-left: 1rem !important;
}
.ui-widget-content a:hover,
.ui-widget-content a:active,
.ui-widget-content a:focus {
background-color: #333 !important;
}
.ajax-progress-throbber,
.ajax-progress.throbber,
.ajax-progress .throbber,
.ajax-progress.is-loading,
.icon-throbber,
.is-loading {
background-image: url('img/throbber-active.gif') !important;
}
.js input.form-autocomplete {
/*background-image: url('img/throbber-inactive.gif');*/
/*background-image: url('img/throbber-active.gif')!important;*/
background-image: none;
background-position: 95% center;
padding-left: 1rem;
}
.js input.form-autocomplete.ajax-progress-throbber {
/*background-image: url('img/throbber-active.gif');;*/
background-color: red !important;
}
/* ARTISTS */
#views-exposed-form-fmcim-archives-block-1 .js-form-item {
margin-right: 1.5rem;
}
#views-exposed-form-fmcim-archives-block-1 .form-type-select select {
display: block;
padding: .375rem .75rem;
height: calc(1.5em + .75rem + 2px);
}
/* #endregion Exp filters */
/* top block + pagination */
.alpha-pagination .group-title h3 {
font-family: Roboto, sans-serif;
font-weight: 400;
}
.alpha-pagination .group-title h3 a {
color: #000;
}
.alpha-pagination .group-title h3 a:hover {
color: #002cbf;
}
.alpha-pagination .group-rows {
display: none;
}
.alpha-pagination .view-content {}
.alpha-pagination .group-wrapper {
display: inline-block;
}
.fmcim-views-top>* {
padding-top: 2rem;
padding-bottom: 2rem;
}
.fmcim-views-top .view-header {
border-right: 1px solid #555;
}
.fmcim-views-top .group-wrapper {
border: 0;
}
/* view content*/
.fmcim-views .group-title {
width: 16.667%;
}
.fmcim-views .group-rows {
width: 83.333%;
}
.fmcim-views>.view-content {
border-top: 1px solid #555;
}
.view-display-id-members_map>.view-content {
padding: 0 !important;
}
.fmcim-views>.view-content .group-title {
font-size: 4rem;
}
/* view footer & view switch */
.fmcim-views .view-footer,
.view-fmcim-dates .view-footer {
position: absolute;
right: 1rem;
padding-top: 1rem;
font-size: 1rem;
}
.views-display-switch a {
padding-left: .2rem;
padding-right: .5rem;
}
.views-display-switch a {
border-right: 1px solid #FFF;
}
.views-display-switch a:last-child {
border-right: 0;
}
a.views-display-switch__link--active {
color: #FFF;
}
#geofield-map-view-fmcim-competitions-members-map {
height: 0 !important;
padding-bottom: 40% !important;
}
.view-fmcim-archives .view-filters {
margin-bottom: 10vh;
padding-top: 3rem;
}
.view-fmcim-archives .view-filters .form-row {
max-width: 1200px;
}
.view-fmcim-archives .view-filters .form-row fieldset {
flex: 0 0 50%;
display: flex;
}
.view-fmcim-archives .view-filters .form-row fieldset>* {}
.view-fmcim-archives .view-filters label {
flex: 0 0 25%;
}
.view-fmcim-archives .view-filters .form-control,
.view-fmcim-archives .view-filters .form-select {
max-width: 360px;
}
/* #endregion */
/* #region VIEWS DEFAULT ITEMS LAYOUT */
.fmcim-grid {}
.fmcim-grid .cmp-discipline {
margin-top: 3rem;
}
.fmcim-grid .group-wrapper {
align-items: stretch;
}
.fmcim-grid .group-title {}
.fmcim-grid .group-rows {
flex-flow: row wrap;
}
.fmcim-grid .flex-item {}
.fmcim-item {
overflow: hidden;
margin-bottom: 2rem;
}
/* Last line: count in global.js */
.fmcim-item.last-liner {
margin-bottom: .5rem !important;
}
.fmcim-item.last-liner::after {
content: '' !important;
display: none !important;
}
/* AGENDA */
/* Dates commons */
.view-fmcim-dates .view-header {
border: 0;
}
.view-fmcim-dates .group-rows {
margin-left: 0;
margin-right: 0;
}
.view-fmcim-dates .group-wrapper,
.view-fmcim-dates .group-title {
border-bottom: 1px solid #CCC;
margin-left: -15px;
margin-right: -15px;
}
.view-fmcim-dates .group-wrapper {
margin-bottom: 4rem;
}
.view-fmcim-dates .group-title {
margin-bottom: 2rem;
margin-left: 0;
margin-right: 0;
}
.view-fmcim-dates h3 {
font-family: haboro-contrast-normal;
}
.view-fmcim-dates .group-title h3 {
border-left: 4px solid #002CBF;
padding-left: 1rem;
font-size: 4rem;
margin-left: 15px;
margin-right: 15px;
}
.fmcim-ribbon {
text-align: center;
font-size: .85rem;
position: absolute;
padding: .25rem 1rem;
width: 33.33%;
max-width: 150px;
height: ;
color: #FFF;
background: #002CBF;
top: 0;
right: 0;
transform: translateX(33%) translateY(-6%) rotate(45deg);
transform-origin: top left;
}
.fmcim-ribbon:before,
.fmcim-ribbon:after {
content: '';
position: absolute;
top: 0;
margin: 0 -1px;
/* tweak */
width: 150%;
height: 100%;
background: #002CBF;
}
.fmcim-ribbon:before {
right: 100%;
}
.fmcim-ribbon:after {
left: 100%;
}
.ribbon-red,
.ribbon-red:before,
.ribbon-red:after {
background-color: #DD0000;
}
.fmcim-dates-list .fmcim-ribbon {
/* left: 0;
transform: translateX(-33%) translateY(-6%) rotate(-45deg);
transform-origin: top right;*/
/*left: 13.3%;*/
}
/* Grid view */
.fmcim-grid .fmcim-item {
border-left: 4px solid #002CBF;
margin-bottom: 2rem;
min-height: 280px;
padding-left: 1rem;
min-height: 100px;
padding-bottom: 2.5rem;
padding-bottom: 4rem;
}
.fmcim-grid .fmcim-item::after,
.fmcim-dates-grid .fmcim-item:after {
content: '';
display: block;
margin-left: -20px;
margin-right: -10px;
position: absolute;
bottom: -1rem;
border-bottom: 1px solid #CCC;
width: 100%;
width: calc(100% + 5px);
}
.fmcim-grid.view-eva .fmcim-item::after {
display: none;
}
.fmcim-dates-grid .fmcim-item .views-row-inner {
border-left: 4px solid #002CBF;
margin-bottom: 2rem;
min-height: 280px;
padding-left: 1rem;
height: 100%;
min-height: 100px;
padding-bottom: 40px;
}
.fmcim-dates-grid .group-title h3 {
border: 0;
padding-left: 0;
font-size: 2.733em;
}
/* EVA dates */
.view-display-id-eva_cmp_dates {
/* display: flex;
flex-direction: row;
flex: 0 0 100%;*/
}
.view-display-id-eva_cmp_dates>div {
/*flex: 1 1 0;*/
}
.view-display-id-eva_cmp_dates .group-wrapper {
margin-bottom: 3rem;
}
.view-display-id-eva_cmp_dates .fmcim-item {
margin-bottom: 0rem;
}
.view-display-id-eva_cmp_dates .group-rows {
margin-left: 0;
margin-right: 0;
padding: .5rem 0;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
/* List view */
.fmcim-dates-list .group-wrapper {}
.fmcim-dates-list .group-title {}
.fmcim-dates-list .group-title h3 {}
.fmcim-dates-list .group-rows {
flex-direction: column;
}
.fmcim-dates-list .fmcim-item {
flex: 0 0 100%;
max-width: none !important;
border-bottom: 1px solid #CCC;
padding: 2rem 0 2rem;
margin-bottom: 0rem;
}
.fmcim-dates-list .fmcim-item:first-child {
padding-top: 0;
}
.fmcim-dates-list .fmcim-item:last-child {
border: 0;
}
.fmcim-dates-list .fmcim-item .views-row-inner {
border: 0;
padding-left: 0;
display: flex;
}
.fmcim-dates-list .cmp-link {
padding-bottom: 30px;
}
.blue-border {
border-left: 4px solid #002CBF;
padding-left: 1rem;
}
/* Home view */
.dategrid-item {
padding-top: 1rem;
padding-bottom: 3.5rem;
border: 1px solid #CCC;
overflow: hidden;
}
.dategrid-item .node {
margin-top: 2rem;
}
.dategrid-item .p-full-arrow {
bottom: 1rem;
}
.view-fmcim-dates-homepage- .view-header {
padding-bottom: 10vh;
}
.view-fmcim-dates-homepage- .view-footer {
padding-top: 2rem;
}
a.upcoming-switch {
color: #999;
cursor: pointer;
text-decoration: underline;
}
a.upcoming-switch:hover,
a.upcoming-switch.is-active {
color: #000;
}
/* #endregion */
.alpha-pagination {
padding-left: 2rem;
padding-right: 2rem;
}
.alpha-pagination .group-title {
width: auto;
margin: 0 1rem .5rem;
}
/* MISC */
.image-field-caption {
position: absolute;
bottom: 1rem;
right: 1rem;
color: #FFF;
text-shadow: 0px 3px 5px #444;
}
.comma-items>*:after {
content: ',';
display: inline;
margin-left: -.15rem;
padding-left: 0;
}
.comma-items>*:last-child:after {
content: '';
}
/* #region NEWS Layout v2 */
@media (min-width:1024px) {
.max-width-head {
max-width: 66.666%;
margin-right: auto;
margin-left: auto;
}
}
h1.news-title {
border-bottom: 1px solid #DDD;
}
.bloc-latest-home,
.bloc-latest-home .swiper-wrapper,
.bloc-latest-home .swiper-container {
overflow: visible !important;
}
.view-fmcim-news-blocks .view-header {
margin-bottom: 3rem;
}
.fmcim-views-top .field--name-body {
margin-top: 3rem;
}
.swiper-news .swiper-slide {
align-self: stretch;
height: auto;
}
.news-details {
flex-flow: row wrap;
}
.minitag {
background: #F2F2F2;
color: #002cbf;
padding: 0 1rem 2px;
border-radius: 1rem;
margin-right: 1rem;
display: inline-block;
margin-bottom: 1rem;
}
.teaser-minitag {
position: absolute;
top: .5rem;
left: .5rem;
}
.news-content p {
margin: 1.5rem 0;
}
.news-content p,
.news-content blockquote,
.news-content h3 {
/*max-width: 50em;*/
}
.paragraph figcaption.image-field-caption {
position: static;
color: #002cbf;
font-size: 1rem;
margin-top: .5rem;
text-align: left;
font-family: haboro-contrast-normal, sans-serif;
text-shadow: none;
}
.paragraph figcaption p {
margin: 0;
}
.node--type-news-page .paragraph {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
/* VIEWS TEASERS */
.news-item .views-row-inner {
height: 100%;
border-radius: 1rem;
box-shadow: 0px 3px 8px rgba(0, 0, 0, .25);
overflow: hidden;
padding-bottom: .75rem;
}
.news-item .relative {
height: 100%;
display: flex;
flex-flow: column wrap;
}
.align-first-child>*:first-child,
.align-first-child>blockquote::before {
margin-top: 0;
padding-top: 0;
top: -.45rem;
}
.news-item .edit-link {
position: absolute;
right: 1rem;
bottom: 1rem;
}
.news-item .btn {
margin-top: auto;
}
.news-item h3 a {
color: #303030;
}
.news-item h3 a:hover {
color: #002cbf;
}
.bloc-related {
border-top: 1px solid #CCC;
}
/* VIEW */
.view-fmcim-news ul.pager {
margin: 0;
padding: 0;
}
.view-fmcim-news ul.pager li {
list-style: none;
padding: 0;
margin: 0 0 7vh;
text-align: center;
}
.view-fmcim-news ul.pager li a.button {
margin: auto;
display: inline-block;
}
/* #endregion */
/* Misc paragraphs*/
.paragraph {
padding: 20vh 0;
}
.paragraph--type-media-list {
padding-bottom: 0;
}
.paragraph--view-mode-text-only {
padding: 5vh 0;
}
.paragraph--type--reclames {
padding: 0;
}
.paragraph--type--reclames>div {
padding: 0 0 10vh;
}
.paragraph--view-mode-logo-section {
padding: 20vh 0;
margin: 10vh auto;
max-width: 1400px;
text-align: center;
background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1038.903' height='795.937' viewBox='0 0 1038.903 795.937'%3E%3Cpath d='M11.74,580.277C184.629,373.768,396.719,171.905,610.307,5.531,429.7,212.041,222.216,408.439,11.74,580.277' transform='translate(216.549 102.021)' fill='%23DDD'/%3E%3Cpath d='M22.644,586.121c172.889-206.49,385-408.333,598.586-574.746C440.622,217.9,233.14,414.36,22.644,586.121' transform='translate(417.673 209.816)' fill='%23DDD'/%3E%3Cpath d='M0,574.746C172.889,368.237,385,166.394,598.625,0,417.978,206.51,210.515,402.966,0,574.746' fill='%23DDD'/%3E%3C/svg%3E") no-repeat center center;
background-size: contain;
}
.paragraph--view-mode-blue-section {
padding-top: 0;
}
.paragraph--view-mode-black-background {
padding: 0 !important;
}
.paragraph--view-mode-text-1-image p {
max-width: 720px;
}
.para-item:first-child .paragraph {
padding-top: 0;
}
.para-item:last-child .paragraph--view-mode-blue-section,
.para-item:last-child .paragraph--view-mode-blue-section {
padding-bottom: 0;
}
/* artists parallax */
/* #region ARTISTS PARALLAX */
.paragraph--view-mode-artists-parallax {
position: relative;
overflow: visible;
height: 100vh;
display: flex;
}
.parallax-container {
position: absolute;
top: 0;
bottom: 0;
left: -10%;
right: -10%;
}
.parallax-item {
max-width: 14%;
position: absolute;
}
.parallax-item:nth-child(11),
.parallax-item:nth-child(10),
.parallax-item:nth-child(9) {}
.parallax-item:nth-child(11) {
left: 16.66%;
top: 16.66%;
}
.parallax-item:nth-child(10) {
left: 66.66%;
}
.parallax-item:nth-child(9) {
left: 56.666%;
top: 60%;
}
.parallax-item:nth-child(8),
.parallax-item:nth-child(7),
.parallax-item:nth-child(6),
.parallax-item:nth-child(5) {
max-width: 12%;
filter: blur(0px);
opacity: .9;
}
.parallax-item:nth-child(8) {
left: 5%;
top: 50%;
}
.parallax-item:nth-child(7) {
left: 75.66%;
top: 40%;
}
.parallax-item:nth-child(6) {
left: 33.666%;
top: 66%;
}
.parallax-item:nth-child(5) {
left: 50%;
top: 5%;
}
.parallax-item:nth-child(4),
.parallax-item:nth-child(3),
.parallax-item:nth-child(2),
.parallax-item:nth-child(1) {
max-width: 8%;
filter: blur(3px);
opacity: .8;
}
.parallax-item:nth-child(4) {
left: 10%;
top: 20%;
}
.parallax-item:nth-child(3) {
left: 35.66%;
top: 22%;
}
.parallax-item:nth-child(2) {
left: 25%;
top: 72%;
}
.parallax-item:nth-child(1) {
left: 72%;
top: 70%;
}
/* #endregion */
.paragraph--view-mode-text-only p {
max-width: 480px;
margin: 1.5rem 0;
}
.decalage-left-1 {
margin-left: -16.666%;
}
.bg1 {
padding: 15vh 0;
}
.bg-blanc {
background-color: #FFF;
position: relative;
}
.paragraph--view-mode-text-1-image {
padding: 10vh 0;
margin-top: 10vh;
margin-bottom: 20vh;
}
.paragraph--view-mode-text-1-image {
position: relative;
}
.bg-img {
width: 60%;
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin-left: -15px;
}
.bg-black {
background-color: #000;
padding: 10vh 0 5vh;
}
.bg-black a {
text-decoration: underline;
}
.prizes p {
margin-bottom: 0;
}
.video-swiper {
width: 100%;
max-width: 50%;
overflow: hidden !important;
}
.video-item {
background-color: #000;
}
.video-item>.video-embed {
margin: auto 0;
}
.video-item iframe,
.node--type-video iframe {
width: 100% !important;
}
.swiper-flat.video-swiper+.swiper-buttons,
.node--type-news-page .swiper-flat.video-swiper+.swiper-buttons {
bottom: 2rem;
}
.p-scroller {
position: fixed;
font-size: 4rem;
color: #FFF;
width: 60px;
height: 60px;
z-index: 99;
bottom: 10vh;
left: 0;
right: 0;
margin: auto;
}
.scrolled .p-scroller {
display: none;
}
/* #region OVERRIDE PAGE CONTACT */
.page-node-66 #main,
.page-node-60 #main,
.page-node-61 #main,
.page-node-2 #main {
padding-top: 0;
}
.page-node-66 .site-footer__top {
display: none;
}
/* #endregion */
/* #endregion */
.fmcim-drawer {
display: block;
position: relative;
position: fixed;
right: -240px;
top: 0;
margin-top: 30vh;
transition: all .7s ease-in-out 0s;
z-index: 60;
width: 240px;
padding: 0 0 .5rem;
}
.fmcim-drawer.drawer-open {
right: 0;
}
.fmcim-drawer .paragraph {
padding: 0 !important;
margin-bottom: 0;
}
#close-drawer {
cursor: pointer;
margin-left: 1rem;
font-size: 2rem;
display: block;
z-index: 2;
}
.file--application-pdf {
/*background: none!important;*/
padding-left: 0;
}
/* #region FORMS */
/* #region PROTECTED NODE */
.protected-pages-enter-password {
padding: 3rem;
max-width: 500px;
margin: 10vh auto;
border-radius: 4rem;
background-color: #F5F5F5;
}
.protected-pages-enter-password .form-item-password {
margin: 2rem 0;
}
.protected-pages-enter-password .form-required::after {
display: none;
}
.protected-pages-enter-password label {
/*display: none;*/
color: #999;
}
/* #endregion */
/* #region WEBFORM NODE */
.webform-submission-form,
.block-fake-webform {
max-width: 700px;
margin: 5vh auto 15vh;
padding: 2rem 5%;
background-color: #F5F5F5;
border-radius: 4rem;
}
.block-fake-webform {
margin-bottom: 0;
padding: 1rem 5%;
background: none;
color: #777;
}
.webform-submission-form summary {
border-top: 3px solid #002bcf;
color: #002bcf;
margin: 2rem 0 1rem;
padding: .5rem 0;
font-size: 1.5rem;
outline: none !important;
box-shadow: none !important;
}
/* #region Progress bar */
.webform-progress {
padding-bottom: 0;
margin-bottom: 2rem;
}
.progress-tracker {
margin: 4rem 0 2rem;
text-align: left;
}
.progress-step {
padding-bottom: 1rem;
border-bottom: 5px solid #CCC;
font-size: .9rem;
line-height: 1.3;
}
.progress-step.is-active {
border-color: #002bcf;
}
.progress-step>div {
display: inline-block;
}
.progress-step .progress-marker:before {
margin-left: 1rem;
}
.progress-step.is-active .progress-marker::before,
.progress-step.is-active .progress-marker:hover::before,
.webform-progress-tracker .progress-step.is-active:hover .progress-marker::before {
background-color: #002bcf;
}
.webform-progress-tracker .progress-title {
font-family: 'Haboro-contrast-extended';
font-weight: 300;
}
.webform-progress-tracker .is-active .progress-title {
color: #002bcf;
}
.ui-dialog {
z-index: 102;
}
.ui-dialog .webform-confirmation-modal--content {
background-color: #FFF !important;
color: #333 !important;
}
.webform-confirmation-modal {
background-color: #002bcf !important;
border-radius: 4px;
}
/* #endregion */
.form-required::after {
content: ' *';
}
.webform-submission-form legend,
.webform-submission-form .fieldset-legend {
font-size: 1rem;
line-height: 1.4rem !important;
}
.webform-submission-form .custom-radio {
margin-right: 1rem;
}
.custom-control-label::before {
border-color: #002bcf;
}
.custom-control-input:checked~.custom-control-label::before {
border-color: #002bcf;
background-color: #002bcf;
}
.webform-submission-form .custom-radio label {
color: #002bcf;
}
.webform-submission-form .form-type-managed-file {
border: 1px solid #002bcf;
border-top-width: 3px;
padding: 15px;
margin: 2rem 0 1rem;
}
.webform-submission-form .alert .list-group-item {
padding: 0;
}
/* #endregion */
/* #endregion */
/* #region INVOICES */
body.node--type-invoice #page,
body.node--type-invoice-eur #page {
background-color: #f5f5f5;
}
.node.node--type-invoice,
.node.node--type-invoice-eur {
background-color: #FFF;
border: 1px solid #CCC;
margin: 120px auto;
padding: 3rem;
max-width: 210mm;
height: 297mm;
font-size: 12px;
position: relative;
background-image: url(img/logo_wfimc.png);
background-position: 170mm 8mm;
background-size: 25mm 25mm;
background-repeat: no-repeat;
}
.paragraph--type-invoice-line {
padding: 0;
}
.view-display-id-address {
width: 65mm;
margin-left: 105mm;
margin-top: -0mm;
margin-bottom: 10mm;
}
.field--name-dynamic-block-fieldnode-invoice-footer table,
.field--name-dynamic-block-fieldnode-invoice-footer-eur table,
.field--name-field-bank-account table {
width: 165mm !important;
}
.field--name-dynamic-block-fieldnode-invoice-footer table tr,
.field--name-dynamic-block-fieldnode-invoice-footer-eur table tr,
.field--name-field-bank-account table tr {
background-color: #FFF;
}
.field--name-dynamic-block-fieldnode-invoice-footer table td,
.field--name-dynamic-block-fieldnode-invoice-footer-eur table td,
.field--name-field-bank-account table td {
width: 80mm;
padding: 0 12mm 0 0;
}
.field--name-dynamic-block-fieldnode-invoice-footer,
.field--name-dynamic-block-fieldnode-invoice-footer-eur,
#block-barrio5st-content .field--name-field-bank-account {
position: absolute;
bottom: 10mm;
width: 175mm;
border-top: 1px solid #000;
padding-top: 11pt;
}
.eva-invoice-lines table {
margin-top: 10mm;
width: 175mm;
font-size: 1em;
}
.eva-invoice-lines table tbody tr,
.eva-invoice-lines table tbody td,
.eva-invoice-lines table th {
border: 0 !important;
border-bottom: 1px solid #666 !important;
background-color: #FFF;
}
.eva-invoice-lines table thead {
width: 100% !important;
text-align: left !important;
}
.eva-invoice-lines table th {
background-color: #FFF;
color: #000;
}
.eva-invoice-lines table .views-field-field-item {
width: 80mm !important;
}
.eva-invoice-lines table .views-field-field-qty {
width: 10mm !important;
}
.eva-invoice-lines table .views-field-field-taxes {
width: 20mm !important;
}
.eva-invoice-lines .table-responsive {
padding: 0 !important;
}
.eva-invoice-lines table .views-field-field-price {
width: 20mm !important;
}
.eva-invoice-lines table .views-field-nothing {
width: 35mm !important;
}
.eva-invoice-lines table tfoot tr {}
.eva-invoice-lines tr.summary td {
background-color: #FFF;
font-weight: 700;
}
.eva-invoice-lines tr.summary td .label {
display: none;
}
.node--type-invoice span.d-eur {
display: none;
}
.node--type-invoice-eur span.d-chf {
display: none;
}
/* #endregion */
/* EXCEPTIONS */
#block-secondarynavigation .nav-link,
#block-fmcimsocialmedias-2 .nav-link {
padding: .5rem 0;
margin: -0.5rem 1.5rem 0 0;
}
.nav-link--member-area {
border: 1px solid #FFF;
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
background: #000;
color: #fff !important;
border-radius: 2rem;
}
.nav-link--member-area:hover {
background: #fff !important;
color: #000 !important;
}
/* #region MEDIA QUERIES */
/* #region MOBILE FIRST */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
/* #endregion */
/* #region DESKTOP FIRST */
/* Custom*/
@media (max-width: 1500px) {
.header .container-fluid,
.featured-top .container-fluid,
/*#main,*/
.slide-body,
.site-footer .container-fluid,
.max-width,
.max-w,
.max-width-child>div,
.max-width-nopad {
width: 100%;
max-width: 1360px;
margin-left: auto;
margin-right: auto;
}
.p-offcanvas-content .prim-nav .nav-item a {
font-size: 3.5rem;
}
.p-offcanvas-content .prim-nav .nav-item .dropdown-item a {
font-size: 1.5rem;
}
.p-offcanvas-content .sec-nav a,
.p-offcanvas-content .oc-social a {
font-size: .9rem;
}
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
.header .container-fluid,
.featured-top .container-fluid,
/*#main,*/
.slide-body,
.site-footer .container-fluid,
.max-width,
.max-w,
.max-width-child>div,
.max-width-nopad {
width: 100%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
/* #region FONT SIZE */
h1 {
font-size: 3rem;
}
h2,
.viewsreference--view-title {
font-size: 3rem;
}
h3,
h4 {
font-size: 1.6667rem;
}
h5 {
font-size: 0.875rem;
}
.fmc-40 {
font-size: 1.6667rem;
}
.fmc-60 {
font-size: 2.5rem;
}
.fmc-90 {
font-size: 3rem;
}
p.lead {
font-size: 1.3333rem;
}
p.huge {}
.p-offcanvas-content .prim-nav .nav-item a {
font-size: 2.75rem;
}
.p-offcanvas-content .prim-nav .nav-item .dropdown-item a {
font-size: 1.5rem;
}
/* #endregion */
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
/* #region NAV + OFFCANVAS */
.path-frontpage .header .navbar-brand .site-name,
.header .navbar-brand:hover .site-name {
visibility: hidden;
opacity: 0;
transform: translateX(0);
}
#navbar-main
/*
.path-search.p-offcanvas-on #navbar-main,
.node--type-competition.p-offcanvas-on #navbar-main */
{
background-color: #000;
}
/*.path-search #navbar-main,
.node--type-competition #navbar-main {
background-color: #FFF;
}*/
.header .navbar-brand,
.header .navbar-brand {
padding-top: 5px;
padding-bottom: 5px;
}
.header .navbar-brand svg,
.header .navbar-brand svg {
width: 60px;
}
.bloc-social-header {
position: fixed;
right: 1rem;
top: .45rem;
}
#p-offcanvasbtn {
margin-top: .55rem;
right: 2rem;
}
#block-socialheader {
display: none;
}
#p-searchbtn {
right: 1rem;
top: 1.2rem;
}
/* #region OC NAV */
.p-offcanvas-overflow {
padding-top: 100px;
}
.p-offcanvas-content .navbar-nav {
flex-direction: column;
}
.p-offcanvas-content .nav-item a {
font-size: 2rem;
letter-spacing: -0.02em;
text-align: ;
padding: 0;
}
#p-offcanvas .dropdown-toggle::after {
content: '+';
display: block;
position: absolute;
right: 0;
top: 0;
border: 0;
}
#p-offcanvas .dropdown-menu {
max-height: 0;
overflow: hidden;
height: auto;
transition: all .2s ease-out 0s;
}
#p-offcanvas .show.dropdown-menu {
display: block;
max-height: 200px;
}
#p-offcanvas .dropdown-menu>.dropdown-item {
opacity: 1;
transform: translateX(0);
}
.p-offcanvas-content .nav-item .dropdown-item a {
font-size: 1.333rem;
padding-left: 0;
margin-left: 0;
}
.oc-social {
text-align: left;
}
.sec-nav .nav-item {
padding: 0;
}
.p-offcanvas-content .sec-nav a.nav-link {
font-size: 1rem;
line-height: 2rem;
}
.sec-nav a.nav-link,
.oc-social a {
padding: 0 1rem 0 0;
font-size: 1rem;
}
/* #endregion */
/* #region SEARCH */
.search-open .p-modal-close {
top: 0;
right: -.75rem;
}
.search-block-form>fieldset {
width: 100% !important;
}
.search-block-form input {
padding: 1rem 0;
font-size: 2rem;
}
.search-block-form input:focus {
background-color: rgba(0, 0, 0, .1);
border-color: #FFF;
color: #FFF;
outline: 0 !important;
box-shadow: none !important;
}
.search-block-form .container-inline {
display: block;
}
.search-block-form #edit-actions {}
.search-block-form #edit-actions .form-submit {
height: 1rem;
width: 3rem;
background-size: 80%;
float: right;
}
/* #endregion */
/* #region FONT SIZE */
h1 {
font-size: 3rem;
}
h2,
.viewsreference--view-title {
font-size: 3rem;
}
h3,
h4 {
font-size: 1.6667rem;
}
h5 {
font-size: 0.875rem;
}
.fmc-40 {
font-size: 1.6667rem;
}
.fmc-60 {
font-size: 2.5rem;
}
.fmc-73 {
font-size: 3rem;
}
p.lead {
font-size: 1.3333rem;
}
p.huge {
font-size: 3rem;
}
/* #endregion */
/* #endregion */
/* #region MARGINS-PADDINGS */
.bg-blanc {
padding: 1rem !important;
}
/* #endregion */
/* #region CONTENT DISPLAY */
.bg-img {
width: 100vw;
margin: 0 -15px -10vh;
padding-bottom: 70%;
height: 0;
background-size: cover;
position: static;
}
/* #endregion */
#geofield-map-view-fmcim-competitions-members-map {
/*height: 60vh!important;*/
height: 0 !important;
padding-bottom: 100%;
}
.fmcim-filters .form-item .fieldset-wrapper {
flex-direction: column;
}
.fmcim-filters fieldset.form-item .description {
margin-bottom: 2rem;
margin-left: 0 !important;
margin-top: auto !important;
min-width: 0px;
font-size: 2.5rem;
align-self: flex-start;
}
.fmcim-filters .form-row .form-actions {
margin-left: .5rem;
}
.view-fmcim-archives .view-filters .form-row fieldset {
flex: 0 0 100%;
}
.view-fmcim-archives .view-filters label {
margin-right: 1rem;
}
.swiper-fs .swiper-pagination {
width: 100%;
max-width: 360px;
}
.swiper-fs .swiper-pagination .swiper-pagination-bullet {
width: 50px;
}
.swiper-classic.swiper-container {
height: 60vwx;
}
.swiper-classic .swiper-slide {
height: 60vw;
}
.view-fmcim-dates-homepage- .view-content {
flex-wrap: nowrap;
overflow: auto;
}
.view-fmcim-dates-homepage- .view-footer {
padding-top: 3rem;
}
.view-fmcim-dates-homepage- .dategrid-item {
width: 80vw !important;
flex: 0 0 80%;
}
.paragraph--view-mode-yearbook>.row>div:first-child {
order: 2;
}
.paragraph table {
width: 100% !important;
margin: 5vh 0 0;
}
.paragraph table tr {
display: flex;
flex: 0 0 100%;
flex-direction: column;
}
.paragraph table td {
display: block;
flex: 1 1 0;
padding: 1rem 1rem 0;
margin-bottom: 1rem;
}
.bg-black table td {
margin-bottom: 0;
padding: 0 0 2rem;
}
.people-item {
margin-bottom: 1rem;
}
.people-item.archive-item {
margin-bottom: 1rem;
}
.people-item .views-row-inner {
display: flex;
}
.archive-item .views-row-inner {
display: flex;
flex-flow: column wrap;
}
.people-item .people-name {
font-size: 1.2rem;
}
.people-item p {
font-size: 1rem;
}
.people-item h3 {
font-size: 1.2rem;
padding-right: 10px;
}
.spo-item {
width: 43%;
margin: 10px;
}
.view-fmcim-sponsors .group-wrapper:last-child .spo-item {
width: 30%;
}
/* #region ARTISTS PARALLAX */
.parallax-item {
position: absolute;
}
.parallax-item:nth-child(11),
.parallax-item:nth-child(10),
.parallax-item:nth-child(9) {
max-width: 30%;
}
.parallax-item:nth-child(11) {
left: 16.66%;
top: 16.66%;
}
.parallax-item:nth-child(10) {
left: 66.66%;
}
.parallax-item:nth-child(9) {
left: 56.666%;
top: 60%;
}
.parallax-item:nth-child(8),
.parallax-item:nth-child(7),
.parallax-item:nth-child(6),
.parallax-item:nth-child(5) {
max-width: 22%;
filter: blur(0px);
opacity: .9;
}
/* .parallax-item:nth-child(8) {
left: 5%;
top: 50%;
}
.parallax-item:nth-child(7) {
left: 75.66%;
top: 40%;
}
.parallax-item:nth-child(6) {
left: 33.666%;
top: 66%;
}
.parallax-item:nth-child(5) {
left: 50%;
top: 5%;
}*/
.parallax-item:nth-child(4),
.parallax-item:nth-child(3),
.parallax-item:nth-child(2),
.parallax-item:nth-child(1) {
max-width: 18%;
}
.parallax-item:nth-child(4) {
left: 10%;
top: 33.33%;
}
.parallax-item:nth-child(3) {
left: 60.66%;
top: 22%;
}
.parallax-item:nth-child(2) {
left: 10%;
top: 72%;
}
.parallax-item:nth-child(1) {
left: 72%;
top: 70%;
}
/* #endregion */
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
/* module nbsp */
.nbsp {
display: inline-block;
}
.search-block-form input {
padding: 1rem 0;
font-size: 1.5rem;
}
/* #region FONT SIZES */
h1,
.node--type-competition h1,
.node--type-video h1 {
font-size: 2.5rem;
}
h2,
.viewsreference--view-title {
font-size: 2.2rem;
}
h3,
h4 {
font-size: 1.5rem;
}
.news-item h3 {
font-size: 1.33rem;
padding-top: .5rem;
}
h5 {
font-size: 0.875rem;
}
.fmc-40 {
font-size: 1.5rem;
}
.fmc-60 {
font-size: 2rem;
}
.fmc-90 {
font-size: 2.5rem;
}
p.lead {
font-size: 1.3333rem;
}
p.huge {
font-size: 2rem;
line-height: 1.2;
}
blockquote {
margin-left: 0;
padding-left: 0;
padding-top: 0;
}
blockquote::before {
position: static;
margin-bottom: -2rem;
}
.btn,
.text-formatted .btn,
.cta a,
.more-link a,
.p-edit-link a {
font-size: 1.2rem;
}
.p-offcanvas-content .sec-nav a,
.p-offcanvas-content .oc-social a {
font-size: 1rem;
}
/* #endregion */
/* #region SPACINGS */
.paragraph {
padding: 10vh 0;
}
.paragraph--view-mode-text-only {
padding: 5vh 0 0;
}
.paragraph--type--reclames>div {
padding: 0;
}
.paragraph--view-mode-logo-section {
padding: 10vh 0;
margin: 5vh auto;
}
.bg1 {
padding: 7vh 0;
}
.mb-6 {
margin-bottom: 4rem;
}
.paragraph--view-mode-text-1-image {
padding: 5vh 0;
margin-top: 5vh;
margin-bottom: 10vh;
}
.bg-black {
padding: 5vh 0 10vh;
}
.swiper-cl-btn {
bottom: 13rem;
z-index: 30;
}
/* #endregion */
.news-item .pdf-icon-only-link a,
.news-item a.pdf-icon-only-link,
.news-item a.link-icon-only-link {
right: .5rem;
bottom: .55rem;
background-size: 1.5rem 1.5rem !important;
width: 2.8rem;
height: 2.8rem;
}
.news-item img {
max-height: 66vw;
overflow: hidden;
object-fit: cover
}
.video-swiper {
width: 100%;
max-width: 100%;
}
#block-mainsponsorslogos img {
max-width: 150px;
}
#block-twks {
font-size: 12px;
line-height: 36px;
}
#block-twks .block-inner {
margin-left: 0;
}
.twks::before {
width: 70px;
}
.fmcim-filters a.filters-open {
display: block;
margin: .5rem 0;
}
.view-fmcim-archives.row-wrapper>.view-content {
padding: 0 !important;
max-width: none !important;
margin-left: 0;
margin-right: 0;
}
.people-item p {
margin: 0;
}
.paragraph--view-mode-text-3-images .d-flex {
margin-left: -15px;
margin-right: -15px;
}
.paragraph--view-mode-text-3-images .col-sm-4 {
padding: 5px;
}
.p-icon-top {
width: 40px;
height: 40px;
}
}
/* #endregion */
/* #endregion */