/*-----------------*/ /* LOADER */ /*-----------------*/ /*************************************************** * Generated by SVG Artista on 3/13/2026, 10:15:35 AM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ #loader-wrapper{background: var(--secondary-color)} #loader-wrapper svg{ height: auto; width: 250px; } @-webkit-keyframes animate-svg-stroke-1{0%{stroke-dashoffset:1760.0269775390625px;stroke-dasharray:1760.0269775390625px}100%{stroke-dashoffset:0;stroke-dasharray:1760.0269775390625px}}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:1760.0269775390625px;stroke-dasharray:1760.0269775390625px}100%{stroke-dashoffset:0;stroke-dasharray:1760.0269775390625px}}@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-1{-webkit-animation:animate-svg-stroke-1 1s cubic-bezier(0.785,0.135,0.15,0.86) 0s both,animate-svg-fill-1 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.8s both;animation:animate-svg-stroke-1 1s cubic-bezier(0.785,0.135,0.15,0.86) 0s both,animate-svg-fill-1 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.8s both}@-webkit-keyframes animate-svg-stroke-2{0%{stroke-dashoffset:92.447509765625px;stroke-dasharray:92.447509765625px}100%{stroke-dashoffset:0;stroke-dasharray:92.447509765625px}}@keyframes animate-svg-stroke-2{0%{stroke-dashoffset:92.447509765625px;stroke-dasharray:92.447509765625px}100%{stroke-dashoffset:0;stroke-dasharray:92.447509765625px}}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(182,153,71)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(182,153,71)}}.svg-elem-2{-webkit-animation:animate-svg-stroke-2 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.02s both,animate-svg-fill-2 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.8200000000000001s both;animation:animate-svg-stroke-2 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.02s both,animate-svg-fill-2 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.8200000000000001s both}@-webkit-keyframes animate-svg-stroke-3{0%{stroke-dashoffset:92.30049133300781px;stroke-dasharray:92.30049133300781px}100%{stroke-dashoffset:0;stroke-dasharray:92.30049133300781px}}@keyframes animate-svg-stroke-3{0%{stroke-dashoffset:92.30049133300781px;stroke-dasharray:92.30049133300781px}100%{stroke-dashoffset:0;stroke-dasharray:92.30049133300781px}}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(182,153,71)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(182,153,71)}}.svg-elem-3{-webkit-animation:animate-svg-stroke-3 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.04s both,animate-svg-fill-3 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.8400000000000001s both;animation:animate-svg-stroke-3 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.04s both,animate-svg-fill-3 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.8400000000000001s both}@-webkit-keyframes animate-svg-stroke-4{0%{stroke-dashoffset:91.75477600097656px;stroke-dasharray:91.75477600097656px}100%{stroke-dashoffset:0;stroke-dasharray:91.75477600097656px}}@keyframes animate-svg-stroke-4{0%{stroke-dashoffset:91.75477600097656px;stroke-dasharray:91.75477600097656px}100%{stroke-dashoffset:0;stroke-dasharray:91.75477600097656px}}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(182,153,71)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(182,153,71)}}.svg-elem-4{-webkit-animation:animate-svg-stroke-4 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.06s both,animate-svg-fill-4 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.8600000000000001s both;animation:animate-svg-stroke-4 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.06s both,animate-svg-fill-4 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.8600000000000001s both}@-webkit-keyframes animate-svg-stroke-5{0%{stroke-dashoffset:3.360804557800293px;stroke-dasharray:3.360804557800293px}100%{stroke-dashoffset:0;stroke-dasharray:3.360804557800293px}}@keyframes animate-svg-stroke-5{0%{stroke-dashoffset:3.360804557800293px;stroke-dasharray:3.360804557800293px}100%{stroke-dashoffset:0;stroke-dasharray:3.360804557800293px}}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-5{-webkit-animation:animate-svg-stroke-5 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.08s both,animate-svg-fill-5 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.88s both;animation:animate-svg-stroke-5 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.08s both,animate-svg-fill-5 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.88s both}@-webkit-keyframes animate-svg-stroke-6{0%{stroke-dashoffset:99.06582641601562px;stroke-dasharray:99.06582641601562px}100%{stroke-dashoffset:0;stroke-dasharray:99.06582641601562px}}@keyframes animate-svg-stroke-6{0%{stroke-dashoffset:99.06582641601562px;stroke-dasharray:99.06582641601562px}100%{stroke-dashoffset:0;stroke-dasharray:99.06582641601562px}}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-6{-webkit-animation:animate-svg-stroke-6 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.1s both,animate-svg-fill-6 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.9s both;animation:animate-svg-stroke-6 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.1s both,animate-svg-fill-6 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.9s both}@-webkit-keyframes animate-svg-stroke-7{0%{stroke-dashoffset:124.2226791381836px;stroke-dasharray:124.2226791381836px}100%{stroke-dashoffset:0;stroke-dasharray:124.2226791381836px}}@keyframes animate-svg-stroke-7{0%{stroke-dashoffset:124.2226791381836px;stroke-dasharray:124.2226791381836px}100%{stroke-dashoffset:0;stroke-dasharray:124.2226791381836px}}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-7{-webkit-animation:animate-svg-stroke-7 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.12s both,animate-svg-fill-7 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.92s both;animation:animate-svg-stroke-7 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.12s both,animate-svg-fill-7 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.92s both}@-webkit-keyframes animate-svg-stroke-8{0%{stroke-dashoffset:124.36174011230469px;stroke-dasharray:124.36174011230469px}100%{stroke-dashoffset:0;stroke-dasharray:124.36174011230469px}}@keyframes animate-svg-stroke-8{0%{stroke-dashoffset:124.36174011230469px;stroke-dasharray:124.36174011230469px}100%{stroke-dashoffset:0;stroke-dasharray:124.36174011230469px}}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-8{-webkit-animation:animate-svg-stroke-8 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.14s both,animate-svg-fill-8 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.9400000000000001s both;animation:animate-svg-stroke-8 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.14s both,animate-svg-fill-8 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.9400000000000001s both}@-webkit-keyframes animate-svg-stroke-9{0%{stroke-dashoffset:139.13885498046875px;stroke-dasharray:139.13885498046875px}100%{stroke-dashoffset:0;stroke-dasharray:139.13885498046875px}}@keyframes animate-svg-stroke-9{0%{stroke-dashoffset:139.13885498046875px;stroke-dasharray:139.13885498046875px}100%{stroke-dashoffset:0;stroke-dasharray:139.13885498046875px}}@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-9{-webkit-animation:animate-svg-stroke-9 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.16s both,animate-svg-fill-9 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.9600000000000001s both;animation:animate-svg-stroke-9 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.16s both,animate-svg-fill-9 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.9600000000000001s both}@-webkit-keyframes animate-svg-stroke-10{0%{stroke-dashoffset:153.79049682617188px;stroke-dasharray:153.79049682617188px}100%{stroke-dashoffset:0;stroke-dasharray:153.79049682617188px}}@keyframes animate-svg-stroke-10{0%{stroke-dashoffset:153.79049682617188px;stroke-dasharray:153.79049682617188px}100%{stroke-dashoffset:0;stroke-dasharray:153.79049682617188px}}@-webkit-keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-10{-webkit-animation:animate-svg-stroke-10 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.18s both,animate-svg-fill-10 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.98s both;animation:animate-svg-stroke-10 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.18s both,animate-svg-fill-10 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 0.98s both}@-webkit-keyframes animate-svg-stroke-11{0%{stroke-dashoffset:89.36901092529297px;stroke-dasharray:89.36901092529297px}100%{stroke-dashoffset:0;stroke-dasharray:89.36901092529297px}}@keyframes animate-svg-stroke-11{0%{stroke-dashoffset:89.36901092529297px;stroke-dasharray:89.36901092529297px}100%{stroke-dashoffset:0;stroke-dasharray:89.36901092529297px}}@-webkit-keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-11{-webkit-animation:animate-svg-stroke-11 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.2s both,animate-svg-fill-11 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 1s both;animation:animate-svg-stroke-11 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.2s both,animate-svg-fill-11 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 1s both}@-webkit-keyframes animate-svg-stroke-12{0%{stroke-dashoffset:133.2640838623047px;stroke-dasharray:133.2640838623047px}100%{stroke-dashoffset:0;stroke-dasharray:133.2640838623047px}}@keyframes animate-svg-stroke-12{0%{stroke-dashoffset:133.2640838623047px;stroke-dasharray:133.2640838623047px}100%{stroke-dashoffset:0;stroke-dasharray:133.2640838623047px}}@-webkit-keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-12{-webkit-animation:animate-svg-stroke-12 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.22s both,animate-svg-fill-12 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 1.02s both;animation:animate-svg-stroke-12 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.22s both,animate-svg-fill-12 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 1.02s both}@-webkit-keyframes animate-svg-stroke-13{0%{stroke-dashoffset:120.5501708984375px;stroke-dasharray:120.5501708984375px}100%{stroke-dashoffset:0;stroke-dasharray:120.5501708984375px}}@keyframes animate-svg-stroke-13{0%{stroke-dashoffset:120.5501708984375px;stroke-dasharray:120.5501708984375px}100%{stroke-dashoffset:0;stroke-dasharray:120.5501708984375px}}@-webkit-keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-13{-webkit-animation:animate-svg-stroke-13 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.24s both,animate-svg-fill-13 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 1.04s both;animation:animate-svg-stroke-13 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.24s both,animate-svg-fill-13 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 1.04s both}@-webkit-keyframes animate-svg-stroke-14{0%{stroke-dashoffset:136.88861083984375px;stroke-dasharray:136.88861083984375px}100%{stroke-dashoffset:0;stroke-dasharray:136.88861083984375px}}@keyframes animate-svg-stroke-14{0%{stroke-dashoffset:136.88861083984375px;stroke-dasharray:136.88861083984375px}100%{stroke-dashoffset:0;stroke-dasharray:136.88861083984375px}}@-webkit-keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-14{-webkit-animation:animate-svg-stroke-14 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.26s both,animate-svg-fill-14 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 1.06s both;animation:animate-svg-stroke-14 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.26s both,animate-svg-fill-14 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 1.06s both}@-webkit-keyframes animate-svg-stroke-15{0%{stroke-dashoffset:124.84274291992188px;stroke-dasharray:124.84274291992188px}100%{stroke-dashoffset:0;stroke-dasharray:124.84274291992188px}}@keyframes animate-svg-stroke-15{0%{stroke-dashoffset:124.84274291992188px;stroke-dasharray:124.84274291992188px}100%{stroke-dashoffset:0;stroke-dasharray:124.84274291992188px}}@-webkit-keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-15{-webkit-animation:animate-svg-stroke-15 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.28s both,animate-svg-fill-15 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 1.08s both;animation:animate-svg-stroke-15 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.28s both,animate-svg-fill-15 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 1.08s both}@-webkit-keyframes animate-svg-stroke-16{0%{stroke-dashoffset:133.2181396484375px;stroke-dasharray:133.2181396484375px}100%{stroke-dashoffset:0;stroke-dasharray:133.2181396484375px}}@keyframes animate-svg-stroke-16{0%{stroke-dashoffset:133.2181396484375px;stroke-dasharray:133.2181396484375px}100%{stroke-dashoffset:0;stroke-dasharray:133.2181396484375px}}@-webkit-keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-16{-webkit-animation:animate-svg-stroke-16 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.3s both,animate-svg-fill-16 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 1.1s both;animation:animate-svg-stroke-16 1s cubic-bezier(0.785,0.135,0.15,0.86) 0.3s both,animate-svg-fill-16 0.7s cubic-bezier(0.455,0.03,0.515,0.955) 1.1s both} /*-----------------*/ /* ELEMENTS */ /*-----------------*/ *:not(.wp-block-button__link, .button, .wp-block-separator).has-background :is(a:not([class*="button"]), a:not([class*="button"]) strong){background-image: linear-gradient(to bottom, transparent 20%, var(--white) 21%);} *:not(.wp-block-button__link, .button, .wp-block-separator).has-background :is(a:not([class*="button"]):hover, a:not([class*="button"]):hover strong){color: var(--white);} #content .eb-feature-list-content{font-size: inherit} #content .eb-feature-list-title{ font-family: var(--font-bold); color: var(--title-color); line-height: 1.2; } #content .eb-flipbox-container .eb-flipper .eb-flipbox-front{ background-color: var(--secondary-color); } #content .eb-flipbox-back-content{ font-size: inherit; line-height: 1.5; font-weight: bold; } #content .eb-feature-list-item{ margin-bottom: 20px; } #content .uagb-timeline :is(.uagb-timeline__date-new, .uagb-timeline__inner-date-new){ font-family: var(--font-bold); font-size: 16px; } #content .uagb-timeline__heading{ font-size: 20px; color: var(--white); } #content .uagb-timeline-desc-content{font-size: 15px;line-height: 1.4;} #content .uagb-timeline__outer-wrap .uagb-timeline__events-inner-new{ background: var(--secondary-color); color: var(--white); } #content .uagb-timeline__day-left .uagb-timeline__date-hide{color: var(--white);} #content .uagb-timeline__outer-wrap.uagb-timeline__center-block .uagb-timeline__day-right .uagb-timeline__arrow:after{border-left-color: var(--secondary-color);} #content .uagb-timeline__outer-wrap.uagb-timeline__center-block .uagb-timeline__day-left .uagb-timeline__arrow:after{border-right-color: var(--secondary-color);} #content .hover-effect figure figcaption{text-transform: initial;} #content .hover-effect figure h2 span{font-weight: initial;} #content .hover-effect .eb-interactive-promo-content{text-transform: uppercase;font-weight: bold;} /*----------------- ANIMATION TITRE -----------------*/ .title :is(h1, h2, h3) {display: block;} .char { display: inline-block; will-change: transform, opacity; } /*----------------- BUTTON -----------------*/ .button:not(.buttonIcon), .tc_content .wp-block-button__link {transition-delay: .4s , .5s} .button:not(.buttonIcon):before, .tc_content .wp-block-button__link:before, .button:not(.buttonIcon):after, .tc_content .wp-block-button__link:after { padding: 18px 0 11px; content: ''; position: absolute; top: 0; left: calc(-100% - 60px); height: 100%; width: calc(100% + 40px); color: #fff; border-radius: 2px; transform: skew(-25deg) } .button:not(.buttonIcon) span, .tc_content .wp-block-button__link span { position: relative; z-index: 10 } .button:not(.buttonIcon):before, .tc_content .wp-block-button__link:before { background: var(--secondary-color); z-index: 5; transition: left 1s cubic-bezier(.86,0,.07,1) } .button:not(.buttonIcon):after, .tc_content .wp-block-button__link:after { background: #fff; transition: left .8s cubic-bezier(.86,0,.07,1) .2s; z-index: 0; opacity: .8 } .button:not(.buttonIcon):hover:after, .tc_content .wp-block-button__link:hover:after { left: calc(0% - 20px); transition: left .8s cubic-bezier(.86,0,.07,1) } .button:not(.buttonIcon):hover{background-color: transparent;} .cekome_form .button.cf_submit:hover{background-color: var(--secondary-color)} .button:not(.buttonIcon):hover:before, .tc_content .wp-block-button__link:hover:before { left: calc(0% - 20px); transition: left 1s cubic-bezier(.86,0,.07,1) } .button.hollow:before, .tc_content .wp-block-button.is-style-outline .wp-block-button__link:before{background: var(--primary-color)} /*----------------- DESIGN LINK -----------------*/ .design-link { display: inline-flex; align-items: center; padding: 0; padding-left: 52px; text-transform: uppercase; font-family: var(--font-bold); font-size: 12px; letter-spacing: 1px; position: relative; color: var(--title-color) } .design-link:before,.design-link:after { content: ''; position: absolute; width: 46px; background: var(--text-color); height: 1px; left: 0; top: 0; bottom: 0; margin: auto; transition: all .3s linear 0s } .design-link.white {color: var(--white)} .design-link.white:before, .design-link.white:after {background: var(--white)} .design-link span:before { content: ""; --size: 6px; width: var(--size); height: var(--size); display: inline-block; margin: 0; margin-right: 6px; order: -1; background: var(--primary-color); z-index: 1; position: relative; vertical-align: middle; top: -1px; border-radius: 100% } .design-link:after { width: 0; left: unset; right: 0 } .design-link:hover { padding-left: 0; padding-right: 52px; color: var(--primary-color); } .design-link:hover:before {width: 0} .design-link:hover:after {width: 46px} /*-----------------*/ /* HEADER */ /*-----------------*/ /*-----------------*/ /* NAVPRIMARY */ /*-----------------*/ .navigmenu .naviglink.lvl-0 span:after { content: ""; pointer-events: none; bottom: -2px; left: 50%; position: absolute; width: 0%; height: 2px; background-color: currentColor; transition-timing-function: cubic-bezier(.25,.8,.25,1); transition-duration: 400ms; transition-property: width , left } .navigmenu .naviglink.lvl-0:hover span:after { width: 100%; left: 0% } /*-----------------*/ /* HEADERHOME */ /*-----------------*/ /*-----------------*/ /* SOCIAL */ /*-----------------*/ .share-buttons a { --size: 35px; width: var(--size); position: relative; display: flex!important; height: var(--size); align-items: center; justify-content: center; margin: 0 3px!important; padding: 0!important } .sociblock .share-buttons a svg { --size: 15px; fill: var(--white); } .sociblock .share-buttons a:hover svg {fill: var(--white)} .share-buttons a:before { content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; border-radius: 100px; transition: all ease 250ms; border: 1px solid rgb(188 188 188) } .share-buttons a:hover:before { background: var(--primary-color); border-color: var(--primary-color) } /*-----------------*/ /* GALLERY HOME */ /*-----------------*/ /*-----------------*/ /* PRODUITS HOME */ /*-----------------*/ /*-----------------*/ /* CONTENT */ /*-----------------*/ .home #content .icons-item .wp-block-media-text__media{height: 90px;} .home #content .imgContent img { position: absolute; top: 0; left: 0; --size: 100%; width: var(--size); height: var(--size); } .home #content .textContent #content-text > p:last-of-type { padding-left: 20px; margin-top: 20px; } .home #content .contentBottom {margin-top: 50px;} .home #content .icons-item .wp-block-media-text__media { display: grid; align-items: center; justify-items: center; position: relative; } .home #content .icons-item .wp-block-media-text__media img { --size: 60px; width: var(--size); height: var(--size); object-fit: contain; } .home #content .icons-item {margin-top: 30px;} .home #content .icons-item .wp-block-media-text__content { padding: 20px 10px; line-height: 1.3 } .home #content .icons-item .wp-block-media-text__content p {font-size: 20px!important;} .home #content .icons-item .wp-block-media-text__media::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); --size: 40px; width: var(--size); height: var(--size); background: var(--white); box-shadow: 0 1px 18px 0 rgba(0,0,0,.050980392156862744); padding: 20px; border-radius: 50%; z-index: -1 } /*-----------------*/ /* ACTU */ /*-----------------*/ #news .title_slider{ font-family: var(--font-bold); } .title_link_slider, .title_content { background-size: 100% 96%; background-repeat: no-repeat; background-image: -o-linear-gradient(transparent calc(100% - 2px),currentColor 2px); background-image: linear-gradient(transparent calc(100% - 2px),currentColor 2px); background-image: -ms-linear-gradient(transparent 95%,currentColor 2px); -webkit-transition: .6s cubic-bezier(.215,.61,.355,1); -o-transition: .6s cubic-bezier(.215,.61,.355,1); transition: .6s cubic-bezier(.215,.61,.355,1); background-size: 0 96% } .title_link_slider:hover, .title_content:hover{background-size: 100% 96%} #news .wrapper_slider:hover .content_slider {background: #0c0e0fa8;} #news .thumbnail_slider { position: absolute; top: 0; left: 0; right: 0; height: 100%; } #news .wrapper_inner_slider { border-radius: 10px; overflow: hidden; background: none; transition: 250ms all ease-in-out; } #news .wrapper_slider .content_slider { background: var(--secondary-color); box-shadow: 0 1px 18px 0 rgba(0,0,0,.050980392156862744); color: var(--white); position: relative; z-index: 1; transition: 250ms all ease-in-out; padding: 30px 20px; } /*-----------------*/ /* EVENEMENTS */ /*-----------------*/ .nohome.evenements .bloc_evenements{margin-bottom: 30px;} .nohome #evenements{background: var(--light-color);} #evenements-title a{margin: 5px;} #evenements .cksliderwrap{padding: 0 10px;} #evenements .ckctrldiv{display: none;} #evenements .ckslidercontrols :is(.prev, .next){ bottom: auto; top: 50%; transform: translateY(-50%); } .bloc_evenements{padding: 40px 12px 20px;} .bloc_evenements .wrap-element{ padding: 0 20px 25px; border-radius: 30px; box-shadow: 0 0 1px rgba(27, 93, 144, .08), 1px 1px 15px rgba(27, 93, 144, .15); background: var(--background-color); position: relative; } .event-dates { display: flex; align-items: center; top: -30px; position: relative; margin-bottom: -30px; } .event-title h2{ margin: 0; font-size: 20px; font-family: var(--font-bold); } .event-title{margin: 30px 0 0;} .event-title h2 a{ color: var(--title-color); background-repeat: no-repeat; background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); transition: .4s cubic-bezier(.215,.61,.355,1); background-size: 0 100%; } .event-title h2 a:hover { color: var(--primary-color); background-size: 100% 100%; } .event-link{ position:relative; top: 46px; margin-top: -20px; } .event-meta-top{margin-bottom: 5px;} .event-meta-bottom{ margin-top: 20px; border-top: solid 1px rgb(0 0 0 / 10%); padding-top: 5px; font-size: 14px; } .event-meta-bottom > span, .event-info-bar > div{ position: relative; padding-left: 18px; } .event-info-bar > div:before, .event-meta-bottom > span:before{ --size: 12px; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-position: left center; background-repeat: no-repeat; background-size: contain; width: var(--size); height: var(--size); } .event-horaires:before{background-image: url(../images/icons/clock.svg);} .event-location:before{background-image: url(../images/icons/map.svg);} .event-calendar:before{background-image: url(../images/icons/map.svg);} .event-content{ font-size: 14px; line-height: 1.5; margin-top: 10px; } .date-bubble { width: 80px; height: 80px; border-radius: 50%; background-color: var(--secondary-color); display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); position: relative; } .event-info-bar{ border-top: solid 1px #e2e2e2; border-bottom: solid 1px #e2e2e2; padding: 20px; margin-bottom: 40px; gap: 40px; } .event-info-bar div strong{ text-transform: uppercase; font-size: 14px; color: var(--primary-color); } .date-bubble.end { margin-left: -10px; background: var(--primary-color); } .date-bubble.end:before{ content: ""; background-image: url('../images/icons/arrowup.svg'); position: absolute; background-color: var(--black); --size: 22px; width: var( --size); height: var( --size); border-radius: 100%; display: flex; align-items: center; justify-content: center; line-height: 1; background-repeat: no-repeat; background-position: center 3px; background-size: 16px; transform: rotate(90deg) translateX(-50%); text-align: center; left: -11px; top: 50%; filter: invert(1); } .date-bubble .day { font-size: 26px; font-family: var(--font-bold); color: var(--white); line-height: 1; margin-bottom: 5px; } .date-bubble .month { font-size: 12px; text-transform: uppercase; font-family: var(--font-bold); line-height: 1; color: var(--white); } .date-bubble .year { font-size: 11px; position: absolute; top: -2px; transform: rotate(-35deg); left: 2px; background: var(--background-color); padding: 0 4px; font-family: var(--font-bold); border-radius: 10px; color: var(--primary-color); } .date-bubble.start .year{color: var(--secondary-color);} .event-info h3 {margin-top: 25px;font-size: 22px;} .event-info p {margin-bottom: 0;} .event-badge { background: var(--primary-color); color: #fff; padding: 2px 8px; border-radius: 4px; font-size: 10px; text-transform: uppercase; display: inline-block; font-family: var(--font-bold); line-height: 1.6; } /*-----------------*/ /* SECTIONS */ /*-----------------*/ .sectionsbloc.odd:before {background: var(--tertiary-color);} /*-----------------*/ /* REASSURANCES */ /*-----------------*/ #reassurances{background-image: url(../images/home-bg2.jpg);} .picto-container{ display: grid; grid-template-columns: repeat(2,1fr); } .picto-container li{ text-align: left; align-items: flex-start; border: solid 1px #ffffff8a; margin: 0; padding: 60px 30px; position: relative; border-top: none; border-bottom: 0; } .picto-container span:before, .picto-container span:after{ height: 1px; background: #ffffff8a; } .picto-container span:before{width: 31px;} .picto-container span:after{ right: 0; left: auto; width: calc(100% - 105px); } .picto-container li:after{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-size: cover; background-position: center; z-index: -1; opacity: 0; transition: 250ms all ease-in-out; clip-path: polygon(30px 0, 30px 30px, 105px 30px, 105px 0, 100% 0, 100% 100%, 0 100%, 0 0); } .picto-container li:first-child{ border-right-width: 0.5px; border-bottom-width: 0.5px; } .picto-container li:nth-child(2){border-left-width: 0.5px;} .picto-container li:nth-child(3){ border-top-width: 0.5px; border-right-width: 0.5px; border-bottom: solid 1px #ffffff8a; } .picto-container li:nth-child(4){ border-top-width: 0.5px; border-left-width: 0.5px; border-bottom: solid 1px #ffffff8a; } .picto-container li p strong{ display: block; font-family: var(--font-bold); font-size: 16px; margin-bottom: 10px; color: var(--white); font-weight: normal; text-transform: uppercase; letter-spacing: 1px; } .picto-container li p{ margin: 0; font-size: 16px; color: var(--white); line-height: 1.6; } .picto-container li svg, .picto-container li img{ position: absolute; top: -40px; padding: 20px; } /*-----------------*/ /* TEMOIGNAGES */ /*-----------------*/ #temoignages {overflow: hidden;} #temoignages-title{/* height: auto!important; */} .bloc_temoignages .wrap-element{ list-style: none; width: 100%; min-height: 400px; /* À ajuster selon ton design */ background: var(--secondary-color); border-radius: 24px; margin-bottom: 2vh; /* Un petit espace entre les cartes lors du scroll */ box-shadow: 0 -10px 30px rgba(0,0,0,0.05); /* Ombre portée vers le haut */ overflow: hidden; padding: 100px; color: var(--white); } #temoignages .bloc_temoignages p{ line-height: 1.6; margin-bottom: 20px; font-size: 15px; } #temoignages .bloc_temoignages h3 { margin: 0 0 10px 0; font-size: 20px; color: var(--white); } .star-rating .star-full:before {content: "\2605";} .star-rating .star-half:before { content: "\2605"; position: absolute; left: 0; width: 50%; overflow: hidden; } .star-rating .star-empty:before {content: "\2606";} .star-rating .star { color: var(--primary-color); display: inline-block; font-family: dashicons; font-size: 20px; font-style: normal; font-weight: 400; height: 20px; line-height: 1; text-align: center; text-decoration: inherit; vertical-align: top; width: 20px; } .nohome #temoignages .widget_temoignages .bloc_temoignages .wrap-element{padding: 40px;} /*-----------------*/ /* CHIFFRES */ /*-----------------*/ #chiffres{ background: var(--light-color); margin: 0; } #chiffres .wp-block-columns{margin: 0;gap: 80px;} #chiffres .wp-block-column{margin: 0 auto!important;} #chiffres .chiffres-wrapper{ display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); } #chiffres .eb-parent-wrapper{height: 100%;} #chiffres .eb-counter-wrapper{ padding: 20px; margin: 0; border-radius: 10px; gap: 10px; position: relative; background: var(--background-color)!important; height: 100%; } #chiffres .counter-contents-wrapper{ justify-content: center; } #chiffres .chiffres-wrapper > .wp-block-essential-blocks-number-counter:first-child .eb-counter-wrapper { background: var(--primary-color)!important; transform: rotate(-3deg); } #chiffres .chiffres-wrapper > .wp-block-essential-blocks-number-counter:first-child .eb-counter-wrapper :is(.eb-counter-number, .eb-counter-title){color: var(--white);} #chiffres .chiffres-wrapper > .wp-block-essential-blocks-number-counter:first-child .eb-counter-wrapper .eb-icon{background: var(--title-color)!important;} #chiffres .eb-counter-number{ font-size: 40px; color: var(--primary-color); } #chiffres .eb-counter-title{ text-transform: none; font-size: 16px; color: var(--title-color); } #chiffres .eb-icon { border-radius: 0 0 0 100%; --size: 50px; padding: 10px 10px 20px 18px; width: var(--size); height: var(--size); } #chiffres .icon-img-wrapper{margin: 0;position: absolute;top: 0;right: 0;} /*-----------------*/ /* SHARE */ /*-----------------*/ /*-----------------*/ /* AGENCES */ /*-----------------*/ /*-----------------*/ /* ADHESION FORM */ /*-----------------*/ #formulaire-adhesion{ background: var(--tertiary-color); padding: 100px 30px; margin: 100px 0; } #formulaire-adhesion .title{margin-bottom: 30px;} #formulaire-adhesion a:hover{color: var(--white);} .desccontact{ font-size: 12px; border-bottom: solid 1px #bbbbbb; margin-top: 20px; } /*-----------------*/ /* FOOTER */ /*-----------------*/ #footerForm{background-image: url('../images/home-bg1.jpg')} #footer{background: var(--secondary-color)} #footer #footerNav a { color: var(--white); text-decoration: none; text-transform: uppercase; font-size: 12px; padding: 6px 20px; letter-spacing: 1px; font-weight: bold; } #footer #footerNav a:hover{color: var(--primary-color)} #footer #footerNav .menu-item{position: relative;} #footer #footerNav .menu-item:not(:last-of-type):after { content: ""; height: 10px; width: 1px; position: absolute; right: 0; top: 50%; background-color: var(--white); transform: translateY(-50%); opacity: 0.4; } #footerNav .sub-menu{display: none;} .wrapperFooter { background: var(--white); box-shadow: 0px 0px 30px #1a1a2612; padding: 40px 15px; } #wrapperForm .title{ margin-bottom: 30px; } .imgFooter { background: url(../images/footer-img.jpg); background-position: center; background-repeat: no-repeat; background-size: cover }