/*
 Theme Name:   Mystile Child
 Theme URI:    
 Description:  Child
 Author:       Olivier QUESSON - Coloribus
 Author URI:   http://www.coloribus.fr
 Template:     mystile
 Version:      1.0.0
 License:      
 License URI:  
 Tags: 
 Text Domain:  mystile-child
*/
/*
ATTENTION : il ne faut pas mettre d espace avant le signe : pour les noms de champs dans l en-tete,
	comme on le fait habituellement en français, sans quoi cela risque de poser probleme.
*/

* {
	font-family:Arial, Helvetica, Sans-Serif;
}


h1,h2,h3,h4,h5,h6,p {
	font-weight:normal;
}

h1 {
	font-size:24px;
	text-shadow:1px 1px 0 #000;
}

h2 {
	text-transfom:uppercase!important;
	padding-left:14px!important;
	font-size:17px!important;
	background:url(/media/fleches.png) no-repeat 0 4px;
	font-family:Arial, Helvetica, Sans-Serif!important;
}

h2,
h3 {
	color:#666!important;
}

h2 a,
.woocommerce-Tabs-panel--description a:hover,
label a,
label a:hover {
	text-decoration:underline!important;
}

a {
	font-weight:normal!important;
}

a,
label a,
label a:hover {
	color:#316CB3!important;
}

a.button,
div.wc-proceed-to-checkout a {
	color:white!important;
}

h6 {
	color:#999;
}

#header #navigation ul.nav > li.current_page_item a,
html h1,
html ul.products li.product a:hover h3,
html ul.products li.product a h3,
#footer-widgets a,
#footer-widgets a:hover {
	color:#316CB3!important;
	text-decoration:none;
}

.woocommerce-Tabs-panel--description a {
	color:#316CB3!important;
}

a.button,
a.comment-reply-link,
#commentform #submit,
.submit,
input[type=submit],
input.button, button.button {
	background:#316CB3!important;
	border:none!important;
	box-shadow:none!important;
}

li.cart:hover,
li.cart:hover a {
	background:none!important;
}

.homepage-banner h1,
.homepage-banner .description {
	position:relative!important;
	left:auto!important;
	right:auto!important;
}

html .homepage-banner h1 {
	color:white!important;
	line-height:auto;
}

.home #content.with-banner {
	border-top:none!important;
}

.homepage-banner .description {
	margin:auto;
}

h1,
[id=navigation] {
	text-transform:uppercase;
}

[id=navigation] a:hover {
	color:#999;
}

#breadcrumbs {
	display:block!important;
}


.breadcrumb-trail a:first-child {
	color:transparent!important;
	margin-right:-30px;
}

.breadcrumb-trail a:first-child:before {
	content:"Accueil";
	color:#316CB3!important;
}

/*recherche*/
#s {
	background:#222;
	color:white;
	box-shadow:inset 4px 4px 4px black;
	border:1px solid #555;
}

[id=navigation] li {
	border-left:1px solid #316CB3;
	text-align:center;
}

[id=navigation] li:last-child {
	border-right:1px solid #316CB3;
}

ul.products li.product a h3,
h1 {
	font-family:Arial, Helvetica, Sans-Serif!important;
}


ul.products li.product img {
	background:none!important;
	border:none!important;
}

html #header #navigation ul.nav > li a,
html #header #navigation ul.nav > li a:hover,
html #top {
	background:none;
	color:white;
	border:none;
}

html,
body {
	min-height:100%;
}

html {
	background:silver url(/media/fond-bruit.png);
}

html body {
	color:white;
	text-align:left;
	background: radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%);
}

#header {
	border:none!important;
}

#header .nav-toggle {
	background:#316CB3!important;
	border-color:#316CB3!important;
}

html .homepage-banner {
	display:block;
}

