/* ----------------------------------------------------------------
	
	Couleur menu/liens/boutons #e9072b (valider avec Hélène, changer dans style.css)
	
-----------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, #logo, #primary-menu ul li a, 
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a, 
#top-search form input, .entry-link, .entry.entry-date-section span, .button.button-desc, .counter, 
label, .wedding-head .first-name, .wedding-head .last-name, .font-body, 
body, small, .wp-caption, .feature-box.fbox-center.fbox-italic p, .skills li .progress-percent .counter {
font-family: 'Quicksand', sans-serif!important;	
}

body {
    font-size: 18px;
}

/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/
#logo p {
    font-size: 16px;
    
}
#logo p span {
    color: #e9072b;
    font-size: 25px;
    font-weight:700;
    display: block;
    
}

#primary-menu {margin:10px;}

/* ----------------------------------------------------------------
	Entête de page
-----------------------------------------------------------------*/

#page-title {
	background-color:rgba(233, 7, 43, 0.8);
}

#page-title span {
    display: block;
    margin-top: 10px;
    color: #eee;
    font-size: 21px;
}

/* ----------------------------------------------------------------
	À propos
-----------------------------------------------------------------*/
.progress-percent {
    display: none;
}

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/

#copyrights {
	padding:10px 0;
}
#copyrights a{
	color:#bbb;
}

#copyrights a:hover, #copyrights a:active{
	color:#fff;
}

.credit, #copyrights .credit a {
    font-size: 8px;
    color: #555;
}

/* ----------------------------------------------------------------
	Blogue
-----------------------------------------------------------------*/
.postcontent {
    width: 700px;
}

.mpost .entry-image, .mpost .entry-image a, .mpost .entry-image img, .mpost .entry-image i {
    width: 100%;
    height: auto;
    margin: 0 auto;
}



.sidebar {
    width: 400px;
	//background-color: #95a86d;
	background-color: #C7C7C7;
	padding:30px;
}


.sidebar .coordonnees, .contact .coordonnees  {
	border: 1px solid #cccccc;
	background-color:#fff;
	padding:30px;
	border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	text-align:center;
}

.sidebar .coordonnees h5, .contact .coordonnees h5 {
	font-family: Raleway, sans-serif;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 36px;
	text-transform: uppercase;
}

#contact-form .alert>ul {
    display: none;
}

label {
	margin-bottom: 0px;
	margin-top: 10px;
}

.entry {
    border-bottom: 2px solid #b4cc98;
}


.entry.noborder {
    border-bottom: none;
	margin: 0;
    padding: 0;
}

.mpost {
    margin: 0px;
    border-top: none;
}

.mpost .entry-title {
    clear: both;
}

.mpost .entry-content {
    clear: both;
    margin-top: 25px;
	font-size: 15px;
}

.related-posts {
    margin: 0;
}

.more-link {
    border-bottom: none;
}

#comments {
    position: relative;
    margin-top: 0;
    padding-top: 0;
    border:none;
}

.commentlist {
    padding-bottom: 0;
    margin: 0;
    border-bottom: none;
}

.col-12-mb15  {
    margin-bottom: 15px;
}

/* ----------------------------------------------------------------
	Contact Formulaire
-----------------------------------------------------------------*/

.ccaptcha-container a {color:#333}
.ccaptcha-container a:hover, .ccaptcha-container a:active {color:#888}

#contact-form .alert.alert-block.alert-danger {
	display:none!important;
}

#contact-form p.error {
	color: #ff0606;
	font-weight:bold;
}

/* ----------------------------------------------------------------
	Responsive
-----------------------------------------------------------------*/

@media (max-width: 991px) {
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover a, 
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li.current a, 
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li:hover a, 
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li.current a {
	    color: #e9072b !important;
	}
	
	#header, #header-wrap, #header.sticky-style-2, #header.sticky-style-3, #header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap {
	    height: 147px!important;
	    -webkit-box-shadow: 0px 2px 5px 0px rgba(204,204,204,1);
	    -moz-box-shadow: 0px 2px 5px 0px rgba(204,204,204,1);
	    box-shadow: 0px 1px 3px 0px rgba(204,204,204,1);
	}
	
	#header .container {
	    width: 100%;
	    background-color: #fff;
	    padding: 0 40px;
	}
	
	#primary-menu ul {
	    width: 220px;
	}

}

@media (max-width: 767px) {

	#footer .social.clearfix {
		position: relative !important;
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display:inline-block;
    }

	:before, :after {
		display: inline;
	}

}