/*
Theme Name: Agence LDP – 2017
Description: Thème enfant de Dyad
Author: Flora
Author URI: https://www.lunettesdepub.com
Template: dyad 
Version: 0.1.0
*/

/* RESET */
body { background: #fff !important; }
.site-banner { display: none; }
.home .content-area { margin-top: 0; }
.home.is-singular .content-area { padding-top: 0; }
.site-title { font-family:"Droid Serif", 'Georgia', serif; font-weight: 300; color: #535353; font-size: 1em; padding-top: 15px; }
h1, h2, h4, h5, h6 { font-family: "Lato", sans-serif; color: #535353; }
h1, h2 { font-weight: 300 !important; }
h1 { text-transform: uppercase; }
h3 { font-family: 'Lato', Helvetica, sans-serif; padding-left: 20px; text-transform: uppercase; color: #D2DFCC; font-size: 18px; }
p, li { font-family: "Droid Serif", 'Georgia', serif; font-size: 16px; }

/* STYLE */
.site-header, .home .site-header, .blog .site-header {
	position: fixed !important;
	width: 100%;
	background: rgba(255,255,255,1) !important;
	color: #ffffff;
	text-shadow: none;
	box-shadow: 0 0px 10px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0px 10px rgba(0,0,0,.3);
}
.site-branding {
	line-height: 10px;
}
.site-branding .site-description {
	display: inline-block;
	font-family: 'Lato', Helvetica, sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #535353;
}
.site-branding .site-logo-link {
	height: 60px;
    display: block;
    float: left;
    padding-right: 20px;
}
#site-navigation a {
	color: #535353;
	font-size: .8em;
}
#site-navigation .sub-menu li {
	background-color: #D2DFCC !important;
	font-size: 1.8rem !important;
}
#site-navigation ul ul:before {
	border-color: transparent transparent #D2DFCC transparent;
}
.link-more a,
.has-post-thumbnail .entry-meta .cat-links,
.is-singular .post-navigation .nav-links:after,
button, input[type='submit'] {
	background-color: #D2DFCC;
}


/* ARTICLES */
.posts .entry-title {
	font-size: 2rem;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.posts .hentry:hover .link-more a {
	background-color: #535353;
}


/* CONTENT */

.page-title {
	color: #D2DFCC;
}
.page-header {
	background: url(https://www.veronique-bouquet.fr/wp-content/uploads/2017/07/VERO.png) no-repeat;
	background-size: cover;
	padding-top: 140px;
}
body.archive.category #content { padding-top: 0 !important; }
body.archive.category .page-header h1 { color: #535353 !important; }
body.page-id-40 #content {  }
.is-singular .entry-inner:before, .error404 .entry-inner:before, .page-template-eventbrite-index .page-header:before, .single-event .entry-header:before {
	background: #535353;
}
.widget ul li {
	border-bottom-color: #353535;
    border-top-color: #353535;
}
.page.has-post-thumbnail.is-singular:not(.home):not(.single-format-image):not(.page-template-eventbrite-index) .entry-header {
	padding-top: .5em;
	padding-bottom: .5em;
}
#ptp-210 a.ptp-button {
	width: 63%;
	line-height: 2em;
	border-bottom: 0;
}

/* CONTACT */
.contact-form:before {
	display: inline-block;
	content: 'Veuillez renseigner les champs obligatoires indiqués par *';
	font-style: italic;
	font-size: 12px;
	margin-bottom: 20px;
	color: #d2dfcc;
}
.contact-form label span {
	display: none;
}
.contact-form label:after {
	content: ' *';
	color: #d2dfcc;
}


/* FOOTER */
.site-footer {
	background: #D2DFCC;
	color: #ffffff;
}
.site-footer .widget ul li {
	border-bottom: 0 !important;
	border-top: 0 !important;
}
.site-footer a { color: #535353;}
.site-footer p, .site-footer span.post-date  { color: #535353; }
.site-footer span.post-date  { font-weight: 700; font-size: 12px; }
.site-footer span.post-date:before { content: '– '; }
.site-footer h1 {
	color: #535353;
	font-size: 18px;
	line-height: 30px;
	font-family: 'Droid Serif', Georgia, serif;
}
.site-footer h2 {
	color: #535353;
	font-size: 14px;
	margin-top: 20px;
}
.site-footer .widget_wpcom_social_media_icons_widget a {
	width: 100%;
    background: #c8d6c2;
    padding: 10px;
    margin: 5px 0;
}
.site-footer h3 {
	padding-left: 0;
	color: #353535;
	border-bottom: 1px groove #eee;
}
.footer-bottom-info:before {
    content: '';
    background: url(https://www.veronique-bouquet.fr/wp-content/uploads/2017/06/bottom-header.png) repeat;
    background-color: #888888;
    display: inline-block;
    width: 100%;
    height: 10px;
    margin-top: -0.9em;
    position: absolute;
    left: 0;
}
.footer-bottom-info {
	padding: 1rem 5.5rem;
	background: #353535;
}
.footer-bottom-info a {
	color: #D2DFCC;
	opacity: .6;
}
.widget_nav_menu ul li a {
	padding-top: 0 !important;
}
.site-title {
	display: inline-block;
	text-align: left;
	width: 50%;
}
.site-description {
	width: 40%;
	line-height: 1em !important;
	margin-top: 5px !important;
}
.menu-toggle {
	background-color: #888;
	margin-top: 25px;
}
@media only screen and (max-width: 580px) {
	.site-header, .home .site-header, .blog .site-header {
		position: absolute !important;
		top: 0 !important;
		margin-top: -150px !important;
	}
	.site-inner {
		margin-top: 150px;
	}
	#slider #n2-ss-2-align {
		display: none !important;
	}
	#slider {
		background: url(https://www.veronique-bouquet.fr/wp-content/uploads/2017/09/headband-mobile-2.png) no-repeat;
		background-size: cover;
    	background-position: bottom;
    	height: auto;
	}
	.home #primary::before {
		content: 'Découvrir les actualités';
	    text-transform: uppercase;
	    text-align: center;
	    display: inline-block;
	    padding: 30px 0;
	    width: 100%;
	    font-size: 2em;
	    font-family: "Droid Serif", Georgia, serif;
	}
	.home #posts::before {
		content: '\f431';
	    font-family: 'Genericons';
	    color: #abb7c3;
	    width: 50px;
	    position: absolute;
	    right: 44%;
	    top: 130px;
	    border-radius: 50px;
	    margin: auto;
	    text-align: center;
	    z-index: 5;
	    background: #fff;
	    font-size: 2em;
	}
	.site-title {
		padding-top: 0;
	}
	.site-description {
		display: block;
	}
}
@media only screen and (max-width: 480px) {
	.site-title, .site-description {
		width: 60%;
	}
}
/*@media only screen and (max-width: 960px){
	.is-scrolled .site-header .site-title, .is-scrolled .site-header .site-description  {
	    color: #fff !important;
	}
}*/