/*
Theme Name:     theme_segreV4
Theme URI:      https://www.fondationsegre.org
Description:    Theme enfant pour le theme Responsive-mobile
Author:         Devsector.ch
Author URI:     https://www.devsector.ch
Template:       responsive-mobile                           
Version:        0.1.0
*/

/*
COLORS
light blue: rgba(18,182,214,1)	
middle blue: rgba(66,139,202,1)
dark blue: rgba(11,81,107,1)
*/

@import url("../responsive-mobile/style.css");

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300);

/* FONT AWESOM PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.1');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.1') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.1') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{background-color: #ffffff !important;font-family: 'Open Sans', sans-serif;font-size: 13px;line-height: 1.6;}
h1, h2, h3, h4, h5, h6{color: #08c;}
h1, h2, h3{font-family: 'Lato', sans-serif; font-weight: 300;}

/* HEADER */
#site-branding {
    float: left;
    width: 18%;
	padding-left:10px;
    padding-right:10px;
    padding-bottom: 10px;
}
#secondary-header {
    float: right;
    width: 80%;
    padding-left:0;
    padding-right:0;
    text-align: left;
}
#header {
    padding-bottom: 0px;
    padding-top: 10px;
    background-image: linear-gradient(-0deg, #333, #000);
    border-bottom: 1px solid #444;
    height:108px;
}
#header .container{
	position: relative;
}
.home a:hover, .home a:focus {
    color: #fff;
    text-decoration: none;
}
body.home{color:#333333;}
.breadcrumb-list {
    font-size: 0.8em;
}
#logo img{width: auto;height:85px;}

#top-menu-container {
    background-color: transparent;
    padding: 5px 0;
    position: absolute;
    top:0;
    right:0;
    z-index: 100;
}
#top-menu-container .top-menu li a{
	color: #428bca;
	text-transform: uppercase;
	margin: 0 20px 10px;
}
#top-menu-container .top-menu li a:hover, #top-menu-container .top-menu li.current-menu-item a{
	color: #fff;
}

#top-menu-container .top-menu li::after {
    color: #999999;
    content: none;
    font-weight: 100;
    margin-left: 30px;
}

/* NAVIGATION */
#main-menu {
    position: relative;
    margin-top: 69px;
}
#main-navigation .main-nav ul ul{text-align: left;}
#main-navigation .main-nav ul li {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    float: none;
}
#main-navigation .main-nav ul ul li{display: block;}

