/*
Theme Name: Musée Mulhouse Sud Alsace
Theme URI: http://wigo-media.com
Author: the WigoMedia team
Author URI: http://wigo-media.com/
Description: Thème wordpress MMSA.
Version: 1.2
*/

/*#wpadminbar{display: none;}*/
html{scroll-behavior: smooth; transition: 100ms;}
body{font-family: 'Lato', sans-serif; background-color: #FFF!important;}
body.menu-active{overflow: hidden;}
h1{font-size: 48px; text-transform: uppercase; font-weight: 900;}
h2{font-size: 36px; font-weight: 900;}
h3{font-size: 24px; font-weight: 900;}
h4{font-size: 18px; font-weight: 900; line-height: 150%;}
h5{font-size: 18px; font-weight: 700;}
p, span{font-size: 15px;}
*{outline: none!important;}
iframe{max-width: 100%;}

.lead p{font-size: 1.25rem;}

.icon-circle{display: inline-block; width: 36px; height: 36px; text-align: center; line-height: 36px; color: #FFF; border-radius: 50%; font-size: 18px; margin-right: 10px;}


/*##############################*/
/*###### COLORS & BUTTONS ######*/
/*##############################*/
.text-white{color: #ffffff;}
.text-black{color: #000000;}
.text-grey{color: #4D4D4D;}
.text-dark-grey{color: #212121;}
.text-light-grey{color: #717171;}

.bg-white{background-color: #ffffff;}
.bg-grey{background-color: #4D4D4D; color:#FFF;}
.bg-dark-grey{background-color: #212121; color:#FFF;}
.bg-light-grey{background-color: #717171;}
.bg-extra-light-grey{background-color: #F6F6F6;}

.picto-white{filter: invert(87%) sepia(100%) saturate(37%) hue-rotate(310deg) brightness(109%) contrast(112%);}
.picto-grey{filter: invert(28%) sepia(12%) saturate(13%) hue-rotate(2deg) brightness(91%) contrast(86%);}

.block{position: absolute; z-index: -1}
.block-degrade-black{position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); width: 100%; height: 75%; transition: 450ms;}

.wp-block-button.butn{}
.wp-block-button.butn .wp-block-button__link{font-size: 12px; padding: 0;}
.butn{display: inline-block; padding: 15px 35px; border-radius: 50px; font-size: 12px; font-weight: 700;}
.butn i{margin-left: 15px;}
.butn.butn-arrow i{display: none;}
.butn span{font-size: 12px;}
.butn:hover{text-decoration: none;}
.butn.butn-grey, .wp-block-button__link{background-color: #4D4D4D; color: #fff;}
.butn.butn-white{background-color: #ffffff; color: #4D4D4D;}
.butn-musees{color: #fff;}


.bg-agenda-top, .agenda .bg-agenda-bottom,
.bg-info-top, .bg-info-bottom,
.bg-contact-top, .bg-contact-bottom{position: absolute; width: 100%; left: 0;}

.bg-agenda-top,
.bg-info-top,
.bg-contact-top{top: 1px; transform: translateY(-100%); z-index: -1;}

.bg-agenda-bottom,
.bg-info-bottom, 
.bg-contact-bottom{bottom: 4px; transform: translateY(100%); z-index: -1}

/*.wp-block-button__link{padding: 0; font-size: 16px; font-weight: 500;}
*/

/*####################*/
/*###### HEADER ######*/
/*####################*/
header{display: flex; justify-content: space-between; align-items: center; padding: 25px; z-index: 95; position: relative;}
header .menu-principal{overflow: hidden; position: absolute;top: 0; left: 0; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #212121; color: #ffffff; transition: 350ms; transform: translateY(-100%); z-index: 999}
body.menu-active header .menu-principal{transform: translateY(0%);}
header .menu_responsive{position: relative; display: flex; justify-content: flex-end}
header .menu_responsive, header .logo{z-index: 9999}
header .menu_responsive img{padding-left: 20px; cursor: pointer; transition: 350ms; transform-origin: center center}
header .menu_responsive i{position: absolute; right: 0; top: 16px; font-size: 25px; opacity: 0; transition: 350ms; transform: rotate(180deg) scale(0);}
body.menu-active header .menu_responsive i{opacity: 1;  transform: rotate(0deg) scale(1);}
body.menu-active header .menu_responsive img:nth-child(2){opacity: 0; transform: rotate(180deg) scale(0);}

.menu{list-style: none; padding: 0; text-align: center;}
.menu li{text-align: center; padding: 9% 0;}
.menu li a{color: #ffffff; font-size: 18px; font-weight: 900;}
.menu li i{position: absolute; padding-top: 7px;padding-left: 20px;}
.menu li .sub-menu{z-index: 33; position: absolute;top:0; left: 0; width: 100vw; height: 100vh; background-color: #212121; transform: translateX(100%); transition: 500ms; display: flex; align-items: center; justify-content: center; flex-direction: column;list-style: none; padding: 0;}
.menu li .sub-menu.active{transform: translateX(0%);}
.menu li .sub-menu i{position: sticky; padding: 7%; font-size: 18px;}
.menu li .sub-menu li:first-child{margin-top: 80px;}

header .logo{position: relative;}
header .logo .logo_white{ position: absolute; top: 0; left: 0; opacity: 0; transition: 500ms;}
body.menu-active header .logo .logo_white{opacity: 1}

body.menu-active header .search-btn{opacity: 0;}

header #searchform{margin-top: 110px; margin-bottom: 7%;}
header #searchform input[type="text"]{background-color: transparent; border: none; border-bottom: 1px solid #ffffff; color: #ffffff; font-size: 18px;}

header .lang-list{position: absolute; list-style: none; top: 15px; right: -28px;}
/*.home .lang-item{display: none;}*/
.menu .lang-item a{padding: 45px 0.3em 35px!important;}
.home .menu .lang-item a{padding: 0px 0.3em!important;}
.single-musees .menu .lang-item a{padding: 10px 0.3em!important;}
.menu .lang-item{display: inline-block;}

/*########################*/
/*###### FRONT PAGE ######*/
/*########################*/
.actualites{position: relative;}
.actualites .article{display: block; background-size: cover; background-position: center; height: 170px;position: relative;}
.actualites .article .article-infos{position: absolute; bottom: 12px; left: 0; width: 100%; z-index: 2; padding: 0 15px;}
.actualites .article .article-title{font-size: 16px; color: #FFF; font-weight: 700; line-height: 20px; display: block;}
.actualites .article .article-desc p{font-size: 13px; color: #FFF; margin-bottom: 5px; font-weight: 700; display: inline-block;}
.actualites .article .article-desc i{color: #FFF; display: inline-block;}
.actualites .block.bg-grey{top: 1px; left: 0; width: 100%; height: 800px; transform: translateY(-100%);}
.actualites .owl-carousel{z-index: 2}
.actualites .block.bg-white{bottom: -1px; left: 0; width: 100%; height: 35%; z-index: 1;}
.actualites video{opacity: 0;}

.discover{}
.discover .discover-item{display: flex; justify-content: center; flex-direction: column;}
.discover .discover-item .btn-rounded{border-radius: 50%; padding-top: 100%; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1); background-size: 85%; background-position: center; background-repeat: no-repeat;}
.discover .discover-item span{display: block; text-align: center; font-size: 10px; padding-top: 10px; }

.visit{background-image: url('img/bg-visit.svg');background-size: cover; background-position: top center; background-repeat: no-repeat;}
.select-musee a.button{width: 80%; text-align: left; height: 40px; border-radius: 50px; padding: 0 20px; outline: none; border: 1px solid #DCDCDC; display: inline-block; padding-top: 7px;}
.select-musee a.button span{font-size: 12px; display: inline-block; transform: translateY(-2px);}
.select-musee a.button i{float: right; padding-top: 3px; transition: 500ms;}
.select-musee a.button i.active{transform: rotate(180deg) translateY(-3px);}
.select-musee{position: relative; z-index: 9;}
.select-musee .list-musees{position: absolute; border-top: 0; left: 50%; transform: translateX(-50%); background-color: #fff; width: 80%; list-style: none;box-shadow: 0px 34px 30px rgba(0, 0, 0, 0.42); padding: 10px 0;}
.select-musee .item-musee a{display: flex; align-items: center; padding: 6px 15px;}
.select-musee .item-musee span{text-align: left;}
.select-musee .btn-rounded{min-width: 55px;width: 55px; height: 55px; border-radius: 50px; margin-right: 20px; display: flex; justify-content: center; align-items: center;}
.select-musee .btn-rounded img{max-width: 70%; max-height: 50%;}

.appli-sam{position: relative;}
.appli-sam img{max-width: 100%;}

.agenda{position: relative;}
.agenda .list-evenements{width: 100%; padding: 0; list-style: none;}
.agenda .list-evenements .evenement{}
.agenda .list-evenements .evenement a{border-left: 5px solid; display: flex; justify-content: space-between; align-items: center; min-height: 60px; background-color: #EBEAEA; width:100%;padding: 0 18px;}
.agenda .list-evenements .evenement:nth-child(2n) a{background-color: transparent;}
.agenda .list-evenements .evenement .info-events{display: flex; align-items: center;}
.agenda .list-evenements .evenement .info-events span{font-size: 13px;}
.agenda .list-evenements .evenement .info-events p{font-size: 13px; line-height: 135%;}
.agenda .list-evenements .evenement .info-events p{font-weight: 700;}
.agenda .list-evenements .evenement .info-events img{margin-right: 15px; max-width: 40px}
.agenda .list-evenements .evenement.no-event a{background-color: transparent;}

#museumsModal .modal-body{padding-top: 30px}
#museumsModal .close{margin-top: -10px;}
#museumsModal .close span{font-size: 32px;}

.wp-block-media-text__media img, .wp-block-media-text__media video{height: auto;}

/*############################*/
/*###### ARCHIVE MUSEES ######*/
/*############################*/
.post-type-archive-musees .list-musees{list-style: none; padding: 0;}
.post-type-archive-musees .list-musees .item-musee a{display: flex; align-items: center; padding: 20px 15px; }
.post-type-archive-musees .list-musees .item-musee a span{font-size: 18px; text-align: left;}
.post-type-archive-musees .list-musees .btn-rounded{width: 55px; height: 55px; border-radius: 50px; margin-right: 20px; display: flex; justify-content: center; align-items: center;}
.post-type-archive-musees .list-musees .btn-rounded img{max-width: 70%;}

/*###########################*/
/*###### SINGLE MUSEES ######*/
/*###########################*/
body.single-musees header,
body.single-post header{position: absolute; top:0; left: 0; width: 100%;}
#breadcrumbs{padding: 20px 0px; margin-bottom: 0;}
.single-musees .video{height: 230px;}
.header-musees{height: 360px; background-position: center; background-size: cover; position: relative; /*transition: 500ms;*/}
.sticky-head .header-musees{height: 244px;}
.header-musees .block-degrade-black{z-index: 1; height:50%}
.header-musees .musee-title{position: absolute; bottom: 28px; left: 0; z-index: 2; padding: 0 15px; }
.header-musees .block-degrade-black-top{z-index: 1; bottom: auto; top: 0;  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); height: 30%; width: 100%; transition: 450ms;}

.info-pratiques-musee{position: relative;}
.info-pratiques-musee .picto, .contact-acces .picto{text-align: right; padding-right: 0; font-size: 26px;}
.info-pratiques-musee .tarifs a, .info-pratiques-musee .brochures a{text-decoration: underline; padding-bottom: 8px; display: block;}
.info-pratiques-musee .horaires, .info-pratiques-musee .tarifs{margin-bottom: 30px}
.info-pratiques-musee .horaires p, .info-pratiques-musee .tarifs p{margin-bottom: 2px;}
.info-pratiques-musee .complement-musees a{text-decoration: none;}
.tarifs a i,.brochures a i{display: none;}

.agenda-musee{}
.agenda-musee .evenement{}
.agenda-musee .evenement .picto{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.agenda-musee .evenement .picto span{ font-size: 11px;}
.agenda-musee .evenement .picto i{ font-size: 26px; }
.agenda-musee .evenement .evenement-title{text-decoration: underline;}
.agenda-musee .evenement.no-event .evenement-title{text-decoration: none;}
.agenda-musee .evenement:nth-child(2n){background-color: transparent;}

.owl-musee-img{}
.owl-musee-img .item{height: 220px; background-size: cover; background-position: center;}

.contact-acces{position: relative;}
.contact-acces .picto{align-items: center;}
.contact-acces .carte{position: relative;}
.contact-acces .carte .mask{position: absolute; bottom: 0; left: 0; width: 100%;}

.single-musees .owl-nav{display: none;}

.img-musees.bg-extra-light-grey{background-color: transparent;}

.social-media-museum{list-style: none; padding: 0; display: flex;}
.social-media-museum li{margin-right: 20px; transition: 250ms ease;}
.social-media-museum li:hover{transform: scale(1.2);}

/*#######################*/
/*###### PAGE TYPE ######*/
/*#######################*/
.header-index{position: relative;}
.header-index .block{width: 100%; height: 300px; top: 5px; left: 0; transform: translateY(-100%);}
.content{position: relative; width: 100%;}
.content .bg-page-type{position: absolute; top: -4px; left: 0; width: 100%; z-index: -1}
.content{background-position: center; background-repeat: no-repeat; background-size: contain;}

/*#################################*/
/*###### PAGE TELECHARGEMENT ######*/
/*#################################*/
.list-brochures{list-style: none; padding: 0px;}
.list-brochures .brochure a{border-left: 5px solid; display: flex;justify-content: space-between;align-items: center;min-height: 60px; background-color: #EBEAEA; width: 100%; padding: 0 18px;}
.list-brochures .brochure:nth-child(2n-1) a{background-color: transparent;}
.list-brochures .brochure a .info-brochure{display: flex;align-items: center;}
.list-brochures .brochure a .picto-info-brochure{min-width: 65px; display: flex;justify-content: center;}
.list-brochures .brochure a .picto-info-brochure img{max-width: 40px; margin-right: 15px;}
.list-brochures .brochure a .info-brochure p{font-weight: 700; line-height: 135%;}
.list-brochures .brochure a .info-brochure p span{font-weight: initial;}

/*##########################*/
/*###### PAST EDITION ######*/
/*##########################*/
.past-edition{}
.past-edition-item{max-height: 350px;display: flex;justify-content: center;align-items: center;}

/*#########################*/
/*###### PAGE AGENDA ######*/
/*#########################*/
.page-template-template-agenda{}
.page-template-template-agenda .list-evenements a{background-color: #EBEAEA; display: flex; justify-content: space-between; align-items: center; min-height: 60px;padding: 13px 0px; border-left: 5px solid;}
.page-template-template-agenda .list-evenements a:nth-child(2n){background-color: transparent;}
.page-template-template-agenda .evenement-title{text-decoration: underline;}
.page-template-template-agenda .musee-title, 
.page-template-template-agenda .evenement-title{font-weight: bold;}
.page-template-template-agenda .btn-rounded{text-align: center;}
.page-template-template-agenda .btn-rounded img{max-width: 55px; max-height: 45px;}
.page-template-template-agenda .list-evenements a span{font-size: 13px; display: inline-block; line-height: 135%;}


.page-template-template-telechargement .picto-musee{ width: 60px; height: 60px; border-radius: 30px; display: flex; justify-content: center;align-items: center; }
.card{background-color: #FFF; border: none; border-top: 1px solid #000;}
.card:first-child {border: none;}
.card:last-child {border-bottom: 1px solid #000;}
.card a.btn-link{width: 100%; text-align: left;}

/*####################*/
/*###### FOOTER ######*/
/*####################*/
footer{margin-bottom: 60px;}
footer span, footer a{font-size: 11px;}
footer .sub-footer a{color: #FFF; text-decoration: underline; transition: 350ms;}
footer .sub-footer a:hover{color: #FFF; opacity: 0.5}

.before-footer{padding: 12% 15px 4% 15px!important}
.before-footer .reseaux{list-style: none;padding: 0; display: flex; justify-content: center; align-items: center; width: 100%;}
.before-footer .reseaux li{padding: 0 25px; font-size: 32px;}
.before-footer .reseaux li a{}

.menu-tools{background: #FDFCFA;box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15); position: fixed; height: 60px; width: 100%; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-around; transition: 500ms; transform: translateY(100%); z-index: 9999}
.menu-tools .tool{display: flex; flex-direction: column; justify-content: center; height: 100%; align-items: center;}
.menu-tools .tool span{font-size: 11px; padding-top: 2px;}
.menu-tools .tool div{min-height: 29px; display: flex; align-items: center; justify-content: center;}
.menu-tools.active{transform: translateY(0%);}

/*##############################*/
/*###### THANK YOU BUTTON ######*/
/*##############################*/
.thank-you-fixed .thanks_button_div{position: fixed; z-index: 9999; bottom: 20px; right: 5px; transition: 500ms;}
.thank-you-fixed .thanks_button_div.active{bottom: 70px;}
.thank-you-fixed .thanks_button_div div:first-child{background-image: none!important;}
.thank-you-fixed .thanks_button_div input{color: transparent!important; background-image: url('img/aplaud.svg')!important; background-position: center!important; background-size: contain!important; background-repeat: no-repeat!important;}
.thank-you-fixed .thanks_button_div div:last-child{display: none!important;}
.thank-you-fixed .thanks_large{width: 65px;height: 65px;}

.header-musees .thanks_button_div{position: absolute; z-index: 1; bottom: -55px; right: 20px; background-color: #FFF; border-radius: 35px; min-height:55px; padding: 3px 15px 0;}
.header-musees .thanks_button_div div:first-child{ background-image: none!important;}
.header-musees .thanks_button_div input{width: auto!important; color: #000!important; background: transparent; border: 0}
.header-musees .thanks_button_div:before{content:""; display: inline-block; background-image: url('img/aplaud-white.svg')!important; height: 20px; width: 20px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: 10px; transform: translateX(5px);}
.header-musees .thanks_button_div div:last-child{display: none!important;}

/*#########################*/
/*###### BREADCRUMBS ######*/
/*#########################*/
#breadcrumbs{}
#breadcrumbs a{text-decoration: underline;}
#breadcrumbs a,#breadcrumbs span{color: #000; font-size: 13px;}
#breadcrumbs .breadcrumb_last{font-weight: 800}

.appli-sam-img{overflow: hidden; max-height: 290px}
.mtest{position: relative; transform: rotate(11deg) scale(.5) translateX(-7%) translateY(-12%); width: max-content;display: inline-block;transform-origin: top left; transition: 500ms}
.mtest img{z-index: 1}
.test{position: absolute; width: 200px; height: 400px; left: 120px; top: 73px; background-color: #fff; z-index: -1; overflow: hidden;}
.test img{width: 100%; animation-duration: 10s; animation-iteration-count: infinite; animation-name: test;}

/*#########################*/
/*####### MENU SHOP #######*/
/*#########################*/
.menu-shop{list-style: none; padding: 0; margin: 0}
.menu-shop li{padding: 0; margin: 0;}
.menu-shop li a {display: inline-block; width: 100%; padding: 10px 0 10px 10px; border-bottom: 1px solid #DDD; color:#333}
.menu-shop li a {}



@keyframes test {
	0%{
		transform: translateY(0%);
	}

	30%{
		transform: translateY(0%);
	}

	50%{
		transform: translateY(-30%);
	}

	70%{
		transform: translateY(-50%);
	}

	100%{
		transform: translateY(0%);
	}


}
/*#########################*/
/*###### WOOCOMMERCE ######*/
/*#########################*/
.summary .price span{font-size: 32px;}
.woocommerce-loop-product__title{color: #4D4D4D;}
.woocommerce ul.products li.product a img,
.woocommerce-product-gallery .flex-viewport{border: 1px solid #CCC}


.signature{}
.signature img{width: 75px;}

.gform_wrapper .button{background-color: #4D4D4D;color: #fff;padding: 15px 35px;border-radius: 50px;font-size: 12px;font-weight: 700;}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{margin-top: 0!important;}

.sur-title{font-size: 18px; text-transform: uppercase; margin-bottom: 1px;}

.past-edition a{height: 400px; display: block; transition: 450ms;}
.past-edition a:hover{transform: scale(1.05);}
.past-edition .sub-info{opacity: 0; position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.75); font-size: 24px; color: #FFF; transition: 450ms; font-weight: 900; text-align: center;}
.past-edition a:hover .sub-info{opacity: 1}
.past-edition a img{height: 100%; width: auto;}


.ndm-galerie .item a{display: block; height: 200px; width: 100%; background-size: cover; background-position: center;}

.ndm-past-image{padding-bottom: 40px}
.ndm-past-image img {box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25); }

.woocommerce form .form-row label{display: block; width: 100%;}
#customer_details .col-1, #customer_details .col-2{min-width: 100%;}
#customer_details .woocommerce-input-wrapper{width: 100%;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{min-height: 40px; border: 1px solid #CCC;}

.trombinoscope-item{display: flex; justify-content: center; align-items: center; flex-direction: column; cursor: pointer; transition: 450ms;}
.trombinoscope-item:hover{transform: scale(1.05);}
.trombinoscope-item p{font-size: 18px; font-weight: 800; min-height: 62px; display: flex; justify-content: center; align-items: center; margin-bottom: 5px}
.trombinoscope-item span{min-height: 54px;}
.page-template-template-trombinoscope .close{position: absolute; right: 15px; top: 15px;}
.page-template-template-trombinoscope .close span{font-size: 28px}
.page-template-template-trombinoscope .modal-content ul{list-style: none; padding-left: 0;}
.page-template-template-trombinoscope .modal-content ul li i{ padding: 0 10px; }

.text-number p, .number-list p{font-size: 64px!important; font-weight: 800; text-align: center;}
.text-number p span, .number-list p span{display: block; padding-top: 35px; text-align: center; font-size: 18px; font-weight: 500;}
.number-list {list-style: none; display: flex; justify-content: space-around; width: 100%; flex-wrap: wrap;}

footer .footer-partners{list-style: none; padding: 0; margin: 0; width: 100%;}
footer .footer-partners .partner-item{width: calc(96% / 4); display: inline-block; padding: 4% 4%; transition: 350ms;}
footer .footer-partners .partner-item:hover{transform: scale(1.05);}
footer .footer-partners .partner-item a{width: 100%; display: block;}
footer .footer-partners .partner-item a img{max-width: 100%;}

.woocommerce-shipping-methods li p:last-child {display: none;}
.woocommerce-shipping-methods li label{display:block!important; border-bottom: 1px solid grey}

/* Crowsfounding */
.wpneo-wrapper{background-image: url(https://musees-mulhouse.fr/wp-content/themes/MMSA/img/bg-page-type.svg); background-repeat: no-repeat; background-position: top center; background-size: 100%;}
.wpneocf-container{padding-top: 3rem;}
.wpneocf-container .related.products{display: none;}
.wpneocf-container, .wpneo-container{font-family: 'Lato', sans-serif; color: #4D4D4D;}
.wpneocf-container .wpneo-campaign-creator-info-wrapper,.wpneocf-container .wpneo-author-info,.wpneo-container .wpneo-author{display: none;}
.wpneocf-container .woocommerce .woocommerce-product-gallery,
.wpneocf-container .woocommerce .summary{display: none;}
.wpneocf-container .tab-description > h2{display: none;}
.wpneocf-container strong{font-weight: 700;}
.wpneo-tabs-menu li a, .select_rewards_button{text-transform: none;}
.wpneocf-container .tab-rewards-wrapper{padding-left: 0; padding-right: 0;}
.wpneocf-container .woocommerce-tabs{padding-right: 3rem;}
.wpneocf-container h3 span{font-size: inherit;}
.wpneocf-container button{border-radius: 50px;}
.wpneocf-container .tabs.wc-tabs{display: none;}
.wpneocf-container .woocommerce-Tabs-panel--description > h2:first-child{padding-bottom: .8rem;}
.wpneocf-container .wpneo-raised-percent .wpneo-meta-name, .wpneo-raised-percent .wpneo-meta-desc{padding-left: 0;}
.wpneocf-container .tab-rewards-wrapper h4,
.wpneocf-container .tab-rewards-wrapper h4 ~ div{font-size: 15px;}
.wpneocf-container .wpneo-raised-percent{font-size: 18px; padding-bottom: 1rem;}
.backed_user_table tr th:first-child, .backed_user_table tr td:first-child,
.backed_user_table tr th:nth-child(3), .backed_user_table tr td:nth-child(3){display: none;}
.wpneocf-container .social-container{padding-left: 1.5rem; width: 50%; margin-left: auto; display: block;}
.wpneocf-container .social-container div{display: inline-block;}
.wpneo-crowdfunding-update li h4{font-size: 14px; opacity: 0.6;}
.wpneo-crowdfunding-update .wpneo-crowdfunding-update-title{font-weight: 800;}
.campaign_update_wrapper{padding-top: 1.5rem;}
.wpcf_predefined_pledge_amount li a{transition: 150ms ease; border-color: #eee!important; color: #666!important; background-color: white;}
.wpcf_predefined_pledge_amount li a:hover{background-color: black; color: white!important; text-decoration: none; border-color: black!important;}
.woocommerce div.product div.images .flex-control-thumbs li{padding: 1%; width: calc(100% / 5);}
.wpneo-listings .wpneo-listing-content h4 a{text-transform: initial;}
.wpneo-single-short-description p:last-child{margin-bottom: .5rem;}
.campaign-funding-info bdi,.campaign-funding-info bdi span, .campaign-funding-info li p{font-size: 1.25rem;}
.table thead th{border-bottom: 0;}
.wpneocf-container .wpcf_predefined_pledge_amount{margin-left: 0; margin-bottom: 1rem;}
.wpneo-icon.wpneo-icon-location{background-position: -396px -22px;}
ul.wpcf_predefined_pledge_amount li{margin-right: 5px;}
.tab-rewards-submit-form-style1{margin-top: 0;}
.wpneo-campaign-title{font-size: 38px!important;text-transform: uppercase; line-height: 130%!important; font-weight: 900;}
.campaign-funding-info ul li:last-child{display: none;}
.mark_name_anonymous_wrap{margin-bottom: 0; margin-top: 1rem;}
.wpneo-single-sidebar form.cart{margin-bottom: 1rem!important;}

.woocommerce div.product div.images .flex-control-thumbs{display: flex; flex-wrap: wrap;}

.overlay.until-date span{color: white;}

.woocommerce-product-gallery__image a{display: block; position: relative; z-index: 1;}
.woocommerce-product-gallery__trigger{display: none;}
.pswp{display: none!important;}

.woocommerce-Tabs-panel--description ul{list-style: initial;padding: 0 0 0 30px; font-size: 15px;}
.woocommerce-Tabs-panel--description ul li{margin-bottom: 3px;}

.social-container{}

.wpneo-tabs-menu li{padding: 0}
.wpneo-tabs-menu li a{padding: 30px; display: block;}

.tab-rewards-wrapper .woocommerce-Price-amount{padding-right: 5px;}
#neo-progressbar{background-color: #e3e3e3;}
.flex-viewport{/*height: auto!important;*/}
.woocommerce-checkout-review-order-table h4{ font-size: 1rem; }

.wpneo-container .wpneo-short-description{display: none;}
.wpneo-container .wpneo-location{padding-top: 0;}
.wpneo-raised-bar{margin: 0;}
.wpneo-listings .wpneo-listing-content h4{padding-bottom: 0; padding-top: 1rem;}
.wpneo-listing-img img{height: 230px; object-fit: cover; object-position: center;}
.wpneo-container .wpneo-funding-data .wpneo-meta-name{line-height: 125%;}
.wpneo-container .wpneo-icon{width: 15px;}

body.financement .shop_table tfoot tr:not(.cart-subtotal):not(.order-total),
body.financement #customer_details .woocommerce-shipping-fields{display: none;}

#wc-stripe-cc-form .form-row{padding: 0!important;}
label{ width: 100%; }

@media (max-width: 992px) {
	.wpneo-campaign-summary{padding-left: 0;}
	.wpneo-single-sidebar .cart .wpneo_donate_button{margin-left: 0; margin-top: 1rem; display: block;}
	.wpneo-campaign-single-left-info, .woocommerce div.product div.images{margin-bottom: 0;}
	.wpneocf-container .woocommerce-tabs{padding-right: 0;}
	.tab-campaign-story-left, .tab-campaign-story-right{padding: 20px 0;}
}
/*########################*/
/*###### RESPONSIVE ######*/
/*########################*/

/*Tablette*/
@media (min-width: 768px) {
	.content{background-image: none!important;}
	.past-edition-item{max-height: 290px;}
}

/*Ordi*/
@media (min-width: 992px) {
	.text-black .menu li a, .archive .menu li a{color: black;}
	.text-black .menu .sub-menu li a, .archive .menu .sub-menu li a{color: white;}
	.home .menu-menu_principal_en-container,
	.home .menu-menu_principal_de-container{width: 100%;}

	.trombinoscope-item p{font-size: 18px!important;}
	#customer_details .col-1, #customer_details .col-2{min-width: 50%;}
	#order_review_heading{padding-top: 40px}
	h4{font-size: 24px;}
	.wp-block-button.butn .wp-block-button__link{font-size: 14px;}
	.butn i{margin-left: 12px; transform: translateX(-20px); opacity: 0; transition: 300ms; display: inline-block!important;}
	.butn span{display: inline-block; transform: translateX(11px); transition: 300ms;font-size: 14px;}
	.butn:hover i{transform: translateX(0); opacity: 1;}
	.butn:hover span{transform: translateX(0); }
	.butn.butn-musees:hover span, .butn.butn-musees:hover i{color: #FFF;}

	header{padding: 22px 25px 28px 25px; transition: 450ms;}
	header .container{}
	header .menu-principal.text-black #menu-menu_principal>li>a{color: #000;}
	header .logo{display: flex; justify-content: center; align-items: center;}
	header .logo img{min-width: 100%; max-height: 75px; transition: 500ms;}
	header .menu_responsive{display: none;}
	header .menu-principal{position: static;width: auto; height: auto;transform: translateY(0%); background-color: transparent; overflow: visible; justify-content: flex-start;padding-top: 5px; transition: 500ms; align-items: flex-end;}
	header #searchform{margin: 0; display: none;}
	.menu{margin-bottom: 0;font-size: 0;}
	.menu li{display: inline-block; padding: 0%; position: relative; transition: 450ms;}
	.menu li a{font-size: 14px; font-weight: bold; min-height: 65px;display: flex;align-items: center; padding: 10px 1.258em; text-transform: uppercase;}
	.menu li a:hover{text-decoration: none;}
	.menu li:hover{background-color: #ccc;}
	.menu li .sub-menu{min-width: 100%; height: auto;transform: translateX(0%); display: none;top: 100%; width: max-content;}
	.menu li:hover .sub-menu{display: block;}
	.menu li i{position: static; padding-left: 8px;}
	.menu li .sub-menu li{display: block; padding: 0;}
	.menu li .sub-menu li a{padding: 23px 15px 15px; display: block; transition: 500ms; border: none;}
	.menu li .sub-menu li a:hover{background-color: #ccc; text-decoration: none;}
	.menu li .sub-menu li:first-child{margin-top: 0px;}
	header .row{justify-content: center;}
	header .logo-head-desktop{display: flex; align-items: center; justify-content: center;}
	.home .menu-principal{display: none!important;}

	/*°-- Header page par default --°*/
	.page header,
	.archive header,
	.product-template-default header,
	.single-post header,
	.woocommerce-page header{background-color: #FFF; padding: 0 25px; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);}

	.page .menu li a,
	.archive .menu li a,
	.product-template-default .menu li a,
	.single-post .menu li a,
	.woocommerce-page .menu li a{padding: 45px .45em 35px; border-bottom: 5px solid transparent; font-size: 11px;}

	.page header .menu-principal,
	.archive header .menu-principal,
	.product-template-default header .menu-principal,
	.single-post header .menu-principal,
	.woocommerce-page header .menu-principal{padding-top: 0px;}

	.single-musees .menu li a{font-size: 11px; padding: 10px .45em;}

	.single-musees .video{height: 300px;}

	.page-template-default .menu-menu_principal-container, 
	.page-template-default #menu-menu_principal,
	.page-template-default #menu-menu_principal li,
	.single-product #menu-menu_principal li,
	.page #menu-menu_principal li a{height: 100%;}

	.page .current-menu-ancestor a,.page .current-menu-item a,
	.single-post .current-menu-ancestor a, .single-post .current-menu-item a,
	.archive .current-menu-ancestor a,.archive .current-menu-item a{border-color: #000!important;}

	/*°-- Header page d'accueil --°*/
	.home header{z-index: 1; background-color: transparent; box-shadow: none;}
	.home .menu-principal{display: none;}
	.home header .logo img{min-width: 100%; max-height: 100px;}
	.home .menu-menu_principal-container, 
	.home #menu-menu_principal,
	.home #menu-menu_principal li,
	.home #menu-menu_principal li a{height: auto;}
	.home .menu li a{padding: 0px 1.258em; border: none;}
	.home  header{padding: 22px 25px 28px 25px;}

	/*°-- Header desktop page d'accueil --°*/
	.head-desktop{position: relative;}
	.head-desktop video{position: absolute; width: 100%; z-index: -1; bottom: 1px;}
	.head-musee-search{height: 400px;padding-top: 8%;}
	.head-desktop .grey-filter{width: 100%; position: absolute; height: 140%; background-color: #272727; opacity: .6; bottom: 0;}
	.menu-desktop-home{position: relative; z-index: 1;}
	.ralonge-x{width: 100%; position: absolute; height: 66px; bottom: 0;}


	.sticky-head .header-musees{position: fixed; top: -250px; height: 500px; width: 100%}
	.sticky-head header{position: fixed!important; top: 0; z-index: 999; height: 105px; padding: 0; width: 100%;}
	.sticky-head.musees-template-default header{position: fixed!important; top: 0; z-index: 9999; height: 0; padding: 0; width: 100%; transform: translateY(55px);}
	.sticky-head .header-musees .block-degrade-black{height: 230%;}
	.sticky-head header .logo{max-width: 13%;}
	/*.sticky-head header .logo img{min-width: 20%;}*/
	.header-musees .musee-title h1{transform-origin:left bottom;}
	.sticky-head .header-musees .musee-title h1{transform: scale(0.85) translateY(20px); transform-origin:left bottom;}
	.sticky-head .menu-principal{max-width: 87%; padding-top: 0px; display: flex;justify-content: center;}
	.home.sticky-head header{position: static!important; height: auto}
	.home.sticky-head header .logo{max-width: auto;}
	.home.sticky-head header .logo img{/*min-width: auto;*/}

	.actualites.bg-grey{background-color: transparent;}
	.actualites .article{height: 265px;}
	.actualites .article .article-infos{bottom: 25px; padding: 0 30px;}
	.actualites .article .article-title{font-size: 18px;}
	.actualites .article:hover .block-degrade-black{height: 200%}

	.discover .discover-item a{transition: 400ms;}
	.discover .discover-item:hover a{transform: scale(1.1);}
	.discover .discover-item .btn-rounded{width: 35%; padding-top: 35%; display: inline-block; background-size: 70%; transition: 400ms}
	.discover .discover-item:hover .btn-rounded{}
	.discover .discover-item span{font-size: 18px;}
	.discover .discover-item a{text-align: center;}
	.discover .discover-item a:hover{text-decoration: none;}

	.visit{background-image: url('img/bg-visit-ordi.svg'); background-repeat: repeat-x; background-size: contain;}
	.select-musee a.button{height: 60px; width: 50%; padding-top: 17px;}
	.select-musee a.button span{font-size: 15px}
	.select-musee .list-musees{width: 50%; columns: 2;}
	.select-musee .select-musee-butn{cursor: pointer;}
	.select-musee .item-musee span{font-size: 16px;}

	.select-musee .item-musee a{text-decoration: none;}
	.select-musee .dropdown-toggle{cursor: pointer}
	.select-musee .dropdown-item{width: auto; padding: 0; clear: none; white-space: normal;}
	.select-musee .dropdown-toggle::after{float:right;margin-top: 10px;margin-right: 10px;}

	.list-brochures .brochure a{padding: 10px 18px; min-height: 85px; transition: 450ms; cursor: pointer;}
	.list-brochures .brochure a .picto-info-brochure img{margin-right: 25px;}
	.list-brochures .brochure a .info-brochure p{font-size: 18px;}
	.list-brochures .brochure a i{padding: 0 35px;}
	.list-brochures .brochure a:hover{text-decoration: none;transform: scale(1.04);box-shadow: 0px 11px 14px rgba(0, 0, 0, 0.10);}

	.appli-sam{padding-bottom: 14%!important;}
	.mtest{transform: rotate(11deg) scale(.9) translateY(2%);transform-origin: top right;}
	.appli-sam img{transition: 450ms;}
	.appli-sam-title{}
	.appli-sam-desc p{font-size: 18px; padding: 35px 0px;}
	.appli-sam-img{position: absolute; right: 70px; top: 0; max-height: none;}
	/*.appli-sam-img .mtest:hover {transform: rotate(0deg) scale(.9) translateY(-6%);}*/
	.page-template-template-agenda .evenement{transition: 450ms;}
    .page-template-template-agenda .evenement:hover{text-decoration: none;transform: scale(1.04);box-shadow: 0px 11px 14px rgba(0, 0, 0, 0.10);}
	.contact-acces{display: flex;}
	.contact-acces .carte .mask{display: none;}
	.owl-musee-img .item{height: 170px;}

	.header-musees .thanks_button_div{border-radius: 27px; bottom: -75px; min-height: 85px; transition: 250ms;}
	.header-musees .thanks_button_div:hover{bottom: -70px;}

	.past-edition-item{max-height: 350px;}

	.list-evenements, 
	.list-evenements .container{display: flex; flex-direction: column; align-items: center;}
	.evenement{width: 83%;}
	.evenement a{padding: 16px 18px; transition: 450ms;}
	.agenda .list-evenements .evenement.no-event a{justify-content: center;}
	.agenda .list-evenements .evenement .info-events p{font-size: 18px;}
	.agenda .list-evenements .evenement .info-events img{margin-right: 25px;}
	.agenda .list-evenements .evenement a i{padding: 0 35px;}
	.evenement a:hover{text-decoration: none; transform: scale(1.04);box-shadow: 0px 11px 14px rgba(0, 0, 0, 0.10); }
	.agenda-musee .evenement{background-color: #EBEAEA; min-height: 85px; transition: 450ms;}
	.agenda-musee .evenement .col-lg-10{justify-content: center; display: flex; flex-direction: column;}
	.agenda-musee .evenement:hover{text-decoration: none;transform: scale(1.04);box-shadow: 0px 11px 14px rgba(0, 0, 0, 0.10);}
	.img-musees.bg-extra-light-grey{background-color: #F6F6F6;}
	.evenement.no-event:hover{transform: none!important; box-shadow: none!important;}

	.page-template-template-agenda .evenement{border-left: 5px solid;}

	.menu-tools{display: none;}
	footer{margin-bottom: 0;}
	.ndm-past-image{padding-bottom: 0;}

	.post-type-archive-musees .list-musees .item-musee a{padding: 20px 0;}
	.post-type-archive-musees .list-musees .btn-rounded{min-width: 70px; min-height: 70px;}

	body.page, body.archive, body.single-post, body.single-product{padding-top:110px;}
	body.page header, body.archive header, body.single-post header, body.single-product header{position: absolute; width: 100%; top: 0; left: 0;}
	body.home{padding-top: 0;}
	body.home header{position: static;}

	body.single-musees{padding-top:500px;}
	body.single-musees header{position: fixed; z-index: 9999}
	.header-musees{display: flex; align-items: flex-end; padding-bottom: 30px; height: 500px; overflow: hidden; position: absolute; width: 100%; top:0; z-index: 9998}
	/*.header-musees.active{height: 300px;}*/
	.header-musees .musee-title{position: static;}
	.header-musees .musee-title h1{font-size: 64px; padding-right: 30%; transition: 450ms;}
	.header-musees .block-degrade-black-top{background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);height: 40%;}
	.info-pratiques-musee .horaires p, .info-pratiques-musee .tarifs p, .info-pratiques-musee .tarifs a, .info-pratiques-musee .brochures a{font-size: 18px}
	.page-template-template-agenda .list-evenements a{padding: 21px 0px;}

	.description-musee p, 
	.contact-acces span,
	.contact-acces a,
	.agenda-musee .evenement .evenement-title,
	.page-template-template-agenda .list-evenements a span{font-size: 18px;}

	.agenda .list-evenements .evenement .info-events span{font-size: 18px;}
	.agenda .list-evenements .evenement a{padding: 10px 18px;}
	.agenda .list-evenements .evenement .picto-info-events{min-width: 65px; display: flex;justify-content: center;}

	section.content{background-image: none!important;}
	#breadcrumbs a, #breadcrumbs span, .contact-acces .butn span, .contact-acces .butn i{font-size: 15px;}

	.info-pratiques-musee .horaires, .info-pratiques-musee .tarifs{margin-bottom: 0;}
	.contact-acces .carte{display: flex; align-items: center;}

	.single-musees .before-footer{padding: 10% 0 3%!important;}
	.tarifs a i,.brochures a i{display: inline-block;text-decoration: none; padding-left: 10px; transform: translateX(-20px); opacity: 0; transition: 250ms;}
	.tarifs a:hover i,.brochures a:hover i{transform: translateX(0px); opacity: 1;}
	.tarifs a:hover,.brochures a:hover{color: #4D4D4D;}

	.owl-carousel .owl-nav i{font-size: 32px; color: #717171}
	.owl-carousel .owl-nav button{position: absolute; top: 38%;}
	.owl-carousel .owl-nav button.owl-prev{left: -5%}
	.owl-carousel .owl-nav button.owl-next{right: -5%}
	.single-musees .owl-nav{display: block;}
	.thank-you-fixed{display: none;}
	.info-pratiques-musee.bg-extra-light-grey{background-color: transparent;}

	footer{margin-top: 100px}
	footer .list-musees ul{list-style: none; columns: 2;}
	footer .list-musees ul a{font-size: 15px;}
	footer .list-musees ul li{padding-bottom: 10px;}
	footer .list-musees img{max-width: 20px; max-height: 20px;}
	footer .list-musees div{width: 30px;display: inline-block; text-align: center;}
	footer .footer-title{border-bottom: 1px solid rgba(255,255,255,.8);}
	footer .reseaux{list-style: none; padding: 0; display: flex;}
	footer .reseaux a{margin-right: 25px; font-size: 28px; transition: 450ms; display: block;}
	footer .reseaux a:hover{transform: scale(1.05);}

	footer .footer-partners{list-style: none; padding: 0; margin: 0; width: 100%;}
	footer .footer-partners .partner-item{width: calc(97% / 3); display: inline-block; padding: 4% 4%; transition: 350ms;}
	footer .footer-partners .partner-item:hover{transform: scale(1.05);}
	footer .footer-partners .partner-item a{width: 100%; display: block;}
	footer .footer-partners .partner-item a img{max-width: 100%;}

	/*.wp-block-image{float: left;max-width: 40%;clear: both;margin-right: 7%;}*/
	.page-id-103 .wp-block-image{float: none; max-width: none; clear: none; margin-right: 0;}

	.page-template-default p, .page-template-template-composer p , .page-template-template-pastedition p, .page-template-template-pasteditionitem p{font-size: 18px; line-height: 34px;}
	.page-id-103 p, .home p{font-size: 15px; line-height: 26px;}

	.modal-backdrop{z-index: 1000!important;}
	.modal-content .list-musees{width: auto; position: static; transform: none; box-shadow: none;}
	.modal-content .item-musee a{padding: 15px 0px; font-size: 17px; transition: 450ms;}

	.modal-content .item-musee{transition: 450ms;}
	.modal-content .item-musee:hover{transform: scale(1.1);}

	.home .modal-backdrop{z-index: 8!important}
	.home header .logo{z-index: 7!important}

}

@media (min-width: 1200px) {
	.menu li a{padding: 10px 1.258em;}
	.appli-sam{padding-bottom: 9%!important; margin-top: 3%!important;}
	.appli-sam img{}
	.woocommerce-page .menu li a, .page .menu li a, .archive .menu li a, .product-template-default .menu li a, .single-post .menu li a{padding: 45px .30em 35px; font-size: 13px;}
	.home .menu li a{padding: 0px 1.258em; border: none;}
	.single-musees .menu li a,{font-size: 13px; padding: 10px .64em;}
}

@media (min-width: 1336px){
	.woocommerce-page .menu li a, .page .menu li a, .archive .menu li a, .product-template-default .menu li a, .single-post .menu li a{padding: 45px .9em 35px}
	.home .menu li a{padding: 0px 1.258em; border: none;}
	.single-musees .menu li a{font-size: 13px; padding: 10px 1.258em;}
}
@media (min-width: 1450px){
	.woocommerce-page .menu li a, .page .menu li a, .archive .menu li a, .product-template-default .menu li a, .single-post .menu li a{padding: 45px 1.258em 35px}
	.home .menu li a{padding: 0px 1.258em; border: none;}
}

img[alt='ajax']{display: none!important;}

.anim-aplaud{position: absolute; animation-name: bouger; opacity: 0; animation-duration: 2s}
@keyframes bouger{
	from{
		opacity: 1
	}
	to{
		opacity: 0;
	}
}


/* STRIPE PAYMENT */
.woocommerce-checkout #payment ul.payment_methods .stripe-card-group{
	width: 100%;
}
.wc-stripe-elements-field, .wc-stripe-iban-element-field{
	width: 100%;
}


/* ## Masquez le btn pour achter des produits ## */
/*.add_to_cart_button,
.single-product .cart,
.single-product .stock.in-stock{display: none!important;}
.single-product .price{position: relative;}
.single-product .price:after{content: "Les commandes sont temporairement indisponibles."; font-size: 15px; display: block; padding: 10px 18px; margin-top: 18px; border-radius: .25rem; color: #004085;background-color: #cce5ff; border: 1px solid #b8daff;}
.products .price:after{display: none;}
*/

/* 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-block-image img{border:0 none;height:auto;margin:0;max-width:100%;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}