html{
scroll-behavior: smooth;
} a{
text-decoration: none;
}
.entry-content p a{
color: #7b541a;
border-bottom: 1px dotted;
text-decoration: none;
}
.entry-content p a:hover{color: #003160;}
.entry-content p.chapo{line-height: 1.4;}
.entry-content p.has-text-color a{color: #FFF;}
.entry-content p.has-text-color a:hover{opacity: 0.8;}
.entry-content .link a{
padding-bottom: 5px;
border-bottom: 2px solid;
font-weight: bold;
color: #003160;
text-decoration: none;
}
.entry-content .link a:hover{color: #7b541a;} .container-link:hover *{color: #7b541a;} .wp-block-post-title{
font-weight: 600;
}
body.page-template-page-services h1{
font-size: 60px;
}
.h2{
font-family: "Inter", Sans-serif;
font-size: 44px;
font-weight: 600;
color: #003160;
line-height: 1;
margin-bottom: 20px;
}
h2 + .uagb-heading-text{
margin-top: 30px;
}
.h3{
font-size: 1em;
font-weight: 300;
}
h3{margin-bottom: 20px;}
p, .nv-content-wrap ul{
margin-top: 0;
margin-bottom: 20px;
}
.wp-block-columns{gap: 20px !important;}
.btn-product-secu-web{width: 100%;} .nv-title-tagline-wrap{
font-size: 0.85em;
font-family: 'Inter';
font-weight: 400;
padding-right: 5px;
padding-left: 5px;
}
#header-grid{
box-shadow: none;
padding: 10px 56px;
transition: all .2s ease-in;
width: 100vw;
left: 0vw;
margin: 0 auto;
}
#header-grid.fixed{
position: fixed;
z-index: 9999;
width: 90vw;
left: 6vw;
margin-left: -6px;
}
#header-grid.fixed .header-main-inner{max-height: 90px;}
#header-grid.fixed li.button-link{
position: fixed;
z-index: 99;
top: 0;
right: calc(6vw + 15px);
} nav ul li a{
padding: 12px 0 !important;
}
nav ul li.current-menu-item:not(.button-link) div.wrap:after{
background-color: #003160;
width: 100%;
}
nav ul > li.sep > .wrap:after{display: none;}
nav ul li.sep > a:hover{cursor: default;}
nav ul.sub-menu{
min-width: 100%;
border-top: 1px solid #003160;
}
nav ul.sub-menu li div.wrap{
padding: 5px 10px !important;
}
nav ul.sub-menu li a{
text-transform: none;
font-size: 16px;
} li.button-link a{
cursor: pointer;
box-sizing: border-box;
background: #003160;
color: #ffffff;
border: none;
padding: 12px 24px !important;
}
li.button-link a:hover,
li.button-link.nv-active a{
background: #7b541a;
color: #fff !important;
}
li.button-link div.wrap:hover:after{display: none;} nav#nos-services{
position: fixed;
z-index: 99;
top: 160px;
left: 20px;
width: 200px;
}
ul#menu-services-graphiques li{
position: relative;
line-height: 1;
padding: 0 0 0 12px;
border-left: 3px solid #7b541a;
width: 100%;
height: 56px;
transition: all 0.2s linear;
}
ul#menu-services-graphiques li a{
display: block;
height: 100%;
position: absolute;
top: 0;
margin-left: -400px;
color: #7b541a;
padding: 0 0 0 44px !important;
transition: all 0.2s linear;
align-content: center;
font-size: 0.85em;
}
ul#menu-services-graphiques li:hover a{margin-left: 0;}
ul#menu-services-graphiques li a:hover{color: black;}
ul#menu-services-graphiques li.accompagnement a{color: #003160;}
ul#menu-services-graphiques li.accompagnement{border-left-color: #003160;}
ul#menu-services-graphiques li.current-menu-item:before{
content: '';
display: block;
position: relative;
left: -20px;
top: 22px;
width: 13px;
height: 13px;
border-radius: 8px;
background: #fff;
border: 3px solid;
}
ul#menu-services-graphiques li:after{
content: '';
display: block;
position: absolute;
z-index: -1;
top: 0;
width: 44px;
height: 44px;
background-size: 35px;
background-repeat: no-repeat;
background-position: left center;
}
li.lancement:after{background-image: url(//www.acomdesign.com/wp-content/themes/acomdesign/img/lancement.svg);}
li.analyse:after{background-image: url(//www.acomdesign.com/wp-content/themes/acomdesign/img/analyse.svg);}
li.logo:after{background-image: url(//www.acomdesign.com/wp-content/themes/acomdesign/img/logo.svg);}
li.print:after{background-image: url(//www.acomdesign.com/wp-content/themes/acomdesign/img/print.svg);}
li.plv:after{background-image: url(//www.acomdesign.com/wp-content/themes/acomdesign/img/plv.svg);}
li.web:after{background-image: url(//www.acomdesign.com/wp-content/themes/acomdesign/img/web.svg);} .block-h1{align-items: flex-end !important;} .vp-portfolio__layout-elements-align-center .vp-filter__style-minimal{
justify-content: start;}
.vp-portfolio__layout-elements-align-center .vp-filter__style-minimal a{
text-transform: none !important;
}
.vp-filter__item.vp-filter__item-active a,
.vp-filter__style-minimal .vp-filter__item>a:focus,
.vp-filter__style-minimal .vp-filter__item>a:hover{
color: #7b541a !important;
} .vp-filter__item:first-of-type a,
.vp-filter__item.vp-filter__item-active:first-of-type a{
background-color: #003160;
color: #FFF !important;
cursor: pointer !important;
}
.vp-filter__item:first-of-type:hover a,
.vp-filter__item.vp-filter__item-active:first-of-type:hover a,
.vp-filter__item:first-of-type:hover a,
.vp-filter__item.vp-filter__item-active:first-of-type:hover a{background-color: #7b541a !important}
.vp-portfolio__items article{overflow: hidden;}
.vp-portfolio__items article figure figcaption{
position: absolute;
top: 0;
margin-left: -120%;
transition: all 0.2s ease-in;
}
.vp-portfolio__items article figure:hover figcaption{
margin-left: 0;
}
figure.vp-portfolio__item{
margin: 10px !important;
}
figcaption.vp-portfolio__item-caption .vp-portfolio__item-meta{
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
}
.vp-portfolio__item-meta-excerpt > div{align-content: center;}
.vp-portfolio__item-meta-excerpt > div:before{
content: '';
display: inline-block;
width: 25px;
height: 22px;
margin-bottom: -3px;
background: url(https://www.acomdesign.com/wp-content/themes/acomdesign/img/pin-city.svg) no-repeat center left/22px;
}
.vp-portfolio__item-meta .vp-portfolio__item-meta-categories{
order: 3;
opacity: 1 !importanbt;
color: #fff !important;
text-align: left;
padding-left: 0;
}
.vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category{
text-transform: capitalize;
font-size: 1.2em;
font-weight: 300;
color: #fff !important;
}
article.vp-portfolio__item-wrap h2.vp-portfolio__item-meta-title a,
article.vp-portfolio__item-wrap .vp-portfolio__item-meta-category a{
color: #fff !important;
} #nos-offres ul{
gap: 10px;
}
#nos-offres .wp-block-group__inner-container > .wp-block-uagb-container{column-gap: 20px !important;}
#nos-offres ul li{
position: relative;
background: #F1EEEA;
padding: 20px 20px 60px 20px;
margin-bottom: 20px;
} #nos-offres ul li.post-10802{
background: #7b541a60;
color: #fff;
}
#nos-offres ul li.post-10802 .titre-prix h3 a,
#nos-offres ul li.post-3130 .titre-prix h3 a{color: #fff;}
#nos-offres ul li.post-3130{
background: #003160;
color: #fff;
}
#nos-offres.affichage-signaletique li:before,
#nos-offres.print li:before{
font-weight: bold;
display: block;
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
background-color: #7b541a60;
text-align: center;
line-height: 44px;
}
#nos-offres.affichage-signaletique li.post-10832:before{content: 'S';}
#nos-offres.affichage-signaletique li.post-13135:before{content: 'M';}
#nos-offres.affichage-signaletique li.post-10789:before{content: 'L';}
#nos-offres.affichage-signaletique li.post-10843:before{content: 'XL';}
#nos-offres.print li.post-13183:before{content: 'XS';}
#nos-offres.print li.post-10727:before{content: 'S';}
#nos-offres.print li.post-10779:before{content: 'M';}
#nos-offres.print li.post-10789:before{content: 'L';}
#nos-offres ul li .wc-block-components-product-image{
display: none;
margin: -20px -20px 10px -20px;
}
#nos-offres ul li .titre-prix{
flex-direction: column;
min-height: 44px;
}
#nos-offres ul li .titre-prix h3,
#nos-offres ul li .titre-prix span.amount{
display: inline-block;
line-height: 1;
margin: 0 !important;
}
#nos-offres ul li .icons-rs{margin-top: -55px;}
#nos-offres ul li .wp-block-post-excerpt{
height: 115px;
overflow: hidden;
}
#nos-offres ul li .titre-prix span.amount{
font-size: 16px;
}
#nos-offres ul li .titre-prix h3{
padding: 10px 0 20px !important;
min-height: 70px;
display: block;
text-align: center;
width: 100%;
}
#nos-offres ul li .titre-prix h3 a,
#lance-activites-produits h2{
text-align: center;
padding-bottom: 5px;
border-bottom: 2px solid;
font-size: 14px;
font-weight: bold;
line-height: 1.2;
color: #003160;
text-decoration: none;
text-transform: uppercase;
}
#nos-offres ul li .titre-prix h3 a:hover{color: #7b541a;}
#nos-offres ul li > div:last-of-type{
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: 0 auto;
max-width: 200px;
}
#nos-offres ul li .wp-block-post-excerpt + div:hover{
background-color: #7B541A !important;
}
#lance-activites-produits{
gap: 20px !important;
}
#lance-activites-produits .wp-block-uagb-advanced-heading {width: auto;}
#lance-activites-produits h2{padding-top: 1em;} .block-realisations article.uagb-post__inner-wrap{aspect-ratio: 1/1;}
.block-realisations article h3.uagb-post__title{position: relative; z-index: 105;}
.block-realisations article .uagb-post__excerpt{display: inline-flex; align-items: center;}
.block-realisations article .uagb-post__excerpt:before{
content: '';
display: inline-block;
width: 25px;
height: 22px;
background: url(https://www.acomdesign.com/wp-content/themes/acomdesign/img/pin-city.svg) no-repeat center left/22px;
}
.block-realisations article .uagb-post__image a{display: block;}
.block-realisations article .uagb-post__image img{max-width: 100%;}
.block-realisations article a.uagb-post__link-complete-box{
background-color: #000;
opacity: 0;
transition: all .2s ease-in;
}
.block-realisations article a.uagb-post__link-complete-box:hover{opacity: 0.4;}
.block-realisations .wp-block-columns{margin-bottom: 0;} .wp-block-columns.services{gap: 0 !important;}
.entry-content .services .wp-block-group{
max-width: 160px;
gap: 0;
margin: 0 auto;
}
.entry-content .services .wp-block-group a{
display: block;
line-height: 1.25;
font-family: 'Inter';
text-align: center;
}
.entry-content .services .wp-block-group p a{
padding-top: 30px;
border: 0;
}
.entry-content .services .wp-block-group:hover a,
.entry-content .services .wp-block-group a:hover{
color: #003160;
}
.entry-content .services .wp-block-group a:hover img{filter: grayscale(100%);} span.swiper-pagination-bullet{
background-color: #003160 !important;
opacity: 1;
padding: 6px;
margin: 0 8px !important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: #b5ab9e !important;
}
#home-video{
max-height: 55vh;
overflow: hidden;
justify-content: flex-end !important;
}
iframe{
vertical-align: bottom;
} #actus a.wp-block-button__link:hover{
background-color: #7b541a !important;
color: #fff !important;
}
body.archive article.post > *:not(.layout-grid .nv-post-thumbnail-wrap){padding: 20px;} .single-post{
background-color: #f1eeea;
background-color: #FFF;
}
.single-post #content .container{
max-width: 1170px !important;
background-color: #FFF;
border-left: 1px dotted #b5ab9e;
border-right: 1px dotted #b5ab9e;
padding: 0 50px;
}
.single-post .entry-content,
.single-post .nv-single-post-wrap{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.single-post #comments{display: none;} .single-post .entry-content > .wp-block-cover:first-of-type{margin: 0 -42px;}
.single-post .entry-content > .wp-block-cover:first-of-type:after{
display: none;
content: url(https://www.acomdesign.com/wp-content/themes/acomdesign/img/posthumb-projet.svg);
width: 1920px;
aspect-ratio: 192/20;
overflow: hidden;
position: absolute;
z-index: 1;
bottom: 0;
}
.single-post h1{
text-transform: uppercase;
font-size: 44px;
}
.single-post h2{
font-size: 32px;
font-weight: 300;
margin-bottom: 20px;
}
.single-post h2 + .wp-block-uagb-separator{margin-bottom: 40px;}
.single-post ul{margin: 0;}
.single-post .entry-content p,
.single-post .entry-content li,
.single-post .entry-content blockquote{
line-height: 1.6;
}
.single-post h2.after:after{
content:'';
display: block;
margin-top: 20px;
width: 100px;
height: 1px;
background-color: #b5ab9e;
} .single-post .wp-block-group.alignwide,
.single-post .wp-block-group.alignwide > .wp-block-group__inner-container{
max-width: 1170px;
width: 100% !important;
margin: 0 auto;
padding: 0 0;
}
.single-post .wp-block-group:not(.alignwide):not(.footer-projet){
max-width: 630px;
margin: 0 auto;
} footer.footer-projet{margin: 0 -40px;}
footer.footer-projet .wp-block-columns{
gap: 10px;
margin-bottom: 0;
}
footer.footer-projet .wp-block-columns figure{margin-bottom: 10px;}
footer.footer-projet .wp-block-image:last-of-type{margin-bottom: 0;}
.single-post .footer-triangle{
position: relative;
z-index: 1;
margin-bottom: -125px;
}
.single-post .footer-triangle-blanc{
position: relative;
z-index: 1;
margin-bottom: 0;
}
footer.footer-projet .wp-block-columns:last-of-type{
max-height: 600px;
overflow: hidden;
}
footer.footer-projet .wp-block-image{margin-bottom: 0;}
article.category-metiers .nv-post-navigation{
position: relative;
z-index: 9;
padding: 40px 50px 0 !important;	
min-height: 120px;
margin-top: -130px;
margin-bottom: 80px;
display: grid;
align-items: end;
grid-template-columns: 545px 545px;
justify-content: center;
grid-gap: 80px;
}
article.category-metiers .nv-post-navigation:after{
content: '';
display: block;
position: absolute;
z-index: -1;
bottom: 0;
width: 100%;
height: 300px;
background: url(https://www.acomdesign.com/wp-content/themes/acomdesign/img/footer-projet-blanc.svg) no-repeat bottom center / 100%;
}
article.category-metiers .nv-post-navigation .previous{
border-left: 1px dotted #b5ab9e;
padding-left: 20px;
padding-top: 40px;
}
article.category-metiers .nv-post-navigation .next{
border-right: 1px dotted #b5ab9e;
padding-right: 20px;
padding-top: 40px;
}
.nv-post-navigation a,
.nv-post-navigation a:hover{
text-decoration: none;
font-size: 1.5em;
font-weight: bold;
opacity: 1;
}
.nv-post-navigation a span,
.nv-post-navigation a:hover span{
text-decoration: none !important;
font-size: 16px;
font-weight: light;
}
.nv-post-navigation a span.nav-direction{display: none;} #footer-projets-btn{
margin: 0 -50px;
} article.category-actu{
padding-bottom: 4em;
}
article.category-actu .nv-post-navigation {display: none;} #mailerlite-form_1{
width: auto !important;
}
.mailerlite-form-inputs{
display: flex;
align-items: end;
gap: 0;
flex-wrap: nowrap;
}
.mailerlite-form-field,
.mailerlite-subscribe-button-container{
margin: 0 !important;
} .single-post #site-footer .footer-top{position: relative;}
.site-footer .footer-bottom{display: none;}
.nav-menu-footer #footer-menu{
flex-direction: column;
width: 100%;
}
#site-footer .builder-item--footer-menu.has_menu .component-wrap{
display: block;
width: 100%;
}
#site-footer .left .widget-area p{line-height: 1.8;}
#footer-menu li{
border-bottom: 1px solid #335a80;
}
#footer-menu li:first-of-type{
border-top: 1px solid #335a80;
}
#footer-menu li .wrap{padding: 0;}
#footer-menu li a{
padding: 8px 0 8px 26px;
font-weight: 300;
color: #FFF;
}
#footer-menu li a:before{
content: '■';
display: block;
font-size: 26px;
position: absolute;
left: 0;
top: -3px;
}
#footer-menu li a:hover{
color: #FFF;
opacity: 0.5;
}  nav.woocommerce-breadcrumb a:first-of-type,
nav.woocommerce-breadcrumb span.nv-breadcrumb-delimiter{display: none; padding: 0;}
.woocommerce nav.woocommerce-breadcrumb a{
background-color: #7b541a;
color: #fff !important;
padding: 3px 5px;
margin-right: 30px;
position: relative;
}
.woocommerce nav.woocommerce-breadcrumb a:hover{background-color: #003160;}
.woocommerce nav.woocommerce-breadcrumb a:after{
content: '';
display: inline-block;
height: 0;
width: 0;
border-right: 23px solid transparent;
border-bottom: 23px solid #7b541a;
position: absolute;
bottom: 0;
left: 100%;
}
.woocommerce nav.woocommerce-breadcrumb a:before{
content: '';
display: inline-block;
height: 0;
width: 0;
border-top: 23px solid #7b541a;
border-left: 23px solid transparent;
position: absolute;
bottom: 0;
left: -23px;
}
.woocommerce nav.woocommerce-breadcrumb span.nv-breadcrumb-delimiter:first-of-type + a{
margin-left: 23px;
}
.woocommerce nav.woocommerce-breadcrumb a:hover:after{border-bottom-color: #003160;}
.woocommerce nav.woocommerce-breadcrumb a:hover:before{border-top-color: #003160;}
.woocommerce nav.woocommerce-breadcrumb{padding: 0;} .single-product h1.product_title{
font-size: 3rem;
}
.single-product h2{
font-family: "Inter", Sans-serif;
font-weight: 300;
font-size: 24px;
margin-bottom: 0px;
color: #7b541a;
}
.single-product h2:after{
content: '';
display: block;
border-top: 1px solid #7b541a;
width: 100px;
height: 1px;
margin: 20px 0;
} @media screen and (max-width: 1120px){
footer.footer-projet .wp-block-columns:last-of-type{
height: 460px;
}
}
@media screen and (max-width: 960px){
#header-grid{
padding: 0;
}
#header-grid.fixed{
left: 0;
width: 100vw;
margin-left: 0;
}
#header-grid .header-main .header-main-inner{background: #e2ded5;}
button.hamburger{
min-width: 45px;
outline: 0;
}
.hamburger .hamburger-box,
.hamburger .hamburger-inner,
.hamburger .hamburger-inner::before,
.hamburger .hamburger-inner::after{
display: block;
width: 35px;
}
button.hamburger.is-active{
top: 20px;
right: -15px;
border: 0 !important;
outline: 0 !important;
}
#header-grid .builder-item{
padding: 0;
} .header-menu-sidebar .nav-ul,
.header-menu-sidebar .nav-ul li{
margin: 0;
}
.header-menu-sidebar .nav-ul li{padding-left: 10px;}
.header-menu-sidebar .nav-ul li ul.sub-menu li{padding-left: 0 !important;}
.header-menu-sidebar .nav-ul li .wrap{padding-left: 0 !important;}
.header-menu-sidebar .nav-ul .sub-menu.dropdown-open{
margin-left: -10px !important;
background-color: #00316033 !important;
margin-right: -20px;
max-width: none;
}
.header-menu-sidebar .nav-ul li .wrap a{
text-transform: none;
color: #7B541A;
}
.header-menu-sidebar .nav-ul .sub-menu.dropdown-open li a {padding-left: 20px;}
.header-menu-sidebar .nav-ul .sub-menu.dropdown-open li a:hover{
border-top: 1px solid #003160;
border-bottom: 1px solid #003160;
color: #003160 !important;
}
button.caret-wrap{outline: 0;}
.m-style>ul>li>.wrap::after{display: none;}
#header-grid.fixed .header-menu-sidebar li.button-link{
position: relative;
right: 0;
}
li.button-link a{color: #fff !important;} .h2,
.h2.uagb-heading-text,
.h2 .uagb-heading-text{
font-size: 1.8em !important;
}
.wp-block-columns.services{row-gap: 40px !important;}
.wp-block-button{width: 100%;} .img-top-page-mobile{margin-left: -20px; margin-right: -20px;}
.entry-content .services .wp-block-group p a{font-size: 10px; padding-top: 0;}
.entry-content .services .wp-block-group figure a img{max-height: 44px;}
.block-realisations article.uagb-post__inner-wrap:nth-child(+n + 4){display: none;}
#actus .uagb-post__cta.wp-block-button{margin: 0 0 !important;} .menu-rs{column-gap: 20px;}
}