/*
Theme Name: B-Bice+
Author: Pôle web IRD
Description: Basé sur le thème Wordpress twenty-fourteen 1.0
Version: 2.0
Template:       twentyfourteen
*/

@import url(../twentyfourteen/style.css);


/** 1.0 Reset 
 * modification de la couleur par défaut du texte
**/
body,
button,
input,
select,
textarea {
	color: #6c6c6c;
}

/**
 * 4.0 Header
 * bandeau blanc, logo à la place du titre
 */

.site-header {
	background: /*url(images/bkg_fade.png) repeat-x */ #fff;
}

.site-title {
	height:48px;
}
.site-title a {
	background:url(images/logo_bbice.png) no-repeat;
	padding-left:218px;
	display:block;
	width:0;
	overflow:hidden;
}

.site-description {
	color: #777;
	font-size:1.5em;
	font-variant:small-caps;
	border-bottom: #ccc solid 1px;
	background: #fff;
	display:block;
	margin:0;
	margin-left:28px;
	padding-top:4px;
}
/**
 * 5.0 Navigation
 * modification des couleurs
 */

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #F0D12F;
}

.primary-navigation .nav-menu {
	background-color:#304C92;
}

.menu-toggle {
	background-color:#304C92;
}

.content-area {
 padding-top: 24px; }

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

/* Primary Sidebar, Footer Sidebar */
#secondary {
	color:inherit;
	background-color:transparent;
}

.primary-sidebar .widget {
	background-color:transparent;
	padding:8px;
	border-radius: 12px 0;
	margin: 24px 0 0;
	border:1px solid #ccc;
	overflow: hidden
}

.primary-sidebar .widget .widget-title {
margin: -8px -8px 8px;
padding: 8px;
background-color: #608020;
}

.primary-sidebar .widget a {
	color: #556794;
}
.primary-sidebar .widget a:hover {
	color: #304Cdf;
}



/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */
 
 .site-footer {
	background-color: rgba(0,0,0,0.75);
}

.footer-sidebar .widget {
	background-color:transparent;
}

/* gestion du décalage par rapport à l'image  "feature image" */
.entry-summary, .entry-content {
	position: relative;
	z-index: 1;
}

/* sppression des hachures sur les features images */
.post-thumbnail, a.post-thumbnail:hover {
    background: #fff;
}


/* fix pour le module event */
#tribe-events-header .tribe-events-sub-nav{
	display:none;
}

/* fix featured-content*/
.home .featured-content, .home .featured-content .entry-header {
	background:none;
	border-color:#fff;
}
.home .featured-content {
	clear:both;
}
.home .featured-content .hentry, .home .featured-content .entry-meta, .home .featured-content .entry-header {
    color: #6C6C6C;
}
.home .featured-content .entry-meta, .home .featured-content .entry-meta a {
    color: #767676;
}
.home .featured-content .cat-links a, .home .featured-content .entry-title a {
    color: #2B2B2B;
}

/* fix home*/
.home-thumbnail {
	max-height: 450px;
	overflow:hidden;
	vertical-align:middle;
}

.home #secondary {
	border-top:none;
}

.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary {
	background-color:rgba(255,255,255,0.85);
}
.site-content .entry-meta {
	background-color:transparent;
}

/* largeur maximale du contenu */
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
    margin: 0px auto;
    max-width: 574px;
}

/**
 * 8.0 Spécial
 * -----------------------------------------------------------------------------
 */
.bbp-logo {
	float:right;
	margin-left:10px;
	margin-top:-8px;
}

.single .wp_geo_map {
	float:right;
	clear:right;
	margin-top:16px;
	margin-left:10px;
}


/* page institution */
.bbp_institution .entry-meta {
	clear:none;
}
.bbp-institution-header {
	margin : 0 0;
}
.bbp-institution-header img{
	max-width:100%;
	height:auto;
}
.site-content .bbp_institution .entry-header, .site-content .bbp_institution .entry-content,  .site-content .bbp_institution .entry-summary {
	background-color:transparent;
}
.post-type-archive-bbp_institution .page-header {
	margin-bottom:20px;
}
.bbp_filter {
	font-size:0.8em;
	float:right;
	width:20%;
}
.bbp_map_container {
	width:80%
}
.bbp_filter h2 {
	font-size:16px;
	background:#2A4236 url(images/top.png) 8px center no-repeat;
	color:#fff;
	padding: 8px;
	padding-left : 24px;
	position:relative;
}
.bbp_filter h2 a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	color:transparent;
}
.bbp_filter p {
	padding:8px;
}
.bbp_filter_taxo>ul {
	margin-left: 32px;
}
.bbp_map {
	margin-bottom:0;
}

.bbp_filter_off h2{
	background-image:url(images/bottom.png);
}
.bbp_filter_off ul{
	display:none;
}

.post-type-archive-bbp_institution .content-area {
	padding-top:0;
}
.post-type-archive-bbp_institution .site:before {
	display:none;
}

.post-type-archive-bbp_institution .hentry {
	padding:8px;
	border-top:#ccc 1px solid;
	margin-top:24px;
	margin-bottom:0;
}

#special-institution-list {
	margin: 0 1em;
}
#special-institution-list .entry-title {
	font-size:1.25em;
}
#special-institution-list .entry-meta {
	font-size:0.75em;
}

@media screen and (min-width: 673px) {
/* gestion du décalage par rapport à l'image  "feature image" */
.full-width .site-content .has-post-thumbnail .entry-header, .full-width.singular .site-content .hentry.has-post-thumbnail {
margin-top: -148px;
}
/* fix pour le module event */
.full-width.singular .site-content .tribe_events.hentry.has-post-thumbnail {
margin-top: 0;
}
}

@media screen and (min-width: 783px) {
	/* Fixed Header */

	.site-header {
		position: fixed;
		top: 0;
	}

	.admin-bar .site-header {
		top: 32px;
	}

	.site-main {
		margin-top: 88px;
	}
	
	.primary-navigation {
		float: none; 
		margin: 0 49px 0 248px;
	}
}

@media screen and (min-width: 1008px) {
	/* supression de la colonne noire*/
	.site:before {
			background-color: transparent;
	}
	
	/* gestion du décalage par rapport à l'image  "feature image" */
	.full-width .site-content .has-post-thumbnail .entry-header {
	margin-top: -248px;
	}
	.full-width.singular .site-content .hentry.has-post-thumbnail{
	margin-top: 0;
	}

/* fix home*/
	.home .site-content {
		margin-left:0;
	}

 	.home .site-content .entry-header, .home .site-content .entry-content {
		margin-right:48px;
	}
	.home #secondary {
		width:100%;
		margin:0;
		padding:0;
		clear:left;
		min-height:0;
	}
	.home .featured-content {
		padding:0;
		float:right;
		max-width: 534px;
		margin-right:48px;
	}
	.grid .featured-content .hentry {
		width:50%
	}
	
	.home #home-sidebar {
		margin-right: 600px;
		margin-left: 12px;
	}
	.home #home-sidebar .widget {
		margin: 0 2.5% 24px;
		width:auto;
		float:right;
		width:40%;
	}
	
	/*2 colonnes pour l'affichage de des bbp institutions */ 
	.post-type-archive-bbp_institution .hentry {
	width:47%;
	float:left;
	clear:left;
	}
	.post-type-archive-bbp_institution .hentry:nth-child(even) {
	float:right;
	clear:right;
	}

	
}

@media screen and (min-width: 1040px) {
/* fix pour le module event */
 .full-width .site-content .tribe-events-list-event-description {
 	padding: 0;
}


}
