/* 
Theme Name:		 Twenty Seventeen Child
Theme URI:		 
Description:	 Thème enfant de twenty seventeen
Author:			 Sophie Berland
Author URI:		 http://www.sb-web.fr/
Template:		 twentyseventeen
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: twentyseventeen-child
-------------------------------------------------------------- */ 
@font-face {
    font-family: 'TrajanProRegular';
    src: url('fonts/TrajanProRegular.ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ClementePDac-ExtraLight';
    src: url('fonts/clemente_pd/ClementePDac-ExtraLight.ttf');
    font-weight: normal;
    font-style: normal;

}


body,
button,
input,
select,
textarea {
	font-family:  "ClementePDac-ExtraLight",Georgia, serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
	letter-spacing:1px;
	color:#30445D;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	font-family: inherit;
}

:-moz-placeholder {
	font-family: inherit;
}

::-moz-placeholder {
	font-family: inherit;
}

:-ms-input-placeholder {
	font-family: inherit;
}



a{
outline:none;
}

label {
    color: inherit;
}

ul, ol {
    padding-left: 15px;
}

button,
.bouton,
input[type="button"],
input[type="submit"] {
-webkit-border-radius: 0.25em;
 border-radius: 0.25em;
  color: #ffffff;
  font-size: 1em;
  padding: 0.875em 1.75em;
  background: #577ca9;
  border: 1px solid #577ca9;
 }
 
button:hover,
.bouton:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background: #4a6990;
  border-color: #4a6990;
 }

h1, h2, h3, h4, h5, h6, .text-heading {
  /*font-family: "Josefin Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
 /* font-family: "TrajanProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
   font-family: "ClementePDac-ExtraLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.title-home h1, h1{
font-family: "TrajanProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

/*liens*/
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong{
box-shadow:none;
}

.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a{
box-shadow:none;
}

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover{
    -webkit-box-shadow: none;
    box-shadow: none;
	text-decoration:none;
	 color:rgba(255,255,255,0.8);
   /*inversion couleurs*/
	color: #929ABE;
	text-decoration:underline;
}


article p{
text-align:justify;
}


.custom-header, .site-content-contain{
 /*background: url('assets/images/test-bg.png') repeat center center fixed;*/
 background:#FFF;
}

/* header -logo */



.custom-header{
padding-top:0px;
}

.site-branding2{
padding:0 !important;
/*min-height:354px;*/
text-align: center;
}

.site-branding2 a{
display:block;
}

.site-title2{
margin:0;
}


.main-navigation > div > ul{
text-align: center;
}

#breadcrumbs{
text-align:center;
color: #30445D;
/*font-family: "TrajanProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-family: "ClementePDac-ExtraLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:16px;
/*width:75%;*/
width:100%;
margin:auto;
padding:0;
padding-left:40px;
width:85%;
margin-bottom:30px;

}

#breadcrumbs span{
border-bottom:1px solid #DDDDDD;
padding-bottom:8px;
}

.wrap {
	/*max-width: 700px; /*???*/
	padding-left: 1em;
	padding-right: 1em;
}

.content-area{
	width: 85%;
	margin:auto;
}

.bg-faded {
  background-color: rgba(48, 68, 93, 1);
  color:#FFF;
  /*inversion couleurs*/
  background-color: #FFF;
  color: #30445D;
}

.bg-faded h2, .bg-faded h3{
 color:#FFF;
  /*inversion couleurs*/
  color: #30445D;
}

.bg-faded a{
color:#DBEBFC;
 /*inversion couleurs*/
  color:#929ABE;
}



/* menu principal*/

.navigation-top{
border:none;
}

.navigation-top a {
color:#FFF;
 /*inversion couleurs*/
  color: #30445D;
/*font-family: "TrajanProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:16px;
text-transform:uppercase;*/
font-family: "ClementePDac-ExtraLight", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:18px;
font-weight:normal;
letter-spacing: 2px;

line-height:32px;
}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a{
color:#FFF;
/*inversion couleurs*/
color: #30445D;
text-decoration:underline
}

.navigation-top a:hover {
color:rgba(255,255,255,0.8);
 /*inversion couleurs*/
background-color: rgba(48, 68, 93, 1);
color:#FFF;
 
}



.menu-toggle{
color:#FFF;
/*inversion couleurs*/
color: #30445D;
}

.main-navigation.toggled-on ul {
	background: rgba(48, 68, 93, 0.9);
	/*inversion couleurs*/
	background: #FFF;
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
}

/*.navigation-top .home-icon{*/
/*inversion couleurs*/
.navigation-top .home-icon a {
background: url(assets/images/accueil-32.png) no-repeat scroll left center transparent;
/*inversion couleurs*/
background: url(assets/images/accueil-32-bleu.png) no-repeat scroll left center transparent;
width: 32px;
height: 32px;
text-indent: -9999px;
margin-left:25px;
}

