/*!
Theme Name: Fons Vitae
Theme URI: https://fonsvitae.nl/
Author: Fons Vitae
Author URI: https://fonsvitae.nl/
Description: Fons Vitae Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fons-vitae
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Fons Vitae is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

.hs2-carousel .item img {
    max-height: 400px;
}
a {color:#00628b;}
a:hover {color:#b91e2d!important;}
#footer a:hover {color:#00628b!important;font-weight: 400;}

#header .top .logo, #header, .header-sub-menu {
-webkit-box-shadow: 0px 10px 6px -8px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 10px 6px -8px rgba(0,0,0,0.30);
box-shadow: 0px 10px 6px -8px rgba(0,0,0,0.30);
}

.menu-open #header .top .logo {-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none}

#header .top .logo {border-radius: 30px;}

.fb-box .heading span {
	font-weight: 400;}

#footer .separator, .page-template .detail-footer {display:none;}

.page-template-page-detail #footer {
	background: white;}

body p, ul li {font-weight: 100;}

.detail-intro p {font-weight:400; font-size: 24px;line-height: 1.3em;}

.d-accordion p {
    font-size: 17px;
}
.d-accordion h3 {line-height: 0.7;}

.detail-intro h2 {
    font-size: 32px;
    padding-bottom: 8px;
    color: #00628b;
	margin-bottom: 28px;
}
.detail-content .heading span {
    font-size: 15px;
}
dl, ol, ul {
    margin-bottom: 1.9rem;
}
ul {padding-inline-start: 20px!important;}
p {
    margin-bottom: 1.7rem;
}
.menu-items li a {
	padding-bottom: 30px;
padding-left: 40px;}

.menu-items .menu-item .menu-image-hover-wrapper {
    width: 40px;
    position: absolute;
    top: 50%;
    left: -13px;
}
.header-sub-menu h3 img {
    width: 90px;
    bottom: -6px;
    left: -29px;
}
.header-sub-menu h3 {
    padding-left: 60px;
}
.menu-toggler .inner > div span {
    font-size: 16px;
    font-weight: 100;
    top: -4px;
}

.menu-items li img {
    margin-top: -10px;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}





#respond { 
	background: #ffffff;
	padding: 0;
	margin: 30px 0;
}

#respond input[type=text], textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #DDDDDD;
}
   
#respond input[type=text]:focus,
	input[type=email]:focus, 
	input[type=url]:focus,
	textarea:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	margin: 5px 1px 3px 0px;
	border: 2px solid rgba(81, 203, 238, 1);
}

#author, #email { 
	font-family: "Open Sans", "Droid Sans", Arial;
	font-style:italic;
	color:#1d1d1d; 
	letter-spacing:.1em;
} 
  
#url  { 
	color: #1d1d1d;
	font-family: "Luicida Console", "Courier New", "Courier", monospace; 
}

#submit {
	background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
	background-color:#44c767;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
} 
  
#submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
	background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	background-color:#5cbf2a; 
}

#submit:active { 
	position:relative;
	top:1px;
}

#commentform label {
	margin-right: 15px;
	vertical-align: top;
}

.commentlist {
	margin: 0;
	padding: 0;
}

.commentlist .comment-meta {
	margin-bottom: 10px; 
}

.efbl_feeds_holder .col-lg-4 .fb-box {
	background: #e8efde;
}

.efbl_feeds_holder .col-lg-4:nth-child(2) .fb-box {
	background: #f6f2d4;
}

.efbl_feeds_holder .col-lg-4:nth-child(3) .fb-box {
	background: #cae7ef;
}