html .woocommerce-tabs ul.tabs li a,
html .woocommerce-tabs ul.tabs li.active a,
html .woocommerce_tabs .panel,
html .woocommerce-tabs .panel,
html .ui-tabs .panel,
html .footer-wrap,
html .woocommerce_message, .woocommerce_info,
html .woocommerce_error,
html .woocommerce-message,
html .woocommerce-info,
html .woocommerce-error {
	background:none!important;
}


html body .woocommerce-tabs ul.tabs li {
	width:auto;
	clear:none;
	float:left!important;
}

.widget h3 {
	color:white;
	border-bottom-width:1px;
}

html .single-product .summary .product_meta,
html .single-product div.quantity,
.widget h3,
html .woocommerce-tabs ul.tabs li {
	border-color:#555!important;
	border-width:1px;
}

/*footer*/
[id=menu-pied-de-page] li:before {
	/*display:none;*/
}

.widget.widget_nav_menu li:before {
	display:none!important;
}

.widget.widget_nav_menu li a {
	font-weight:normal!important;
}

.checkout #order_review {
	padding-bottom:4em!important;
}

#order_review label,
#order_review th,
#order_review td,
#order_review p {
	color:black!important;
}

#footer-widgets {
	border-color:#555!important;
}


html .woocommerce_tabs .panel,
html .woocommerce-tabs .panel,
html .ui-tabs .panel {
	border-color:#555;
}

/*fiche produit*/


.wc-tabs-wrapper {
	display:flex;
}


html #tab-description,
html #tab-additional_information {
	display:block!important;
	/*width:41%;*/
	flex:1;
}


html #tab-description {order:2;}
html #tab-additional_information {order:1;}

.wc-tabs {
	display:none;
}


/*image categorie*/
ul.products li.product-category img {
	display:none!important;
}


th {
	text-transform:none!important;
	font-weight:normal!important;
}

th,
td {
	border-bottom:1px solid #555!important;
}

tr:last-child th,
tr:last-child td {
	border:none!important;
}

.woocommerce_error,
.woocommerce-error {
	list-style:disc!important;
}

.woocommerce_error:before,
.woocommerce-error:before {
	display:none!important;
}

html .images img {
	background:none;
	border:none;
	padding:0;
}

html .single-product .images {
	width:28%;
}

html .single-product .summary {
	width:68%;
}




#contact-page ol.forms li .error {
	color:#999!important;
}


#text-3 svg {
	margin:0 1em;
}

/*DESKTOP*/
@media only screen and (min-width:768px) {
	#header .nav-toggle {
		display:none;
	}
	
	.wc-tabs-wrapper {
		flex-direction:row;
	}
	
	
	html #tab-description {margin-left:1em;}
	html #tab-additional_information {margin-right:1em;}
	
	ul.products li.product a h3 {
		min-height:60px;
	}
	
	.homepage-banner {
		max-width: 75.998em!important;
	}
	
	.homepage-banner img {
		display:none!important;
	}
	
	.homepage-banner h1 {
		font-size:22px!important;
		margin:0;
	}
	
	.homepage-banner .description p {
		font-size:13px!important;
	}
	
	.shop_attributes th {
		width:25%;
	}
	
	ul.products li.product {
		width:22%!important;
		margin:1em 1%!important;
	}
	
	.woocommerce-LoopProduct-link img {
		height:325px!important;
	}

}


/*TABLET AND SMARTPHONE */
@media only screen and (max-width:768px) {

	#navigation {
		background:transparent!important;
	}
	
	.wc-tabs-wrapper {
		flex-direction:column;
	}
	
	.homepage-banner h1 {
		font-size:16px!important;
		margin:0;
	}
	
	.homepage-banner .description p {
		font-size:13px!important;
	}
	
	.widget.widget_nav_menu li {
		line-height:2em;
	}
	
	form.cart {
		width:150%;
	}
	
	#header svg {
		max-width:100%!important;
	}
	
	#header .nav-toggle {
		top: -2.5em!important;
	}
	
	
}