/*
Theme Name: Le Cap
Theme URI: http://wigo-media.com
Author: the WigoMedia team
Author URI: http://wigo-media.com/
Description: Thème de Wordpress Le Cap 2026
Version: 2.0
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
body{font-family: 'Roboto', sans-serif; color:#444; font-size: 15px; position: relative; overflow-x: hidden;}
p{font-weight: 400; line-height: 28px; font-size: 15px;}
strong{font-weight: 700;}
html{scroll-behavior: smooth;}

main, header, footer{max-width: 1925px; margin-left: auto;margin-right: auto;}
main{padding-bottom: 3rem!important; line-height: 28px;}

h1, .h1{font-size: 48px; font-weight: 300; line-height: 58px;}
h2, .h2{font-size: 36px; font-weight: 300; line-height: 48px; color: #06A03E; margin-top: 40px;}
h3, .h3{font-size: 24px; font-weight: 400; margin-top: 2rem; margin-bottom: 1rem;}
h4, .h4{font-size: 24px; font-weight: 700; line-height: 30px; text-transform: uppercase;}
h5, .h5{font-size: 16px; font-weight: 700; line-height: 30px; text-transform: uppercase;}
h6, .h6{}

/* ### Exceptions ### */
.home h2, .home .h2, .page-id-1285 h2{margin-top: 0px;}
h5 + h2{margin-top: 0px;}
.actu h3{margin-top: 0;}
h3 a:before{display: none!important;}

