/*
 Theme Name:   Twenty Sixteen Cuisinealouest
 Theme URI:    http://www.cuisinealouest.com
 Description:  Twenty Sixteen Child Theme
 Author:       Pierre Réguer
 Author URI:   http://www.cuisinealouest.com
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child
*/

/* transitions */
a {
  transition-property: all;
  transition-duration: 1s; 
}

a:hover, div:hover {
  transition-property: all;
  transition-duration: .2s; 
  transition-timing-function: ease-in;
}


/* enlever les marges couleur du site */
@media screen and (min-width: 44.375em) {
.site {
    margin: 0;
}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {
	background: inherit;
	content: "";
	display: block;
	height: 0px;
	left: 0px;
	position: fixed;
	width: 100%;
	z-index: 99;
}
}
/* FIN enlever les marges couleur du site */

/* MARGES HAUTES DU SITE */

@media screen and (min-width: 56.875em) {
.site-header {
    padding: 0 4.5455%;
    }
}

.site-header-menu {
margin: 0.875em 0 0 0;
}
.header-image {
margin : 0 0 0.875em 0px;
}

/* FIN MARGES HAUTES DU SITE */

/* LARGEUR PAGES */
.no-sidebar .site-content {
padding: 0;
}

.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
	margin-right: 11%;
	margin-left: 11%;
}


/* FIN LARGEUR PAGES */


/*POLICES*/

body {
font-family: "Open Sans",sans-serif;
}

.entry-title, .entry-title a {
    font-family: "Open Sans",sans-serif;
    color: #19a3b2 !important;
    font-size: 1.4rem;
    text-decoration: none;
    hyphens: none;
}

         /*suppression box-shadow sur les liens*/
.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
    box-shadow: 0 0 0 0 currentColor;
}


@media screen and (min-width: 44.375em) {
	.entry-title {
		font-size: 2.2rem;
	}
}

.entry-content h2, .entry-summary h2, .comment-content h2, header h1 {
    font-size: 1.4rem;
    font-weight: 900;
    color: #12879b;
}

.entry-content h3, .entry-summary h3, .comment-content h3 {
    font-size: 1.2rem;
    color: #43adbf;
    font-weight: 700;
    margin-top: 1.4em;
    margin-bottom: 0.8em;
}

.entry-content h4 {
    font-size: 0.9rem;
    color: #12879b;
    text-align: center;
}

p {
    margin: 0 0 0.5rem 0;
}

a {
    color: #007acc ;
}

q {
    font-style: italic;
}
q::before { 
  content: "“";
}
q::after {
  content: '”';
}


.entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol {
    margin-left: 1em;
}

.entry-content p:first-child {
    font-weight: 600;
    color: #11818D;
}

.surtitre {
    font-size: 0.5em;
    }

/*Images*/
.filet {
border: 1px solid #3a549a !important;
}
.filet a {
margin: 0 6px;
}

/*Fin Images*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #19a3b2;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #937260;

}



/* DIVERS */
.site-info {
display: none;
}

a.post-thumbnail {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
	opacity: 1;
-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
/*Rectif pour que la cible des ancres ne soit pas cachée par le menu*/
h2:target {
    padding-top: 3em;
    margin-top: -1em;
}


/*MENU*/
.header-image {
    margin: 1.7em 0 2em 0px;
}
.site-header-main {
	background-color : #fff;
	padding: 0 30px;
    position: fixed;
	top: 0;
	z-index: 500;
	width: 90.9%;
	max-width: 1200px;
}

.site-header-menu {
    margin: 0 0 0 0;

}

@media screen and (min-width: 56.875em) {
    .main-navigation .primary-menu > li {
    	background-color: #fff;
    	margin: 0 0.2vw;
        height: 40px;
    }
}

.main-navigation .primary-menu > li {
    margin: 0 0.2vw;
    height: 40px;
}

.main-navigation a {
    color: #fff;
    line-height: 1.3;
    font-size: 0.8rem;
    font-family: "Open Sans",sans-serif;
}

.menu-ouestwebrecette a {
    color: #19a3b2 !important;
    font-weight: 600;
    background-color: #fff;
}

/*MENU SMARTPHONE*/
.main-navigation ul .toggled-on {
    background-color: #fff;
    padding: 0 10px 0 10px;
	z-index: 100 !important;
    position: relative;
}


/*WIDGETS*/

.sidebar {
    margin-top: 4.2em;
    }

.widget {
    border-top: 1px solid rgb(26, 26, 26);
    margin-top: 1em;
}

#categories-4 ul li li {
list-style: '. ';
}
#categories-4 ul li li li{
list-style: none;
font-style: italic;
}
#categories-4 li {
margin-top: 15px;
}
#categories-4 li li {
margin-top: 0;
}


