/*
Theme Name: SBP2017 Child
Template: SBP2017
Version: 1.1
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


@font-face {
	font-family: 'EuclidFlex';
	src: url('fonts/EuclidFlex-Bold-WebXL.eot');
	src: url('fonts/EuclidFlex-Bold-WebXL.eot?#iefix') format('embedded-opentype'),
		url('fonts/EuclidFlex-Bold-WebXL.woff2') format('woff2'),
		url('fonts/EuclidFlex-Bold-WebXL.woff') format('woff'),
		url('fonts/EuclidFlex-Bold-WebXL.ttf') format('truetype'),
		url('fonts/EuclidFlex-Bold-WebXL.svg#Font') format('svg');
	font-weight: bold;
	font-style: normal;
}

/*-------------site header-------------*/
body #site-header,
body #site-header-sticky-wrapper.is-sticky #site-header {
    background: #000 url('../../uploads/2017/07/header.jpg');
	background-size: cover; 
}

#site-header {margin-bottom: 50px;}

/*------MENU-------*/

/*-------------Sidebar-------------*/
/*.sidebar-box {background-color: #ddf2f8; padding: 20px; margin-bottom: 15px;}*/

.widgetEmpty {display: none;}
.widgetFull {background-color: #f5f1ee; padding: 20px; margin-bottom: 15px;}

/*searchform*/
.searchform input {background-color: #ddf2f8; border-color:#bbb;}

/*-------------TYPOGRAPHY-------------*/


/*-------------Related Box-------------*/
.relatedBox {background-color: #f5f1ee; padding: 15px; margin-bottom: 15px; }
.relatedBoxTitle {color: #e0001a; font-family: 'EuclidFlex'; text-transform: uppercase; font-size:1.077em; }
.relatedBox a {color: #595959; text-decoration: none;}
.relatedBox a:hover {color: #e0001a;}

.relatedItemTitle {display: block;}
.relatedContent {margin-top: 30px;}

/*---colonnes---*/

.col-sm-6  {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}


.colGauche {padding-left: 0px;}
.colDroite {padding-right: 0px;}


/*----------------Actualités------------------------*/
.col-sm-4  {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

#footer-builder .vc_separator.vc_sep_color_grey .vc_sep_line {border-color: #737373;}

.blocActualites {clear: both; width: 100%; }

.blocActualites h2 {font-family: 'EuclidFlex'; color: #595959; text-transform: uppercase; font-size: 2em; margin: 0; padding: 0; line-height: 1.2;}
.metaActu, .metaActu a {font-family: 'EuclidFlex'; color: #F00; text-transform: uppercase; margin: 0; padding: 0;  margin-top: 10px;}
.extraitActu p {margin: 0; padding: 0; font-weight: 600; }
.readmoreActu {margin: 0; padding: 0;}
.blocActualites .boxActualites div.actuImage img {margin-top: 10px;}
.boxActualites {border-bottom: 2px solid #737373; padding-bottom: 10px;}
.masonry-grid .col-lg-4, .masonry-grid .col-md-4, .masonry-grid .col-sm-6, .masonry-grid .col-xs-12 {padding: 0;}
.grid-sizer, .grid-item , .masonry-grid .col-lg-4, .masonry-grid .col-md-4 { width: 32%; width: calc( ( 100% - 60px ) / 3 );}

.vc_separator.vc_sep_color_grey .vc_sep_line {border-color: #737373;}

@media screen and (min-width : 601px) and (max-width: 900px) {
.grid-sizer, .grid-item , .masonry-grid .col-sm-6, .masonry-grid .col-xs-12  { width: 48%; width: calc( ( 100% - 30px ) / 2 );}
}
@media only screen and (max-width : 600px) {
.grid-sizer, .grid-item , .masonry-grid .col-sm-6, .masonry-grid .col-xs-12  { width: 100%;}
}

/*-----responsive---------*/

@media screen and (min-width: 768px) {
  	.col-sm-6 {
   	 	float: left;
 		width: 50%;
		padding-right: 10px;
		padding-left: 10px;
  }
	.colGauche {padding-left: 0px;}
	.colDroite {padding-right: 0px;}
}