/* ############## */
/* ### COLORS ### */
/* ############## */
.has-blanc-color{color: white!important;}
.has-noir-color{color: black!important;}
.has-vert-color, .text-green, .text-green span{color:#06A03E!important}
.has-smooth-green-color, .text-smooth-green, .text-smooth-green span{color:#65AA49!important}
.has-jaune-color, .text-yellow{color:#FBD626!important}
.has-gris-fonce-color, .text-grey{color:#606060!important}

.has-vert-background-color, .bg-green{background:#06A03E}
.has-vert-clair-background-color, .bg-light-green{background:#ABD128}
.has-smooth-green-background-color, .bg-smooth-green{background:#65AA49}
.has-jaune-background-color, .bg-yellow{background:#FBD626}
.has-gris-fonce-background-color, .bg-grey{background:#606060}
.has-gris-background-color, .bg-light-grey{background:#EFEFEF}
.has-blanc-background-color, .bg-white{background: white;}

.has-grey-color { color: #555; }
.has-grey-background-color { background-color: #555; }

.list-light-green li:before{background-color: #ABD128!important;}
.list-light-yellow li:before{background-color: #FBD626!important;}

/* ########### */
/* ### BTN ### */
/* ########### */
.btn-head{border-radius: 30px; padding: 12px 20px;}

/*btn initialisation*/
.btn, .wp-block-button{font-weight: 400; font-size: 16px!important; border-radius: 50px; display: inline-block!important;padding: 12px 24px; position: relative; overflow: hidden;}
.btn-wired, .wp-block-button.is-style-outline{border: 2px solid black; background-color: transparent; position: relative; transition: 450ms ease; overflow: hidden;}
.btn span, .wp-block-button a{position: relative; z-index: 1; transition: 450ms ease; border: none!important; padding: 0;font-size: 16px;}
.wp-block-button a:hover{text-decoration: none;}
.wp-block-button.aligncenter{margin-left: auto; margin-right: auto; display: block!important; width: max-content;}

/*btn wired initialisation*/
.btn.btn-wired:before,
.wp-block-button.is-style-outline:before{background-color: black; position: absolute; content: ""; width: 0%; height: 105%; top: -1px; left: -2px; border-radius: 0px; transition: 450ms ease;}
.btn.btn-wired:hover:before,
.wp-block-button.is-style-outline:hover:before{width: 105%;}

/*btn wordpress wired white*/
.wp-block-button.is-style-outline.has-blanc-color{border-color: white;}
.wp-block-button.is-style-outline.has-blanc-color a{color: white;}
.wp-block-button.is-style-outline.has-blanc-color:before{background-color: white;}
.bg-light-green .wp-block-button.is-style-outline.has-blanc-color:hover a{color: #ABD128!important;}
.bg-green .wp-block-button.is-style-outline.has-blanc-color:hover a{color: #06A03E!important;}

/*btn wordpress wired green*/
.wp-block-button.is-style-outline.has-vert-color{border-color: #06A03E;}
.wp-block-button.is-style-outline.has-vert-color a{color: #06A03E;}
.wp-block-button.is-style-outline.has-vert-color:before{background-color: #06A03E;}
.wp-block-button.is-style-outline.has-vert-color:hover a{color: white!important;}

/*btn wordpress wired light green*/
.wp-block-button.is-style-outline.has-vert-clair-color{border-color: #ABD128;}
.wp-block-button.is-style-outline.has-vert-clair-color a{color: #ABD128;}
.wp-block-button.is-style-outline.has-vert-clair-color:before{background-color: #ABD128;}
.wp-block-button.is-style-outline.has-vert-clair-color:hover a{color: white!important;}

/*btn wordpress wired yellow*/
.wp-block-button.is-style-outline.has-jaune-color{border-color: #FBD626;}
.wp-block-button.is-style-outline.has-jaune-color a{color: #606060!important;}
.wp-block-button.is-style-outline.has-jaune-color:before{background-color: #FBD626;}
.wp-block-button.is-style-outline.has-jaune-color:hover a{color: #606060!important;}

/*btn wordpress wired grey*/
.wp-block-button.is-style-outline.has-gris-fonce-color{border-color: #606060;}
.wp-block-button.is-style-outline.has-gris-fonce-color a{color: #606060!important;}
.wp-block-button.is-style-outline.has-gris-fonce-color:before{background-color: #606060;}
.wp-block-button.is-style-outline.has-gris-fonce-color:hover a{color: white!important;}

/*Border color*/
.text-white.btn-wired{border-color: white;}
.text-green.btn-wired{border-color: #06A03E;}
.btn.btn-wired.text-white:before{background-color: white;}
.btn.btn-wired.text-white:hover,
.btn.btn-wired.text-white:hover span{color: #06A03E!important;}
.btn.btn-wired.text-green:before{background-color: #06A03E;}
.btn.btn-wired.text-green:hover,
.btn.btn-wired.text-green:hover span{color: white!important;}

.bg-light-green .btn.btn-wired.text-white:hover{color: #ABD128!important;}

.wp-block-button.btn{padding: 0; font-size: 0;}
.btn-center{margin: auto; display: block; max-width: max-content;}

.wp-block-file__button{background-color: #06A03E!important;}
.wp-block-file__button:before{display: none;}


.bg-form{position: relative;}
.bg-form:before{opacity: 0.6; position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-image: url('img/bg-forme.png'); }
.bg-form p{position: relative; z-index: 1;}

.bg-green a{color: white!important;}
.bg-green a:before{background-color: white!important;}

/* ############## */
/* ### HEADER ### */
/* ############## */
header{ z-index: 999; position: relative;}
header .header-top .right-top{display: flex; justify-content: flex-end; align-items: center;}
header .header-top ul{list-style: none; padding: 0; margin: 0;}
header .header-top ul li{display: inline-block; margin-right: 10px;}
header .header-top ul li a{font-size: 16px; transition: 350ms ease; width: 45px;height: 45px;border-radius: 50px; display: flex; justify-content: center; align-items: center;}
header form.searchform button{float: right; pointer-events: none; width: 45px; height: 45px; border: none; border-radius: 50px; transition: 350ms ease; position: relative; z-index: 1;}
header .header-top ul li a:hover{text-decoration: none; transform: scale(1.08);}
header form.searchform{transition: 350ms ease;}
header form.searchform:hover{text-decoration: none; transform: scale(1.08); cursor: pointer;}
header form.searchform.active:hover{text-decoration: none; transform: scale(1);}
header form.searchform.active button:hover{text-decoration: none; transform: scale(1.08);}
header form.searchform input{cursor: pointer; height: 45px; width: 0; padding: 0; transition: 600ms ease; outline: none; transform: translateX(25px); border-radius: 50px; border: none; border: 1px solid #EFEFEF;}
header form.searchform.active input{width: 230px; padding-left: 15px;}
header form.searchform.active button{pointer-events: inherit;}
header form.searchform.active input{cursor: initial;}
header .header-top .btn{margin-left: 10px;}
header .header-bottom{border-bottom: 1px solid #ffffff;}
header .menu{list-style: none;padding: 0;margin: 0;display: flex; font-size: 0; position: relative;}
header .menu li{width: calc(100% / 7);border-left: 1px solid #FFFFFF;}
header .menu li a{position: relative; cursor: pointer; font-size:16px;text-transform: uppercase;transition:250ms ease;color: #06A03E;line-height: 19px; text-align: center; display: block; padding: 24px 18px;width: 100%;height: 100%; display: flex; justify-content: center; align-items: center;}
header .menu li svg{display: none;}
header .menu li a:after{content: ""; position: absolute; bottom: 0; left: 0; height: 4px; width: 100%;}
header .menu li a:hover{text-decoration: none; background-color: #E5E5E5; color: #06A03E;}
header .menu li[data-target="#besoin-d-aide"]{border: none;}
header .menu li[data-target="#besoin-d-aide"] a{background-color: #FBD626;color: #606060; padding: 30px 10px;}
header .menu li[data-target="#besoin-d-aide"] a:hover{transform: scale(1.05);}
header .menu li.current-menu-item a,
header .menu li.current-page-parent a{font-weight: bold;background-color: #E5E5E5}
header .menu li.current-menu-item a:after,
header .menu li.current-page-parent a:after{background-color: #FBD626;}

header .header-top .tel a{z-index: 2}
header .header-top .tel div a{width: auto;}
header .header-top .tel div a:hover{transform: none;}
header .header-top .tel div{max-height: 45px; transition: 350ms ease; max-width: 0!important; overflow: hidden; padding: 0!important; transform: translateX(24px); z-index: 1;}
header .header-top .tel.active div{max-width: none!important; padding-left: 1rem!important; padding-right: 3rem!important; height: auto;}

header .menu .sub-menu{width: 100%; left: 0; position: absolute; background-color: white;box-shadow: 0px 10px 39px rgba(0, 0, 0, 0.21); padding: 0; margin: 0; opacity: 0; pointer-events: none; transition: 450ms ease;}

header .menu .sub-menu li{width: auto; border-left: none; -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */page-break-inside: avoid; /* Firefox */break-inside: avoid;}
header .menu .sub-menu li a{font-weight: 400; text-align: left; width: 100%; padding: 18px 0px; display: block; border-left: 4px solid transparent; background-color: transparent;}
header .menu .sub-menu li a:hover{color: #06A03E; background-color: rgba(239,239,239,0.5);}
header .menu .sub-menu li a:after{display: none;}
header .menu .sub-menu li.current-menu-item a{border-left-color: transparent; font-weight: bold; color: #FBD626; background-color: transparent;}

header .menu li:hover .sub-menu{opacity: 1; pointer-events: initial;}

.menu-item-30 .sub-menu a:before{content: ""; filter: invert(34%) sepia(68%) saturate(3737%) hue-rotate(130deg) brightness(99%) contrast(95%); width: 25px; height: 28px; background-image: url(img/pictos/picto-alcool.svg); background-size: contain; background-position: center; position: absolute; background-repeat: no-repeat; left: 8px; top: 50%; transform: translateY(-50%);}
.menu-item-30 .sub-menu a{padding-left: 44px!important;}

header .menu .sub-menu-wrapper{columns: 2;list-style: none;}
header .menu .btn{height: auto; width: auto; padding: 12px 24px!important; text-transform: initial;}
header .menu .btn:after{display: none;}
header .menu .btn:before{height: 100%; background-image: none; width: 0;filter: none; top: 0; transform: none; left: 0!important;}
header .menu li.current-menu-item a.btn, header .menu li.current-page-parent a.btn{background-color: transparent; font-weight: normal;}
header .menu .btn:hover{background-color: transparent;}

header .bg-img-wrapper{position: absolute; height: 100%; height: 100%; width: 20%; top: 0; right: 0; background-size: cover; background-position: center;}
header .bg-img-wrapper:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);}

/* ############# */
/* ### FRONT ### */
/* ############# */
.front-search{/*clip-path: url(#svgPath);*/ background-size: cover; margin-bottom: -80px; position: relative;}
.front-search .front-search-content{display: flex; justify-content: center; flex-direction: column; height: 500px;}
.front-search select{cursor: pointer; outline: none!important; height: 60px; border: none; border-radius: 4px; padding: 0 20px;-webkit-appearance: none;-moz-appearance: none;appearance: none; font-weight: 400; color:#06A03E; position: relative;}
.front-search select:focus{color:#06A03E;}
.front-search .select-wrapper{position: relative;}
.front-search .select-wrapper button{width: 100%!important;background-color: transparent!important;}
.front-search .select-wrapper button:hover{transform: none!important; background-color: transparent!important;}
.front-search .select-wrapper .cursor-down{pointer-events: none; color: #06A03E; position: absolute;right: 20px;z-index: 999; top: 50%;transform: translateY(-50%);}

.front-search .text-placeholder{font-style: italic; position: absolute; z-index: 999; top: 50%; transform: translateY(-50%); left: 20px; color: #06A03E; pointer-events: none; opacity: 0.7}
.front-search .text-placeholder.remove{opacity: 0;}
.front-search .form {padding-top: 15px;}
.front-search .form #qui{width: 40%; display: inline-block;}
.front-search .form #addiction{width: 36%; display: inline-block;}
.front-search .form button{width: 22%; display: inline-block; height: 60px; border:none; color: #606060; border-radius: 4px; transition: 350ms ease; outline: none!important;}
.front-search .form button:hover{transform: scale(1.03);}
.front-search .form button[data-toggle="modal"].disabled{pointer-events: none; opacity: 0.9; filter: grayscale(0.2); cursor: not-allowed;}
.front-search .form button[data-toggle="modal"].disabled:hover{transform: scale(1);}
.front-search .form button{pointer-events: initial!important;}
.front-search{position: relative;}
.search-wrapper{position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 998}
.front-search .img-bg{position: relative; z-index: -1;}
.front-search .img-bg-modif{position: absolute; width: 70%; height: 80%; right: 0; top: 0;z-index: -1; background-size: cover; background-position: center;}
.front-search .search-wrapper{}

#besoin-d-aide{}
#besoin-d-aide input,
#besoin-d-aide textarea,
#besoin-d-aide select{border: none; border-radius: 4px; border: 1px solid #D6D6D6; padding-left: 20px; width: 100%;}
#besoin-d-aide input::placeholder,
#besoin-d-aide textarea::placeholder{opacity: 0.5}
#besoin-d-aide input{height: 50px;}
#besoin-d-aide input[type="checkbox"]{width: max-content;float: left;height: auto;margin: 4px 15px 0 5px;}
#besoin-d-aide select{width: 100%; height: 50px;}
#besoin-d-aide #field_1_1,
#besoin-d-aide #field_1_2,
#besoin-d-aide #field_1_9,
#besoin-d-aide #field_1_10{width: 50%; display: inline-block;}
.gform_footer{padding-top: 0; text-align: right}
.gform_wrapper h2{line-height: 28px;}
#besoin-d-aide .gsection{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
#besoin-d-aide input[type="submit"]{background-color: #FBD626; padding: 12px 35px; border-radius: 50px; font-size: 16px; color: #606060; width: auto; border: none; display: inline-block; transition: 450ms ease;}
#besoin-d-aide input[type="submit"]:hover{background-color: #fcdd49;}
#besoin-d-aide li{margin-top: 0;}
#besoin-d-aide #field_1_9 .gfield_label,
#besoin-d-aide #field_1_10 .gfield_label,
#besoin-d-aide #field_1_11 .gfield_label,
#besoin-d-aide #field_1_12 .gfield_label,
#besoin-d-aide #field_1_15 .gfield_label,
#besoin-d-aide #field_1_17 .gfield_label{display: none;}

.list-addiction{position: relative; z-index: 3;}
.list-addiction ul{list-style: none; padding: 0; display: flex; margin: 0; justify-content: space-between;}
.list-addiction ul li{display: flex; align-items: center; flex-direction: column; max-width: 90px;transition: 350ms ease;}
.list-addiction ul li img{max-width: 50px; max-height: 50px;}
.list-addiction ul li p{font-weight: bold; line-height: initial; text-transform: uppercase; text-align: center; min-height: 42px; display: flex; align-items: center;justify-content: center; margin-top: 20px;}
.list-addiction ul li a{box-shadow: 6px 6px 0px #FBD626; transform-style: preserve-3d; width: 85px; height: 85px; display: block; border-radius: 100px; display: flex; justify-content: center; align-items: center; position: relative; background-image: url(img/bg-btn-addiction.jpg); transition: 350ms ease; background-size: cover; background-position: center;}
.list-addiction ul li:hover a{box-shadow: 0px 0px 0px #FBD626; transform: scale(1.00) translateX(5px) translateY(5px);;}
.list-addiction ul li a:before{display: none;}
.list-addiction ul li:before{display: none;}
.list-addiction ul li:first-child{margin: 0!important;}

.wp-block-column.bg-light-green,
.wp-block-column.bg-green{border-radius: 4px; padding: 45px;}

.front-content{background-size: contain; background-repeat: no-repeat;}

.owl-actu,
.owl-actu .owl-stage-outer,
.owl-actu .owl-stage,
.owl-actu .owl-item,
.owl-actu .item{height: 100%; overflow: hidden;}
.owl-actu .item{background-size: cover; background-position: center; border-radius: 4px;}
.owl-actu .link-wapper{width: 40%; background-color: rgba(255,255,255,0.8); height: 100%; padding: 5% 3% 2% 5%;}
.owl-actu .link-wapper .more-link{display: none;}

.specialist{border-radius: 4px; overflow: hidden;}
.specialist-content{padding: 60px 45px; background-image: url(img/bg-specialist.jpg); background-size: cover;}
.specialist-content p{font-size: 15px;}
.specialist-img{background-size: cover; background-position: center;}
.specialist .more-link{display: none;}

#nav-tabContent,
#nav-tabContent .tab-pane,
#nav-tabContent .tab-pane .owl-carousel,
#nav-tabContent .tab-pane .owl-carousel .owl-stage-outer,
#nav-tabContent .owl-stage,
#nav-tabContent .owl-item{height: 100%;}
#nav-tabContent .owl-item .item{height: 100%; background-size: cover;}

#nav-tab{border-bottom: 1px solid #06A03E;}
#nav-tab a{color: #06A03E;text-transform: uppercase; border-radius: 20px 20px 0px 0px; transition: 350ms ease}
#nav-tab a:hover{background-color: #E9E9E9; border-color:transparent; border-bottom-color: #06A03E;}
#nav-tab a.active{color: white; background-color: #06A03E; border-color:transparent;}

/*.center-content{}
.center-content p{font-weight: bold; font-size: 24px;}
.center-content span,
.center-content a{color: #717171;font-size: 18px;line-height: 30px; font-weight: 400; display: block;}*/

.home .owl-carousel .owl-nav{position: absolute; right: 0; bottom: 0; display: flex;}
.home .owl-carousel .owl-nav.disabled{display: none!important;}
.owl-carousel .owl-nav button{width: 40px; height: 40px; background-color: rgba(251, 214, 38, 0.65)!important; color: white; display: flex; justify-content: center; align-items: center; margin-left: 2px;transition: 350ms; outline: none!important}
.owl-carousel .owl-nav button:hover{background-color: rgba(251, 214, 38, 1)!important;}

.owl-center .owl-nav{display: flex; justify-content: flex-end;}

.home .owl-carousel .owl-dots{position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); }
.home .owl-carousel .owl-dots .owl-dot{width: 8px; height: 8px; border: 1px solid white; border-radius: 8px; transition: 450ms;margin-left: 8px;}
.home .owl-carousel .owl-dots .owl-dot.active{background-color: white;}

/* ############# */
/* ### PARTS ### */
/* ############# */
.btn-rappel{padding: 70px 0 30px;}

.btn-rappel .btn-rappel-item a{display: block; padding: 25px 30px; position: relative; border-radius: 4px; overflow: hidden; font-size: 18px; height: 100%; transition: 350ms ease; background-size: cover;background-position: center;}
.btn-rappel .btn-rappel-item a:before{display: none!important;}
.btn-rappel .btn-rappel-item a div{overflow: hidden; position: absolute; display: inline-block; right: 0; bottom: 0; padding: 8px 13px 8px 15px; border-top-left-radius: 20px;}
.btn-rappel .btn-rappel-item a h4,
.btn-rappel .btn-rappel-item a p{margin-bottom: 0;}
.btn-rappel .btn-rappel-item a:hover{text-decoration: none;}
.btn-rappel .btn-rappel-item a i{transition: 350ms ease;}
.btn-rappel .btn-rappel-item a:hover div i{animation-name: swipe; animation-duration: 850ms; animation-iteration-count: infinite;}
@keyframes swipe {0%{transform: translateX(0px);}50%{transform: translateX(5px);}100%{transform: translateX(0px);}}

.timeline-list{position: relative;}
.timeline-list hr{width: 95%; border: 1px solid rgba(255, 255, 255, 0.2);}
.timeline-list i{position: absolute;top: 50%;right: 20px;color: #54b366;transform: translateY(-45%);}
/*.timeline-list::before{content: ""; position: absolute; top: 50%; left: 50%; width: 95%; height: 2px; background: rgba(255, 255, 255, 0.2); transform: translateX(-50%) translateY(-50%);}
*/
.timeline-list .timeline-item a:before{display: none;}
.timeline-list .timeline-item small{max-width: 250px;display: block;line-height: 125%;}

.timeline-list .timeline-item{position: relative; transition: 250ms ease; transform-origin: center left; z-index: 1;}
.timeline-list .bottom-line .timeline-item{transform-origin: top left; margin-top: 19px;}
.timeline-list .timeline-item:hover{transform: scale(1.05);}
.timeline-list .timeline-item:before{content: ""; position: absolute; bottom: -23px; left: 0; height: 14px; width: 14px; background-color: #FBD626; border-radius: 20px;}
.timeline-list .bottom-line .timeline-item:before{top: -27px; bottom: unset;}

.timeline-list .top-line{margin-left: 80px; margin-right: 100px;}
.timeline-list .top-line.pair{margin-right: 0px;}
.timeline-list .bottom-line.pair{margin-right: 100px;}

/* ############# */
/* ### PAGES ### */
/* ############# */
.head-page{background-size: cover; background-position: center; padding: 60px 0 150px;}
.content-page{min-height: 250px; margin-top: -100px;}
.content-page .container-shadow{background-color: white; border-radius: 4px; position: relative;}
.content-page .row{border-radius: 4px;}
.content-page .container-shadow:before{z-index: -1; border-radius: 4px; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 160px; background-color: transparent; box-shadow: 0px -6px 24px rgba(0, 0, 0, 0.15);}

.head-page{position: relative;}
.head-page .img-bg-page{z-index: -1; position: absolute; background-repeat: no-repeat; width: 55%; height: 100%; top: 0; right: 0; background-position: center; background-size: cover;}

.content-page ul{list-style: none;}
.content-page ul li{font-weight: 400; margin-bottom: 12px; position: relative;}
.content-page ul li:first-child{}
.content-page ul li:before{content: ""; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1); position: absolute; top:6px; left: -28px; width: 12px; height: 12px; background-color: #06A03E; border-radius: 20px;}
.content-page a{color: #06A03E; position: relative; display: inline-block;}
.content-page a:before{content: ""; position: absolute; bottom: 0px; width: 100%; height: 1px; background-color: #06A03E;transition: 250ms ease; opacity: 0.7}
.content-page a:hover{text-decoration: none;}
.content-page a:hover:before{width: 0%;opacity: 1}
.content-page a.fancybox:before{display: none;}
.content-page ul ul li:before{background-color: #ABD128;}

.page-template-template-centres .owl-carousel a:before{display: none!important;}

.list-65aa49 ul li:before{background-color: #65aa49;}
.list-abd128 ul li:before{background-color: #abd128;}
.list-606060 ul li:before{background-color: #606060;}

.wp-block-gallery li:before{display: none;}

.content-page .bg-light-green li:before,
.content-page .bg-green li:before,
.content-page .bg-yellow li:before{background-color: white; opacity: 0.8;}

.content-page a.text-white:before{background-color: white;}
.content-page a.text-black:before{background-color: black;}
.content-page a.text-grey:before{background-color: #606060;}

.content-page .has-medium-font-size{color: #565656; font-size: 20px; line-height: 32px;}

.content-page a.btn{padding: 12px 24px;}

/*.content-page p span,
.content-page ul li span{font-weight: 300!important;}*/

@media screen and (min-width: 992px) and (max-width: 1600px){.owl-center .owl-item{max-height: 231px!important}}
@media screen and (min-width: 1600px){.owl-center .owl-item{max-height: 320px!important}}

#breadcrumbs{margin-bottom: 1.6rem;}

.result-search .img{height: 200px; background-position: center; background-size: cover;}

.lexique-title{color: #212121!important;}
.lexique-title:before{display: none;}

.lexique-filter-letter{border-bottom: 1px solid #06A03E;}
.lexique-filter-letter li{transition: 350ms ease; width: calc((100% / 26) - 5px); margin-right: 5px; cursor: pointer; text-transform: uppercase; border-top-left-radius: 4px;border-top-right-radius: 4px;}
.lexique-filter-letter li:before{display: none;}
.lexique-filter-letter li:hover{background-color: #F8F8F8;}
.lexique-filter-letter li.active{background-color: #06A03E; color: white;}
.lexique-filter-letter li.disabled{background-color: transparent; pointer-events: none; opacity: 0.15}

.all-words li{margin-bottom: 28px!important;}

.center{columns: 2;}
.center li{-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */page-break-inside: avoid; /* Firefox */break-inside: avoid;}
.center li:before{display: none;}
.center li:first-child{margin-top: 0!important;}

.contact .gform_body{background-color: #EFEFEF; padding: 1.5rem; overflow: hidden;}
.contact .gsection,
.contact .gsection.gfield_visibility_hidden{position: static; visibility: visible; left: 0; margin: 0; margin-bottom: 0!important; border: none!important; height: 25px; background-color: white; width: 120%!important; transform: translateX(-8%);}
.contact .gsection:first-child{display: none;}
.contact .gsection h2{display: none;}

.contact .gfield{width: 50%; display: inline-block; margin: 0px;}
.contact .gfield .ginput_container{width: 100%;}
.contact .gfield .ginput_container input,
.contact .gfield .ginput_container select{width: 100%!important; border: 1px solid #D6D6D6; border-radius: 4px; height: 50px; outline: none!important; padding-left: 15px!important;}

.contact .gfield .ginput_container input[type="checkbox"]{width: auto!important; margin-top: 0; height: auto!important}
.contact .gfield .ginput_container_consent{display: flex;align-items: center;}
.contact .gfield .ginput_container_consent label{margin: 0; margin-left: 10px;}

.contact .gfield .ginput_container textarea{width: 204%!important; outline: none!important; border: 1px solid #D6D6D6; border-radius: 4px; padding-left: 15px;}
.contact #field_6_6,.contact #field_6_11{width: 100%;}

.contact .gfield .gfield_radio{display: flex;}
.contact .gfield .gfield_radio label{margin-top: 7px; font-size: 15px; font-weight: bold; margin-right: 15px;}
.gform_wrapper label{color: #06A03E!important;}
.contact .gfield .ginput_container input[type="radio"]{height: auto;}
.contact .gfield .gfield_radio li{margin: 0;}
.contact .gform_wrapper{display: block!important;}

.contact input[type="submit"]{border: none; background-color: #FBD626; color: #606060; padding: 15px 45px; border-radius: 50px; transition: 350ms ease;}
.contact input[type="submit"]:hover{transform: scale(1.05);}

.contact .form-link{cursor: pointer; transition: 350ms ease;}
.contact .form-link div{transition: 350ms ease;}
.contact .form-link:hover div{transform: scale(1.05);}
.contact .form-link.form-hover div{transform: scale(1.05); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);}
.contact .form-link i{transition: 450ms ease;}
.contact .form-link:last-child:hover i{transform: translateX(15px); opacity: 0;}
.contact .form-link:last-child:hover{transform: scale(1.05);}
.contact .form-link-btn{margin: 0 8px;}

.contact #gform_6 input::placeholder,
.contact #gform_6 textarea::placeholder{opacity: 0;}

.page-id-229 .blocks-gallery-item figure{display: flex; justify-content: center; align-items: center;}
.page-id-229 .blocks-gallery-item img{max-height: 130px; max-width: 180px;}

.accordion p{margin-bottom: 0;}
.accordion .card-header{background-color: #EFEFEF}
.accordion .card-header i{transform: rotate(180deg); transition: 250ms ease;}
.accordion .card-header .collapsed i{transform: rotate(0deg);}

.page-template-template-ateliers .table-striped tbody tr:nth-of-type(odd){background-color: #EFEFEF!important;}
.cursor-p{cursor: pointer;}

/* ############# */
/* ### BLOCS ### */
/* ############# */
.image-encart{}
.image-encart img{width: 90%;}
.image-encart .encart{transform-style: preserve-3d; padding: 20px 25px 35px; position: relative; width: 80%; border-radius: 4px; margin-top: -60px; margin-left: auto;}
.image-encart .encart:before{content: ""; transform: translateZ(-1px); z-index: -1; width: 100%; height: 100%; position: absolute; right: -10px; bottom: -10px; background-color: #F0F0F0; border-radius: 4px;}
.image-encart .encart hr{}
.image-encart .encart span p{line-height: 25px;}
.image-encart .encart img{position: absolute; bottom: 0; right: 0; width: 40%; opacity: 0.1}
.image-encart.img-right .encart{margin-left: 0;}
.image-encart.img-right .encart:before{right: auto; left: -10px}
.image-encart.img-right img{margin-left: auto;display: block;}

.personnal-contact{transform-style: preserve-3d; width: fit-content; padding: 25px 25px 30px; border-radius: 4px; margin-top: 40px; margin-bottom: 40px; position: relative;}
.personnal-contact:before{content: ""; transform: translateZ(-1px); z-index: -1; width: 100%; height: 100%; position: absolute; right: -10px; bottom: -10px; background-color: #F0F0F0; border-radius: 4px;}
.personnal-contact .title{font-weight: 300; font-size: 22px;}
.personnal-contact ul{list-style: none; padding: 0; display: flex; width: 100%;}
.personnal-contact ul li{margin: 0; margin-right: 60px;}
.personnal-contact ul li:first-child{margin-top: 0;}
.personnal-contact ul li:before{display: none;}
.personnal-contact ul li p{line-height: 25px; margin-bottom: 5px;}
.personnal-contact ul li div p{font-weight: 300;}

/* ############## */
/* ### FOOTER ### */
/* ############## */
footer{}

footer p,footer a{font-size: 13px; line-height: 21px;}
/*footer .footer-top img{width: 20%;} <-- Mauvais ciblage de l'élement. Préférer l'utilisation d'une classe dans ce cas. */
footer .footer-bottom{background-size: cover; background-repeat: no-repeat; font-weight: 400; font-size: 14px;}
footer .footer-bottom p{margin-bottom: 0; font-weight: 300; display: inline-block;}
footer .footer-bottom ul{float: right; font-weight: 300; list-style: none; padding: 0;margin: 0;}
footer .footer-bottom ul li{display: inline-block; margin-left: 15px;}
footer .footer-bottom ul li a{display: block; position: relative; transition: 250ms ease; opacity: 0.7;}
footer .footer-bottom ul li a:before{content: ""; position: absolute; bottom: -3px; width: 100%; height: 1px; background-color: #606060;transition: 250ms ease; opacity: 0.7}
footer .footer-bottom ul li a img{height: 13px;}
footer .footer-bottom ul li a:hover{text-decoration: none; color: #606060; opacity: 1}
footer .footer-bottom ul li a:hover:before{width: 0%;opacity: 1}
footer .footer-bottom ul li a.madeby:hover{transform: scale(1.05); opacity: 1}
footer .footer-bottom ul li a.madeby:before{display: none;}

footer .menu-footer{list-style: none; padding: 0; margin-bottom: 0;}
footer .menu-footer li{}
footer .menu-footer li a{font-weight: 400;font-size: 13px;line-height: 19px;color: #06A03E; display: block; position: relative; width: max-content;padding-bottom: 3px;}
footer .menu-footer li a:hover{text-decoration: none;}
footer .menu-footer li a:before{content: ""; position: absolute; bottom: -3px; left: 0; width: 0%; height: 1px; background-color: #06A03E; transition: 350ms ease;}
footer .menu-footer li.menu-item-has-children a:before{display: none;}
footer .menu-footer li.menu-item-has-children .sub-menu a:before{display: block;}
footer .menu-footer li a:hover:before{width: 100%;}
footer .menu-footer{columns: 3; list-style: none; padding: 0;}
footer .menu-footer li {padding-bottom: 4px;display:inline-block;vertical-align:top; width: 100%; margin-bottom: 5px;}
footer .menu-footer li a{color: #95C11F;}
footer .menu-footer li a:before{background-color: #95C11F;}
footer .footer-menu-right .menu-footer{columns: 1;}

footer #menu-menu_footer_1{padding-right: 15px;}

.understanding-addiction{width: 75%;}

.wp-block-cover{height: auto;}

.team-list figure{flex-wrap: wrap!important; justify-content: center!important;}
.team-list figure img{width: 85%!important;}
.team-list figure figcaption{min-height: 71px;display: flex;align-items: center;justify-content: center;position: static!important;padding: 18px 10px 9px!important; font-size: 15px!important;line-height: 22px; background: transparent!important; color: #444!important;}
.team-list ul{width: 100%;}

.need-to-talk{max-width: 60%; box-shadow: 11px 11px 0px #F0F0F0;}
.need-to-talk button{transition: 350ms; outline: none!important;}
.need-to-talk button:hover{transform: scale(1.05);}

input::placeholder,textarea::placeholder,
select.placeholder{color: #BABABA}

.wp-block-media-text__media img, .wp-block-media-text__media video, .wp-block-image img{height: auto;}
.wp-block-image a:before{display: none;}

/* ################## */
/* ### RESPONSIVE ### */
/* ################## */
@media screen and (max-width: 1400px){
	.front-search .front-search-content{height: 410px;}
}

@media screen and (max-width: 1200px){
	header .menu li a{padding: 30px 5px}
	.front-search .front-search-content{height: 370px;}
}

@media screen and (max-width: 992px){
	header{position: relative;}
	header .menu-active-wrapper{position:relative;}
	header .menu-active-wrapper img{position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); transition: 450ms ease;}
	header .menu-active-wrapper .m-close{opacity: 0; transform: translateY(-50%) translateX(-50%) scale(0) rotate(45deg);}
	header .menu-active-wrapper.close-m .m-close{opacity: 1; transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg);}
	header .menu-active-wrapper.close-m .m-open{opacity: 0; transform: translateY(-50%) translateX(-50%) scale(0) rotate(-45deg);}

	header .header-top{z-index: 1; position: relative; background-color: white;}
	header .header-top .right-top{padding-left: 0;}
	header .header-top ul li{margin: 0;}
	header .header-top ul li a{height: 43px; width: 43px;}

	header .header-bottom{background-color: white!important; border-bottom: none; position: absolute; bottom: 0; left: 0; opacity: 0; transform: translateY(80%); pointer-events: none; transition: 450ms ease;}
	header .header-bottom.active{opacity: 1; transform: translateY(100%); pointer-events: initial;}
	header .header-bottom form{width: 100%;}
	header .header-bottom form button{float: right; height: 60px; width: 60px; font-size: 18px; border:none;}
	header .header-bottom form input{height: 60px; width: calc(100% - 60px); padding-left: 20px; background-color: #FCFCFC; border: none; outline: none;}
	header .header-bottom .col-12{padding: 0;}

	header .menu{flex-direction: column;}
	header .menu li{width: 100%; border:none; border-bottom: 1px solid white; position: relative;}
	header .menu li a{padding: 20px 15px;}

	header .menu li.menu-item-has-children span{position: absolute; right: 0; top: 0; height: 60px; width: 60px; z-index: 1; font-size: 23px; display: flex; justify-content: center; align-items: center;}

	header .header-bottom .btn{margin: auto;}

	header .menu li svg{display: block;}

	header .menu .sub-menu{opacity: 1; position: static; pointer-events: initial; box-shadow: none;max-height: 0; overflow: hidden; transition: 450ms ease-out;}
	header .menu li.active .sub-menu{max-height: 800px; transition: 450ms ease-in;}
	header .menu li span i{transition: 450ms ease;}
	header .menu li.active span i{transform: rotate(180deg) translateY(3px);}
	header .menu .sub-menu li a{text-align: center;}
	header .btn-head{margin: auto;}

	.page-id-229 .blocks-gallery-item img{max-height: none; max-width: 100%;}

	.specialist-img{height: 300px;}

	.list-addiction ul{flex-wrap: wrap; align-items: center; justify-content: space-around;}
	.list-addiction ul li{width: 50%;}
	.front-bi-column .wp-block-column{padding: 45px 20px;}

	.front-search{overflow: hidden;}
	.front-search .form .select-wrapper{width: 100%!important; margin-bottom: 8px;}
	.front-search .form button {width: 50%;}
	.front-search .img-bg{position: absolute; height: 100%; width: auto!important; top: 0; left: 50%; transform: translateX(-50%);}
	.front-search .img-bg{}
	.search-wrapper{position: relative; left: 0; transform: translateX(0%);}

	.wp-block-column{margin-bottom: 15px;}

	#nav-tabContent{margin-top: 15px;}
	#nav-tabContent .owl-carousel .item{height: 250px;}

	.btn-rappel{padding: 70px 15px 30px;}

	.personnal-contact{width: auto;}
	.personnal-contact ul{flex-direction: column;}
	.personnal-contact ul li{margin-bottom: 25px;}

	.specialist-content{padding: 60px 20px;}

	.head-page .img-bg-page{width: 80%;}

	footer .footer-bottom ul{float: none; text-align: center; margin-top: 5px;}
	footer .footer-bottom p{display: block; text-align: center;}

	.front-search{margin-bottom: 0; background-position: center;}
	.front-search .front-search-content{height: auto; padding: 50px 15px;padding-bottom: 90px;}

	footer .menu-footer li .sub-menu{columns: 2;}
	footer .footer-bottom ul li{padding-bottom: 15px;}
	footer .footer-bottom ul li:last-child{padding-bottom: 0;}

	.image-encart .encart{width: 90%;}

	main nav{border-bottom: 1px solid #06A03E; padding-bottom: 8px;}
	#nav-tab{overflow: hidden; border-radius: 10px; border: none;}
	#nav-tab a{width: calc(50% - 2px); text-align: center; background-color: #FAFAFA; padding: 20px 5px; border-radius: 0; margin: 1px;}
	
	#besoin-d-aide #field_1_1,
	#besoin-d-aide #field_1_2,
	#besoin-d-aide #field_1_9,
	#besoin-d-aide #field_1_10{width: 100%; display: block;}

	.owl-actu .link-wapper{width: 100%; height: auto; margin-top: 200px; padding: 5% 3% 4% 5%;}
	.understanding-addiction{width: 100%;}

	.menu-item-30 .sub-menu a:before{content: ""; filter: invert(34%) sepia(68%) saturate(3737%) hue-rotate(130deg) brightness(99%) contrast(95%); width: 25px; height: 28px; background-image: url(img/pictos/picto-alcool.svg); background-size: contain; background-position: center; position: absolute; background-repeat: no-repeat; left: 17px; top: 50%; transform: translateY(-50%);}
	.menu-item-30 .sub-menu a{padding-left: 55px!important;}

	.center{columns: 1;}

	.contact .gfield{width: 100%; display: block;}
	.contact .gfield .ginput_container textarea{width: 100%!important;}
	.contact .gfield .gfield_radio li{display: flex; align-items: center;}

	.contact .form-link{max-width: 100%!important; margin-bottom: 15px;}

	.team-list li.blocks-gallery-item{width:calc((100% - 96px)/4)!important}

	.need-to-talk{max-width: 100%;}

	table.table tbody{display: block;}
	table.table tr{display: flex;flex-wrap: wrap;min-width: 100%; padding: 15px 0;}
	table.table tr td,
	table.table tr th{padding: 0 15px; display: flex; justify-content: center; flex-direction: column;}
}

@media screen and (max-width: 768px){
	
}

@media screen and (min-width: 1600px){
	.container{max-width: 1540px;}
	.need-to-talk{max-width: 45%;}
}

@media screen and (min-width: 1925px){
	main{box-shadow: 0px 4px 78px rgba(0, 0, 0, 0.1);}
	.front-search .front-search-content{height: 610px;}
}

.table td, .table th{border: none;}
.table-striped tbody tr:nth-of-type(odd){background-color: rgba(0,0,0,.15)}

.menu-item-30{}
.menu-item-30 .sub-menu li.current-menu-item a:before{filter: invert(94%) sepia(35%) saturate(2928%) hue-rotate(332deg) brightness(100%) contrast(97%);}

.wp-block-group, p.has-background{border-radius: 5px; padding: 20px 30px;}
.wp-block-group.has-background h2,
.wp-block-group.has-background h3{margin-top: 10px;}
.wp-block-media-text__content{padding: 0 8% 0 0!important;}
.home .wp-block-media-text__content{padding: 0 8%!important;}

.alignwide .wp-block-media-text__media{padding-right: 20px;}
.alignwide .wp-block-media-text__content{padding-left: 20px!important;}

.menu-item-30 .sub-menu li.alcool a:before{background-image: url(img/pictos/picto-alcool.svg);}
.menu-item-30 .sub-menu li.tabac a:before{background-image: url(img/pictos/picto-tabac.svg);}
.menu-item-30 .sub-menu li.cannabis a:before{background-image: url(img/pictos/picto-cannabis.svg);}
.menu-item-30 .sub-menu li.cocaine a:before{background-image: url(img/pictos/picto-cocaine.svg);}
.menu-item-30 .sub-menu li.jeux-argent a:before{background-image: url(img/pictos/picto-jeux-argent.svg);}
.menu-item-30 .sub-menu li.jeux-video a:before{background-image: url(img/pictos/picto-jeux-video.svg);}
.menu-item-30 .sub-menu li.troubles-alimentaires a:before{background-image: url(img/pictos/picto-troubles-alimentaires.svg);}
.menu-item-30 .sub-menu li.achats-compulsifs a:before{background-image: url(img/pictos/picto-achats-compulsifs.svg);}
.menu-item-30 .sub-menu li.medicaments a:before{background-image: url(img/pictos/picto-medicaments.svg);}
.menu-item-30 .sub-menu li.addiction-sexuelle a:before{background-image: url(img/pictos/picto-addiction-sexuelle.svg);}
.menu-item-30 .sub-menu li.drogues-synthese a:before{background-image: url(img/pictos/picto-drogues-synthese.svg);}
.menu-item-30 .sub-menu li.protoxyde-azote a:before{background-image: url(img/pictos/picto-protoxyde-azote.svg);}

/* Adaptation sur IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	header .menu .sub-menu{pointer-events: initial!important; display: none!important}
	header .menu li:hover .sub-menu{display: block!important;}
	header .menu li .sub-menu:hover{display: block!important;}

	.front-search .select-wrapper .cursor-down{display: none!important;}
}


/* WP CORE */
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}