.navigation-top .home-icon  a{
padding:0;
}


/*slider homepage */

.sow-slider-base {
z-index:1; /*pour empêcher que le sous-menu passe sous le slider*/
}

.carousel-caption{
text-align:center;
top:10%;
}

.carousel-caption h3{
font-size:28px;
color:#FFF
}

.carousel-caption p{ 
text-align:center;
}

/* slider-infos homepage */
.slider-infos-caption{
background:rgba(87, 124, 169, 0.5);
width:85%;
margin:auto;
margin-top:40px;
padding:20px;
padding-top:45px;
padding-bottom:35px;
}

/* wp responsive post slider */

.recent-post-slider.design-3 .post-overlay > .post-short-content{
background:rgba(87, 124, 169, 0.5);
width:75%;
margin:auto;
margin-top:40px;
padding:20px;
padding-top:25px;
padding-bottom:35px;
margin-bottom:55px;
margin-top:35px
}

.recent-post-slider.design-3 .wp-post-content{
	opacity:1;
	height:auto;
	  text-align:center;
	
}

.recent-post-slider .post-image-bg img{
	object-position:center center;
}

.recent-post-slider.design-3 .post-overlay > .post-short-content .wp-post-content{opacity:1;height:auto;}
.recent-post-slider.design-3 .post-overlay > .post-short-content {height:65%;}


.recent-post-slider.design-3 .post-overlay:hover > .post-short-content {height:65%;}

.recent-post-slider h2.wp-post-title{
	text-align:center;
	margin-bottom:10px;
}

.wp-sub-content{
	padding-left:15px;
	padding-right:15px;
	margin-top:10px;
	margin-bottom:10px;
}

.recent-post-slider .wp-post-content a.readmorebtn{
-webkit-border-radius: 0.25em;
 border-radius: 0.25em;
  color: #ffffff;
  font-size: 1em;
  padding: 0.875em 1.75em;
  background: #577ca9;
  border: 1px solid #577ca9;
  content:'En savoir plus';
}

.recent-post-slider .wp-post-content a.readmorebtn:hover{
 background: #4a6990;
  border-color: #4a6990;
}

/*content blocks*/
.content-block{
/*width:85%;*/
margin:auto;
padding: 1.5rem!important;
}

.content-block p{
text-align:justify;
}

.bloc-gauche, .bloc-droite{
padding:20px;
padding-top:0;
}


/*carousel instagram*/
.block_instagram{
background-color:#FFF;
}

.insta-gallery-feed.loaded .insta-gallery-actions {
	display:none;
}

#insta-gallery-feed-0 .insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap .insta-gallery-image-mask {
    background-color: rgba(100,135,176, 0.8) !important;
}

.insta-gallery-feed[data-feed_layout=carousel] .swiper-button-next>i, .insta-gallery-feed[data-feed_layout=carousel] .swiper-button-prev>i {
    color: #6487b0 !important;
}

.insta-gallery-feed[data-feed_layout=carousel] .swiper-pagination-bullet-active {
    background-color: #6487b0 !important;
}

/*pages*/

.entry-content{
	padding-left:30px;
	padding-right:30px;
}

.page.home .entry-content, .entry-content, .site-footer .widget-area {
	padding-left:0;
	padding-right:0;
}


.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title, h1{
text-align: center;
line-height: 1.8em;
font-size:1.4rem;
font-weight:normal;
color:#FFF;
text-transform:none;
letter-spacing:0;
/*vertical-align:bottom;*/
/*inversion couleurs*/
color: #30445D;
}


.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary{
max-width:100%;
padding:25px;
/*padding-left:40px;*/
}

.widget ul li, .widget ol li{
border-top:none;
border-bottom:none;
}

.widget ul li:before {
    padding-right: 5px;
    font-family: FontAwesome;
    content: "\f105";
    color: #FFF;
	 /*inversion couleurs*/
	color: #30445D;
}

/*Menu Sous pages*/
/*.menu-gauche {
  margin-top: 143px;
}*/
/*.sous-menu{
overflow:hidden;
}*/

.bloc-wrapper {
}


.bloc-wrapper .bloc{
padding:20px;
text-align:center;
/*margin-right:15px !important;*/
}

.bloc-wrapper .bloc img:hover{
opacity:0.8;
}

