/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.1.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
/* Utils */
.text-center {text-align: center;}
.clearfix::after {display: block; clear: both; content: "";}
.embed-responsive {position: relative; display: block; height: 0; padding: 0; overflow: hidden;}
.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;}
.col {float: left; text-align:left; padding:15px;}
.text-pdts {font-style: italic; color: #3ec9c3;}
h2.woocommerce-loop-product__title {height: 60px;}
.products img {border: 1px solid; margin: 0 auto 1em !important;}
@media (min-width: 768px) {
	.col-10 {width:10%;}
	.col-20 {width:20%;}
	.col-25 {width:25%;}
	.col-30 {width:30%;}
	.col-40 {width:40%;}
	.col-50 {width:50%;}
	.col-60 {width:60%;}
	.col-70 {width:70%;}
	.col-80 {width:80%;}
	.col-90 {width:90%;}
	.col-100 {width:100%;}
	.mobi {display:none;}
	.desk {display:block;}
}
@media (max-width: 767px) {
	.col-10, .col-20, .col-25, .col-30, .col-40, .col-50, .col-60, .col-70, .col-80, .col-90, .col-100 {width:100%;}
	.mobi {display:block; margin-bottom:10px;}
	.desk {display:none;}
	.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover {color:#fff !important;}
}

 /* Surcharges */
h1 {color: #3ec9c3; font-weight: 400; text-shadow: 1px 1px #333333;}
h3.titre-vert {color: #3ec9c3; font-weight: 400; text-shadow: 1px 1px #333333;}
.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover {color: #3ec9c3;}
.weforms_submit_btn {background-color: #3ec9c3 !important; border-color: #6d6d6d !important; color: #ffffff !important; text-shadow: none !important; box-shadow: none !important;}

@media (min-width: 768px) {
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {font-weight: bold;padding: 1.618em 0.7em;}
	.secondary-navigation ul.menu a {font-size:19px; padding:1em 0.7em;}
	.site-header {padding-top:0.5em;}
	.storefront-primary-navigation{
		background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
		background-image: linear-gradient(#fff, #ccc);
		box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
		padding: 0 10px;
		position: relative;}
	.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {margin-right:0; float:right;}
	.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, .site-footer .storefront-handheld-footer-bar a:not(.button), button.menu-toggle, button.menu-toggle:hover {color: #333;}
	.woocommerce-breadcrumb {margin:0;}
}
/* Nouveaux */
.bloc {padding:10px;}
.bloc img {box-shadow: 1px 1px 8px #555; border-radius: 0; padding: 5px; max-width: 100%; height: auto; display: block;}
.liste {list-style: square; display: flex; flex-direction: column; padding: 0 0 0 25px; line-height: 2rem;}
.justif{padding-right: 15px; text-align: justify; line-height: 1.5rem;}

/* Bloc Vidéo */
.video-cta {display: flex; justify-content: flex-end; margin: -2em 0 2em 0;}
.video-bloc {background: #3ec9c3; padding-right: 20px; border-radius: 8px; box-shadow: 1px 1px 8px #555; width: fit-content;}
.video-link {display: flex; align-items: center; text-decoration: none !important; color: inherit; column-gap: 20px;}
a.video-link:focus {outline: none;}
.video-img {width: 200px; height: auto; border-radius: 8px 0 0 8px;}
.video-texte {font-weight: bold; font-size: 1.5rem; color: #ffffff;}

/* Gestion cookies */
/* font */
#tarteaucitronRoot * {
	font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif !important;
}
/* bandeau cookies - fond */
div#tarteaucitronAlertBig {
	background: #747474 !important;
}
/* bandeau cookies - texte */
span#tarteaucitronDisclaimerAlert {
	color: #fff !important;
	font-size: 14px !important;
}
/* bandeau cookies - marges boutons  */
.tarteaucitronCTAButton {
	margin: 10px !important;
}
.tarteaucitronCTAButton:focus {
	outline-color: transparent !important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected:focus, #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow:focus {
	outline-color: transparent !important;
}
/* bandeau cookies - bouton accepter */
button#tarteaucitronPersonalize2 {
	background: #3ec9c3 !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: normal !important;
}
#tarteaucitronRoot .tarteaucitronCheck::before {
	color: #fff !important;
}
/* bandeau cookies - bouton refuser */
button#tarteaucitronAllDenied2 {
	background: #bc3836 !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: normal !important;
}
#tarteaucitronRoot .tarteaucitronCross::before {
	color: #fff !important;
}
/* bandeau cookies - bouton personnaliser */
button#tarteaucitronCloseAlert {
	background: #fff !important;
	color: #747474 !important;
	font-size: 14px !important;
	font-weight: normal !important;
}
/* bandeau cookies - bouton politique de confidentialité */
button#tarteaucitronPrivacyUrl {
	display: none !important;
}
.tac_activate .tac_float .tarteaucitronAllow {
	display: block !important;
	border-radius: 0 !important;
	padding: 2px 10px !important;
	margin: 15px auto !important;
	font-weight: normal !important;
}
div#tarteaucitron {
	top: 20% !important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected, #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
	background-color: #3ec9c3 !important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected:focus, #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow:focus {
	background-color: #3ec9c3 !important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected, #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected, #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
	outline-color: transparent !important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected:focus, #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected:focus, #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny:focus {
	outline-color: transparent !important;
}
button#tarteaucitronCloseAlert:focus {
	outline-color: transparent !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
    border-color: #3ec9c3 !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
    border-color: #bc3836 !important;
}