/*
Theme Name:   	Patisserie de la Cote
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	netsucces.net & norweb
Author URI:     http://netsucces.net
Template:     	storefront
Description:  	thème du site Patisserie de la Cote basé sur le blank child theme for WooThemes StoreFront theme - Storefront Child Theme - https://github.com/stuartduff/storefront-child-theme de Stuart Duff
Version:      	1.0.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
*/

/*fin admin css*/
@font-face {/*titre du site*/
    font-family: 'Pacifico';
    src: url('font/Pacifico.woff2') format('woff2'),
        url('font/Pacifico.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}


/*POLiCE*/
.site-branding .site-title a {
    font-weight: normal;/*700*/
}
.site-title a/*titre du site*/
{font-family: 'Pacifico';  font-size:.63em;
letter-spacing:0px;
}

button.menu-toggle {
  border: 2px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    box-shadow: none;
    border-radius: 2px;
    background-image: none;
    padding: .6180469716em .475em .6180469716em 2.617924em;
    font-size: .875em;
}

.aere/*par defaut storefront ressere les espaces sur les h1 notamment*/
{
letter-spacing:0;

}

.alpha, h1 {
    line-height: normal;/*sinon trop serre*/
}

/*affichage selon taille de l'écran*/
.mobile
{display: block;}
.tablette
{display:none;}

/**************/
/*titres */

/**************/
 h1.entry-title {
	font-size: 1.917924em;/*font-size: 2.617924em;*/
}
body.page-template-default h1,body.page-template-template-boutiques h1, h1.page-title
{color:#f49c0d;}
body.page-template-default h2,body.page-template-template-boutiques h2
{/*background-color:#f49c0d;*/
color:#4a4339;
border-color:#f5efe5;
font-weight:600;
}
body.page-template-default h3,body.page-template-template-boutiques h3
{
color:#736755;
border-color:#736755;
font-weight:600;
}
body.page-template-default h4,body.page-template-template-boutiques h4
{background-color:#4a4339;
color:#9a876a;/*taupe = trop fonce*/
border-color:#736755;
padding: .5em;}

/*5 et 6 egale 3 et 4 en display inline block*/
body.page-template-default h5,body.page-template-template-boutiques h5
{background-color:#736755;
color:#f4e6cf;
border-color:#f4e6cf;
display:inline-block;
padding: .5em;
font-size: 1.618em;}
body.page-template-default h6,body.page-template-template-boutiques h6
{background-color:#4a4339;
color:#9a876a;/*taupe = trop fonce*/
border-color:#736755;
display:inline-block;
padding: .5em;
font-size: 1.41575em;}

/*COULEUR DU fond du TEXTE et du texte gére dans option page ACF pour le slide*/
.orange
{background-color:#f49c0d;
color:#f5efe5;
border-color:#f5efe5;}
a:hover.orange
{color:#4a4339;}
span.orange a:hover
{color:#f49c0d;
background-color:#4a4339;}
.orangecolor
{color:#f49c0d;}

.taupe
{background-color:#736755;
color:#f4e6cf;
border-color:#f4e6cf;}
a:hover.taupe
{color:#f49c0d;
padding:.05em;}

.taupefonce
{background-color:#4a4339;
color:#9a876a;/*taupe = trop fonce*/
border-color:#736755;}

.coquilleoeuf
{background-color:#f4e6cf;
color:#4a4339;/*#736755;*/
border-color:#4a4339; /*#736755;*/}
.coquilleoeuf h4:hover
{
background-color:#4a4339; /*#736755;*/
}
.coquilleoeuf  a:hover
{color:#f49c0d;
}

/*alignement */
.align-right {
display:block;
text-align:right;
margin-right:1.41575em;
padding:0
}
.align-left {
    display:block;
	text-align:left;
}
.align-centre
{
text-align:center
}

/**************/
/*footer */
/**************/
.site-footer {
    background-color:#ffffff;
    color:#4a4339;
}
.site-footer a:not(.button) {
    text-decoration: none;
}
.widget .widget-title, .widget .widgettitle {
    font-size: 1.41575em;
    letter-spacing: 0;
    border-bottom: 1px solid #f4e6cf;
    padding: 0 0 1em 1em;
    margin-bottom: 1em;
    font-weight: 300;
}

/*pas de before et pas d epadding-left*/
.widget_nav_menu ul li::before {
    content: "•";/*"\f15c";*/
}
.widget_nav_menu ul li
{margin-bottom : .1em;}

/*bouton haut de page*/
 #smoothup {
height: 50px;
width: 50px;
position:fixed;
bottom:100px;
right:3%;
background: url("images/top.png");
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s; transition-duration: 0.4s;
transform: scale(1);
z-index:1;
}
#smoothup:hover {/*-webkit-transform: rotate(360deg);transform:rotate(360deg);*/ transform: scale(1.2);}
/**************/
/*entete fixed */
/**************/
.site-branding {/*taille du titre + logo PDLC*/
    width: calc(100% - 80px);
}
.site-title a {/*taille du titre PDLC*/
	font-size: .5em;
}
.storefront-breadcrumb {
    padding: 0;/*20.41575em 0 0 0;*/
    margin: 0;/* 0 3.706325903em;*/
position: fixed;
z-index:9999;
background-color:#494238;
color:#f4e6cf;
width:100%;
}
.storefront-breadcrumb a {
	color:#9a876a;
}
 /*fixed header source : https://wooassist.com/how-to-make-a-sticky-header-in-storefront-theme/ */
 #masthead {
		position: fixed;
		top: 0px;
		width: 100%;
		background-color:#f4e6cf;/*coquile d'oeuf*/
		padding-bottom:0;
}

/*comme le masthead est fixed alors je modifie la marge du content*/
.site-content
{
margin: 86px 0 0 0 ;/*l ahauteur du header + 20px*/
}
p.site-description, .site-header{
    color:#736755;/* #494238;*/
}
p.site-description
{margin-top:.35em;
margin-left:.35em;
}
/*sous total*/
.site-header .widget_shopping_cart p.total
{background-color:#f5efe5;/*#f4e6cf;/*coquile d'oeuf*/}
/**************/
/*liens menu*/
/**************/
a:active, a:hover,button:active,button:hover {/*storefront*/
    outline: 0;
        outline-color: transparent!important;/*#f4e6cf!important;/*#f49c0d*/
        outline-style: none;/*solid;*/
        outline-width: 1px;
}
a:focus,button:focus,input:focus,textarea:focus{outline:1px none #f49c0d;}/*accessibilite*/
.hentry .entry-content a:not(.button) {/*storefront*/
    text-decoration: none;
}
p a{
    text-decoration: underline;
}
p a.encadre{
    text-decoration: none;
}
.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover,a.cart-contents:hover,.widget_nav_menu ul li a:hover,
a:active, a:hover {
    color: #f49c0d;/*orange*/
}
/*item en cours */
.site-header ul.menu li.current-menu-item > a,.widget_nav_menu ul li.current-menu-item > a
{color:#f49c0d;/*orange*/}
/*connecte*/
body.logged-in li#menu-item-134 a
{text-decoration:underline dotted;}

/*navigation handled*/
button.menu-toggle{
    background-color:#f4e6cf;/*bouton menu coquile d'oeuf meme couleur que masthead*/
	border:1px #f5efe5 solid;
}
button.menu-toggle:hover {
    background-color:#f4e6cf;/*bouton menu coquile d'oeuf meme couleur que masthead*/
	border:1px #f49c0d solid;
}
.secondary-navigation .menu li a:hover {
    text-decoration: none;
	 color: #f49c0d;/*orange*/
}

button.dropdown-toggle
{
	border-radius:15px;
    border:0px #f5efe5 solid;
    color:#f49c0d;
	padding:0 .5em;}

button.dropdown-toggle:hover
{
   border:0px #f49c0d solid;
   }

.handheld-navigation ul.menu li {
    line-height:.5em;
	border-bottom:1px #f49c0d solid;
}
.handheld-navigation ul.sub-menu li {
    line-height:.5em;
	border-bottom:1px #f5efe5 solid;
}
/**************/
/*front-page*/
/**************/
body.home .site-content
{
margin: 4.306325903em 0 0 0 ;
}
/*voir aussi CSS slick-pdlc.css du plug-in md-slick-side*/
.section-texte /*conteneur texte patisserie sur image de fond*/
{margin : 0 .5em;
font-size:1em;/*1.2em;*/
font-weight:500;
line-height: normal;
margin-top:1em;
}

.section-textep /*conteneur texte patisserie sur image de fond*/
{margin : 0 .5em;
font-size:1.2em;
font-weight:500;
line-height: normal;}

.encadre
{
border-width:1px;
border-color:inherit;/*heriter du style de son conteneur voir ligne ci-dessus COULEUR*/
border-style : solid;
padding:0 .04em;

}

.conteneurf/*conteneur flex formule*/
{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:stretch;
	margin-bottom:3.618em;

}
.largeur/*largeur des blocs */
{
width : 100%;
padding:2em 1em;
}


.conteneurv/*conteneur flex viennoiserie + traiteur*/
{
	display: flex;
	flex-wrap:wrap;
	justify-content:space-evenly;/* space-around;*/
	/*align-items:center;/*flex-start;*/
	margin-bottom:3.618em;
}
.demilargeur/*largeur des blocs */
{
width: 45%;
}

.demilargeur p
{
padding :0 .5em 0 1em;
}

/*emplacement photo poutique*/
.conteneurb/*conteneur boutique*/
{
	display: flex;
	flex-wrap:wrap;
	justify-content:space-evenly;/* space-around;*/
	align-items:flex-start;
	margin-bottom:3.618em;
}

.orderun
{order:1;
text-align: center;
}
.orderun img
{display:inline-block;}/*pour centrer les images*/

/**************/
/*storefront bug  2020-03-07*/
ul.products li.product img,
ul.products .wc-block-grid__product img,
.wc-block-grid__products li.product img,
.wc-block-grid__products .wc-block-grid__product img {
  display: block;
  margin: 0 auto 1.618em;
border:0px red solid; }

/**************/
/*page*/
/**************/
.storefront-product-section {
    margin-top: 1.618em;
}

/**************/
/*input storerfont*/
/**************/
.input-text, input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea {
    background-color:transparent;
}
/**************/
/*boutons woocommerce*/
/**************/
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button,
.site-header-cart .widget_shopping_cart a.button/*widget voir le panier*/
 {
      background-color:#ffffff;
	  border-radius: 15px;
    border:1px #f49c0d solid;
    color:#f49c0d;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover,
.site-header-cart .widget_shopping_cart a.button:hover/*widgetvoir le panier*/
 {

	 background-color:#f49c0d;/*orange*/
    border-color: #dbcdb6;
    color:#f5efe5;
}
/*cree un compte*/
.woocommerce-account-fields
{
padding:.5em .5em 1em 1em;
border-radius: 9px;
border:0px #f49c0d solid;/*orange*/
background-color:#f4e6cf;}

/*input*/
.form-row.woocommerce-validated input.input-text {
    box-shadow: inset 1px 0 0 #f5efe5;
}
.form-row.woocommerce-invalid input.input-text {
    box-shadow: inset 2px 0 0 #f5efe5;
}
/**************/
/*woocommerce commandes*/
/**************/

#order_review table  {
    background-color:transparent;
	border:1px #f49c0d solid;
	 border-radius: 9px;
}
/*validation commande commander*/
.added_to_cart.alt, .added_to_cart, .widget a.button.checkout,
button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt/*comander*/
{ background-color:#f49c0d;
	  border-radius: 15px;
    border:1px #f49c0d solid;
    color:#ffffff;}

button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover /*comander hover*/
{ background-color:#494238;
	  border-radius: 15px;
    border:1px #494238 solid;
    color:#f49c0d;}
/**************/
/*woocommerce infos*/
/**************/
/*2024-01-19*/
.wc-block-components-notice-banner.is-error, .wc-block-components-notice-banner.is-success {
    background-color:#f4e6cf!important;/* #fff0f0;*/
}
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
    background-color:#494238;
	 border-radius: 15px;
	 border-left: 0em solid transparent;
	 color: #f4e6cf;
	padding: .5em 1.618em;
}
/*septembre 2020 woo nouvelles icone devant message  je les efface*/
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before
{content:'';}


/*fin sept 2020*/
.stock.in-stock {
    color:#736755;/* #0f834d;*/
}
a.remove::before {
    color: #f49c0d;/*orange*/

}
/*voir le panier*/
.woocommerce-message .button
{color:#9a876a;/*taupe sur fonce*/}
.woocommerce-message .button:hover
{color:#f49c0d;/*orange*/}
/**************/
/*page single product*/
/**************/
.custom-data/*allergenes*/
{color:#736755;
font-style:italic;
font-size:.9em;
margin: 0 0 1.41575em;}


/**************/
/*page checkout*/
/**************/
/*login form toujours visible woocommerce-form-login bug 07/2025*/
form.login,
form.woocommerce-form-login {
    display: block!important;
    background-color:#f8f4ed;
    padding : 1rem;
    border: 0px #6f96a3 solid;
}
a.showlogin {
   display: none!important;
}

/*cacher page checkout les methode de livraison detaillee*/
.cache
{display:none;}

/*button radio et chekbox plus gros et positionne left*/
span.woocommerce-input-wrapper  input[type="radio"],.form-row input[type="checkbox"] {
   width: 1.5rem;
    height: 1.5rem;
	float:left;
	margin-right :.5em;
}
/*saufrememberme*/
#rememberme{
display:inline-block;
float:none;
}
/*2022 rendre visible les choix de paiements #payment */
input:checked ~ .payment_box
{
	border: solid 1px #f49c0d;
  border-radius: 9px;
}
li.wc_payment_method input:checked ~ label{color:#f49c0d; }

/*LABEL Mode de récupération de ma commande */
p.pickup_methode > label:first-child
{
font-size: 1.118em;
padding-left:.5em;
margin-bottom:1em;
background-color:#736755;
color:#f4e6cf;
}

.form-row.create-account label
{
font-size: 1em;
color:#333333;
}

/*jemasque la mention facultatif*/
.store-pickup label span.optional
{
display:none;}

label.radio
{padding-bottom:1.5em;}

.lebeau/*label retrait*/
{
font-size: 1.118em;
padding-left:.5em;
padding-right:.5em;
margin-bottom:1em;
background-color:#736755;
color:#f4e6cf;
}
.woocommerce-additional-fields .woocommerce-info /*sauf la premiere notice voir ci-dessous*/
{
font-size: 1.218em;
color:#736755;
font-weight:600;
background-color:transparent;
border-radius: 0px;
border-top : 1px #9a876a solid;
text-align:center;
margin-top:5em;
padding-top:2em;

}
.woocommerce-additional-fields  .woocommerce-info:first-child/*pour le premier*/
{color:#736755;
background-color:transparent;
border-radius: 0px;
border-top : 0px red solid;
text-align:center;
margin-top:0em;

}
/*champs additionels */
.woocommerce-additional-fields
{border:1px #9a876a solid;
padding:1em;
border-radius: 9px;

}

/*titre votre commade page ckeckout*/
h3#order_review_heading/*titre votre commade page ckeckout*/
{color:#f49c0d;
margin-top: 2em;
text-align:center;}

/*politique de confidentialite.*/
.woocommerce-privacy-policy-text
{
font-style:italic;
margin-bottom:2em;}

.woocommerce-privacy-policy-text  a
{text-decoration:underline!important;}
@media screen and (min-width: 370px) {
	.site-title a/*titre du site*/
{
font-size:.7em;
}
}
@media screen and (min-width: 420px) {

.site-title a/*titre du site*/
{font-size:1em;}
.site-branding .site-title a {
    font-weight: 500;
	padding: 0 .2em 0 0;
}

}
@media screen and (min-width: 620px) {

.site-title a/*titre du site*/
{font-size:1.1em;}
/**************/
/*titres */

/**************/
header h1.entry-title {
	font-size: 2.617924em;
	text-align:center;/*centrer le titre*/
}
/**************/
/*front-page*/
/**************/
.largeur/*largeur des blocs */
{
padding:3em 2em;
}

}

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


    /*affichage selon taille de l'écran*/
    .mobile {
        display: none;
    }

    .tablette {
        display: block;
    }

    /**************/
    /*entete fixed */
    /**************/
    #masthead {
        top: 20px; /*breadcrum*/
    }

    /*comme le masthead est fixed alors je modifie la marge du content*/
    .site-content {
        margin: 259px 0 0 0; /*la hauteur du header + 20px*/

    }

    .site-title a /*titre du site*/
    {
        font-family: 'Pacifico';
        font-weight: 300;
        font-size: 1.25em;
    }

    /*le logo et le second menu */
    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        width: 51%; /*51%;/*21.7391304348%;*/
        float: left;
        margin-right: 0; /*4.347826087%;*/
        margin-left: -10px;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
        width: 50%; /*47%; /*47.8260869565%;*/
        float: right; /*left;*/
        margin-right: 0; /*4.347826087%;*/
    }

    /*padding du  menu principal  diminue pour ne rester que sur une ligne*/
    .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
        padding: 1.618em .61em; /*.7*/
        /*border:1px red solid;*/
    }

    /*margin after  du  menu principal  diminue pour ne rester que sur une ligne*/
    .main-navigation ul.menu > li.menu-item-has-children > a::after, .main-navigation ul.menu > li.page_item_has_children > a::after, .main-navigation ul.nav-menu > li.menu-item-has-children > a::after, .main-navigation ul.nav-menu > li.page_item_has_children > a::after {
        font-weight: 300;
        margin-left: .35em;
        vertical-align: -.125em;
        line-height: 1;
    }

    /**************/
    /*front-page*/
    /**************/
    body.home #masthead {
        top: 0px; /*pas de breadcrumb donc pas d emarge top*/
    }

    body.home .site-content {
        margin: 13.006325903em 0 0 0;
    }

    /*voir CSS slick-pdlc.css du plug-in md-slick-side*/
    .conteneurf, .conteneurv, .conteneurb /*conteneur flex formule*/
    {
        margin-bottom: 6.618em;
    }

    .section-texte /*conteneur texte patisserie sur image de fond*/
    {
        font-size: 1.2em;
    }

    .section-textep /*conteneur texte patisserie sur image de fond*/
    {
        margin: 2em 2.5em 0 1.5em;
        font-size: 1.3em;
    }

    .largeur /*largeur des blocs */
    {
        width: 50%;
        padding: 2em;
    }

    .demilargeur /*largeur des blocs */
    {
        width: 49%;
    }

    a:hover.taupe {
        padding: .75em;
    }

    /**************/
    /*panier flottant */
    /**************/
    .site-header-cart .widget_shopping_cart, .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
        background-color: #f4e6cf; /*coquile d'oeuf meme color que le masthead*/
    }

    .site-header-cart .cart-contents {
        border-top: 3px #f5efe5 solid;
        border-left: 3px #f5efe5 solid;
        border-right: 3px #f5efe5 solid;
        border-bottomt: 3px #f5efe5 solid;
        padding: 1.618em .5em;
    }

    ul.site-header-cart li.current-menu-item a {
        border-bottom: 1px #f49c0d solid;
    }

    /*icone connecte deconnecte voir fichier function ajout lien icone conncete deconnecte*/
    .icon-out:before {
        font-family: 'Font Awesome 5 Free';
        content: "\f2f5";
    }

    .icon-in:before {
        font-family: 'Font Awesome 5 Free';
        content: "\f007";
    }


    /**************/
    /*boutons woocommerce*/
    /**************/
    /*liens valider la commande volet header cart */
    .widget a.button.checkout:hover {
        color: #494238; /*couleur texte marron*/
    }

    h3#order_review_heading /*titre votre commade page ckeckout*/
    {
        margin-top: 0em;
        text-align: left;
    }

    /**************/
    /*template boutique*/
    /**************/
    .horaire {
        padding: 0 1.5em;
    }
}
@media screen and (min-width: 960px) {
/**************/
/*panier flottant icone plus grand */
/**************/
.site-header-cart .cart-contents::after {
font-size:1.75em;
vertical-align: text-top;
content: "\f291";
line-height:0.478;
}
	/*padding du  menu principal  diminue pour ne rester que sur une ligne*/
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    padding: 1.618em 1.5em;
}
section:not(.b-photo)/*juillet 2021*/
{
/*background-color:purple;*/
max-width: 1300px;
margin: 0 auto;
}
h1 /*juillet 2021*/
{font-size: 4em;}

.vitre /*juillet 2021*/
{
  opacity: .83;
}
h1.vitre /*juillet 2021*/
{
  font-size: 5em;
}

.section-title
{border:0px blue solid;}

/*le logo et le second menu */
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: 60%;/*51%;/*21.7391304348%;*/
    margin-right:0.347826087%; /*4.347826087%;*/
}
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    width: 39%;/*47%; /*47.8260869565%;*/
    margin-right: 0.347826087%; /*4.347826087%;*/
}
/**************/
/*front-page*/
/**************/
/*voir CSS slick-pdlc.css du plug-in md-slick-side*/
.conteneurf/*conteneur flex formule*/
{
	/*border:1px blue solid;*/
}

.section-textep /*conteneur texte patisserie sur image de fond*/
{margin : 3em 6.5em 0 5.5em;
font-size:1.5em;
}
.largeur/*largeur des blocs */
{width : 50%;
padding:4em 5em;
}
/*padding du  menu principal  diminue pour ne rester que sur une ligne*/
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    padding: 1.618em .8em;/*.8*/
	/*border:1px red solid;*/
}
/*margin after  du  menu principal  diminue pour ne rester que sur une ligne*/
.main-navigation ul.menu > li.menu-item-has-children > a::after, .main-navigation ul.menu > li.page_item_has_children > a::after, .main-navigation ul.nav-menu > li.menu-item-has-children > a::after, .main-navigation ul.nav-menu > li.page_item_has_children > a::after {
    font-weight: 900;
    margin-left: 1em;
}


}