/*
Theme Name:     Voice Child
Theme URI:      http://mekshq.com
Description:    Theme enfant special SEMIS
Author:         MaGr
Author URI:     http://mekshq.com
Template:       voice
Version:        0.1.0
*/

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,900');

.main-header {
background: url("images/bandeau-main.jpg") no-repeat top center !important;
}
.header-sticky .site-title img {
    max-height: 50px;
}

/*Style CSP*/
.csp .main-header, .page-id-27 .main-header, .page-id-29 .main-header, .page-id-32 .main-header {
background: url("images/bandeau-main-csp.jpg") no-repeat top center !important;
}
.csp .site-branding, .page-id-27 .site-branding, .page-id-29 .site-branding, .page-id-32 .site-branding {
	background: url("images/logo-csp.png") no-repeat center left !important;
}
.csp .site-branding a img, .page-id-27 .site-branding a img, .page-id-29 .site-branding a img, .page-id-32 .site-branding a img {
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

/*Contenu Articles*/
.entry-header h1 {
	font-weight: 200;
}
.entry-header h1{
	color: #786b59;
}
.entry-content h3 {
    margin: 20px 0;
}
.entry-content p {
    margin-bottom: 20px;
}
ol {
    counter-reset:li; /* Initiate a counter */
}
ol > li {
	position:relative; /* Create a positioning context */
    margin: 0 0 8px 10px; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
}
ol > li:before {
	content: counter(li); /* Use the counter as content */
	counter-increment: li; /* Increment the counter by 1 */
	position: absolute;
	font-size: 24px;
	font-weight: bold;
	color: #85A29C;
	left: -20px;
	width: 20px;
}
.entry-content blockquote {
	font-weight: 400;
	color: #3f382f;
}
.vce-featured-header .vce-read-more {
    padding: 3px 0 5px;
    width: 120px;
    border-radius: 4px;
    margin: 20px auto 0 auto;
    display: block;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
	border: 1px solid #b8382e;
}
.vce-custom-content.vce-post {
    padding: 60px;
	display: block;
	overflow: auto;
}

/*Slideshow*/
.vce-featured-info .entry-content p {
    font-weight: bold;
    font-size: 110%;
}
.vce-featured-header .vce-read-more {
	font-weight: bold;
	border: 2px solid #B8382E;
}
.vce-featured-header .vce-read-more:hover {
    background: #b8382e;
	color: #FFF;
}
.vce-featured, .vce-featured-full-slider {
    max-width: 1140px;
    margin: 0 auto;
}

.owl-nav .fa {
	font-size: 20px;
	font-weight: bold;
}

/*Sidebar*/
.main-box-title, .sidebar .widget-title {
    font-size: 24px;
}
#text-2 {
	background: #d2ecff;
}
#text-2 .widget-title {
	background: #6ab3ea;
	color: #ffffff;
}
#text-3 {
	background: #a8e3c4;
}
#text-3 .widget-title {
	background: #23af65;
	color: #ffffff;
}
.widget_text p {
	text-align:center;
}

.site-info {
    background: #3f382f;
}
.site-info p {
	color: #cbb598;
}
.banniere-don {
	margin:-20px;
	text-align: center;
}
.sidebar .widget.mks_social_widget {
	background: none !important;
	box-shadow: none !important;
}

/*Banniere*/
.vce-ad-container {
    width: 848px;
}
.page-id-52 .vce-ad-container {
    display: none;
}

/*Footer*/
.site-footer .widget {
    background: #FFFFFF;
	text-align:center;
}
.site-footer .widget img {
	margin: 0 15px;
}


@media only screen and (max-width: 1023px) {
 
.site-branding img {
    max-width:222px;
    max-height:100px;
    
}
.main-header {
	height:170px;
}
.header-bottom-wrapper {
    display: none;
}
}
@media only screen and (max-width: 848px) {
.vce-ad-container {
    width: 100%;
}
}
@media only screen and (min-width: 200px) and (max-width: 670px) {
 
.site-branding img {
    max-width:170px;
    max-height:70px;
    
}
.main-header {height:150px;}
}