.menu-tools-menu-container li a{color:#999;font-size: 1em;}
.menu-tools-menu-container li a:hover{text-decoration: none; color:#fff;}
.menu-tools-menu-container li{display: inline-block;list-style:none;padding: 0 20px 0 0;margin: 0 0 0 20px; border-right: 1px solid #999;}
.menu-tools-menu-container li:last-of-type{border-right:0;}
#main-navigation .main-nav ul li a {
    color: #428bca;
    margin: 0 10px 10px 10px;
    text-transform: uppercase;
    font-size: 1.25em;
    line-height: 1em;
    text-shadow: 1px 1px 1px #000;
    display: inline-block
}
#main-navigation .main-nav ul.sub-menu{padding-top: 0px;padding-bottom:5px;}
#main-navigation .main-nav ul li li a {
    font-size: 1em;
    margin: 0 20px 0 20px;
}
#main-navigation .main-nav ul li a:hover, 
#main-navigation .main-nav ul li.current-menu-item a, 
#main-navigation .main-nav ul li.current-menu-ancestor a,
#main-navigation .main-nav ul li.current-menu-parent a
{color: #fff;}
#main-navigation .main-nav ul li.current-menu-item li a, #main-navigation .main-nav ul li.current-menu-ancestor li a{color: #428bca;}
#main-navigation .main-nav ul li.current-menu-item li a:hover, #main-navigation .main-nav ul li.current-menu-ancestor li a:hover, #main-navigation .main-nav ul li.current-menu-ancestor li.current-menu-item a{color: #fff;}

#main-menu-container {
    background-color: transparent;
}
#main-navigation .main-nav ul li > ul{background-image: linear-gradient(-0deg, #353535, #333);border: 1px solid #444; border-width: 0 1px 1px 1px;}

/* SLIDER */
.tc-carousel-control{margin: 0 30px;color:rgba(255,255,255,1);}

/* SLIDER WSCF */
#wscf-slider-box{position: relative; margin-bottom: 20px;font-size:27px; line-height: 35px;}
#slider_sloganbox{position: absolute;top:225px; color: #fff;text-shadow: 1px 1px 1px #000; background-color: rgba(0,0,0,0.4); padding: 10px 15px; margin: 0 0 0 60px;}
#slider_sloganbox h3{color: #fff; margin: 0;font-size:45px;font-weight: bold;}

/* CONTENT */
main#main,#main.sitemain, .full-width-page main#main{width:100%; padding:3% 12% 5% 24%;}
.page-id-33 main#main,.page-id-33 #main.sitemain,.page-id-33 .full-width-page main#main{width:100%; padding:5% 15px 5% 15px;}
.category main#main,.category #main.sitemain,.category  .full-width-page main#main{width:100%; padding:5% 15px 5% 15px;}

.entry-header h1, .page-header h1{color:rgba(11,81,107,1); font-size: 4.5rem;}
.content-area p,.content-area ul,.content-area ol, .content-area .thumbbox{margin-bottom: 1.714285714rem;}
.content-area p{text-align: justify;}
.more-information-link{margin-bottom: 6.857142856rem;}
.more-information-link li, .more-information-link ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.more-information-link a {
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  padding-left: 20px;
  background: url(images/external_link.gif) no-repeat left top;
  line-height: 1.1;
}
p + h2, ul + h2, .post-entry h2 {
   padding-top: 1em;
}
.post-entry h2{color:rgba(66,139,202,1);}
.content-area{padding-bottom: 70px;}
.highlightbloc{margin: 30px 0; padding: 2em 2em 1em 2em;border: 0; background-color: rgba(66,139,202,1); color:#fff;}
.highlightbloc a{color: rgba(255,255,255,0.75)}
.content-area .highlightbloc p {font-size: 1.8rem;line-height: 1.3; font-family: "Lato",sans-serif;font-weight: 300; text-align: left; margin-bottom: 1em;}
.highlightbloc h4 {font-size: 1.2rem; font-weight: normal; margin:0 0 20px 0; color:#fff;}
.highlightbloc h3 {margin:0 0 20px 0; color:#fff;}
.highlightbloc img{margin-bottom: 0.5rem;}
.content-area .highlightbloc ul li::before{color:#fff;content:"\f019";}

.highlightblocfront{margin: 5px 0; padding: 1em 2em 1em 2em;border: 0; background-color: rgba(66,139,202,1); color:#fff;}
.highlightblocfront a{color: rgba(255,255,255,0.75)}
.content-area .highlightblocfront p {font-size: 1.8rem;line-height: 1.3; font-family: "Lato",sans-serif;font-weight: 300; text-align: left; margin-bottom: 1em;}
.highlightblocfront h4 {font-size: 1.2rem; font-weight: normal; margin:0 0 20px 0; color:#fff;}
.highlightblocfront h3 {margin:0 0 20px 0; color:#fff;}
.highlightblocfront img{margin-bottom: 0.5rem;}
.content-area .highlightblocfront ul li::before{color:#fff;content:"\f019";}

.page-id-1626 .content-area .highlightbloc ul li a{font-weight: bold;}
.page-id-1626 .highlightbloc h3{margin: 0 0 20px 1.5em;}
.page-id-1626 .highlightbloc h3::before {
    color: rgba(255, 255, 255, 1);
    content: "\f15b";
    float: left;
    font-family: "FontAwesome";
    font-size: 1em;
    line-height: 1em;
    margin-left: -1.5em;
    
}



.gallerie ul, .gallerie li{margin: 0; padding: 0; list-style: none;} 
.gallerie li {width:33.333%; float:left;}
.gallerie li img{max-width: 95%;}

.gallerie{margin-bottom: 6.85714rem;}


.gallerie li:nth-child(2n+2){text-align: center;}
.gallerie li:nth-child(3n+3){text-align: right;}


.cleaner{clear: both}

/* CAPTION IMG */
.wp-caption {
    border: 0px solid #cccccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
    max-width: 100%;
}
.wp-caption .wp-caption-text {
    margin: 0.5em 0;
}
.wp-caption-text {
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
}

/* LIST */
.content-area ul, .content-area ul li{list-style: none; padding: 0; margin: 0;}
.content-area ul{margin: 2em 0;}
.content-area ul li{margin: 1em; margin-left: 2em;}
.content-area ul li li{margin: 0.5em 1em; margin-left: 2em;}
.content-area ul li:before{color: rgba(66, 139, 202, 1);content: '\f054';font-family: 'FontAwesome';float: left;margin-left: -1.5em;}
.content-area ul li li:before{color: rgba(66, 139, 202, 1);content: '\f105';font-family: 'FontAwesome';float: left;margin-left: -1.5em;}

.content-area .gallerie ul li:before{display: none}
.content-area .gallerie ul li{margin: 0;}

/* COLLAPSE */
.collapse-h2{color: #08c;font-size: 22px;font-family: "Lato",sans-serif;font-weight: 300;}
.collapseomatic{background-image: none;padding: 0 0 5px 25px;}
.collapseomatic_content{padding-bottom: 4em; margin-left: 25px;}
.collapseomatic:before{color: rgba(66, 139, 202, 1);content: '\f0da';font-family: 'FontAwesome';float: left;margin-left: -1em; font-size: 0.8em;line-height: 2em;}
.collapseomatic.colomat-close:before{content: '\f0d7';color:#000;}
.colomat-hover, .colomat-close{text-decoration: none; color:#000;}


/* NAV BOTTOM */
.post-navigation{
	border-top: 1px dashed #cccccc;
    margin-top: 20px;padding-top: 20px;}
.post-navigation .nav-links{position: relative; padding-top: 2rem;}
.post-navigation .nav-links span.meta-nav{display: block; position: absolute; top:0; width: 33%}

.navigation .nav-previous {
    float: left;
    width: 33%;
}
.navigation .nav-next {
    float: right;
    text-align: right;
    width: 33%;
}
.alignleft {
    margin-right: 2em;
}

/*PROJECTS PAGE */
main#main.full-width.page-projects{width:100%;}
.columnContinent{
	width: 18%;
	float: left;
	margin-right: 2%;
}
.columnContinent a{
	text-decoration: none;
}
.columnContinent li a{
	font-weight: normal;
}
.columnContinent img{
	max-width: 100%;
}
.columnContinent h2 {
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1.1em;
    padding-bottom: 0.5em;
    border-bottom:1px dashed #CCCCCC;
    
}
.columnContinent h2 a{color: rgba(18,182,214,1);}
.columnContinentContent ul{
	padding: 0;
}
.columnContinentContent li{
	font-size: 0.9em;
	margin-bottom: 1.5em;
	line-height:1.2;
	list-style: none;
}
.columnContinentFooter h4{
	font-size: 0.8em;
	margin: 1.5em 0;
	line-height:1.2;
	font-weight: bold;
}
.columnContinentFooter h4 a:before {
	content:"» ";
}
.information span{font-weight: bold;}

/* WIDGET*/
#content #widgets{display: none;}
#widgets .widget-title, main#main.sitemap .sitemap-widgets .widget-title {
     border-bottom: 1px dashed #cccccc;
    margin-bottom: 20px;
}

#widgets h3.srp-widget-title,#widgets  #wysiwyg_widgets_widget-2 .widget-title {
    border-bottom: 1px solid #cccccc;
    color: #1664a2;
    display: block;
    margin-bottom: 10px;
}
#widgets #wysiwyg_widgets_widget-2 li {
    background: url("images/chevron.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border-bottom: 1px dashed #cccccc !important;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.3;
    margin: 0 0 10px;
    padding: 0 0 10px 20px;
    text-decoration: none;
}



/* WIDGET FOOTER */
.srp-widget-singlepost {
    border-bottom: 1px solid #555555;
}
#footer-widget {
  margin-bottom: 1px;
}
#footer-widget .footer-widget .widget-title h3 {
    color: #ccc;
    margin-bottom: 4rem;
    font-weight: 100;
    font-size: 2.1em;
}
#footer-widget .contact-button {text-align: left;padding-top: 0.5em;}
#footer-widget .contact-button a{display: inline-block; background-color: #428bca; color: #fff; padding: 3px 5px; border: 1px solid #4895d9;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-shadow: 1px 1px 1px #000;}
.widget_specialrecentpostsFree h4, .widget_specialrecentpostsFree .h4{font-size: 1.2em;}
.srp-content-box .srp-post-date, .widget-area .widget .srp-post-date p {font-size:0.85em !important; text-align: left !important;}

a.srp-post-thumbnail-link{overflow: hidden;}
a.srp-post-thumbnail-link img{transition: all 0.4s ease-in-out 0s; max-width: 100%}
a.srp-post-thumbnail-link:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.srp-thumbnail-box {
    height: 100px;
    margin-right: 20px;
    width: 100px;
}
.srp-content-box .srp-post-title, .widget-area .widget .srp-post-title {
    margin: 0 0 3px;line-height: 1.2em;
}
.srp-content-box .srp-post-date, .widget-area .widget .srp-post-date {
    margin: 0;
}
.widget_search {
  margin-top: 1px;
  text-align: right;
}

/* FOOTER */


#footer{margin-top: 0;background-image: linear-gradient(-0deg, #111, #333);border-top: 1px solid #444;}
#footer-base .scroll-top a{
    display: inline-block; background-color: #428bca; color: #fff; padding: 3px 5px; border: 1px solid #4895d9;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-shadow: 1px 1px 1px #000;width: 30px;height:30px;font-size: 1.8em; line-height: 1em; overflow: hidden;}
#footer a:hover, #footer a:focus {
    color: #fff;
    text-decoration: none;
}
#footer-base .scroll-top a:before{content: '\f106';font-family: 'FontAwesome';text-align: center; margin-bottom: 300px;display: block; line-height: 20px;font-size: 25px;}

#footer-base {
    font-size: 0.75em;
    margin-left: -15px;
    margin-right: -15px;
    padding: 1px 0;
}

/* Masonry */
.home #grid-container{max-width: 1170px;margin: 40px auto 20px auto;}
.grid {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
.grid h2 {
    font-size: 1.5em;
    line-height: 1.2em;
    margin-top: 0;
}
.home .grid p{font-size: 1.4em;text-align: center;}
.home .grid .read-more{text-align: center;padding-top: 0.5em;}
.home .grid .read-more a{display: inline-block; background-color: #428bca; color: #fff; padding: 3px 5px; border: 1px solid #4895d9;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-shadow: 1px 1px 1px #000;}
.home .grid h2 {
    font-size: 40px;
	margin: 20px 0 40px 0;
	text-align: center;
	font-family: 'Lato', sans-serif; 
	font-weight: 500;
	min-height: 100px;
}
.home .grid a:hover {
    color: #2a6496;
    text-decoration: none;
}
.grid article {
    display: block;
    float: left;
    width: 33.333%;
    padding: 10px !important;
    box-sizing: border-box;
    border: 0 !important;
}
.category-9 .grid article{width: 20%;}
.category-9 .grid article h2{text-align: center;}
.grid article .contentbox{border: 1px solid #e1e1e1 !important;background-color: #FFFFFF;padding: 10px;}
.home .grid article .contentbox{border: 0px solid #CCC !important;background-color: transparent;padding: 0px;}
.featured-media img, .widget_sp_image-image-link img {
    display: block;
    height: auto;
    width: 100%;
    transition: all 0.4s ease-in-out 0s;
}
a.featured-media , a.widget_sp_image-image-link{display: block;
    overflow: hidden;
    position: relative;
}
a.featured-media:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
 a.widget_sp_image-image-link:hover img {
	-webkit-transform: scale(1.025);
	-moz-transform: scale(1.025);
	-o-transform: scale(1.025);
	transform: scale(1.025);
}
.category-partners .post .featured-media + .post-header {
    margin-top: 0px;
}


a.srp-post-stringbreak-link {display: none;}


/* Infinite Scroll */
.load-more-manual #page-nav {
	display:block !important; 
}
#page-nav {
	display:none; 
	text-align:center; 
}
.load-more-manual #page-nav a {
	margin:20px auto 10px auto;
	display:inline-block;
	width:auto;
}
.load-more-manual #page-nav a {
    font-weight: bold;
    display: inline-block;
    font-size: 15px;
    position: relative;
    transition-duration: 150ms;
    text-decoration: none;
}
#infscr-loading { 
	text-align: center;
	z-index: 100;
	position: fixed;
	left: 50%;
	bottom: 40px;
	width: 200px;
	margin-left:-100px;
	padding: 10px;
	background: #000; 
	opacity: 0.8;
	color: #FFF;
	-webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	      border-radius: 10px;
}
.more { 
	width: 300px;
}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {

#main-navigation .main-nav ul {text-align: right;}



}
@media only screen 
and (min-width : 1000px) {
	#header{position:fixed; width:100%; z-index: 10;}
	.site-content{padding-top: 108px;}
	#main-navigation .main-nav ul {text-align: right;}

}


@media only screen and (max-device-width : 1024px) and (orientation: landscape){ /* iPads (landscape) ----------- */
	#main-navigation .main-nav ul li a {
    margin: 0 10px 12px 10px;
	}
	main#main, #main.sitemain, .full-width-page main#main {
    padding: 5% 12% 5% 23%;
    width: 100%;
	}
}
@media only screen and (min-device-width : 768px) and (orientation: portrait) { /* iPads (portrait and) ----------- */
	#site-branding {
    float: none;
    padding-left: 6%;
    padding-right: 6%;
    width: 100%;
    }
    #header {height:auto;}
    #secondary-header {
    float: none;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    width: 100%;
	}
	#main-menu {
    margin-top: 0;
    position: relative;
	}
	#mobile-current-item{display: none;}
	#main-navigation .main-nav{padding-left: 5%;}
	#main-navigation .main-nav ul li > ul{border:0; background-image: none;}
	#main-navigation ul {
    display: none;
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
    padding-bottom: 10px;
	}
	#main-navigation .main-nav ul.sub-menu {
    padding-bottom: 15px;
    padding-top: 0;
	}
	#main-navigation .main-nav ul li{display: block;
		width: 100%;
	}
	#main-navigation .main-nav ul li a:hover, #main-navigation .main-nav ul li a:active{color:#fff;}
	#main-navigation .main-nav .menu li a::before {
    content: "▶︎";
    margin-left: -15px;
    position: absolute;
    font-size: 0.8em;
	}
	#main-navigation .main-nav .menu li li a::before {
    content: "";
    margin-left: 0;
    position: absolute;
	}
	#main-navigation .main-nav ul li li a {line-height: 1.8em;}
	
	

}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* IPHONE HOR & VERT */
	
	main#main, #main.sitemain, .full-width-page main#main {
    padding: 5%;
    width: 100%;
	}
	#header {height:auto;}
	
	
	
	#site-branding {
    float: none;
    padding-left: 6%;
    padding-right: 6%;
    width: 100%;
	}
	#secondary-header {
    float: none;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    width: 100%;
	}
	#main-menu {
    margin-top: 0;
    position: relative;
	}
	#mobile-current-item{display: none;}
	#main-navigation .main-nav ul li > ul{border:0; background-image: none;}
	#main-navigation ul {
    display: none;
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
    padding-bottom: 10px;
	}
	#main-navigation .main-nav ul.sub-menu {
    padding-bottom: 15px;
    padding-top: 0;
	}
	#main-navigation .main-nav ul li{display: block;
		width: 100%;
	}
	#main-navigation .main-nav ul li a:hover, #main-navigation .main-nav ul li a:active{color:#fff;}
	#main-navigation .main-nav .menu li a::before {
    content: "▶︎";
    margin-left: -15px;
    position: absolute;
    font-size: 0.8em;
	}
	#main-navigation .main-nav .menu li li a::before {
    content: "";
    margin-left: 0;
    position: absolute;
	}
	#main-navigation .main-nav ul li li a {line-height: 1.8em;}
	
	
	#top-menu-container .top-menu li{float:none; text-align: right; margin:0;}
	#top-menu-container .top-menu li a {margin: 0 10px;}
	
	/* PAGE WSCF */
	
	.page-id-1626 p img.alignright{width:33%; margin:0;}
	.page-id-1626 #wds_container1_0 {display: block;}
	.page-id-1626 #slider_sloganbox {display: none;}
	
	
	.home #grid-container {margin: 0 auto 20px;}
	.home .grid h2 {margin: 0 0 20px 0;}
	.grid article {
    border: 0 none !important;
    box-sizing: border-box;
    display: block;
    float: none;
    padding: 0px !important;
    width: 100%;
    margin-bottom: 3rem;
	}
	.category-9 .grid article {
    width: 100%;
	}
	
	#wds_container1_0{display: none;}
	
	.one-half {width: 100%;}
	.first{margin: 0;}
	.one-half, .one-third, .two-third {
    float: none;
	}
	
	.columnContinent {
    float: none;
    margin-right: 0%;
    margin-bottom: 5rem;
    width: 100%;
	}
}