.cat-item {
    line-height: 2.5em;
}

/*PAGES CATEGORIES*/
.taxonomy-description p {
    font-size: 1.3rem;
    margin-top: 12px; 
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    }
.page-header {
    border-top: none;
    }



/*RECETTES*/
.wpurp-recipe-instruction:last-child {
    padding-bottom: 20px !important;

}

/*ENCADRES*/

@media screen and (min-width: 768px) {
    .survol-boum img:hover {
      transform: rotate(-5deg) scale(1.05);
      transition-duration: 0.5s;
    }
    .survol-boum img {
      transition-duration: 0.2s;
    }
    .attachment-medium.size-medium.wp-post-image:hover {
    transition: 0.5s ease-out;
    transform: scale(1.1);
    margin-top: -5%;
    margin-bottom: 10px;
    }
}

.bouton-accueil {
    height: 16em;
    padding-top: 10px;
}
@media screen and (max-width: 768px) {
    .bouton-accueil {
        height: auto;
        width: 100%;
    }
}


.bouton-accueil h2 {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 8px !important;
}

.bouton-accueil p {
    font-size: 12px;
    line-height: 1.3em;
}




.bouton-accueil2:hover {
    opacity: 0.8;
    width: 25.5%;
    margin-left: 0;
    margin-top: -5px;
    padding: 10px 2% 5px 2%;
    box-shadow: 3px 6px 6px #aaa !important;
}



.premier-bouton:hover {
    margin-right: -2%;
}

.bouton-accueil2 {
    padding: 10px 1% 5px 1%;
    width: 23.5%;
    float: left;
    margin-left: 2%;
    margin-bottom: 2%;
    min-height: 250px;
    box-shadow: none !important;
}

.encadre-newsletter, .encadre-newsletter:hover {
    padding: 10px 1% 5px 1%;
    width: 30%;
    float: left;
    margin-left: 3%;
    margin-bottom: 2%;
    min-height: 250px;
    box-shadow: none !important;
}


.premier-bouton {
    margin-left: 0;
}


.bouton-accueil2 h2 {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    margin: 5px;
}

.bouton-accueil2 p {
    font-size: 12px;
    line-height: 1.3em;
    text-align: center;
    margin: 6px;
}

/*rangement par 3 des newsletters*/
.encadre-newsletter:nth-of-type(3n+1) {
	clear:both;
}

@media screen and (max-width: 768px) {
 .bouton-accueil2, .bouton-accueil2:hover {
        height: auto;
        width: 100%;
        margin: 5px;
        padding: 10px;
    }
}



.encadre-un-tiers {
    border: 1px solid #06589b;
    background-size: 100% !important;
      -webkit-background-size: 100% 100%;  
      -moz-background-size: 100% ;   
      -o-background-size: 100% ;   
    padding: 105% 8px 8px 8px;
    margin-bottom: 20px;
    color: #06589b;
}

.encadre-untiers-sansbandeau {
    border: 1px solid #06589b; 
    padding: 8px 8px 8px 8px;
    margin-bottom: 20px;
}

.encadre-un-tiers p, .encadre-un-tiers ul li, .encadre-untiers-sansbandeau p, .encadre-untiers-sansbandeau ul li {
    font-size: 0.8rem;
    margin: 0 0 0.5em 0;
    line-height: 1.5em;
}


.encadre-un-tiers h2, .encadre-untiers-sansbandeau h2 {
    font-size: 1.1rem;
    color: #06589b;
}
.encadre-un-tiers h3, .encadre-untiers-sansbandeau h3 {
    font-size: 0.9rem;
    color: #06589b;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 5px;
}


.encadre-un-tiers h4, .encadre-untiers-sansbandeau h4 {
    margin-top: 1.5em;
    margin-bottom: 0.6em;
}

.sources {
   background: url("https://cuisinealouest.com/wp-content/uploads/2020/02/cuisinealouest-sources-ressources.jpg") no-repeat right top;
}

