body {
/* genium */
--genium--font--principal: 'Replica Pro', sans-serif;
--genium--font--secundaria: var(--genium--font--principal);
--genium--color--blanc: #ffffff;
--genium--color--negre: #000000;
--genium--color--text: #444444;
--genium--color--principal: #009EAF;
--genium--color--secundari: #F49600;
--genium--color--terciari: #70AF7F;
--genium--color--cuart: #F97F41;
--genium--color--error: #FF0033;
--genium--color--background--clar: #F4F4F4;
--genium--color--borders: #AEAEAE;
--genium--maxwidth: 1100px;
--genium--maxwidth--narrow: 750px;
--genium--maxwidth--wide: 1600px;
--genium--padding--sides: 3%;
--genium--padding--sides-big: 10%;
--genium--padding--bottom: 60px;
--genium--columns--margin: 2.9rem;
--genium--sidebarpage--width: 750px;
--genium--sidebar--width: 340px;
--genium--logo--height: 50px;
--genium--logo--height--slim: 35px;
--genium--logo--width: auto;
--genium--height--header: 100px;
--genium--height--footer: 1200px;
--genium--fonts--h1: 2.75rem;
--genium--fonts--h1--large: 3.25rem;
--genium--fonts--h1--weight: normal;
--genium--fonts--h1--height: 1.15em;
--genium--fonts--h2: 2.05rem;
--genium--fonts--h2--weight: normal;
--genium--fonts--h2--height: 1.3em;
--genium--fonts--h3: 1.5rem;
--genium--fonts--h3--weight: normal;
--genium--fonts--h3--height: 1.3em;
--genium--fonts--h4: 1.25rem;
--genium--fonts--h4--weight: normal;
--genium--fonts--h4--height: 1.3em;
--genium--fonts--p: 1.15rem;
--genium--fonts--p--weight: normal;
--genium--fonts--p--height: 1.4em;
--genium--fonts--p--small: 0.93rem;
--genium--fonts--p--small--height: 1.5em;
--genium--fonts--p--medium: 1.3rem;
--genium--fonts--p--medium--height: 1.3em;
--genium--fonts--p--large: 1.8rem;
--genium--fonts--p--large--height: 1.1em;
--genium--fonts--p--xlarge: 5.2rem;
--genium--fonts--p--xlarge--height: 1.15em;
--genium--fonts--margins: 1.2rem;
/* buttons */
--genium--buttons--radius: 50px;
--genium--buttons--minwidth: 275px;
--genium--buttons--padding: 1.2rem 2rem;
/* effects*/
--genium--transition: .2s;
/* wp */
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 19px;
--wp--preset--font-size--large: 26px;
--wp--preset--font-size--x-large: 36px;
}
.faq-q::before{
display: none;
}
.genium-styles > iframe,
.genium-styles > .wp-block-essential-blocks-advanced-tabs,
.genium-styles > .wp-block-file
{
max-width: var(--genium--maxwidth);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
display: block;
width: 100%;
}
.genium-styles > .wp-block-file{
padding-left: var(--genium--padding--sides);
padding-right: var(--genium--padding--sides);
}
.genium-styles table {
max-width: var(--genium--maxwidth);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body.home .genium-styles .max-width {
max-width: 1300px;
}
input[type="submit"], .button, .genium-styles p.button-link a, p.button-link a, .wp-block-button a, .comment-reply-link, .woocommerce-message a.button, .woocommerce .cart .button, .woocommerce a.button {
font-weight: bold;
}
.genium-styles p.has-x-large-font-size.no-margin-bottom{
margin-bottom: 0;
}
.counter-animation p{
width: 100%;
}
h2,h3{
margin-bottom: 40px;
padding-bottom: 10px;
border-bottom: solid 1px #E2EBEB;
}
.home h2{
border-bottom: none;
}
.max-width-wide.homewide{
width: 100%;
}
#content:not(.content-rapport) .parent-association h2,
#content:not(.content-rapport) .parent-association h3
{
color: var(--genium--color--principal) !important;
}
.parent-dossier h2,
.parent-dossier h3
{
color: var(--genium--color--secundari) !important;
}
.parent-travailler h2,
.parent-travailler h3
{
color: var(--genium--color--terciari) !important;
}
.parent-vivre h2,
.parent-vivre h3
{
color: var(--genium--color--cuart) !important;
}
#user-button{
display: none;
}
#user-button img{
height: 35px !important;
width: auto !important;
display: block;
}
h1 img{
height: 1em;
width: auto !important;
margin-right: 14px;
}
h1.page-heading{
margin-bottom: 40px;
}
.organes h1.page-heading{
margin-bottom: 10px;
min-height: 102px;
}
.organes .columns-organes{
margin-top: 0;
}
.home h2{
color: var(--genium--color--text);
}
.home h3{
color: var(--genium--color--text);
}
.has-color-principal{
color: var(--genium--color--principal);
}
#header ul li.menu-button{
margin-left: 15px;
}
#header ul li.menu-button a{
border: solid 1px var(--genium--color--text);
border-radius: var(--genium--buttons--radius);
padding: 8px 23px;
}
#header ul li.menu-button:hover a{
background-color: transparent;
}
#header ul.menu li a{
font-size: 1em;
}
#content {
padding-top: calc(var(--genium--height--header) - 0px);
}
#content h2{
margin-top: 1.4em;
}
#content h2.no-margin-top{
margin-top: 0;
}
.page-heading{
margin-top: 0 !important;
}
/* .category-actualites #content {
padding-top: calc(var(--genium--height--header) - 20px);
} */
.page-template-template-transparent-header #header ul.menu > li:hover > a{
color: #ffffff;
}
#header ul.menu li.menu-item-has-children:hover a{
background-color: #ffffff;
border-radius: 20px 20px 0px 0px;
box-sizing: border-box;
}
ul.menu li.menu-item-has-children:hover .sub-menu{
background-color: #ffffff;
border-radius: 0 20px 20px 20px;
}
#side-menu .sub-menu{
background-color: #4a4a5a;
}
ul.menu li.menu-item-has-children .sub-menu {
padding: 10px 10px 30px 10px;
width: 280px;
}
ul.menu li.menu-item-has-children .sub-menu li{
display: block;
width: 100%;
}
#header ul.menu li.menu-item-has-children a{
padding: 15px;
padding-right: 0;
}
#header ul.menu > li.menu-item-has-children:nth-child(1) > a::after{
content: '';
display: inline-block;
width: 30px;
height: 13px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml,');
}
#header ul.menu > li.menu-item-has-children:nth-child(2) > a::after{
content: '';
display: inline-block;
width: 30px;
height: 13px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml,');
}
#header ul.menu > li.menu-item-has-children:nth-child(3) > a::after{
content: '';
display: inline-block;
width: 30px;
height: 13px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml,');
}
#header ul.menu > li.menu-item-has-children:nth-child(4) > a::after{
content: '';
display: inline-block;
width: 30px;
height: 13px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml,');
}
#header ul.menu > li.menu-item-has-children > ul.sub-menu a{
padding-left: 30px;
}
#header ul.menu > li.menu-item-has-children > ul.sub-menu a::before {
content: '';
display: inline-block;
width: 30px;
height: 13px;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
left: 0;
transform: translateY(5px);
}
#header ul.menu > li.menu-item-has-children:nth-child(1) > ul.sub-menu a::before{
background-image: url('data:image/svg+xml,');
}
#header ul.menu > li.menu-item-has-children:nth-child(2) > ul.sub-menu a::before{
background-image: url('data:image/svg+xml,');
}
#header ul.menu > li.menu-item-has-children:nth-child(3) > ul.sub-menu a::before{
background-image: url('data:image/svg+xml,');
}
#header ul.menu > li.menu-item-has-children:nth-child(4) > ul.sub-menu a::before{
background-image: url('data:image/svg+xml,');
}
#header ul.menu > li.menu-item-has-children:nth-child(1) a:hover{
color: var(--genium--color--principal);
}
#header ul.menu > li.menu-item-has-children:nth-child(2) a:hover{
color: var(--genium--color--secundari);
}
#header ul.menu > li.menu-item-has-children:nth-child(3) a:hover{
color: var(--genium--color--terciari);
}
#header ul.menu > li.menu-item-has-children:nth-child(4) a:hover{
color: var(--genium--color--cuart);
}
#header ul.menu li.menu-item-has-children:nth-child(1):hover > a{
color: var(--genium--color--principal);
}
#header ul.menu li.menu-item-has-children:nth-child(2):hover > a{
color: var(--genium--color--secundari);
}
#header ul.menu li.menu-item-has-children:nth-child(3):hover > a{
color: var(--genium--color--terciari);
}
#header ul.menu li.menu-item-has-children:nth-child(4):hover > a{
color: var(--genium--color--cuart);
}
#header > .wp-block-columns > .wp-block-columns {
gap: 30px !important;
}
#header .language {
margin: 0rem;
}
.dropbtn {
border: none;
padding: 0;
text-transform: uppercase;
color: var(--genium--color--text);
border-radius: 20px 20px 0px 0px;
padding: 10px;
transition: .3s;
min-width: 75px;
}
.dropdown:hover .dropbtn{
color: #ffffff;
background-color: var(--genium--color--principal);
}
.dropdown-content{
width: 60px;
padding: 20px;
width: 100px;
padding-bottom: 5px;
border-radius: 0 20px 20px 20px;
}
.dropdown-content a{
text-transform: uppercase;
}
.dropbtn::after {
transition: .2s;
content: '';
display: inline-block;
position: relative;
height: 15px;
width: 20px;
left: 0;
top:0;
border: none !important;
background-position: center center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.single .breadcrumb{
max-width: 1135px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.breadcrumb{
margin-bottom: 40px;
}
.parent-association .breadcrumb a{
color: var(--genium--color--principal);
}
.parent-dossier .breadcrumb a{
color: var(--genium--color--secundari);
}
.parent-travailler .breadcrumb a{
color: var(--genium--color--terciari);
}
.parent-vivre .breadcrumb a{
color: var(--genium--color--cuart);
}
.dropdown:hover .dropbtn::after {
filter: brightness(0) grayscale(1) invert(1);
}
.faq-a{
padding-top: 20px;
}
.wp-block-navigation .wp-block-navigation-item{
transition: var(--genium--transition);
}
.wp-block-navigation .wp-block-navigation-item:hover{
transform: translateX(15px);
}
.padding-column{
padding-left: 6%;
padding-right: 6%;
box-sizing: border-box;
flex-basis: 50% !important;
flex-grow: 0 !important;
}
.travailler{
margin-top: 30px;
}
.travailler ul li a::before{
content: '';
display: inline-block;
width: 30px;
height: 13px;
background-repeat: no-repeat;
background-position: left center;
background-image: url('data:image/svg+xml,');
}
.travailler ul li a:hover span{
color: var(--genium--color--terciari);
}
.genium-styles ul.wp-block-list li a{
color: var(--genium--color--principal);
}
.ems{
margin-top: 30px;
}
.ems ul li a::before{
content: '';
display: inline-block;
width: 30px;
height: 13px;
background-repeat: no-repeat;
background-position: left center;
background-image: url('data:image/svg+xml,');
}
.ems ul li a:hover span{
color: var(--genium--color--cuart) !important;
}
.dossiers{
margin-top: 30px;
}
.dossiers ul li a::before{
content: '';
display: inline-block;
width: 30px;
height: 13px;
background-repeat: no-repeat;
background-position: left center;
background-image: url('data:image/svg+xml,');
}
.dossiers ul li a:hover span{
color: var(--genium--color--secundari) !important;
}
.page-content-404 #searchform input[type="submit"]{
margin-top: 30px;
}
#search-button{
background-color: var(--genium--color--secundari);
border-radius: 12px;
padding: 10px;
box-sizing: border-box;
height: 40px;
width: 40px;
}
#search-button:hover{
background-color: var(--genium--color--cuart) !important;
}
#search-button svg {
height: 100%;
width: auto;
}
#search-button g {
fill: var(--genium--color--blanc);
}
#search-button:hover svg g {
fill: var(--genium--color--blanc);
}
#footer{
background-color: #4A4A5A;
}
.footer-wrapper .footer-info,
.footer-wrapper .bottom-bar
{
background: none;
border-top: solid 1px #61616F;
}
#footer .top-bar {
padding-top: 30px;
padding-bottom: 30px;
padding-left: var(--genium--padding--sides);
padding-right: var(--genium--padding--sides);
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
#footer .top-bar p{
margin: 0;
}
.footer-wrapper .footer-info{
padding-top: 0;
padding-bottom: 0;
}
.footer-wrapper .footer-info .wp-block-column{
padding-top: 40px;
padding-bottom: 40px;
}
.footer-wrapper .bottom-bar img{
margin: 0 auto;
}
#footer a,
#footer p{
color: #ffffff;
}
#footer p.widthicon{
padding-left: 30px;
position: relative;
margin-top: 30px;
margin-bottom: 0;
}
#footer p.widthicon svg{
position: absolute;
left: 0;
top: 0;
}
#footer .footer-info img{
max-width: 190px;
margin-top: 20px;
}
#footer p.has-small-font-size{
font-size: 1rem !important;
}
.footer-info .menu-title{
font-size: 1rem !important;
}
#footer ul li a{
position: relative;
transition: .2s;
}
#footer ul li a::before{
content: '—';
display: inline-block;
margin-right: 10px;
color: #6E6E6E;
}
#footer ul li a:hover{
margin-left: 10px;
}
.footer-info .wp-block-column:not(:last-of-type){
border-right: solid 1px #61616F;
}
.color-1{
color: var(--genium--color--principal) !important;
}
.color-2{
color: var(--genium--color--secundari) !important;
}
.color-3{
color: var(--genium--color--terciari) !important;
}
.color-4{
color: var(--genium--color--cuart) !important;
}
.margin-top-menu-footer{
margin-top: 60px;
}
.wp-block-columns.cols-3{
flex-flow: row wrap !important;
margin-top: 20px;
}
h1.dossier-title{
margin-bottom: 50px;
}
.post-wrapper{
background-image: linear-gradient(143deg, #F4F4F4 0%, #F2FEFF 100%);
border-radius: 28px;
padding: 45px;
box-sizing: border-box;
transition: var(--genium--transition);
border: solid 1px var(--genium--color--principal);
}
.post-wrapper:hover{
background-image: linear-gradient(143deg, var(--genium--color--principal) 0%, var(--genium--color--principal) 100%);
/* background: var(--genium--color--principal); */
color: #ffffff;
}
.post-wrapper:hover p{
color: #ffffff !important;
}
.post-wrapper:hover p img{
filter: grayscale(1) brightness(0) invert(1);
}
.post-wrapper.dossier{
background-image: linear-gradient(143deg, #F4F4F4 0%, #FFF6E1 100%);
border-color: var(--genium--color--secundari);
}
.post-wrapper.dossier:hover{
background-image: linear-gradient(143deg, var(--genium--color--secundari) 0%, var(--genium--color--secundari) 100%);
}
.post-wrapper.dossier .wp-block-image{
padding-bottom: 55%;
}
.post-wrapper.dossier .wp-block-image img{
transition: .2s;
}
.post-wrapper.dossier:hover .wp-block-image img{
transform: scale(1.05);
}
.post-wrapper .wp-block-image {
position: relative;
margin-top: 15px !important;
margin-bottom: 20px;
}
.post-wrapper .wp-block-image .icon{
position: absolute;
bottom: 0;
right: 0;
width: 30px;
height: 30px;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
}
.post-wrapper .wp-block-image {
padding-bottom: 40%;
}
.post-wrapper .wp-block-image img {
object-fit: cover;
}
.category-informations-aux-membres .post-wrapper .wp-block-image {
padding-bottom: 40%;
display: none;
}
.sidebar-posts.admin .post-wrapper .wp-block-image {
padding-bottom: 40%;
display: none;
}
.category-informations-aux-membres .post-wrapper .block-text p{
margin: 0;
}
.wp-block-columns.cols-3 .wp-block-column, .wp-block-columns.cols-3:not(.is-not-stacked-on-mobile) .wp-block-column {
margin-bottom: 0;
}
.post-meta{
display: flex;
flex-flow: row wrap !important;
justify-content: space-between;
}
.post-meta .post-cat p{
color: var(--genium--color--principal);
margin: 0 !important;
}
.post-meta .post-cat p img{
height: 1.4em;
width: auto;
margin-right: 0;
margin-left: 13px;
}
.cats-list{
display: flex;
flex-flow: row wrap;
gap: 10px;
justify-content: flex-end;
}
.cats-list p{
margin-top: 0;
margin-bottom: 0;
}
.cats-list p.button-link a{
min-width: 0;
padding: 12px 19px;
font-size: 1.1rem !important;
font-weight: normal !important;
}
.cats-list p.button-link.active a img{
filter: brightness(0) grayscale(1) invert(1);
}
p.button-link.alt a{
background-color: #ffffff;
color: var(--genium--color--text);
border: solid 1px var(--genium--color--principal)
}
p.button-link.alt a:hover{
background-color: var(--genium--color--principal);
color: #ffffff;
border: solid 1px var(--genium--color--principal)
}
p.button-link.alt a:hover img{
filter: brightness(0) grayscale(1) invert(1);
}
.button-link.active a {
background-color: var(--genium--color--principal) !important;
color: #ffffff !important;
border: solid 1px var(--genium--color--principal) !important;
}
.eb-button a{
cursor: pointer;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-family: var(--genium--font--principal);
padding: var(--genium--buttons--padding);
min-width: var(--genium--buttons--minwidth);
border: solid 2px var(--genium--color--principal);
border-radius: var(--genium--buttons--radius);
background: var(--genium--color--principal);
color: var(--genium--color--blanc);
font-size: var(--genium--fonts--p);
line-height: 1em !important;
transition: var(--genium--transition);
line-height: 1.5rem;
}
.eb-button a:hover{
background: var(--genium--color--secundari);
border-color: var(--genium--color--secundari);
color: var(--genium--color--blanc);
}
.dashicons{
display: none;
}
.group-text-button{
position: relative;
}
.group-text-button .image{
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
pointer-events: none;
}
.group-text-button .image img{
width: 200%;
height: 200%;
object-fit: contain;
z-index: -1;
position: relative;
transform: translateY(-20%);
}
.home .footer-blocks{
display: none;
}
.wp-block-columns.no-margin-top{
margin-top: 0;
}
.hoverblock a{
background: #FAFAFA;
padding: 30px;
padding-bottom: 60px;
border-radius: 20px;
box-sizing: border-box;
display: block;
color: var(--genium--color--text) !important;
position: relative;
transition: .2s;
}
.hoverblock.hover-1 a:hover{
background-color: var(--genium--color--principal);
}
.hoverblock.hover-2 a:hover{
background-color: var(--genium--color--secundari);
}
.hoverblock.hover-3 a:hover{
background-color: var(--genium--color--terciari);
}
.hoverblock.hover-4 a:hover{
background-color: var(--genium--color--cuart);
}
.hoverblock a:hover{
color: #ffffff !important;
}
.hoverblock a:hover img{
filter: brightness(0) invert(1);
}
.hoverblock p{
height: 100%;
}
.hoverblock p a{
height: 100%;
}
.hoverblock a img{
position: absolute;
bottom: 15px;
right: 15px;
width: 20px !important;
height: 20px !important;
}
.hoverblock a{
position: relative;
}
.hoverblock a::before{
content: '';
display: block;
position: absolute;
top: -150%;
left: -150%;
height: 400%;
width: 400%;
border-radius: 50%;
opacity: 0;
z-index: -1;
transition: var(--genium--transition);
}
.hoverblock.hover-1 a:hover::before {
opacity: .5;
background: rgb(0,158,175);
background: radial-gradient(circle, rgba(0,158,175,1) 0%, rgba(0,158,175,0) 30%);
}
.hoverblock.hover-2 a:hover::before {
opacity: .5;
background: rgb(252,176,61);
background: radial-gradient(circle, rgba(252,176,61,1) 0%, rgba(252,176,61,0) 30%);
}
.hoverblock.hover-3 a:hover::before {
opacity: .5;
background: rgb(112,175,127);
background: radial-gradient(circle, rgba(112,175,127,1) 0%, rgba(112,175,127,0) 30%);
}
.hoverblock.hover-4 a:hover::before {
opacity: .5;
background: rgb(249,127,63);
background: radial-gradient(circle, rgba(249,127,63,1) 0%, rgba(249,127,63,0) 30%);
}
.fixed-top{
width: 100%;
background-color: #ffffff;
max-width: none !important;
}
h2 img{
height: 1.2em;
width: auto !important;
margin-right: 14px;
transform: translateY(9px);
}
.icones-link{
max-width: 800px !important;
background-color: #ffffff;
margin: 0;
padding-top: 25px;
padding-bottom: 25px;
}
.icones-link p a img{
height: 2em;
width: auto !important;
transition: .2s;
filter: grayscale(1) brightness(0);
opacity: .1;
margin-right: 16px;
position: absolute;
left: 0;
}
.icones-link p a:hover img,
.icones-link p a.active img
{
filter: grayscale(0) brightness(1);
opacity: 1;
}
.icones-link p a{
position: relative;
color: var(--genium--color--text) !important;
text-align: left;
display: inline-block;
padding-left: 50px;
}
.icones-link p a::before{
content: '';
display: block;
position: absolute;
/* height: 90px;
width: 90px;
left: -35px;
top: -35px; */
opacity: 0.21;
}
.icones-link.wp-block-columns .wp-block-column:nth-child(1) p a::before{
background-image: radial-gradient(circle at 50% 50%, #F97F41 0%, #FFFFFF 50%);
opacity: 0;
}
.icones-link.wp-block-columns .wp-block-column:nth-child(2) p a::before{
background-image: radial-gradient(circle at 50% 50%, #70AF7F 0%, #FFFFFF 50%);
opacity: 0;
}
.icones-link.wp-block-columns .wp-block-column:nth-child(3) p a::before{
background-image: radial-gradient(circle at 50% 50%, #FCB03D 0%, #FFFFFF 50%);
opacity: 0;
}
.icones-link.wp-block-columns .wp-block-column p a:hover::before,
.icones-link.wp-block-columns .wp-block-column p a.active::before
{
opacity: .21;
}
.icones-link {
position: relative; /* Initial state */
transition: position 0.3s ease; /* Smooth transition */
}
/* Class for when the element should become fixed */
.fixed {
position: fixed;
top: 75px; /* Adjusts for the header offset */
z-index: 2; /* Ensures it stays above other content */
}
.anchor{
scroll-margin-top: 165px;
}
.gradient-back{
position: relative;
}
.gradient-back svg{
position: absolute;
left: 0;
top: -50px;
z-index: -1;
}
.gradient-back.right svg{
left: auto;
right: 0;
}
.page-template-template-transparent-header .dropbtn{
color: #ffffff;
}
.page-template-template-transparent-header #header ul li.menu-button a{
border-color: #ffffff;
}
.page-template-template-transparent-header #header.slim ul.menu li a {
color: var(--genium--color--text);
}
.page-template-template-transparent-header #header.slim .dropbtn{
color: var(--genium--color--text);
}
.page-template-template-transparent-header #header.slim ul li.menu-button a{
border-color: var(--genium--color--text);
}
.page-template-template-transparent-header #header.slim .dropdown:hover .dropbtn{
color: #ffffff;
}
.page-template-template-transparent-header #menu-button .lineamenu {
background: #ffffff;
}
.page-template-template-transparent-header #header.slim #menu-button .lineamenu {
background: var(--genium--color--principal);
}
.menu-open.page-template-template-transparent-header #header.slim #menu-button .lineamenu {
background: #ffffff;
}
ul.menu li.menu-item-has-children .sub-menu {
background: #4a4a5a;
}
#side-menu li.open .sub-menu{
padding-bottom: 1px;
padding-left: 20px;
padding-right: 20px;
padding-top: 35px;
}
#side-menu li.open .sub-menu li a{
font-size: 1.2rem;
}
body.home #content{
padding-top: 0;
}
.home-video{
min-height: 100vh;
position: relative;
max-width: none !important;
background-color: #4A4A5A;
}
.home-video > .wp-block-group__inner-container{
display: flex;
flex-flow: column wrap;
justify-content: space-between;
align-items: flex-start;
height: 100%;
min-height: 100vh;
box-sizing: border-box;
padding-bottom: 50px;
padding-top: 190px;
overflow: hidden;
}
.home-video video{
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: .7;
transition: .2s;
}
.home-video video.hover{
opacity: .2;
}
.home-video .copywriting{
flex-grow: 1;
width: 100%;
position: relative;
z-index: 2;
}
.home-video .linksbottom{
flex-grow: 0;
width: 100%;
position: relative;
z-index: 2;
}
.home-video .copywriting .wp-block-group__inner-container{
position: relative;
height: 100%;
}
.home .scroll-down{
margin-right: calc(var(--genium--padding--sides) + 10px);
margin-left: auto;
display: block;
text-align: center;
z-index: 3;
position: relative;
max-width: 111px;
margin-right: 0;
}
.menu-home-group{
background-image: linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 100%);
}
.scroll-down{
font-size: 1rem !important;
cursor: pointer;
}
.scroll-down img{
display: block;
height: 30px;
width: auto !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 5px;
animation-name: bounce;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease;
}
.ems-header .scroll-down{
position: absolute;
bottom: 250px;
right: calc(var(--genium--padding--sides) + 10px);
text-align: center;
z-index: 2;
color: #ffffff;
}
#vivre,
#travailler
{
padding-bottom: 70px;
margin-bottom: 70px;
border-bottom: solid 1px #E2EBEB;
}
.home-video p,
.home-video h1
{
color: #ffffff !important;
max-width: 540px;
}
#side-menu{
background-color: #4A4A5A;
overflow: auto;
padding: 20px 40px;
}
.menu-open #header{
background-color: #4A4A5A !important;
}
body.menu-open #menu-button .lineamenu:nth-child(1) {
transform: rotate(45deg) translate(7px, 8px);
background-color: #ffffff;
}
body.menu-open #menu-button .lineamenu:nth-child(3) {
transform: rotate(-45deg) translate(7px, -8px);
background-color: #ffffff;
}
.menu-open #header .logo{
filter: brightness(0) invert(1) grayscale(1);
}
#side-menu ul li a{
color: #ffffff;
}
#side-menu ul li.menu-button a{
padding: 16px;
border-radius: 35px;
background-color: var(--genium--color--terciari);
border: solid 1px var(--genium--color--terciari);
color: #ffffff;
display: block;
box-sizing: border-box;
width: 100%;
text-align: center;
}
#side-menu ul li.menu-button a:hover{
background-color: #4A4A5A;
}
#side-menu form.search-form input[type="search"]{
background-color: #646476;
border: solid 1px #ffffff;
color: #ffffff;
border-radius: 25px;
margin-bottom: 25px;
}
#side-menu .search-form svg g {
fill: #ffffff;;
}
#side-menu .widthicon{
color: #ffffff;
display: flex;
align-items: center;
gap: 15px;
margin-top: 30px;
margin-bottom: 0;
}
#side-menu .widthicon a{
color: #ffffff;
}
#side-menu .menu-item-has-children > a{
font-size: 1.3rem !important;
}
#side-menu .menu-item-has-children > a::after {
border-style: none;
border-width: 0;
content: '';
display: inline-block;
height: 0;
position: relative;
top: 0;
vertical-align: middle;
width: 0;
margin-left: 0;
top: 0;
transform: none;
}
#side-menu ul.menu > li.menu-item-has-children:nth-child(1) > a::after{
content: '';
display: inline-block;
width: 30px;
height: 13px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml,');
}
#side-menu ul.menu > li.menu-item-has-children:nth-child(2) > a::after{
content: '';
display: inline-block;
width: 30px;
height: 13px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml,');
}
#side-menu ul.menu > li.menu-item-has-children:nth-child(3) > a::after{
content: '';
display: inline-block;
width: 30px;
height: 13px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml,');
}
#side-menu ul.menu > li.menu-item-has-children:nth-child(4) > a::after{
content: '';
display: inline-block;
width: 30px;
height: 13px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml,');
}
.iframe-wrapper{
max-width: 1140px !important;
}
h3.h3-icon{
display: flex;
align-items: center;
}
h3.h3-icon img{
margin-right: 10px;
}
.link-block{
position: relative;
}
.wp-block-column .link-block,
.link-block > div,
.link-block h3
{
/* height: 100%; */
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
p.link-block,
.link-block.vivre h3
{
height: auto;
margin-bottom: 10px;
}
.link-block.vivre h3
{
height: auto;
margin-bottom: 10px;
color: #ffffff !important;
}
.link-block.vivre a:hover{
background-color: #ffffff;
color: var(--genium--color--cuart) !important;
}
.link-block.vivre a:hover h3{
color: var(--genium--color--cuart) !important;
}
.link-block a{
padding: 30px;
background-image: linear-gradient(143deg, #F4F4F4 0%, #F2FEFF 100%);
background: var(--genium--color--principal);
color: #ffffff !important;
border-radius: 28px;
display: block;
box-sizing: border-box;
text-align: center;
border: solid 2px transparent;
transition: .2s;
font-size: 1.7rem !important;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.2em;
}
.link-block a:hover{
border-color: var(--genium--color--principal);
background-color: transparent;
color: var(--genium--color--principal) !important;
}
.link-block h3{
color: var(--genium--color--principal);
}
.link-block a img{
display: inline-block;
height: 20px !important;
width: auto !important;
margin-right: 20px;
margin-bottom: 0;
filter: brightness(0) invert(1);
}
.link-block a:hover img{
filter: none;
}
.link-block .has-medium-font-size a{
font-size: var(--genium--fonts--p--medium) !important;
justify-content: flex-start;
}
.link-block .has-text-align-left a{
text-align: left;
}
p.link-block a{
font-size: var(--genium--fonts--p--medium) !important;
text-align: left;
}
p.link-block.green a{
justify-content: flex-start;
flex-flow: row wrap;
}
.link-block.green a{
background-image: linear-gradient(143deg, #F4F4F4 0%, #EFFDF2 100%);
flex-flow: column wrap;
color: var(--genium--color--text);
}
.link-block.green a:hover{
border-color: var(--genium--color--terciari);
}
.link-block.green a h3{
color: var(--genium--color--terciari);
height: auto;
margin-bottom: 10px;
}
.link-block.green a img{
display: none;
}
.link-block.green a::before{
content: '';
background-image: url('https://avalems.ch/wp-content/uploads/2024/10/arrow-3.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 18px auto;
display: inline-block;
width: 20px;
height: 1em;
margin-right: 20px;
transition: .2s;
}
p.link-block.travailler a{
justify-content: flex-start;
flex-flow: row wrap;
}
.link-block.travailler a{
/* background-image: linear-gradient(143deg, #F4F4F4 0%, #EFFDF2 100%); */
background-color: var(--genium--color--terciari);
color: #ffffff;
flex-flow: column wrap;
color: var(--genium--color--text);
}
.link-block.travailler a:hover{
border-color: var(--genium--color--terciari);
background-color: transparent;
color: var(--genium--color--terciari) !important;
}
.link-block.travailler a h3{
color: #ffffff !important;
height: auto;
margin-bottom: 10px;
}
.link-block.travailler a:hover h3{
color: var(--genium--color--terciari) !important;
}
.link-block.travailler a img{
display: none;
}
/* .link-block.travailler a::before{
content: '';
background-image: url('https://avalems.ch/wp-content/uploads/2024/10/arrow-3.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 18px auto;
display: inline-block;
width: 20px;
height: 1em;
margin-right: 20px;
transition: .2s;
} */
p.link-block.link a{
justify-content: flex-start;
flex-flow: row wrap;
}
.link-block.link a{
flex-flow: column wrap;
color: var(--genium--color--text);
}
.link-block.link a::before{
content: '';
background-image: url('https://avalems.ch/wp-content/uploads/2024/10/arrow-1.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 15px auto;
display: inline-block;
width: 20px;
height: 100%;
margin-right: 20px;
transition: .2s;
filter: brightness(0) invert(1);
}
.link-block.link a:hover::before{
filter: none;
}
p.link-block.file a,
.link-block.file a
{
justify-content: flex-start;
flex-flow: row wrap;
}
.link-block.file p a,
p.link-block.file a
{
font-size: var(--genium--fonts--p) !important;
color: var(--genium--color--text);
}
.link-block.file a img{
display: none;
}
.link-block.file a::before{
content: '';
background-image: url('https://avalems.ch/wp-content/uploads/2024/12/icona-pdf-new.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 22px auto !important;
display: inline-block;
width: 30px !important;
height: 100% !important;
margin-right: 22px;
transition: .2s;
filter: brightness(0) invert(1);
/* top: -2px; */
}
.link-block.file a:hover::before{
filter: none;
}
.link-block.column a{
flex-flow: column wrap;
}
.link-block.file.travailler a::before{
background-image: url('https://avalems.ch/wp-content/uploads/2024/12/icono-pdf-new-verd.png');
}
.link-block.link.travailler a::before{
background-image: url('https://avalems.ch/wp-content/uploads/2024/10/arrow-3.png');
}
.link-block.vivre a{
/* background-image: linear-gradient(143deg, #E2EBEB 0%, #FFF3EE 100%); */
background-color: var(--genium--color--cuart);
transition: .2s;
text-align: left;
color: #ffffff;
border: solid 1px var(--genium--color--cuart);
}
.link-block.vivre a:hover{
border-color: var(--genium--color--cuart);
}
.link-block.has-text-align-center a{
text-align: center;
}
p.link.green a{
color: var(--genium--color--terciari);
}
p.link.green a::before{
content: '';
background-image: url('https://avalems.ch/wp-content/uploads/2024/10/arrow-3.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 15px auto;
display: inline-block;
width: 20px;
height: 1em;
margin-right: 10px;
}
p.link a{
color: var(--genium--color--principal);
position: relative;
padding: 30px 30px 30px 30px;
}
p.link a::before{
content: '';
background-image: url('https://avalems.ch/wp-content/uploads/2024/10/arrow-1.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 15px auto;
display: inline-block;
width: 20px;
height: 1em;
margin-right: 10px;
position: absolute;
left: 0;
}
p.link.travailler a{
color: var(--genium--color--terciari);
}
p.link.travailler a::before{
background-image: url('https://avalems.ch/wp-content/uploads/2024/10/arrow-3.png');
}
.link-block.vivre a::before{
content: '';
background-image: url('https://avalems.ch/wp-content/uploads/2024/10/arrow-4.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 15px auto;
display: inline-block;
width: 20px;
height: 1em;
margin-right: 10px;
filter: brightness(0) invert(1);
}
.link-block.vivre a:hover::before {
filter: none;
}
.link-block.travailler a::before{
content: '';
background-image: url('https://avalems.ch/wp-content/uploads/2024/10/arrow-3.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 15px auto;
display: inline-block;
width: 20px;
height: 1em;
margin-right: 10px;
filter: brightness(0) invert(1);
}
.link-block.travailler a:hover::before {
filter: none;
}
.link-block.file.vivre a::before{
content: '';
background-image: url('https://avalems.ch/wp-content/uploads/2024/12/icono-pdf-new-taronja.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 22px auto;
display: inline-block;
width: 30px;
height: 100%;
margin-right: 25px;
}
.link-block.file.vivre a img{
display: none;
}
/* .link-block.file.vivre a:hover::before{
filter: brightness(0) grayscale(1) invert(1);
} */
.link-block.link.vivre a::before{
background-image: url('https://avalems.ch/wp-content/uploads/2024/10/arrow-4.png');
}
.link-block.file.link a img{
display: none;
}
.link.vivre a{
color: var(--genium--color--cuart);
}
.link.vivre a::before{
background-image: url('https://avalems.ch/wp-content/uploads/2024/10/arrow-4.png');
}
.link.dossier a{
color: var(--genium--color--secundari);
}
.link.dossier a::before{
background-image: url('https://avalems.ch/wp-content/uploads/2024/10/arrow-2.png');
}
.link a::before{
position: absolute;
left: 27px;
/* top: 1.6em; */
transition: var(--genium--transition);
}
.link a:hover::before{
left: 7px !important;
/* top: 1.2em !important; */
}
.link-block.link a::before{
position: relative;
/* top: 0; */
}
.link-block.link a:hover::before{
/* position: relative; */
left: 33px !important;
/* top: 0 !important; */
}
.genium-styles > .wp-block-file a{
font-size: var(--genium--fonts--p);
padding: 30px;
background-image: linear-gradient(143deg, #F4F4F4 0%, #F2FEFF 100%);
border-radius: 28px;
display: block;
box-sizing: border-box;
text-align: center;
border: solid 2px transparent;
transition: .2s;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
line-height: 1.2em;
}
.genium-styles > .wp-block-file a::before{
content: '';
background-image: url('https://avalems.ch/wp-content/uploads/2024/12/icona-pdf-new.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 18px auto;
display: inline-block;
width: 20px;
height: 1em;
margin-right: 20px;
transition: .2s;
}
.genium-styles > .wp-block-file a,
.link-block.link.vivre a,
.link-block.file.vivre a,
.link-block.vivre a,
.link-block.travailler a,
.link-block.file a,
.link-block.link a,
.link-block.green a
{
position: relative;
padding: 30px 30px 30px 60px;
}
.genium-styles > .wp-block-file a::before,
.link-block.link.vivre a::before,
.link-block.file.vivre a::before,
.link-block.vivre a::before,
.link-block.travailler a::before,
.link-block.file a::before,
.link-block.link a::before,
.link-block.green a::before
{
position: absolute;
left: 27px;
}
.has-background-background-color{
background-color: #FAFAFA;
}
.wp-block-group.has-background{
border-radius: 28px;
padding: 15px 25px;
box-sizing: border-box;
}
.background-vivre{
width: auto;
}
.background-vivre .wp-block-group__inner-container{
display: inline-block;
background-image: linear-gradient(143deg, #E2EBEB 0%, #FFF3EE 100%);
border: solid 1px var(--genium--color--cuart);
padding: 20px;
border-radius: 23px;
}
.content-with-sidebar-wrapper{
gap: 0 !important;
}
.content-with-sidebar-wrapper .content{
width: calc(100% - var(--genium--sidebar--width) - 101px);
padding-right: 50px;
margin-right: 50px;
border-right: solid 1px #F4F4F4;
}
.hover-color ul.menu li.current_page_item:nth-child(1) a{
color: var(--genium--color--text);
}
.hover-color ul.menu li.current_page_item:nth-child(2) a{
color: var(--genium--color--text);
}
.hover-color ul.menu li.current_page_item:nth-child(3) a{
color: var(--genium--color--text);
}
.hover-color ul.menu li.current_page_item:nth-child(4) a{
color: var(--genium--color--text);
}
.hover-color ul.menu > li.current_page_item:nth-child(1) > a{
color: var(--genium--color--principal);
}
.hover-color ul.menu > li.current_page_item:nth-child(2) > a{
color: var(--genium--color--secundari);
}
.hover-color ul.menu > li.current_page_item:nth-child(3) > a{
color: var(--genium--color--terciari);
}
.hover-color ul.menu > li.current_page_item:nth-child(4) > a{
color: var(--genium--color--cuart);
}
.hover-color ul.menu li:nth-child(1) ul.sub-menu li.current_page_item a{
color: var(--genium--color--principal);
}
.hover-color ul.menu li:nth-child(2) ul.sub-menu li.current_page_item a{
color: var(--genium--color--secundari);
}
.hover-color ul.menu li:nth-child(3) ul.sub-menu li.current_page_item a{
color: var(--genium--color--terciari);
}
.hover-color ul.menu li:nth-child(4) ul.sub-menu li.current_page_item a{
color: var(--genium--color--cuart);
}
.faq{
padding-bottom: 0;
scroll-margin-top: 120px;
}
.faq-q{
background-image: linear-gradient(143deg, #F4F4F4 0%, #F2FEFF 100%);
border-radius: 28px;
padding: 20px 30px 20px 20px;
color: var(--genium--color--principal);
margin-top: 0 !important;
margin-bottom: 0 !important;
display: flex;
justify-content: space-between;
align-items: center;
border: solid 1px var(--genium--color--principal);
scroll-margin-top: 120px;
}
.faq-q::after{
content: '';
background-image: url('https://avalems.ch/wp-content/uploads/2024/11/icono-desplegable.png');
background-position: right center;
background-repeat: no-repeat;
background-size: 20px 10px;
display: inline-block;
height: 30px;
width: 30px;
}
.faq ul li a{
color: var(--genium--color--principal) !important;
}
.parent-dossier .faq-q{
background-image: linear-gradient(143deg, #F4F4F4 0%, #FFF6E1 100%);
color: var(--genium--color--text);
border-color: var(--genium--color--secundari);
}
.parent-dossier .faq-q::after{
background-image: url('https://avalems.ch/wp-content/uploads/2024/11/icono-deplegable-dosiers.png');
}
.parent-travailler .faq-q{
background-image: linear-gradient(143deg, #F4F4F4 0%, #EFFDF2 100%);
color: var(--genium--color--text);
border-color: var(--genium--color--terciari);
}
.parent-travailler .faq-q::after{
background-image: url('https://avalems.ch/wp-content/uploads/2024/12/icono-deplegable-travailler.png');
}
/* Basic styles for gallery slider */
.gallery-slider {
position: relative !important;
overflow: hidden !important;
}
.gallery-slider figure {
display: none !important;
/* position: absolute !important; */
width: 100% !important;
transition: opacity 0.5s ease-in-out !important;
opacity: 0;
}
/* Show the active image */
.gallery-slider figure.active {
display: block !important;
opacity: 1 !important;
}
.dossier-wrapper{
position: relative;
display: flex;
flex-flow: row wrap;
gap: 50px;
}
.dossier-wrapper .sidebar-dossier{
width: 300px;
}
.dossier-wrapper .content-dossier{
width: calc(100% - 350px);
}
.content-dossier h1{
margin-top: 0;
}
.dossier-wrapper .content-dossier h1, .dossier-wrapper .content-dossier h2, .dossier-wrapper .content-dossier h3,
.dossier-wrapper .content-dossier a
{
color: var(--genium--color--secundari);
}
.sidebar-dossier h3{
color: #444444;
font-size: 1.3rem !important;
font-weight: bold;
border-bottom: solid 1px #444444;
padding-bottom: 10px;
margin-bottom: 5px;
margin-top: 7px;
}
.sidebar-dossier a{
display: block;
border-bottom: solid 1px #D8D8D8;
padding-bottom: 16px;
padding-top: 16px;
}
.sidebar-dossier h3 a{
border: none;
padding-bottom: 0;
padding-top: 0;
}
.sidebar-dossier a.active{
font-weight: 700;
color: #000000;
}
.sidebar-dossier a:hover
{
color: var(--genium--color--secundari);
}
.parent-vivre .sidebar-dossier a:hover
{
color: var(--genium--color--cuart);
}
.parent-travailler .sidebar-dossier a:hover{
color: var(--genium--color--terciari);
}
.parent-vivre .faq-q {
background-image: linear-gradient(143deg, #E2EBEB 0%, #FFF3EE 100%);
border-radius: 28px;
padding: 20px 30px 20px 20px;
color: var(--genium--color--text);
margin-top: 0 !important;
margin-bottom: 0 !important;
display: flex;
justify-content: space-between;
align-items: center;
border: solid 1px var(--genium--color--cuart);
}
.parent-vivre .faq-q::after {
background-image: url('https://avalems.ch/wp-content/uploads/2024/11/icono-deplegable-dosiers.png');
}
.sidebar-dossier a.back-category{
padding: 15px;
background-color: #F8F8F8;
border-radius: 15px;
width: 100%;
display: block;
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
align-items: center;
font-weight: bold;
border: none;
display: none !important;
}
a.back-category.dossier{
padding: 15px;
background-color: #F8F8F8;
color: var(--genium--color--text);
border-radius: 15px;
width: 100%;
box-sizing: border-box;
display: none;
flex-flow: row wrap;
align-items: center;
font-weight: bold;
border: none;
margin-bottom: 18px;
display: none !important;
}
.back-category svg{
margin-right: 10px;
transition: .2s;
}
.back-category:hover svg{
margin-right: 15px;
}
.transparent-table td{
border: 0 !important;
}
.single-ems #header{
background-color: transparent;
}
.ems-header{
position: relative;
min-height: 100vh;
background-color: #000000;
}
.ems-header .background-image{
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
z-index: 0;
opacity: .73;
}
.ems-header .img
.ems-header .logo{
flex-basis: calc(25% - 50px);
}
.ems-header .images{
flex-basis: calc(45% - 50px);
max-height: 500px;
}
.ems-header .contacte{
flex-basis: calc(30% - 50px);
}
.ems__top,
.ems__gallery,
.swiper-wrapper
{
height: 100%;
}
.swiper-slide img{
height: 100%;
width: 100%;
object-fit: contain;
object-position: center center;
pointer-events: none;
}
.ems__map iframe{
height: 100%;
}
.main-image img{
cursor: pointer;
}
.other-images img{
cursor: pointer;
}
#close-ems-gallery{
position: absolute;
right: 40px;
top: 40px;
height: 50px;
width: 50px;
background-color: #009EAF;
border-radius: 12px;
cursor: pointer;
z-index: 8;
}
#close-ems-gallery svg{
height: 100%;
width: 100%;
padding: 7px;
box-sizing: border-box;
stroke: #ffffff;
}
/* Slider Container */
.ems__gallery {
position: fixed;
top: 0;
left: 0;
width: 100vw;
max-width: 100%;
height: 100vh;
z-index: 5;
background-color: rgba(255,255,255,.9);
display: none;
}
/* Slide and Wrapper Styles */
.swiper-container {
width: 100%;
height: 100%;
/* margin-top: 10%;
margin-left: 10%; */
}
.swiper-wrapper {
display: flex;
transition: transform 0.5s ease;
align-items: center;
}
.swiper-slide {
min-width: 100%;
height: auto;
user-select: none;
touch-action: pan-y;
/* max-height: 600px; */
padding: 5%;
box-sizing: border-box;
}
/* Navigation Dots */
.nav-dots {
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
display: none;
}
.nav-dot {
width: 12px;
height: 12px;
background-color: #ccc;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s ease;
}
.nav-dot.active {
background-color: #333;
}
.blocks-2{
display: flex;
flex-flow: row wrap;
gap: 50px;
margin-top: 50px;
}
.blocks-2 > div{
flex-basis: calc(50% - 50px);
background-image: linear-gradient(143deg, #F4F4F4 0%, #F2FEFF 100%);
border-radius: 28px;
padding: 40px;
box-sizing: border-box;
}
.blocks-3{
display: flex;
flex-flow: row wrap;
gap: 50px;
margin-top: 50px;
}
.blocks-3 > div{
flex-basis: calc(33.33% - 50px);
background-image: linear-gradient(143deg, #F4F4F4 0%, #F2FEFF 100%);
border-radius: 28px;
padding: 40px;
box-sizing: border-box;
}
.blocks-3 > div.ems__rooms-item{
background: #009EAF;
color: #ffffff;
}
.blocks-3 > div.ems__rooms-item h3{
color: #ffffff;
}
.blocks-2 h3,
.blocks-3 h3
{
margin-top: 0;
}
.columns-organes{
gap: 50px;
}
.columns-organes p{
margin-top: 0;
margin-bottom: 0;
}
.organes-wrapper{
position: relative;
}
.organes-wrapper .wp-block-group__inner-container{
position: relative;
z-index: 2;
}
.organes-wrapper p{
max-width: 330px;
margin-bottom: 10px;
}
.organes-wrapper p img{
max-width: 70px;
max-height: 70px;
width: 100%;
height: 100%;
object-fit: contain;
margin-right: 15px;
}
.organes-wrapper::before{
content: '';
height: 96%;
width: 20%;
position: absolute;
background-image: url('https://avalems.ch/wp-content/uploads/2024/12/line-connecting.png');
top: 2%;
left: 20%;
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 0;
}
.organes-wrapper p a{
border: solid 1px #979797;
padding: 25px;
border-radius: 14px;
min-height: 60px;
background-color: #ffffff;
display: flex;
align-items: center;
transition: var(--genium--transition);
}
.organes-wrapper p a:hover{
color: #ffffff !important;
}
.level1 a:hover{
background-color: var(--genium--color--principal);
}
.level2 a:hover{
background-color: #a1cdf6;
}
.level3 a:hover{
background-color: #f6b385;
}
.level4 a:hover{
background-color: #c5dfb3;
}
.level1 a:hover img,
.level2 a:hover img,
.level3 a:hover img,
.level4 a:hover img
{
filter: brightness(0) invert(1);
}
.level2{
margin-left: 2em;
}
.level3{
margin-left: 4em;
}
.level4{
margin-left: 6em;
}
.level1, .level2, .level3, .level4{
width: 100%;
}
.level1 a, .level2 a, .level3 a, .level4 a{
display: block;
color: var(--genium--color--text) !important;
}
.page-id-1268 .columns-organes .sidebar-dossier .wp-block-group__inner-container p:nth-child(1) a{
color: #000000 !important;
}
.page-id-9142 .columns-organes .sidebar-dossier .wp-block-group__inner-container p:nth-child(2) a{
color: #000000 !important;
}
.page-id-9149 .columns-organes .sidebar-dossier .wp-block-group__inner-container p:nth-child(3) a{
color: #000000 !important;
}
.page-id-9155 .columns-organes .sidebar-dossier .wp-block-group__inner-container p:nth-child(4) a{
color: #000000 !important;
}
.page-id-9162 .columns-organes .sidebar-dossier .wp-block-group__inner-container p:nth-child(5) a{
color: #000000 !important;
}
.page-id-9197 .columns-organes .sidebar-dossier .wp-block-group__inner-container p:nth-child(6) a{
color: #000000 !important;
}
.page-id-9204 .columns-organes .sidebar-dossier .wp-block-group__inner-container p:nth-child(7) a{
color: #000000 !important;
}
.page-id-9210 .columns-organes .sidebar-dossier .wp-block-group__inner-container p:nth-child(8) a{
color: #000000 !important;
}
.fixed-top-sidebar{
padding: 0 !important;
}
.ems-archive__form-wrapper{
display: flex;
flex-flow: row wrap;
}
.ems-archive__form-wrapper .ems-archive__form-cat:nth-child(1){
flex-basis: 35%;
flex-grow: 0;
}
.ems-archive__form-wrapper .ems-archive__form-cat:nth-child(2){
flex-basis: 65%;
flex-grow: 0;
}
.ems-archive__form-cat-title{
font-size: var(--genium--fonts--p--large);
}
.ems-archive__form-desc{
color: var(--genium--color--cuart);
}
.ems-archive__form-cat-col{
display: flex;
flex-flow: column wrap;
}
.ems-archive__form-cat-col label{
display: flex;
flex-flow: row-reverse;
align-items: center;
justify-content: flex-end;
margin-top: 20px;
}
.ems-archive__form-cat-two-col{
display: flex;
flex-flow: row wrap;
}
.ems-archive__form-cat-two-col label{
flex-basis: 50%;
display: flex;
flex-flow: row-reverse;
align-items: center;
justify-content: flex-end;
margin-top: 20px;
}
.ems-archive__posts{
margin-top: 60px;
}
.ems-archive__posts-wrapper{
display: flex;
flex-flow: column wrap;
gap: 50px;
}
.ems-archive__posts-item{
display: flex;
flex-flow: row wrap;
background-image: linear-gradient(143deg, #E2EBEB 0%, #FFF3EE 100%);
border: solid 1px var(--genium--color--cuart);
border-radius: 28px;
padding: 10px;
box-sizing: border-box;
}
.ems-archive__posts-item .ems-archive__posts-item-img{
flex-basis: 50%;
flex-grow: 0;
}
.ems-archive__posts-item .ems-archive__posts-item-img img{
border-radius: 18px;
display: block;
max-height: 360px;
height: 100%;
object-fit: cover;
}
.ems-archive__posts-item .ems-archive__posts-item-content{
flex-basis: 50%;
flex-grow: 0;
padding-left: 50px;
box-sizing: border-box;
display: flex;
flex-flow: column wrap;
justify-content: space-between;
align-items: flex-start;
padding-top: 30px;
padding-bottom: 30px;
box-sizing: border-box;
}
.ems-archive__posts-item-title{
color: var(--genium--color--cuart) !important;
margin-top: 0 !important;
}
.ems-archive__posts-item-con-wrapper{
flex-grow: 1;
display: flex;
flex-flow: column wrap;
}
.ems-archive__posts-item-link.button{
background-color: var(--genium--color--cuart);
border-color: var(--genium--color--cuart);
color: #ffffff;
}
.ems-archive__posts-item-link.button:hover{
background-color: transparent;
color: var(--genium--color--cuart);
}
.ems-archive__posts-item-link.button svg{
margin-left: 10px;
}
.ems-archive__posts-item-link.button:hover svg g{
fill: var(--genium--color--cuart)
}
.ems-archive__posts-item-address svg,
.ems-archive__posts-item-phone svg,
.ems-archive__posts-item-email svg,
.ems-archive__posts-item-website svg
{
margin-right: 10px;
width: 22px;
object-fit: contain;
object-position: center center;
height: 24px;
}
.ems-archive__posts-item-address,
.ems-archive__posts-item-phone,
.ems-archive__posts-item-email,
.ems-archive__posts-item-website
{
display: flex;
align-items: center;
font-size: var(--genium--fonts--p);
margin-bottom: 15px;
}
.ems-description-wrapper{
background-image: linear-gradient(143deg, #F4F4F4 0%, #F2FEFF 100%);
padding-top: 50px;
padding-bottom: 70px;
}
.ems-description-images{
display: flex;
flex-flow: row wrap;
gap: 50px;
}
.ems-description-images .ems__description{
flex-basis: calc(40% - 25px);
}
.ems-description-images .images{
flex-basis: calc(60% - 25px);
/* flex-basis: 100%; */
}
.slider-images-ems{
display: flex;
flex-flow: column wrap;
gap: 20px;
}
.slider-images-ems .main-image{
/* flex-basis: calc(75% - 10px); */
max-height: 400px;
height: 400px;
overflow: hidden;
}
.slider-images-ems .main-image img{
height: 100%;
width: 100%;
object-fit: cover;
}
.slider-images-ems .other-images{
/* flex-basis: calc(25% - 10px); */
display: flex;
flex-flow: row wrap;
gap: 25px;
}
.slider-images-ems .other-images img{
flex-grow: 0;
flex-basis: calc(33% - 15px) !important;
width: calc(33% - 15px) !important;
}
.slider-images-ems img:nth-child(1){
}
.slider-images-ems img:nth-child(2){
}
.slider-images-ems img:nth-child(3){
}
.slider-images-ems img:nth-child(4){
}
.ems__benefits{
border-radius: 28px;
padding: 30px;
box-sizing: border-box;
background-color: #ffffff;
margin-top: 50px;
}
.ems__benefits h3{
margin-top: 0;
}
.ems-benefits-wrapper{
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
gap: 20px;
margin-top: 30px;
}
.ems-benefits-wrapper a{
font-size: 1.2rem !important;
color: var(--genium--color--principal);
flex-basis: 150px;
width: 150px;
text-align: center;
display: flex;
flex-flow: column wrap;
justify-content: space-between;
height: 100%;
}
.ems-benefits-wrapper a img{
height: 100px;
width: 100px;
object-fit: contain;
object-position: center;
display: block;
margin: 0 auto 0 auto;
}
.ems-benefits-wrapper a p{
flex-grow: 1;
color: var(--genium--color--principal);
min-height: 50px;
}
.ems-benefits-wrapper a svg{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
transition: var(--genium--transition);
}
.ems-benefits-wrapper a:hover svg{
transform: translate(5px, -5px);
}
.prix-wrapper{
background-color: #F3F3F3;
padding-top: 70px;
padding-bottom: 70px;
}
.prix-wrapper h2{
text-align: center;
color: var(--genium--color--principal) !important;
margin-top: 0;
}
.rooms-wrapper{
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: 50px;
}
.rooms-wrapper .ems__rooms-item {
background-color: var(--genium--color--principal);
color: #ffffff;
border-radius: 22px;
padding: 40px;
box-sizing: border-box;
text-align: center;
}
.rooms-wrapper .ems__rooms-item h3{
color: #ffffff !important;
margin-top: 0;
margin-bottom: 40px;
}
.rooms-wrapper .ems__rooms-item .ems__rooms-price{
margin-top: 30px;
}
.rooms-wrapper .ems__rooms-item .ems__rooms-price .price{
font-size: var(--genium--fonts--p--large);
margin-left: 15px;
}
.contact-wrapper{
background-image: linear-gradient(143deg, #E2EBEB 0%, #FFF3EE 100%);
padding-top: 70px;
padding-bottom: 70px;
}
.contact-wrapper .contacte-columns{
display: flex;
flex-flow: row wrap;
gap: 50px;
justify-content: center;
}
.contact-wrapper .contacte-columns .col-1{
flex-basis: 30%;
}
.contact-wrapper .contacte-columns .col-2{
flex-basis: calc(70% - 50px);
background-color: #ffffff;
border-radius: 22px;
padding: 40px;
box-sizing: border-box;
}
.ems__persons-title{
margin-top: 40px;
margin-bottom: 30px;
}
.ems__persons ul{
padding-left: 0;
}
.ems__persons ul li{
list-style: none;
}
.ems__persons ul li .position{
color: var(--genium--color--principal);
}
.ems__persons ul li .position::before{
color: var(--genium--color--principal);
content: '\2014';
margin-right: 10px;
}
.contact-wrapper .button-link{
display: block;
text-align: center;
margin-top: 80px;
margin-bottom: 30px;
}
.contact-wrapper .button-link a{
background-color: var(--genium--color--cuart);
border-color: var(--genium--color--cuart);
}
.contact-wrapper .button-link a:hover{
background-color: transparent;
color: var(--genium--color--cuart);
}
.contact-wrapper .button-link a svg{
margin-left: 13px;
filter: grayscale(1) brightness(0) invert(1) ;
}
.contact-wrapper .button-link a:hover svg{
background-color: transparent;
color: var(--genium--color--cuart);
filter: grayscale(0) invert(0) brightness(1);
}
#ems{
background-color: #F3F3F3;
padding-top: 70px;
padding-bottom: 70px;
margin-bottom: 70px;
}
#ems .bloc4{
width: 100%;
border-radius: 23px;
background-color: #ffffff;
padding: 40px;
box-sizing: border-box;
margin-bottom: 50px;
text-align: left;
}
#ems .collaborateurs h2{
margin-top: 0;
}
#ems .bloc4 table{
width: 100%;
text-align: left;
}
#ems .bloc4 table th{
color: var(--genium--color--principal);
font-weight: normal;
vertical-align: middle;
}
#ems .bloc4 table td{
vertical-align: middle;
}
.tables-wrapper{
display: flex;
flex-flow: row wrap;
gap: 30px;
}
.tables-wrapper table,
.tables-wrapper .bloc4{
flex-basis: calc(50% - 15px);
}
.ems-topbar{
position: fixed;
top: 80px;
left: 0;
width: 100%;
z-index: 3;
background: #fff;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
gap: 20px;
opacity: 0;
transform: translateY(-400px);
transition: var(--genium--transition);
}
.ems-topbar.active{
opacity: 1;
transform: translateY(0px);
}
.ems-topbar p.ems__title{
flex-grow: 1;
color: var(--genium--color--principal);
font-size: 1.8rem !important;
}
.button-link.alt2 a{
background-color: var(--genium--color--cuart);
border-color: var(--genium--color--cuart);
}
.button-link.alt2 a:hover{
background-color: transparent;
color: var(--genium--color--cuart);
}
.title-rows{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%;
position: absolute;
z-index: 1;
bottom: var(--genium--padding--sides-big);
left: var(--genium--padding--sides-big);
color: #ffffff;
left: 0;
}
.title-rows h1{
flex-grow: 1;
}
.ems-header h1{
color: #ffffff;
}
.nav-arrow{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
background-color: var(--genium--color--principal);
height: 50px;
width: 50px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
color: #ffffff;
font-size: 35px;
}
.nav-arrow.nav-arrow-left{
left: 0;
}
.nav-arrow.nav-arrow-right{
right: 0;
}
.link-blocks-cols{
display: flex;
flex-flow: row wrap;
gap: 30px;
margin-top: 30px;
}
.link-blocks-cols .link-block{
flex-basis: calc((100% / 4) - (30px / (4/3)));
margin: 0;
}
.formation-list {
margin-bottom: 30px;
}
/* .formation-list .faq-q{
text-transform: capitalize;
} */
#search-page input {
color: #ffffff;
}
.column-secretariat h2{
margin-top: 0 !important;
}
#footer .logos a{
display: block;
}
.job-listings{
display: flex;
flex-flow: row wrap;
gap: 30px;
}
.job-listings .job-item{
border-radius: 28px;
box-sizing: border-box;
padding: 30px;
background-image: linear-gradient(143deg, #F4F4F4 0%, #EFFDF2 100%);
color: var(--genium--color--text);
border-color: var(--genium--color--terciari);
display: flex;
flex-flow: column wrap;
gap: 0;
align-items: flex-start;
border: solid 2px transparent;
transition: .2s;
flex-basis: calc(50% - 15px);
}
.job-listings .job-item:hover{
border-color: var(--genium--color--terciari);
}
.job-listings .job-item p.date{
margin: 0 !important;
font-size: .9rem !important;
}
.job-listings .job-item p.title{
color: var(--genium--color--terciari);
font-size: 1.5rem !important;
}
.job-listings .job-item p.location{
margin: 0;
}
.job-listings .job-item p.tag{
background-color: var(--genium--color--terciari);
text-transform: capitalize;
color: white;
margin-bottom: 0;
display: block;
padding: 10px;
border-radius: 14px;
}
#side-menu .dropdown .dropbtn {
color: #ffffff;
background-color: var(--genium--color--principal);
border-radius: 20px;
}
#side-menu .dropdown .dropbtn::after {
filter: brightness(0) grayscale(1) invert(1);
}
.job-listings .job-item p.company {
margin-bottom: 0;
font-weight: bold;
}
.page-template-template-transparent-header #header #user-button img{
filter: brightness(0) invert(1);
}
.page-template-template-transparent-header #header.slim #user-button img{
filter: none;
}
#search-page svg{
filter: brightness(0) invert(1);
}
/* BREAKPOINTS */
@media (max-height: 750px) {
}
@media (max-width: 1336px) {
#header #main-menu > div:nth-child(1){
display: none;
}
#menu-button {
display: flex;
}
#user-button{
display: block;
}
}
@media (max-width: 1200px) {
body{
--genium--sidebar--width: 200px
}
.content-with-sidebar-wrapper #sidebar {
width: var(--genium--sidebar--width);
}
.content-with-sidebar-wrapper {
flex-flow: row wrap;
}
#sidebar .post-wrapper{
margin-bottom: 0;
}
}
@media (max-width: 781px) {
body{
--genium--logo--height: 38px;
--genium--height--header: 60px;
--genium--fonts--h1: 2rem;
--genium--fonts--h2: 1.7rem;
--genium--fonts--h3: 1.4rem;
--genium--fonts--h4: 1.15rem;
--genium--fonts--p: 1.1rem;
--genium--fonts--p--small: 0.93rem;
--genium--fonts--p--medium: 1.25rem;
--genium--fonts--p--large: 1.5rem;
--genium--fonts--p--xlarge: 4rem;
--genium--padding--sides: 6%;
--genium--buttons--minwidth: none;
}
.fixed-top{
display: none !important;
}
#content {
padding-top: calc(var(--genium--height--header) + 20px);
}
.wp-block-columns{
gap: 13px;
margin-bottom: 13px;
margin-top: 13px;
}
/* #header #main-menu{
display: none;
} */
#header #main-menu .menu-top-menu-container,
#header #main-menu #search-button
{
display: none;
}
.responsive-reverse{
flex-flow: row wrap-reverse !important;
}
.home-video{
padding-left: 0 !important;
padding-right: 0 !important;
}
.home-video > .wp-block-group__inner-container{
padding-top: 80px;
}
.footer-info .menu-title{
display: none;
}
.footer-info .menu{
display: none;
}
.hoverblock p a {
height: 6em;
}
.ems-topbar{
display: none;
}
.title-rows{
flex-flow: column wrap;
}
.title-rows h1,
.title-rows p{
margin: 0;
}
.ems-description-wrapper{
padding-left: var(--genium--padding--sides);
padding-right: var(--genium--padding--sides);
}
.ems-description-images .ems__description,
.ems-description-images .images
{
flex-basis: 100%;
}
#ems{
padding-left: var(--genium--padding--sides);
padding-right: var(--genium--padding--sides);
}
.tables-wrapper table, .tables-wrapper .bloc4 {
flex-basis: 100%;
}
#ems .bloc4{
padding: 20px;
}
.cats-list{
justify-content: flex-start;
margin-top: 20px;
}
.cats-list p.button-link a,
.cats-list p
{
width: 100%;
}
/* .wp-block-column > .sidebar-dossier{
display: none;
} */
.columns-organes p{
box-sizing: border-box;
max-width: 100%;
}
.level2,
.level3,
.level4
{
margin-left: 0;
}
/* .breadcrumb.dossier {
margin-top: 55px;
margin-bottom: 0 !important;
} */
.sidebar-dossier.fixed{
width: 100%;
position: fixed;
top: var(--genium--height--header);
background-color: #ffffff;
left: 0;
padding-left: var(--genium--padding--sides);
padding-right: var(--genium--padding--sides);
box-sizing: border-box;
z-index: 2;
}
.sidebar-dossier h3::before{
content: '';
background-image: url('https://avalems.ch/wp-content/uploads/2024/11/icono-deplegable-dosiers.png');
height: 20px;
width: 20px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: inline-block;
margin-right: 10px;
}
.parent-travailler .sidebar-dossier h3::before{
background-image: url('https://avalems.ch/wp-content/uploads/2024/12/icono-deplegable-travailler.png');
}
.dossier-wrapper .content-dossier {
width: 100%;
}
.sidebar-dossier a{
display: none;
}
.sidebar-dossier a.show{
display: block;
}
p iframe{
max-width: 100%;
}
.dossier-wrapper {
/* flex-flow: row wrap-reverse; */
gap: 0 !important;
}
.genium-styles > .wp-block-file a,
.link.vivre a,
.link.dossier a,
.link-block.link.vivre a,
.link-block.file.vivre a,
.link-block.vivre a,
p.link.green a,
.link-block.file a,
.link-block.link a,
.link-block.green a
{
padding: 20px 20px 20px 50px;
}
.genium-styles > .wp-block-file a::before,
.link.vivre a::before,
.link.dossier a::before,
.link-block.link.vivre a::before,
.link-block.file.vivre a::before,
.link-block.vivre a::before,
p.link.green a::before,
.link-block.file a::before,
.link-block.link a::before,
.link-block.green a::before
{
position: absolute;
left: 17px;
}
.ems-archive__form-wrapper .ems-archive__form-cat:nth-child(1) {
flex-basis: 40%;
}
.ems-archive__form-wrapper .ems-archive__form-cat:nth-child(2) {
flex-basis: 60%;
}
.ems-archive__form-cat-two-col {
display: flex;
flex-flow: column wrap;
}
.ems-archive__posts-item .ems-archive__posts-item-img {
flex-basis: 100%;
}
.ems-archive__posts-item .ems-archive__posts-item-content {
flex-basis: 100%;
padding-left: 0px;
}
.anchor {
scroll-margin-top: 70px;
}
#ems .bloc4 table tr{
display: block;
}
#ems .bloc4 table td{
display: block;
padding-bottom: 20px;
}
#ems .bloc4 table th{
display: block;
}
.genium-styles > ul, .genium-styles > ol {
padding-left: 30px !important;
}
.content-with-sidebar-wrapper .content{
width: 100%;
/* padding-left: var(--genium--padding--sides);
padding-right: var(--genium--padding--sides); */
}
.content-with-sidebar-wrapper #sidebar {
width: 100%;
margin-left: 0;
margin-top: 70px;
max-width: none !important;
display: none;
}
.content-with-sidebar-wrapper .content {
width: 100%;
padding-right: 0;
margin-right: 0;
border-right: none;
}
.ems-archive__posts-item{
padding: 25px;
width: 100%;
}
.scroll-down{
display: none;
}
.organes h1.page-heading{
min-height: 0;
}
.breadcrumb {
margin-bottom: 25px;
line-height: 1.5em;
}
.scroll-down{
display: none !important;
}
.dossier-wrapper{
padding-right: var(--genium--padding--sides);
padding-left: var(--genium--padding--sides)
}
.contact-wrapper .contacte-columns{
padding-left: var(--genium--padding--sides);
padding-right: var(--genium--padding--sides);
}
.contact-wrapper .contacte-columns .col-1{
flex-basis: 100%;
}
.contact-wrapper .contacte-columns .col-2{
flex-basis: 100%;
padding: 20px;
}
.faq-q {
padding: 15px;
}
.faq-q::after {
min-width: 30px;
}
a.back-category.dossier{
display: flex;
display: none !important;
}
.sidebar-dossier a.back-category{
display: none;
}
.content-dossier > h1{
display: none;
}
.padding-sides .dossier-wrapper{
padding-left: 0;
padding-right: 0;
}
.ems-benefits-wrapper a img {
height: 70px;
width: 70px;
}
.ems-benefits-wrapper a p{
margin-top: 0;
}
.swiper-slide {
max-height: 350px;
}
.column-secretariat .wp-block-columns{
margin-bottom: 80px !important;
/* padding-bottom: 40px !important;
border-bottom: solid 1px #ccc; */
}
.ems-benefits-wrapper{
gap: 0;
}
.ems-benefits-wrapper a{
width: 50%;
flex-basis: 50%;
}
.dossier-wrapper .sidebar-dossier{
width: 100%;
}
.sidebar-dossier h3{
background-color: var(--genium--color--secundari);
color: #ffffff !important;
padding: 10px;
margin-bottom: 20px;
border: none !important;
position: relative;
padding-right: 40px;
}
.sidebar-dossier h3::before {
position: absolute;
right: 10px;
filter: brightness(0) invert(1);
top: .7em;
margin-right: 0;
margin-left: 10px;
}
.parent-travailler .sidebar-dossier h3{
background-color: var(--genium--color--terciari);
}
.parent-vivre .sidebar-dossier h3{
background-color: var(--genium--color--cuart);
}
.job-listings .job-item{
flex-basis: 100%;
}
}
@media (max-width: 543px) {
#header > .wp-block-columns > .wp-block-columns{
gap: 10px !important;
}
}
/* Size number for raport page */
.counter-number.size-number {
font-size: 60px !important;
}
/* New Styles for Rapport */
.custom-card-container {
position: relative;
margin: 40px 0;
border: 2px solid #82a799;
padding-bottom: 20px;
background-color: transparent;
}
.custom-card-header {
background-color: #82a799;
color: white;
padding: 10px 25px;
display: flex;
align-items: center;
}
.custom-card-container.yellow {
border: 2px solid #DE8902;
}
.custom-card-header.yellow {
background-color: #DE8902;
}
.custom-card-container.gold {
border: 2px solid #A8A182;
}
.custom-card-header.gold {
background-color: #A8A182;
}
.custom-card-container.green {
border: 2px solid #186F88;
}
.custom-card-header.green {
background-color: #186F88;
}
.header-content {
display: flex;
align-items: center;
gap: 15px;
}
.header-icon {
width: 30px !important;
height: auto;
display: block;
@media (min-width: 1200px) {
width: 40px !important;
}
}
.custom-card-header h2 {
color: white !important;
margin: 0 !important;
font-size: 26px !important;
font-weight: 400 !important;
font-family: sans-serif;
line-height: 1.2;
}
.custom-card-body {
display: flex;
padding: 30px 25px 10px 25px;
gap: 40px;
}
.text-column {
flex: 2;
}
.main-text {
font-size: 16px;
line-height: 1.6;
color: #333;
margin-bottom: 25px;
text-align: left;
}
.signature {
font-size: 15px;
line-height: 1.4;
font-weight: 600 !important;
margin-block: .75rem !important;
}
.signature strong {
font-weight: 700;
}
.image-column {
flex: 1;
display: flex;
flex-direction: column;
position: relative;
}
.img-top-left {
width: 75%;
height: auto;
display: block;
align-self: flex-start;
margin-top: -85px;
position: relative;
z-index: 1;
}
.img-bottom-right {
width: 75%;
height: auto;
display: block;
align-self: flex-end;
margin-top: -15%;
position: relative;
z-index: 2;
border: 3px solid white;
}
/* --------------------------------------- */
@media (max-width: 992px) {
.custom-card-header {
margin-right: 5%;
}
}
@media (max-width: 768px) {
.custom-card-container {
border-right: 2px solid #82a799;
}
.custom-card-header {
margin-right: 0;
}
.custom-card-body {
flex-direction: column;
padding-top: 20px;
}
.img-top-left,
.img-bottom-right {
margin-top: 0;
max-width: 100%;
align-self: center;
margin-block: 2.5rem;
min-width: 100%;
}
.img-bottom-right {
margin-top: -20px;
}
.header-icon {
width: 45px !important;
}
}
/* Custom Gallery */
.gallery-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
padding: 20px 0;
}
.gallery-grid img {
width: 100%;
height: auto;
display: block;
border-radius: 2px;
object-fit: cover;
aspect-ratio: 1 / 1;
transition: transform 0.3s ease;
}
.gallery-grid img:hover {
transform: scale(1.02);
}
/* Ajuste para móviles */
@media (max-width: 768px) {
.gallery-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 767px) {
h3.wp-block-heading.desktop.has-text-color[style*="font-size: 35px"] {
font-size: 22px !important;
line-height: 1.2 !important;
}
}