.bloc-wrapper .bloc h2 {
font-size:16px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

.bloc-wrapper .bloc a{
color:#4A6990;
text-decoration:none !important;
}

.bloc-wrapper .bloc a.img-wrap{
display: block;
text-align:center;
}

.bloc-wrapper .bloc a.bouton{
color:#FFF;
display: inline-block;
}


.bloc-wrapper .bloc .accroche{
padding-top:10px;
text-align : justify;
}

.bloc-wrapper .bloc .lire-la-suite, p.lire-la-suite{
text-align:center;
}

/*ul.bloc-wrapper li .subpage-title {
position:absolute;
top:50%;
left:10%;
width:100%;
height:auto;
background:rgba(48,68,93,0.5);
display:inline-block;
width:80%;
padding:10px;
}*/






/*widgets*/
.widget{
padding-bottom:0;
}

/*footer*/


footer .widget-title{
  font-family: "TrajanProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font-family: "ClementePDac-ExtraLight", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

.site-footer .wrap {
	padding-bottom: 0em;
	padding-top: 1em;
}

.site-footer .widget-area {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.reassurance-row{
	background:#6487B0;
	padding-top:25px;
	padding-bottom:15px;
	color:#FFF;
	margin-bottom:25px;
}

.reassurance-row h5{
	color:#FFF;
}

	
.site-footer .widget-column.footer-widget-1, .site-footer .widget-column.footer-widget-2, .site-footer .widget-column.footer-widget-3, .site-footer .widget-column.footer-widget-4 {
text-align:center;
}


.so-widget-sow-social-media-buttons-flat-6348c0faa7d7 .sow-social-media-button{
    font-size: 1.7em !important;
    padding: 0.5em !important;
}
.site-info a{

}


.site-footer ul.menu {
text-align: center;
}


.site-footer ul.menu li{
border:none;
display:inline-block;
padding:0;
margin:0;
padding-right:10px;
padding-left:0px;
border-right:1px solid #929ABE;

}
.site-footer ul.menu li:before{
content:'';
}

.site-footer ul.menu li:last-child{
border-right:none;
}


@media screen and (min-width: 48em) {
	/* Layout */
	
	.site-header{
	/*min-height:300px;*/
	min-height:239px;
	padding-bottom:70px;
	margin-bottom:0 !important;
}
	
	.navigation-top .wrap{
		/*max-width: 75%;*/
		max-width: 95%;
		/*padding:0.75em;*/
		padding:0;
		padding-top:2px;
	}
	
	.main-navigation ul ul{
	z-index:99999;
	background-color: rgba(48, 68, 93, 1);
	/*inversion couleurs*/
	background:#FFF;
	}
	
	.main-navigation ul ul li{
	border-bottom: 1px solid #bbb;
	}
	
	.main-navigation ul ul li a:hover{
	background-color: #577CA9;
	}

	.wrap {
		/*max-width: 75%;*/
		/*max-width: 85%;*/
		/*max-width: 1300px;*/
		max-width: 1500px;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.page:not(.home) #content {
		padding-bottom: 0;
	}
	
	.site-content{
		/*padding: 2.5em;
		padding-top:0;*/
		padding:0;
	}
	
	.content-area{
	overflow:hidden;
	}
	
	.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 1em;
	}
	
	.three-fourth{
	float:left;
	width:75%;
	}

	.one-fourth { 
	/*width: 25%;*/
	width: 25%;
	float:left;
	margin-right:0;
	}

	.site-footer{
	margin-top:1.5em;
	}
	
	.site-footer .widget-column.footer-widget-1, .site-footer .widget-column.footer-widget-2, .site-footer .widget-column.footer-widget-3 , .site-footer .widget-column.footer-widget-4{
		float: none;
		width: auto;
		text-align:center;
	}
	
	.site-info {
		float: none;
		padding: 0.7em 0 0;
		width: 100%;
	}
	.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary{
		padding-left:40px;
	}
}



@media screen and (min-width: 30em) {
	h2, .home.blog .entry-title, .page .panel-content .recent-posts .entry-title {
		font-size: 18px;
		font-size: 1.2rem;
	}
	

	.main-navigation a {
		padding-left:0.5em;
		padding-right:0.5em;
	}
}

/*WOOCOMMERCE*/

/*messages*/
.woocommerce-message, .woocommerce-info{
	background: #6487B0;
    color: #fff;
}

.woocommerce-error a, .woocommerce-info a, .woocommerce-message a,  .woocommerce-error a:hover, .woocommerce-info a:hover, .woocommerce-message a:hover{
	box-shadow:none;
	color:#FFF;
}

/*Menu client en haut de la page*/
/*Fond du menu*/


.navbar-top {
    background: #6487B0;
    color: #fff;
}

.navbar-top-wrap{
	width:85%;
	padding-right:60px;
}

/*Alignement à droite de notre menu WooCommerce :*/


ul.clients_menu {
    margin-bottom : 0;
    padding : 0.5em 0;
    width: 100%;
    text-align: right !important;
    z-index: 200;
}

/*Flottement des items de menu :*/


ul.clients_menu > li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

/*Marges et couleur des liens (blanc) :*/


ul.clients_menu li a {
    padding-right: 1.5em;
    color: #fff;
}
ul.clients_menu li a:hover {
    color: #fff;
}

/*Positionnement des sous-menus :*/


ul.clients_menu ul.sub-menu {
    position: absolute;
    display : none ;
    margin-left: -30px;
    margin-left: -3rem;   
    text-align: center;
    z-index: 500;
    background: rgba(0, 0, 0, .8);
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 1px rgba(0,0,0,0.2);
}

/*Affichage du sous-menu au survol de la souris :*/


ul.clients_menu:hover ul.sub-menu {
    display : block ;
}

/*Largeur maximale du sous-menu :*/


.clients_menu ul.sub-menu li {
    min-width: 100px;
    min-width: 10rem;
}

/*Style des liens de sous-menu :*/


.clients_menu ul.sub-menu li a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 1em 1.75em;
    color: #fff;
    border: none !important;
	background: #fff;
    color : #6487B0;
}
.clients_menu ul.sub-menu li:hover a{
    background: #fff;
    color : #6487B0;	
}
/*Fin menu clients*/

/*Listes de produits*/

.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before{ content:none; }

.woocommerce .products ul,
.woocommerce ul.products{ display:flex; flex-wrap: wrap; justify-content: flex-start;}

.category-list .woocommerce ul.products{justify-content: center;}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float:none;}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{ margin: 0 4% 2em 0;  }