.bonnes-adresses {
    background: url("https://cuisinealouest.com/wp-content/uploads/2016/08/cuisinealouest-bonnes-adresses-500.jpg") no-repeat right top;
}
.cote-kilos {
    background: url("https://cuisinealouest.com/wp-content/uploads/2016/08/cuisinealouest-cote-kilos-500.jpg") no-repeat right top;
}

.decouvertes {
    background: url("https://cuisinealouest.com/wp-content/uploads/2016/09/cuisinealouest-decouvertes-500.jpg") no-repeat right top;
}

.actus {
    background: url("https://cuisinealouest.com/wp-content/uploads/2016/09/cuisinealouest-actus-500.jpg") no-repeat right top;
}

.goute-pour-vous {
    background: url("https://cuisinealouest.com/wp-content/uploads/2016/10/cuisinealouest-goute-pour-vous-500.jpg") no-repeat right top;
}



.parole-expert {
    background: url("https://cuisinealouest.com/wp-content/uploads/2017/05/bandeau-parole-expert.jpg") no-repeat right top;
}

.produits-un-tiers {
    background: url("https://cuisinealouest.com/wp-content/uploads/2016/10/cuisinealouest-produits-500.jpg") no-repeat right top;
}


.nos-recettes-un-tiers {
    background: url("https://cuisinealouest.com/wp-content/uploads/2016/10/cuisinealouest-nos-recettes-500.jpg") no-repeat right top;
}

.encadre-deux-tiers {
    border: 1px solid #06589b;
    background-size: 100% !important;
      -webkit-background-size: 100% 100%;  
      -moz-background-size: 100% ;   
      -o-background-size: 100% ;   
    padding: 26% 8px 8px 8px;
    margin: 20px 0;
    color: #06589b;
    float: left;
    width: 100%;
}

.produits-deux-tiers {
    background: url("https://cuisinealouest.com/wp-content/uploads/2016/10/cuisinealouest-produits-500x120.jpg") no-repeat right top;
}

.decouvertes-deux-tiers {
    background: url("https://cuisinealouest.com/wp-content/uploads/2016/09/cuisinealouest-decouvertes-500x120.jpg") no-repeat right top;
}


.ouestwebrecettes-deux-tiers {
    background: url("https://cuisinealouest.com/wp-content/uploads/design/cuisinealouest-bandeau-ouestwebrecettes.jpg") no-repeat right top;
}
.voicilelivre-deux-tiers {
    background: url("https://cuisinealouest.com/wp-content/uploads/2019/11/bandeau-voici-le-livre.jpg") no-repeat right top;
}

.nos-recettes {
    background: url("https://cuisinealouest.com/wp-content/uploads/2016/08/cuisinealouest-nos-recettes-500x120.jpg") no-repeat right top;
}

.sur-les-blogs {
    background: url("https://cuisinealouest.com/wp-content/uploads/2016/08/cuisinealouest-sur-les-blogs-500x120.jpg") no-repeat right top;
	background-color: #d3f3ff;
}

.sur-les-blogs .sue-photo-panel {
display: inline-block;
font-size: 0.8rem;
line-height: 1.6;
text-align: center !important;
}


@media screen and (min-width: 44.375em) {
    .sur-les-blogs .sue-photo-panel {
        max-width: 30%;
        margin: 0 5px 10px 5px;
    }
    .encadre-blogs {
        max-width: 47%;
        margin: 0 1% 15px 1% !important;
        display: inline-block;
    }
}

.dernieres-recettes {
    background: url("https://cuisinealouest.com/wp-content/uploads/2016/09/cuisinealouest-dernieres-recettes-500x120.jpg") no-repeat right top;
}

.encadre-expand {
    margin: 20px 0 20px 40px !important;
    padding: 10px;
    background-color: #e9f4f3;  
    border:1px solid #9b9a9a;
}

/*Fin ENCADRES*/


/*ENCADRES 2020*/
.encadre-blogs-2020 {
        max-width: 30%;
        margin: 0 1% 15px 1% !important;
        display: inline-block;
	    background-color: #ffffff;
        border: 1px solid #ccc;
    }

@media screen and (max-width: 641px) {
	.encadre-blogs-2020 {
        max-width: 47%;
	}
}
@media screen and (max-width: 481px) {
	.encadre-blogs-2020 {
        max-width: 97%;
	}
}


