.is-menu a,.is-menu a:focus,.is-menu a:hover,.is-menu:hover>a{background:0 0!important;outline:0}.is-screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);color:#000;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}.is-menu,form .is-link-container{position:relative}.is-menu a{line-height:1}.is-menu a::after,.is-menu a::before{display:none!important}.is-menu.default form{max-width:310px}.is-menu.is-dropdown form{display:none;min-width:310px;max-width:100%;position:absolute;right:0;top:100%;z-index:9}.is-menu.full-width-menu form,.is-menu.sliding form{min-width:0!important;overflow:hidden;position:absolute;right:0;top:25%;width:0;z-index:99;padding:0;margin:0}.is-menu.full-width-menu form:not(.is-search-form) input[type=search],.is-menu.full-width-menu form:not(.is-search-form) input[type=text],.is-menu.is-dropdown form:not(.is-search-form) input[type=search],.is-menu.is-dropdown form:not(.is-search-form) input[type=text],.is-menu.sliding form:not(.is-search-form) input[type=search],.is-menu.sliding form:not(.is-search-form) input[type=text],.is-popup-search-form form:not(.is-search-form) input[type=search],.is-popup-search-form form:not(.is-search-form) input[type=text]{background:#fff;color:#000}.is-menu.is-first form{right:auto;left:0}.is-menu.full-width-menu.open .search-close,.is-menu.full-width-menu:not(.open) form,.is-menu.is-dropdown form[style="display: block;"]+.search-close,.is-menu.sliding.open .search-close,.is-menu.sliding:not(.open) form,form:hover+.is-link-container,form:hover>.is-link-container{display:block}.is-form-style-2 .is-search-submit,.is-link-container,.is-menu form .screen-reader-text,.search-close{display:none}.is-menu form label{margin:0;padding:0}.is-menu-wrapper{display:none;position:absolute;right:5px;top:5px;width:auto;z-index:9999}.popup-search-close,.search-close{cursor:pointer;width:20px;height:20px}.is-menu-wrapper.is-expanded{width:100%}.admin-bar .is-menu-wrapper{top:51px}.is-menu-wrapper .is-menu{float:right}.is-menu-wrapper .is-menu form{right:0;left:auto}.gsc-cse-search-menu{max-width:310px;float:right}.gsc-cse-search-menu .cse .gsc-control-cse,.gsc-cse-search-menu .gsc-control-cse{padding:0}.is-menu .search-icon-path{fill:#848484}.search-close{position:absolute;right:-22px;top:33%;z-index:99999}.is-menu.is-first .search-close{right:auto;left:-22px}.is-menu.is-dropdown .search-close{top:calc(100% + 7px)}.popup-search-close{z-index:99999;float:right;position:relative;margin:20px 20px 0 0}#is-popup-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(4,4,4,.91);z-index:999999}.is-popup-search-form form{width:80%;margin:20% auto 0}.is-popup-search-form form.is-ajax-search{margin:10% auto 0}.popup-search-close:after,.search-close:after{border-left:2px solid #848484;content:'';height:20px;left:9px;position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup-search-close:before,.search-close:before{border-left:2px solid #848484;content:'';height:20px;left:9px;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.is-highlight{background-color:#ffffb9;color:#222}@media screen and (max-width:910px){.is-menu form{left:0;min-width:50%;right:auto}.is-menu.default form{max-width:100%}.is-menu.full-width-menu.active-search{position:relative}.is-menu-wrapper{display:block}}.is-form-style label,.is-menu.full-width-menu.is-first button.is-search-submit,.is-menu.sliding.is-first button.is-search-submit{display:inline-block!important}form .is-link-container div{position:absolute;width:200px;bottom:-25px;left:5px;z-index:99999;height:auto;line-height:14px;padding:10px 15px}form .is-link-container a{text-decoration:none;font-size:14px;font-weight:100;font-family:arial;box-shadow:none}form .is-link-container a:hover{text-decoration:underline}form .is-link-container a.is-customize-link{margin-left:15px}.is-form-style label{padding:0;vertical-align:middle;margin:0;width:100%;line-height:1}.is-form-style{line-height:1;position:relative;padding:0!important}.is-form-style.is-form-style-3 label{width:calc(100% - 36px)!important}.is-form-style input.is-search-input{background:#fff;background-image:none!important;color:#333;padding:0 12px;margin:0;outline:0!important;font-size:14px!important;height:36px;min-height:0;line-height:1;border-radius:0;border:1px solid #ccc!important;font-family:arial;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-webkit-border-radius:0}.is-form-style input.is-search-input::-ms-clear{display:none;width:0;height:0}.is-form-style input.is-search-input::-ms-reveal{display:none;width:0;height:0}.is-form-style input.is-search-input::-webkit-search-cancel-button,.is-form-style input.is-search-input::-webkit-search-decoration,.is-form-style input.is-search-input::-webkit-search-results-button,.is-form-style input.is-search-input::-webkit-search-results-decoration{display:none}.is-form-style.is-form-style-3 input.is-search-input{border-right:0!important}.is-form-style button.is-search-submit{background:0 0;border:0;box-shadow:none!important;opacity:1;padding:0!important;margin:0;line-height:0;outline:0;vertical-align:middle;width:36px;height:36px}.is-menu.full-width-menu.is-first button.is-search-submit:not([style="display: inline-block;"]),.is-menu.sliding.is-first button.is-search-submit:not([style="display: inline-block;"]){visibility:hidden}.is-form-style .is-search-submit path{fill:#555}.is-form-style input.is-search-submit{text-decoration:none;position:absolute;top:0;right:0;padding:0 10px!important;width:auto}.is-search-icon{width:36px;padding-top:6px!important}.is-search-icon svg{width:22px;display:inline}.is-form-style input.is-search-submit,.is-search-icon{display:inline-block!important;color:#666;background:#ededed;box-shadow:none!important;outline:0;margin:0;font-size:14px!important;border:1px solid #ccc;border-radius:0;line-height:1;height:36px;text-transform:capitalize;vertical-align:middle;-webkit-transition:background-color .1s ease-in-out;-moz-transition:background-color .1s ease-in-out;-o-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.is-search-icon:hover,form.is-form-style input.is-search-submit:hover{background:#dcdcdc}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}@import url(https://use.typekit.net/pke8wnk.css);
:root{
--couleur-blue: #0f4294;
--couleur-orange: #d27812;
--bold: co-headline,sans-serif;
}
body{
font-family: co-text,sans-serif;
font-weight: 300;
font-style: normal;
}
b,h1,h2,h3,h4,h5,strong{
font-family: co-headline,sans-serif;
font-weight: 700;
font-style: normal;
}
.d_flex{
display: flex;
}
.t_center{
text-align: center;
}
p {
margin-bottom: 1.5em;
}
a.btn_white {
background: white;
text-decoration: none;
padding: 6px 17px;
border-radius: 22px;
display: inline-block;
text-align: center;
font-family: 'co-headline';
font-weight: normal;
}
a.btn_green {
background: #258207;
text-decoration: none;
padding: 6px 17px;
border-radius: 22px;
display: inline-block;
font-family: 'co-headline';
font-weight: normal;
}
a.btn_blue {
background: var(--couleur-blue);
text-decoration: none;
padding: 6px 17px;
border-radius: 22px;
display: inline-block;
font-family: 'co-headline';
font-weight: normal;
color:white;
}
button.btn_blue{
background: var(--couleur-blue);
text-decoration: none;
padding: 6px 17px;
border-radius: 22px;
display: inline-block;
font-family: 'co-headline';
font-weight: normal;
border: var(--couleur-blue) 1px solid;
color: white;
cursor: pointer;
transition: .3s;
}
button.btn_blue:hover{
background: white;
border: var(--couleur-blue) 1px solid;
color: var(--couleur-blue);
}
.color_blue {
color: var(--couleur-blue);
}
.color_orange{
color:var(--couleur-orange);
}
.container {
display: grid;
max-width: 100%;
margin:auto;
padding-left:15px;
padding-right: 15px;;
}
header#header {
position: absolute;
z-index: 2;
width: 100%;
background: rgba(0,0,0,0.3);
padding: 15px 0;
display: none;
}
section#carousel{
position: relative;
overflow: hidden;
}
img#carousel__template {
width: 100%;
height: auto;
display: none;
}
#carousel__template_mobile{
display: block;
width: 100%;
height: 100%;
}
#carousel__action{
position: absolute;
left: 0;
width: 100%;
top: 0;
z-index: -1;
bottom: 0;
object-fit: cover;
height: 100%;
}
div#carousel__text {
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(-80%);
top: 50%;
text-align: center;
z-index: 1;
}
#carousel h1 {
color: white;
font-size: 80px;
line-height: 48px;
}
#carousel h1 span {
font-size: 48px;
}
#carousel h2 {
color: white;
font-size: 30px;
margin-top: 21px;
}
#carousel .btn_white{
margin-top:15px;
}
div#carousel__lesConservatoires {
background: white;
padding-bottom: 65px;
}
div#carousel__lesConservatoires .container {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: -10px;
flex-wrap: wrap;
}
#mission{
width: 100%;
padding: 110px 0;
background:url(//zones-humides-rhonalpines.org/wp-content/uploads/2022/12/fond_gris_geo.png) no-repeat center;
background-size: cover;
position: relative;
}
#mission:before{
content:"";
background:url(//zones-humides-rhonalpines.org/wp-content/uploads/2022/12/forme_haut_blanche.png) no-repeat center;
background-size: 100% auto;
left: 0;
top: -1px;
position: absolute;
background-position: top;
width: 100%;
height: 90px;
}
#mission:after{
content:"";
background:url(//zones-humides-rhonalpines.org/wp-content/uploads/2022/12/forme_bas_blanche.png) no-repeat center;
background-size: 100% auto;
left: 0;
bottom: 0;
position: absolute;
background-position: bottom;
width: 100%;
height: 90px;
}
#mission .container {
z-index: 1;
position: relative;
}
#partenaires .container {
display: block;
}
section#mission h2 {
display: inline-block;
width: 240px;
color: white;
font-size: 31px;
position: relative;
margin-bottom: 35px;
overflow: visible;
}
section#mission h2:before {
content: "";
background: url(//zones-humides-rhonalpines.org/wp-content/uploads/2022/12/forme_bleu_ciel.png) no-repeat;
display: inline-block;
position: absolute;
background-size: 100% 100%;
z-index: -2;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);    
width: 327px;
height: 183px;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.justify-content-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.col-7{
width:58.33333333%;
}
.col-5{
width:41.666667%;
}
.mb-40{
margin-bottom: 40px;
}
.mt-10{
margin-top:10px;
}
.mt-20{
margin-top:20px;
}
.mt-50{
margin-top:50px;
}
section#mission .color_blue {
font-size: 23px;
line-height: 1.2;
}
#mission .col-7 {
font-size: 16px;
line-height: 1.5;
}
.video-container {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
iframe{
max-width: 100%;
}
.subMenu iframe{
width: 560px;
height: 315px;
}
#agissons_orange h2{
color:white;
font-size: 31px;
margin-bottom: 30px;
}
#agissons_orange p{
color:white;
margin-bottom: 30px;
}
section#agissons {
padding: 120px 0; 
z-index: 1;
position: relative;
}
section#agissons .col-5 {
display: flex;
align-items: center;
padding-left: 142px;
position: relative;
}
section#agissons .col-5:before {
content: "";
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/forme_orange-min.png);
width: 120%;
height: 140%;
position: absolute;
background-size: 100% 100%;
z-index: -1;
transform: translateX(-35%) translateY(-40px);
}
section#pour_les_nuls {
background: #eeeeee;
padding: 130px 0;
position: relative;
z-index: 1;
}
section#pour_les_nuls:before{
content:"";
background:url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/FTN_haut.png) no-repeat center;
background-size: 100% auto;
left: 0;
top: 0;
position: absolute;
background-position: top;
width: 100%;
height: 90px;
} section#pour_les_nuls h2:before {
content: "";    
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/formeVerte.png) no-repeat;
display: inline-block;
position: absolute;
background-size: 100% 100%;
z-index: -1;
top: 50%;
left: 50%;
transform: translateX(-53%) translateY(-55%);
width: 351px;
height: 203px;
}
#pour_les_nuls h2 {
color: white;
font-size: 31px;
margin-bottom: 75px;
width: fit-content;
position: relative;
z-index: 0;
}
section#pour_les_nuls a {
color: #114291;
display: inline-block;
text-decoration: underline;
}
#pour_les_nuls .col-5 {
position: relative;
}
#pour_les_nuls .col-5 img{
position: absolute;
width: 110%;
top: 50%;
transform: translateY(-50%);
right: 35px;
z-index: 2;
}
.masqueTemoi{
width: 334px;
height: 281px;
-webkit-mask-image: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/zone_img_temoi-min.png);
mask-image: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/zone_img_temoi-min.png);
position: absolute;
right: 0;
top: 90px;
background-size: 100% auto;
background-color: #e6e6e6;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background-position: center center;
}
#témoignages .col-5 {
position: relative;
}
#témoignages img {
width: 96%;
}
section#témoignages {
position: relative;
padding: 130px 0;
}
.page-id-412 section#témoignages {
position: relative;
padding: 0;
}
#témoignages .container,#siteAmis .container {
display: block;
}
#témoignages .row{
align-items: center;
}
#témoignages h3 {
color: var(--couleur-blue);
margin-bottom: 20px;
font-size: 20px;
}
#témoignages h4 {
color: var(--couleur-blue);
margin-bottom: 20px;
font-size: 16px;
margin-top: 20px;
}
#témoignages .col-7 {
padding-left: 50px;
display: flex;
align-items: baseline;
flex-direction: column;
justify-content: center;
}
p.temoignages__nom {
color: white;
position: absolute;
left: 20%;
right: 0;
bottom: 60px;
font-family: 'co-headline';
}
p.temoignages__titre {
color: white;
position: absolute;
left: 20%;
right: 0;
bottom: 40px;
font-size: 13px;
}
p.temoignages__citation {
color: var(--couleur-blue);
width: 640px;
margin: 50px auto;
font-size: 17px;
text-align: center;
max-width: 100%;
}
body .owl-theme .owl-dots .owl-dot.active span, body .owl-theme .owl-dots .owl-dot:hover span {
background: var(--couleur-blue);
}
body .owl-theme .owl-dots .owl-dot span {
background: transparent;
border: 1px solid var(--couleur-blue);
}
#témoignages h2 {
color: white;
font-size: 31px;
margin-bottom: 35px;
width: fit-content;
position: relative;
margin-left: 135px;
}
section#témoignages h2:before {
content: "";
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/formeBleue-min.png) no-repeat;
display: inline-block;
position: absolute;
background-size: 100% 100%;
z-index: -1;
top: 50%;
left: 50%;
transform: translateX(-53%) translateY(-55%);
width: 297px;
height: 183px;
}
section#phototheque{    
width: 100%;
margin: 90px 0 50px;
}
section#phototheque img {
max-height: 620px;
object-fit: cover;
height: 100%;
}
.phototheque__texte {
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: transparent;
text-align: left;
padding-left: 10%;
padding-right: 10%;
padding-top: 25px;
}
section#phototheque .owl-carousel .owl-stage{
display: flex;
}
#phototheque .item {
position: relative;
height: 100%;
}
.phototheque__texte h3 {
font-size: 28px;
margin-bottom: 15px;
}
.owl-item.active .phototheque__texte {
background: #0000006b;
color: white;
}
#inventaires{
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/fond_inventaire-min.png) no-repeat center;
background-size:cover;
color: white;
padding: 100px 0;
position: relative;
}
section#inventaires h2 {
font-size: 25px;
}
section#inventaires .inventaires__sousTitre {
line-height: 1.1;
margin-bottom: 36px;
font-size: 18px;
}
#inventaires p {
font-size: 13px;
line-height: 1.2;
margin-bottom: 70px;
}
section#inventaires .btn_green {
color: white;
margin-right: 25px;
margin-bottom: 15px;
min-width: 250px;
text-align: center;
font-size:15px;
}
body .sous-carousel.owl-loaded{
display: none;
}
button.partenaires__allButton__button {
background: #3e3e3e;
color: white;
padding: 9px 22px;
border-radius: 30px;
border: 0;
margin: 0 15px;
cursor: pointer;
transition: 0.2s;
}
button.partenaires__allButton__button.actif{
background:#258207;
}
.unPartenaire img {
filter: grayscale(1);
}
.unPartenaire img:hover {
filter: grayscale(0);
}
section#partenaires {
padding: 90px 0;
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/fond_partenaire-min.png) no-repeat;
background-size: cover;
}
#partenaires .d_flex {
align-items: center;
margin-bottom: 55px;
}
#partenaires .d_flex h2 {
margin-right: 30px;
font-size: 31px;
color: #3e3e3e;
}
#partenaires .owl-carousel .owl-item img {
padding: 20px;
}
#footer h2 {
font-size: 36px;
color: #093f96;
margin-right: 95px;
}
#joinUs .d_flex {
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#joinUs a {
margin-right: 20px;
}
section#joinUs {
padding: 90px 0;
}
section#allPages {
background: var(--couleur-blue);
padding: 80px 0 40px;
}
section#allPages a {
color: white;
text-decoration: none;
display: block;
margin-bottom: 8px;
font-size: 13px;
}
#allPages .d_flex {
justify-content: space-between;
}
div#copyright {
text-align: center;
margin-top: 80px;
}
div#copyright a {
display: inline-block;
}
section#allPages a:hover,div#copyright a:hover {
text-decoration: underline;
}
div#copyright p {
color: white;
}
section#inventaires .container{
z-index: 1;
position: relative;
}
section#inventaires:before {
content: "";
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/pointilles-min.png) no-repeat;
position: absolute;
width: 100%;
height: 100%;
background-size: 100% auto;
top: 10px;
z-index: 0;
}
.menu {
flex: auto;
}
.menu ul {
display: flex;
width: 100%;
justify-content: space-between;
}
nav#menu .container {
display: flex;
width: 100%;
justify-content: space-between;
}
ul#menu-menu-1 {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding-right: 50px;
}
.menu-menu-1-container{
display: flex;
width: 100%;
}
.menu a {
color: white;
text-decoration: none;
font-family: 'co-headline';
}
.menu .current-menu-item:not(.menu-item-369) a {
border-bottom: 2px solid #77b72a;
}
#mission #illuPapi:before {
content: "";
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/illus_papillon-min.png) no-repeat;
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
top: -80px;
z-index: 2;
height: 500px;
}
section#agissons:before {
content: "";
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/illus_libelule-min.png) no-repeat;
position: absolute;
width: 100%;
height: 300px;
background-size: auto 100%;
bottom: 0;
background-position: right;
right: 70px;
}
html body.mob-menu-slideout-over{
padding-top:0;
}
#pour_les_nuls a.btn_green {
color: white;
text-decoration: none;
}
#featuredImg img{
width: 100%;
min-height: 450px;
object-fit: cover;
object-position: 29% 50%;
max-height: 580px;
}
#accordion .subMenu {
display: none;
}
div#accordion h2.uneQuestion__titre {
width: 750px;
margin: auto;
max-width: 90%;
border-top: 2px solid var(--couleur-blue);
color: var(--couleur-blue);
padding: 15px 35px 15px 6px;
position: relative;
}
section#phototheque h2 {
color: var(--couleur-blue);
font-size: 31px;
margin: auto;
margin-bottom: 55px;
margin-top: 20px;
position: relative;
z-index: 0;
text-align: center;
max-width: 90%;
}
div#accordion .uneQuestion:last-of-type h2.uneQuestion__titre,div#accordion .uneQuestion.active h2.uneQuestion__titre {
border-bottom: 2px solid var(--couleur-blue);
}
div#accordion .subMenu {
margin: 35px 0;
}
.template-classique h2 {
font-size: 20px;
}
.subMenu h3,.template-classique h3,.subMenu h3,.template-classique h2 {
color: var(--couleur-blue);
margin-bottom: 15px;
font-family: 'co-headline';
margin-top: 18px;
}
.template-classique a{
color: var(--couleur-blue);
}
.subMenu ul, .subMenu p, .subMenu ol, .template-classique ul, .template-classique p, .template-classique ol {
min-width: 70%;
width: 270px;
margin: 0 auto 17px;
line-height: 1.2;
}
.uneFormation p{
line-height: 1.2;
}
.subMenu li > p {
width: 100%;
}
#content ul{
list-style: inside;
}
#content ul li{
line-height: 1.5;
}
ol {
list-style: none;
counter-reset: my-awesome-counter;
}
ol li {
counter-increment: my-awesome-counter;
padding-left: 25px;
margin-bottom: 15px;
line-height: 1.5;
}
ol li::before {
content: counter(my-awesome-counter);
color: white;
font-weight: bold;
background:var(--couleur-blue);
border-radius:10px;
width: 20px;
display: inline-block;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 13px;
margin-left: -25px;
margin-right: 5px;
}
.fondReglementation {
background: #77b72a;
padding: 120px 0;
position: relative;
}
.fondReglementation:after {
content: "";
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/b_loi-min.png) no-repeat center;
background-size: 100% auto;
left: 0;
bottom: -8px;
position: absolute;
background-position: bottom;
width: 100%;
height: 90px;
border-bottom: 6px solid white;
}
.fondReglementation:before {
content: "";
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/h_loi-min.png) no-repeat center;
background-size: 100% auto;
left: 0;
top: 0;
position: absolute;
background-position: top;
width: 100%;
height: 90px;
}
.fondReglementation__char:before {
content: "";
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/f_left-min.png) no-repeat center;
background-size: 100% auto;
left: 0;
bottom: 0;
position: absolute;
background-position: bottom;
max-width: 250px;
width: 20%;
height: 120%;
z-index: 0;
}
.fondReglementation__char:after {
content: "";
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/h_right-min.png) no-repeat center;
background-size: 100% auto;
right: 0;
bottom: -2px;
position: absolute;
background-position: bottom;
max-width: 250px;
width: 20%;
height: 120%;
z-index: 0;
}
.fondReglementation .container {
max-width: 66%;
min-width: 300px;
display: flex;
align-items: start;
justify-content: space-between;
}
.fondReglementation .container h2 {
color: white;
font-size: 34px;
line-height: 1.2;
max-width: 400px;
padding-right: 10px;
}
.fondReglementation .container > div {width: 33%;}
.fondReglementation .container p, .fondReglementation .container a, .fondReglementation .container ul, .fondReglementation .container strong {
color: white;
width: 100%;
line-height: 1.2;
}
section#featuredImg .container {
position: absolute;
left: 0;
width: 100%;
margin: auto;
top: 130px;
color: white;
font-size: 43px; right: 0;
}
section#featuredImg {
position: relative;
}
#featuredImg .container h1 {
max-width: 430px;
}
section#lesQuestions:after {
content: "";
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/forme_grenouille-min.png) no-repeat;
height: 391px;
width: 14%;
display: inline-block;
position: absolute;
background-size: 100% auto;
left: 0px;
z-index: -4;
top: -50px;
}
section#lesQuestions {
position: relative;
z-index: 2;
margin-top: 50px;
}
section#lesQuestions:before {
content: "";
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/forme_libelule-min.png) no-repeat;
height: 391px;
width: 16%;
display: inline-block;
position: absolute;
background-size: 100% auto;
right: 0px;
z-index: -4;
top: 0;
}
.wp-caption{
max-width: 100%;
width: 100% !important;
}
h2.uneQuestion__titre:after {
content: ">";
position: absolute;
right: 8px;
transform: scaleY(2.4); font-weight: bold;
font-family: 'co-text';
}
.uneQuestion.active h2:after {
transform: scaleX(2.4) rotate(90deg);
}
.unPdf a {
display: flex;
text-align: center;
align-items: center;
justify-content: center;
text-decoration: none;
flex-direction: column;
font-size: 14px;
}
#lesPDF .container {
flex-wrap: wrap;
align-items: stretch;
justify-content: space-around;
}
.unPdf {
max-width: 200px;
margin-bottom: 30px;
position: relative;
padding: 0 10px 33px;
min-width: 25%;
}
button.dlPDF {
position: absolute;
bottom: 0;
color: #77b82b;
border: 0;
background: white;
border-radius: 10px;
padding: 4px 9px;
cursor: pointer;
border: 1px solid white;
transition: 0.3s;
font-weight: bold;
}
.unPdf:hover button.dlPDF {
color: white;
background: transparent;
border: 1px solid #ffffff;
}
svg.mk-svg-icon path {
fill: white;
}
h2.accroche {
color: white;
text-align: center;
font-size: 30px;
width: 80%;
margin: 0 auto 50px;
}
svg.mk-svg-icon {margin-bottom: 10px;}
.page-id-138 .fondReglementation .container {
flex-wrap: wrap;
justify-content: center;
}
.page-id-138 .fondReglementation .container h3 {
font-size: 17px;
margin-bottom: 15px;
}
section#lesFormations {
margin-top: 70px;
}
#lesFormations h2.accroche {
color: var(--couleur-blue);
}
section#lesFormations .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
section#lesFormations .container .uneFormation {
width: 47%;
margin-bottom: 45px;
}
section#lesFormations .container .uneFormation h3 {text-align: center;margin-bottom: 20px;color: var(--couleur-blue);}
.uneFormation a {
background: var(--couleur-blue);
text-decoration: none;
padding: 6px 17px;
border-radius: 22px;
display: inline-block;
font-family: 'co-headline';
font-weight: normal;
color: white;
}
div#mes3Thematiques {
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
.uneThematique {
width: 250px;
border: 4px solid transparent;
cursor: pointer;
}
.uneThematique:hover,.uneThematique.uneThematique__active {
border: 4px solid #124491;
}
.uneThematique__cadre {
background: #e3e3e3;
height: 250px;
display: flex;
align-items: center;
justify-content: center;
}
.lesPDF__uneThematique{
display: none;
}
.uneThematique__cadre svg {
max-width: 170px;
max-height: 130px;
width: 100%;
height: 100%;
}
.uneThematique h2 {
text-align: center;
font-size: 23px;
line-height: 1.2;
}
.page-id-140 #lesPDF{
display: none;
}
#custom_thematiques{
position: relative;
margin-bottom: 40px;
z-index: 9;
}
.fondReglementation .container > div.lesPDF__uneThematique__theme {
width: 100%;
position: relative;
margin-bottom: 30px;
padding-top: 40px;
}
.fondReglementation .container > div.lesPDF__uneThematique__theme:not(:first-of-type) {
padding-top: 38px;
}
.lesPDF__uneThematique__theme:not(:first-of-type):before {
content: "";
position: absolute;
top: 0;
height: 10px;
left: -260px;
right: -260px;
z-index: 141;
background-size: 106% 236%;
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='4' stroke-dasharray='8%2c 8' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
background-position: top center;
}
.lesPDF__uneThematique__theme__content {
flex-wrap: wrap;
align-items: stretch;
justify-content: space-around;
display: flex;
}
.lesPDF__uneThematique__theme h3 {
margin-top: 25px;
margin-bottom: 25px;
color: white;
font-size: 20px;
text-align: center;
}
div#lesPDF__uneThematique__contain {
position: relative;
z-index: 99;
text-align: center;
margin-bottom: 50px;
}
.lesPDF__uneThematique__contain__button{
background: #3e3e3e;
color: white;
padding: 9px 22px;
border-radius: 30px;
border: 0;
margin: 0 15px;
cursor: pointer;
transition: 0.2s;
margin-bottom: 10px;
}
.page-id-412 .lesPDF__uneThematique__contain__button{
background: #3e3e3e;
color: white;
}
.lesPDF__uneThematique__contain__button.actif,.lesPDF__uneThematique__contain__button:hover{
background: #ffffff;
color: #3e3e3e;
}
.page-id-412 .lesPDF__uneThematique__contain__button.actif,.page-id-412 .lesPDF__uneThematique__contain__button:hover{
background: #0f4294;
color: #ffffff;
}
div#schema__mobile a {
background: var(--couleur-blue);
text-decoration: none;
padding: 6px 17px;
border-radius: 22px;
display: inline-block;
font-family: 'co-headline';
font-weight: normal;
color: white;
}
div#schema__mobile {
text-align: center;
margin-top: 35px;
margin-bottom: 35px;
}
#featuredImg .container h1 a {
color: white;
text-decoration: none;
}
main#content section figure.wp-block-embed-youtube > div {
max-width: 820px;
margin: auto;
}
div#trombinoscope__contenu {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.trombinoscope__contenu__salarie {
min-width: 250px;
width: 20%;
margin: 0 3%;
padding-bottom: 50px;
}
.trombinoscope__contenu__salarie .trombinoscope__contenu__salarie__image  {
border-radius: 152px;
border: 8px solid #ffffff;
overflow: hidden;
width: 250px;
height: 250px;
} .trombinoscope__contenu__salarie .trombinoscope__contenu__salarie__image img {
max-width: 100%;
transition: 0.3s;
}
.trombinoscope__contenu__salarie:hover .trombinoscope__contenu__salarie__image img {
transform: scale(1.15) rotate(2deg);
}
.trombinoscope__contenu__salarie__texte {
text-align: center;
}
.trombinoscope__contenu__salarie__texte p, .trombinoscope__contenu__salarie__texte h3 {
width: 100%;
}
.trombinoscope__contenu__salarie__texte h3{
margin-bottom: 4px;
font-size: 20px;
}
.trombinoscope__contenu__salarie__texte p {
margin-bottom: 4px;
}
section#trombinoscope h2 {
margin: 70px 0 30px;
text-align: center;
font-size: 32px;
}
button.choixCen__button__dep.actif, button.choixCen__button__dep:hover {
background: #1e74ff;
}
div#choixCen__button {
text-align: center;
margin-top: 45px;
}
button.choixCen__button__dep {
background: #093f96;
color: white;
padding: 9px 22px;
border-radius: 30px;
border: 0;
margin: 0 15px;
cursor: pointer;
transition: 0.2s;
margin-bottom: 10px;
}
.choixCen__video_et_texte {
max-width: 820px;
margin: auto;
}
.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}
.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}
.choixCen__dep{
display: none;
}
.choixCen__dep.choixCen__dep_actif{
display: block;
}
#choixCen button.dlPDF {
background: var(--couleur-blue);
text-decoration: none;
padding: 6px 17px;
border-radius: 22px;
display: inline-block;
font-family: 'co-headline';
font-weight: normal;
color: white;
position: inherit;
}
#choixCen .unPdf span {
text-align: center;
margin-bottom: 20px;
color: var(--couleur-blue);
font-family: co-headline,sans-serif;
font-weight: 700;
font-style: normal;
}
#choixCen svg path {
fill: var(--couleur-blue);
}
#choixCen .unPdf p {
color: black;
font-size: 13px;
line-height: 1.3;
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
pointer-events: none;
opacity: 0.2;
}
h2.siteAmis__titre {
text-align: center;
color: var(--couleur-blue);
}
.owl-sites .item {
padding: 0 11px;
text-align: left;
}
a.siteAmis__lien {
background: var(--couleur-blue);
text-decoration: none;
padding: 6px 17px;
border-radius: 22px;
display: inline-block;
font-family: 'co-headline';
font-weight: normal;
color: white;
}
.siteAmis__description {
margin-top: 20px;
color: black;
line-height: 1.2;
}
.siteAmis__description a {
text-decoration: underline;
color: black;
font-weight: 700;
font-style: normal;
}
.owl-nav {height: 0;}
button.owl-prev {
position: absolute;
left: 25px;
top: calc(50% - 30px);
height: 50px;
width: 50px;
z-index: 1;
transition:0.2s;
}
button.owl-next {
position: absolute;
right: 25px;
top: calc(50% - 30px);
height: 50px;
width: 50px;
z-index: 1;
transition:0.2s;
}
.owl-carousel .prev-slide {
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/fleche_icon.png) no-repeat;
background-size: cover;
width: 50px;
height: 50px;
transform: rotate(180deg);
transition:0.2s;
}
.owl-carousel .next-slide {
background: url(//zones-humides-rhonalpines.org/wp-content/themes/blankslate-theme-enfant-creation-new-slang-1670411988/assets/img/fleche_icon.png) no-repeat;
background-size: cover;
width: 50px;
height: 50px;
}
body .owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
text-decoration: none;
border-radius: 99999px;
transform: scale(1.1);
}
#pageResult article {
margin-top: 25px;
}
section#pageResult form input.search-field {
width: 26%;
padding: 10px 5px;
}
section#pageResult form {
margin-bottom: 25px;
margin-top: 25px;
text-align: center;
}
section#pageResult form input.search-submit {
padding: 10px 24px;
background: transparent;
background: #0f4394;
border-color: #0f4394;
color: white;
}
#pageResult article h2.entry-title a {
color: #0f4394;
}
div.wpforms-container-full{
width:100%;
}
button#wpforms-submit-552 {
text-align: center;
margin: auto;
display: block;
background: #0f4394;
color: white;
padding: 15px 30px;
border-radius: 6px;
}
.owl-item .mejs-video {
max-width: 95%;
}
#témoignages .owl-item a{
text-decoration: none;
color: var(--couleur-blue);
}
.champ_m{
display: none;
font-size: 13px;
color: #0f4294;
font-weight: bold;
font-family: 'co-headline';
}
.page-id-546 a.wp-block-file__button.wp-element-button {
background: white;
color: #1a4493;
border: 2px solid #1a4493;
padding: 5px 10px;
font-weight: 700;
transition: .3s;
}
.page-id-546 a.wp-block-file__button.wp-element-button:hover {
background: #1a4493;
color: white;
}h3.h3More {
text-align: center;
margin-top: 80px;
}
h3.h3More a {
color: #184192;
}
@media only screen and (max-width:1199px){
div#carousel__lesConservatoires img {
width: 140px;
}
#agissons_orange h2{
font-size: 23px;
}
}
@media only screen and (max-width:991px){
.fondReglementation .container {
flex-direction: column;
align-items: center;
}
.fondReglementation .container > div {
width: 90%;
}
.fondReglementation .container h2 {
font-size: 30px;
margin-bottom: 35px;
}
section#lesQuestions:before,section#lesQuestions:after{
content: none;
}
#lesPDF .container{ 
flex-wrap: wrap;
justify-content: space-around;
flex-direction: row;
}
div#mes3Thematiques{
justify-content: space-evenly;
}
#schema__desktop{
display: none;
}
}
@media only screen and (max-width:767px){
#carousel h1{
color: white;
font-size: 30px;
line-height: 1;
white-space: nowrap;
}
#carousel h1 span{
font-size:24px;
}
#carousel h2 {
color: white;
font-size: 19px;
margin-top: 21px;
}
div#carousel__text{
transform:translateX(-50%) translateY(-100%);
}
div#carousel__lesConservatoires .container{
margin-top: 0;
}
div#carousel__lesConservatoires .container a{
width: 50%;
text-align:center
}
.col-7,.col-5{
width:100%;
}
section#mission h2{
margin-bottom: 95px;
}
section#agissons{
overflow: hidden;
}
section#agissons .col-5{
padding-left:0;
}
section#agissons .col-5:before{
width: 180%;
height: 260%;
}
#pour_les_nuls .col-5 img{
position: relative;
width:100%;
top:0;
right: 0px;
z-index: 2;
transform: unset;
}
#pour_les_nuls .col-5{
margin-bottom:85px;
}
#témoignages .col-5{
width: 350px;
max-width: 100%;
margin:auto;
margin-bottom: 55px;
}
.masqueTemoi{
top: 40px;
width: 244px;
height: 241px;
}
p.temoignages__titre{
top: 258px;
}
p.temoignages__nom{
bottom: 60px;
}
#témoignages .col-7{
padding-left: 0;
}
#agissons_orange h2{
margin-top:50px;
}
#témoignages h2{
margin: 0 auto 36px;
}
#partenaires .d_flex {flex-wrap: wrap;}
#partenaires .d_flex h2 {
margin-bottom: 30px;
}
button.partenaires__allButton__button {
margin-bottom: 20px;
margin-left: 0;
}
#joinUs .d_flex {
flex-direction: column;
} 
#footer h2 {
margin-bottom: 35px;
font-size: 25px;
margin-right: 0;
}
#joinUs .d_flex a {
margin: 0 6px;
width: 50px;
display: inline-block;
}
#joinUs .d_flex a img {
width: 100%;
}
#allPages .d_flex{
flex-wrap: wrap;
}
#allPages .d_flex > div {
width: 50%;
min-width: 240px;
}
#featuredImg .container h1 {
font-size: 27px;
max-width: 85%;
}
}
@media only screen and (max-width : 666px) {
.owl-item.active .phototheque__texte{
background: #000000;
color: white;
position: unset;
padding-bottom: 10px;
}
section#phototheque .active img {
height: auto;
}
}
@media only screen and (min-width : 667px) {
.container {
max-width: 667px;
}
}
@media only screen and (min-width : 768px) {
.container {
max-width: 768px;
}
img#carousel__template{
display: block;
}
img#carousel__template_mobile{
display: none;
}
button.partenaires__allButton__button:hover{
background: #258207;
}
}
@media only screen and (min-width : 992px) {
.container {
max-width: 992px;
}
header#header {
display: block;
}
.page-id-138 .fondReglementation .container > div:nth-of-type(3n+1) {
padding-right: 10px;
}
.page-id-138 .fondReglementation .container > div:nth-of-type(3n+2) {
padding-left: 10px;
padding-right: 10px;
}
.page-id-138 .fondReglementation .container > div:nth-of-type(3n+3) {
padding-left: 10px;
}
div#schema__desktop {
width: 74%;
display: block;
position: relative;
margin: auto;
}
div#schema__desktop img {
width: 100%;
}
div#schema__desktop a {
position: absolute;
display: inline-block;
}
a#schema__desktop__ip {
width: 32%;
height: 34%;
left: 0;
top: 0;
}
a#schema__desktop__iaj {
width: 29%;
height: 34%;
left: 33%;
top: 0;
}
a#schema__desktop__irp {
width: 36%;
height: 47%;
right: 0;
top: 0;
}
a#schema__desktop__icf {
width: 27%;
height: 35%;
left: 0;
top: 37%;
}
a#schema__desktop__ifu {
width: 28%;
height: 29%;
right: 2%;
top: 50%;
}
a#schema__desktop__if {
width: 27%;
height: 22%;
left: 0%;
top: 74%;
}
a#schema__desktop__icv {
width: 34%;
height: 20%;
right: 6%;
top: 80%;
}
a#schema__desktop__ioc {
width: 27%;
height: 17%;
left: 29%;
top: 82%;
}
p.temoignages__titre{
top: 305px;
width: 234px;
}
}
@media only screen and (min-width : 1200px) {
.container {
max-width: 1200px;
}
p.temoignages__titre{
top: 388px;
width: 234px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px){
#carousel h1 {
font-size: 50px;
line-height: 0.8;
}
#carousel h1 span {
font-size: 35px;
}
#carousel h2 {
font-size: 20px;
}
.masqueTemoi{
top: 70px;
width: 264px;
height: 221px;
}
section#agissons .col-5{
padding-right: 70px;
padding-left: 62px;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
#carousel h1 {
font-size: 50px;
line-height: 0.8;
}
#carousel h1 span {
font-size: 35px;
}
#carousel h2 {
font-size: 20px;
}
.masqueTemoi{
top: 40px;
width: 204px;
height: 191px;
}
#témoignages .col-5{
height: fit-content;
}
p.temoignages__titre{
font-size: 12px;
width: 174px;
top: 223px;
}
p.temoignages__nom{
bottom: 50px;
}
section#agissons .col-5:before{
width:140%;
height:160%;
transform: translateX(-38%) translateY(-40px);
}
section#agissons .col-5{
padding-left:52px;
}
button.partenaires__allButton__button{
margin:0 8px;
}
}@media screen and ( min-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 32px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 92px!important;
}
}
@media screen and ( max-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 46px!important;
}
body.admin-bar .mob-menu-header-banner {
top: 0px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 106px!important;
}
body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
top: 60px!important;
}
}
@media screen and ( max-width: 479px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 5%;
}
}
@media screen and ( max-width: 782px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 10%;
}
}
@media screen and ( min-width: 782px ) {
#mobmenu-footer li:hover {
background-color: ;
}
#mobmenu-footer li:hover i {
color: ;
}
}
@media only screen and (min-width:992px){
.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
display: none!important;
}
}
@media only screen and (max-width:991px) {
.mobmenur-container i {
color: #FFF;
}
.mobmenul-container i {
color: #FFF;
}
.mobmenul-container img {
max-height:  50px;
float: left;
}
.mobmenur-container img {
max-height:  50px;
float: right;
}
.mob-expand-submenu i {
font-size: 25px;
}
#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
color: #666;
}
.mob-cancel-button {
font-size: 30px!important;
} .mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
color: #ccc;
} .mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
background-color: #666;
}
.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
background-color: #666;
}
.mobmenu-content #mobmenuright li:hover  {
background-color: #666 ;
} .mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
background-color: #666;
} .mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
color: #ccc;
}
.mobmenu-content #mobmenuleft .sub-menu {
background-color: #3a3a3a ;
margin: 0;
color: #fff ;
width: 100%;
position: initial;
height: 100%;
}
.mob-menu-left-bg-holder {
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size:  cover;
-moz-background-size: cover;
background-size: cover;
}
.mob-menu-right-bg-holder { 
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size:  cover;
}
.mobmenu-content #mobmenuleft .sub-menu a {
color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu  a {
color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu .sub-menu {
background-color: inherit;
}
.mobmenu-content #mobmenuright .sub-menu {
background-color: #3a3a3a ;
margin: 0;
color: #fff ;
position: initial;
width: 100%;
}
#mobmenuleft li:hover a, #mobmenuleft li:hover i {
color: #FFF;
}
#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
color: #666 ;
}
#mobmenuright li a:hover {
color: #FFF ;
}
.mobmenul-container {
top: 10px;
margin-left: 5px;
margin-top: 0px;
height: 60px;
float: left;
}
.mobmenur-container {
top: 10px;
margin-right: 5px;
margin-top: 0px;
}
.mob-menu-logo-holder {
margin-top:   0px;
text-align:   center;
margin-left:  0;
margin-right: 0;
height:       60px;
}
.mob-menu-header-holder {
width:  100% ;
background-color: rgba(10,0,0,0.6) ;
height: 60px ;
position:fixed;
}
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
padding-top: 60px;
}
.mobmenul-container, .mobmenur-container{
position: absolute; 
}
.mobmenu-left-panel {
background-color:#F7F7F7;;
width:  270px;  
}
.mobmenu-right-panel {
background-color:#F7F7F7;		width:  270px; 
}
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
background: rgba(0,0,0,0.19);
}
.mob-menu-slideout-top .mobmenu-overlay {
display:none!important;
}
.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
-webkit-transform: translateX(270px);
-moz-transform: translateX(270px);
-ms-transform: translateX(270px);
-o-transform: translateX(270px);
transform: translateX(270px);
}
.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
-webkit-transform: translateX(-270px);
-moz-transform: translateX(-270px);
-ms-transform: translateX(-270px);
-o-transform: translateX(-270px);
transform: translateX(-270px);
}
.mob-menu-slideout-top .mobmenu-panel {
width:  100%;
height: 100%;
z-index: 1;
position: fixed;
left: 0px;
top: 0px;
max-height: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
z-index: 3000000;
}
.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
overflow: hidden;
}
.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
z-index: 3000000;
} .mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
position: fixed;
top: 0;
height: 100%;
overflow-y: auto;
overflow-x: auto;
z-index: 10000;
opacity: 1;
} .mobmenu .headertext { 
color: #FFF ;
text-decoration: none;
}
.headertext span {
position: initial;
line-height: 60px;
}
.mobmenu-search-holder {
top: 60px;
}  body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
overflow-x: hidden;
}
.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
padding-left: 10%;
padding-right: 10%;
}
.mobmenu-content li > .sub-menu li {
padding-left: calc(10*1%);
}
.mobmenu-right-panel li, .rightmbottom, .rightmtop{
padding-left: 10%;
padding-right: 10%;
}
.mobmenul-container i {
line-height: 30px;
font-size: 30px;
float: left;
}
.left-menu-icon-text {
float: left;
line-height: 30px;
color: #222;
}
.mobmenu-left-panel .mobmenu-display-name {
color: #666;
}
.right-menu-icon-text {
float: right;
line-height: 30px;
color: #222;
}
.mobmenur-container i {
line-height: 30px;
font-size: 30px;
float: right;
}
.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
display: none!important;
}
.mob-standard-logo {
display: inline-block;
height:60px!important;	}
.mob-retina-logo {
height:60px!important;	}
.mobmenu-content #mobmenuleft > li > a:hover {
background-color: #666;
}
.mobmenu-content #mobmenuright > li > a:hover {
background-color: #666;
}
.mobmenu-left-panel .mob-cancel-button {
color: #666;
}
.mobmenu-right-panel .mob-cancel-button {
color: #666;
}	
}
.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
font-family:inherit;
font-size:20px;
font-weight:inherit;
font-style:normal;
letter-spacing:normal;
text-transform:none;
}
.left-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
.right-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}