.woocommerce ul.products li.product.last,
.woocommerce-page ul.products li.product.last{ margin-right: 0; }

.woocommerce ul.products li:before{ content:none; }


.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: auto;
	max-width:250px;
    float: none;
    clear: both;
	text-align:center;
	padding-bottom:8px;
	border-radius:8px;
}

.woocommerce-loop-product__link{
	display:block;
	text-align:center;
}

.woocommerce-loop-product__title{
	max-width:250px;
	height:55px;
}
ul.products li.product .button,  ul.products li.product .button:hover{
	box-shadow:none;
}

/*Enlever le nombre de produits et l'option de tri sur les liste de produits*/
.woocommerce-result-count, .woocommerce-ordering{
	display:none;
}

/*page produit*/

/*Prix*/
.single-product .summary p.price {
    font-size: 1.4em;
    font-weight: bold;
    margin-right: 25px;
    text-align: center;
    margin-bottom: 1em;

}

.woocommerce-variation-price{
    font-size: 1.4em;
    font-weight: bold;
	text-align: center;
}

/*mettre les thumbnails à côté de la grand image*/
/*.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
	display:flex;
	flex-direction: row-reverse;
}

.flex-control-thumbs{
	margin-right:8px;
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width:100%;
	margin-bottom:8px;
}*/

.woocommerce-tabs a, .woocommerce-tabs li.active a  { 
box-shadow:none;
}

/*reduire la taille de l'image des options product-addons (100% par défaut)*/
.ywapo_product_option_image > img {
    width: auto !important;
}

.single-product form.cart input.ywapo_input_text {
    width: 100%;
}

/*augmenter la taille des images des options produits radio ex: deuil*/
.woocommerce form .form-row .ywapo_input_container label > img {
    width: 100px !important;
}

/*Conflit entre les styles de woocommerce et Bootstrap dans la page de validation panier*/
.woocommerce .col-1, .woocommerce .col-2{
	max-width:none;
	}
	
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row, .woocommerce-additional-fields .form-row{
	display: block;
}

/*#e_deliverydate_field{
	display: block;
	float:right;
}*/

/*.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	clear:both;
}*/
/* Yith delivery date messages sur fiche produit*/

#ywcdd_info_single_product {
    margin-top: 10px;
}

.woocommerce-shipping-methods{
	clear:both;
}

/*titre des étapes du checkout*/
.woocommerce-checkout h3{
	background: #30445D;
    color: #FFF;
    padding: 8px;
}
/*couleur de la case cochée : envoyer à une adresse différente*/
#ship-to-different-address label input[type=checkbox]:checked+span::before {
    border-color: green;
    background: green;
}

.grand-bouton .ow-button-base a{
line-height: 2em;
}

.grand-bouton .ow-button-base a .sow-icon-image {
    width: 2em;
    height: 2em;
}

.grand-bouton h5{
text-transform:none;
font-size:1em;
padding-top:0.5em;
}

/*.bloc-gauche p {
    margin: 0 0 calc(5vh*0.165);
}*/

.top-message .widget_sow-editor{
	background:#EFEFEF;
	padding:20px;
}