.encadre-blogs-2020 p {
    text-align: center;
    margin:1em;
	color:#686868;
	font-size: 0.8rem;
}
.encadre-blogs-2020 img {
    width: 100%;
}


/*Fin ENCADRES 2020*/

/*COLONNES 2020*/
.colonne-deux-tiers {
	width: 66%;
	float:left;
}

@media screen and (max-width: 780px) {
	.colonne-deux-tiers {
		width: 96%;
	}
}

.colonne-un-tiers {
	width: 30%;
	margin: 0 0 0 4%;
	float:left;
}


@media screen and (max-width: 780px) {
	.colonne-un-tiers {
		width: 96%;
		margin: 4% 0 0 0 !important;
	}
}

/*FIN COLONNES 2020*/











/*Styles pour affichage par pages de catégories (recettes)*/

.pagination {
    Float: left;
    clear: both;
    margin-top: 20px;
}

.article-vignette {
    text-align: center; 
    overflow: hidden; 
    float: left; 
    margin : 15px 5px 0 5px; 
    border:1px solid #9b9a9a; 
    margin-bottom: 0px !important;
   }

.article-vignette-2 {
    text-align: center; 
    overflow: hidden; 
    display: inline-block; 
    margin : 15px 5px 0 5px; 
    border:1px solid #9b9a9a;
    background: #FFF;
    vertical-align: top;
	width: 85%;
   }
.article-vignette-2 img, .article-vignette img {
    width: 100%;
   }

@media screen and (min-width: 44.375em) {
    .article-vignette {
        max-width: 30%;
            height: 360px;
    }
}


@media screen and (min-width: 44.375em) {
    .article-vignette-2 {
        width: 45%;
        height: 360px;
    }
}


.article-vignette .post-thumbnail, .article-vignette-2 .post-thumbnail {
    margin-top: -2.1em ;
}

.article-vignette h2 {
font-size: 1.1rem;
line-height: 1.5rem;
text-decoration: none;
margin: 10px 5px 30px 5px !important;
}

.article-vignette-2 h3 {
font-size: 1.1rem ;
line-height: 1.5rem;	
margin: 15px 5px 10px 5px !important;
}
.article-vignette-2 h3 a  {
box-shadow: none;
}

.article-vignette p, .article-vignette-2 p {
    font-size: 0.875rem;
    margin: 5px;
    }

.et_pb_blog_grid .et_pb_post > .et_pb_image_container,
.et_pb_blog_grid .et_pb_post > h2,
.et_pb_blog_grid .et_pb_post > .post-meta {
    display: block;
    }

.article-vignette-2  .heateor_sss_sharing_container {
    display: none;
    }

/* POur ne pas afficher les partages sassy social share */
.article-vignette  .heateor_sss_sharing_container {
	display:none ;
}


/* FIN Styles pour affichage par pages de catégories (recettes)*/


/*formulaire de recherche*/

@media screen and (min-width: 56.875em) {
#recherche {
    float: right;
    margin-left: 75%;
    padding: 0;
    width: 25%;
	border-top: none;
    }
  }
#recherche {
	margin-bottom: 20px;
	border-top: none;
    }

.home #recherche {
    float: none;
}
/*FIN formulaire de recherche*/



/*Pubs Google*/

.google-auto-placed, .cuisi-contenu, .cuisi-contenu-a-la-fin, .cuisi-contenu-milieu {
    margin: 30px 0 30px 0;
	border: 1px solid black;
}
.cuisi-adlabel{
	font-style:italic;
	font-size: 0.8em;
}
.google-auto-placed:before {
	content:"Liens sponsorisés";
	font-style:italic; 
	text-align:left;
	font-size: 0.8em;
}
/* FIN Pubs Google*/


/*Petite modif du popup exit*/

#exitpopup-modal .exitpopup-modal-footer {
	bottom: -100px;
    }
#exitpopup-modal .modal-body {
    background-color: #fff;

}
#exitpopup-modal {
	text-align:center;
}

/*FIN Petite modif du popup exit*/


/* AJUSTEMENTS WOO COMMERCE*/
.in-stock {
    display: none;
}
/* ajustement du bouton ajouter au panier ajouté par le shortcode */
.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    margin-left: 20px;
}

/* FIN AJUSTEMENTS WOO COMMERCE*/

/* AJUSTEMENTS RECETTES*/
.wpurp-container {
    margin-top: 30px !important;
}
/* FIN AJUSTEMENTS RECETTES */