/*
 Theme Name:   EHP
 Description:  Thème enfant de Sahifa, spécifique pour ehp
 Author:       Sébastien VITA
 Author URI:   http://www.sebvita.com
 Template:     sahifa
 Version:      1.0.0
*/

/* General site */	
.post a {
	color: #947763;
}

a.button {
	color: white;
}

.share-post li, .mini-share-post li {
	width: auto;
	margin-right: 10px;
}

.overlay-icon:before {
	content: "\f0d0";
}

.button, a.button, a.more-link, #main-content input[type="submit"], .form-submit #submit, #login-form .login-button, .widget-feedburner .feedburner-subscribe, input[type="submit"], #buddypress button, #buddypress a.button, #buddypress input[type=submit], #buddypress input[type=reset], #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, a.bp-title-button, textarea, input, select {
	font-family: 'Tahoma', Arial, Verdana, sans-serif;
}

/* Fix post thumbnail */
.post-thumbnail .fa {
	display: inline;
}

.post-thumbnail a {
	-webkit-transition: background .4s ease-in-out;
	-moz-transition: background .4s ease-in-out;
	-o-transition: background .4s ease-in-out;
	transition: background .4s ease-in-out;
	background: #FFF;
}
.lazy-enabled #main-content .post-thumbnail.tie-appear ,
.lazy-enabled #theme-footer div.post-thumbnail.tie-appear,
.lazy-enabled #main-content img.tie-appear ,
.lazy-enabled #featured-posts.tie-appear {
    opacity: 1;
    -webkit-transition: opacity .4s ease-in-out;
       -moz-transition: opacity .4s ease-in-out;
         -o-transition: opacity .4s ease-in-out;
            transition: opacity .4s ease-in-out;
}
.post-thumbnail a:hover {
	background: #000;	
}
.post-thumbnail a:hover img {
	background: #FFF;	
}


.entry h2 {
	font-size: 26px;
}

ul.timeline {
	border: none;
	display: block;
	overflow: hidden;
	width: 100%;
}

.related-item .post-thumbnail a {
	max-height: 110px;
	overflow: hidden;
}

#wrapper.wide-layout {
	background: transparent;
}

#wrapper.wide-layout #main-content {
	background: white;
	padding: 30px 10px 10px 10px !important;
	margin-top: 0;
	margin-bottom: 0;
}

.e3lan-bottom {
	margin: 0;	
} 

#theme-footer {
	margin-top: 0;
}

.post-navigation {
	margin: 10px 0 20px;
}

blockquote {
	border: 4px solid #937764;
	border-width: 0 0 0 4px;
}
blockquote p {
	font-family: 'Droid Sans', Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: normal;
	color: #333;
	border: none;
}

.edit-link a {
	font-size: 10px;
}

dd {
	margin-left: 20px;
}

dt {
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}

.hidden {
	display: none !important;
}

/* Mobile general */
@media (max-width: 680px) {
	img.alignright {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		display: block;
		float: none;
	}
}

/* Fix global width */
#wrapper.wide-layout .header-content, 
#wrapper.wide-layout .breaking-news, 
#wrapper.wide-layout .container, 
#wrapper.wide-layout #main-nav ul li.mega-menu .mega-menu-block {
	width: 1150px;	
}

.content {
	width: 800px;
}

#sidebar {
	width: 300px;
}

@media only screen and ( max-width: 1200px ){
	#wrapper.wide-layout .header-content,
    #wrapper.wide-layout .breaking-news,
    #wrapper.wide-layout .container,
    #wrapper.wide-layout #main-nav ul li.mega-menu .mega-menu-block {
        width: 99%;
    }

   .content{
        width: 66.5%;
    }
    
    #sidebar{
        width: 32%;
    }	
    
    /* Fix logo */
    .logo {
  	    float: none !important;
  	    text-align: center;
        margin: 0 !important;
        clear: both;
  	}
  	
    .e3lan-top {
        margin-top: 20px;
  	    float: none !important;
  	    text-align: center;
  	}
}

@media only screen and (max-width: 990px){
	.content,
    #sidebar {
        width: 100%;
        float: none;
    }	
}



/* Header */
#theme-header {
	margin-bottom: 0;
}

#main-nav #menu-principal > li:first-child > a {
	width: 38px;
	overflow: hidden;
	padding: 0;
}

#main-nav ul li.menu-item-home a {
	background-position: center 8px;
}

/* Header search bar */
#theme-header.theme-search-header {
  background-image: url('https://www.encyclopedie-hp.org/wp-content/themes/sahifa-ehp/duke-humfrey-bibliotheque-rechercher.png') !important;
  background-size: cover;
}

#theme-header.theme-search-header .logo img, 
#theme-header.theme-search-header .e3lan img {
	filter: brightness(0) invert(1);
}

.search-header-content {
	min-height: 300px;
}

#home-header-search {
	position: absolute;
	left: 0;
	right: 0;
	left: 25%;
	right: 25%;
	border-radius: 25px;
	align-items: center;
	justify-content: center;
	margin-top: 150px;
	background: white;
}

#home-header-search .home-header-search-content {
	margin-left: auto;
	margin-right: auto;
	
	background: transparent; 
	border: 1px solid black;
	border-radius: 25px;
	align-items: center;
	justify-content: center;
}

#home-header-search .search-form {
	display: flex;
}

#home-header-search .search-form label {
	width: 100%;
}

#home-header-search span.screen-reader-text {
	display: none;
}

#home-header-search input {
	outline: none;
	border: none;
}

#home-header-search input.search-field {
	border: none; 
	border-width: 0; 
	box-shadow: none;
	appearance: normal;
	-webkit-appearance: none;
	margin: 10px;
	background-color: transparent;
	width: 100%;
}

#home-header-search input.search-submit {
	border-bottom-right-radius: 25px;
	border-top-right-radius: 25px;
	margin-left: auto;
	min-width: 100px;
}

/* JSComposer Fix */
h2.vc_custom_heading {
	font-family: Helvetica !important;
	font-weight: normal !important;
}

.vc_toggle_title h4 {
	font-size: 1em;
	font-weight: bold;
}

/* Countdown CSS */
#main_countedown_widget_2 .element_conteiner {
	width: 90px;
	height: 90px;
	border: 2px solid #947763;
	margin: 5px;
	border-radius: 50%;
}

#main_countedown_widget_2 .time_left {
	background-color: transparent !important;
	padding-top: 20%;
	padding-bottom: 0;
	font-family: 'Tahoma', Arial, Verdana, sans-serif !important;
	font-weight: normal;
	color: #947763 !important;
}

#main_countedown_widget_2 .time_description {
	font-family: 'Tahoma', Arial, Verdana, sans-serif !important;
	font-size: 14px !important;
	font-weight: normal;
}

#main_countedown_widget_2 .countdown .element_conteiner:nth-child(n+3) {
	display: none;
}

/* Sidebar taxonomy image */
.widget .z-taxonomy-image {
	display: block;
	width: 100%;
	text-align: center;
}
.widget .z-taxonomy-image img {
	max-width: 100%;	
}