/**

 * Theme Name:          Hovinga

 * Author:              Virunga

 * Author URI:          https://virunga.nl

 * Version:             1.1.0

 *

 * Template:            genesis

 *

 * License:             GPL-2.0+

 * License URI:         http://www.opensource.org/licenses/gpl-license.php

 */





/* # Defaults

---------------------------------------------------------------------------------------------------- */



/**

 * Retina Logo

 *

 * If uploading double sized (retina) image,

 * put exactly half the width in pixels for retina display.

 * Example: Retina (2x) image is 360px by 90px, CSS should be:

 * max-width: 180px;

 = Blue #58b2f7
 * Dark Blue #0f91f5
 * Yellow #ffd966
 * Red #b8001c
 * Dark Red #96051b

 */

.wp-custom-logo .site-title a {

	/* max-width: 180px; */

}



a {

    color: #96051b;

    text-decoration: none;

}



.entry.boxed, .sidebar .widget.boxed, .sidebar.boxed {

    border: 1px solid rgba(0,0,0,.09);

}



body {

	font-family: 'Montserrat', sans-serif;

	font-weight: 400;

	background-color: #F2F4F2

}



.text-md {

    font-size: 1.2 rem;

}



h2,

h3,

h4,

h5,

h6,

.site-title a,

.adjacent-entry-pagination a {

	font-family: 'Montserrat', sans-serif;

	font-weight: 400;

}



.banner-area .archive-title,

.banner-area .author-box-title,

.banner-area .entry-title,

.heading,

h1 {

	font-family: 'Montserrat', sans-serif;

}



.author-box-title,

.entry-comments h3,

.comment-respond h3,

.widget-title,

.related > h2,

.up-sells > h2 {

	font-family: 'Montserrat', sans-serif;

}



.sidebar .widget-title {

	text-align: center;

}



.nav-primary {

    background-color: #58b2f7;

}



.genesis-nav-menu a {

	padding: 14px 12px;

	color: #000000;

	font-weight:bold;

}



.nav-primary .current-menu-ancestor > a, .nav-primary .current-menu-item > a, .nav-primary .nav-search:focus, .nav-primary .nav-search:hover, .nav-primary a:focus, .nav-primary a:hover, .nav-primary > .menu-item-has-children:focus > a, .nav-primary > .menu-item-has-children:hover > a {

    background-color: #0f91f5;

    color: #000000;

}



.home .nav-primary .current-menu-item > a {

    color: #665628;

}



.home .nav-primary .current-menu-item > a {

    background-color: #96051B;

}



.site-footer {

    background-color: #ffd966;

    color: #000000;


}



.button {

	background-color: #ffd966

}



.button:hover {

	background-color: #96051B

}



.entry.boxed:not(.has-bg-image) {

    color: #000;

}



.home a.more-link,

.home p.more-from-category a {

	background: #ffd966;

	color: #FFF;

	padding: 11px 14px;

	text-decoration: none

}



.home a.more-link {

	margin-top: 12px

}



.home a.more-link:hover,

.home p.more-from-category a:hover {

	background: #96051B;

	color: #FFF

}



.drie_blokken .entry-header a h1,

.drie_blokken .widget .entry-header h4.entry-title {

	font-size: 1.5rem;

	font-family: 'Montserrat', sans-serif;

}



.drie_blokken .entry-header a h3 {

	font-size: 0.9rem;

	font-family: 'Montserrat', sans-serif;

	font-weight: 400;

}



p {

    margin-bottom: 10px !important;

    padding: 0;

}

table {
    border:none;
    border-collapse:collapse;
    border-spacing:0px;
    text-align:left;
    padding:2px;
    margin:0 auto;
    font-family:Verdana;
    font-size: 1.2 rem;
}

td {
    border:none;

}


/* # Banner

---------------------------------------------------------------------------------------------------- */



.height-xl {

    padding-top: calc(1rem + 7.552vw);

    padding-bottom: calc(1rem + 7.552vw);

}



.home .height-xl {

    padding-top: calc(1rem + 14.552vw);

    padding-bottom: calc(1rem + 14.552vw);

}



h1.banner-title {

	padding: 6px 20px 10px;

	background: url(images/bg_h1.png) repeat;


	margin-top: 140px;

	margin-bottom: -50px

}



.home .section.drie_blokken .widgettitle {

	text-align: center

}



/* # Content Area

---------------------------------------------------------------------------------------------------- */



.adjacent-entry-pagination a,

.after-entry .widget,

.author-box,

.comment-respond,

.entry,

.entry-comments,

.entry-pings,

.sidebar .widget,

.sticky-header.scroll .site-header {

	-webkit-box-shadow: 0 4px 24px rgba(0,0,0,0.025);

	box-shadow: 0 4px 24px rgba(0,0,0,0.025);

}



/* ## Entry Meta

--------------------------------------------- */



.entry-header .entry-meta {

	display: none

}



.category-nieuws-chc .entry-header .entry-meta {

	display: flex

}



.entry-comments .comment-meta {

	-webkit-font-smoothing: antialiased;

}



/* # Canon Oldambt / Vestingsmusea

---------------------------------------------------------------------------------------------------- */



.page-template-canon-oldambt .content-sidebar-wrap.has-boxed-children .entry-content,

.page-template-vestingmusea .content-sidebar-wrap.has-boxed-children .entry-content {

    max-width: 800px;

	margin: 0 auto

}



.page-template-canon-oldambt .entry h1,

.page-template-vestingmusea .entry h1,

.single-post h1 {

	font-size: 1.6rem;

}



.page-template-canon-oldambt .sidebar .entry h1,

.page-template-vestingmusea .sidebar .entry h1,

.single-post .sidebar h1 {

	font-size: 1.4rem;

}



.page-template-canon-oldambt .entry h3,

.page-template-vestingmusea .entry h3,

.single-post h3 {

	font-size: 1rem;

	font-weight: 600

}



.page-template-canon-oldambt .entry img,

.page-template-vestingmusea .entry img {

	max-height: 235px;

	object-fit: cover;

	width: 100%

}



.page-template-canon-oldambt .main_canon img,

.page-template-vestingmusea .main_canon img {

    max-height: 100%;

    object-fit: none;

    width: auto;

}



/* # Publicaties

---------------------------------------------------------------------------------------------------- */



.publicaties .featured-image .wp-post-image {

	max-width: 350px;

	min-height: 100%;

	height: auto;

	display: inline;

}



.publicaties .featured-image {

    text-align: center;

}



.category-publicaties .aligncenter.post-image.entry-image {

	height: 250px;

	width: auto;

	display: block;

	overflow: hidden

}



/* # Nieuws

---------------------------------------------------------------------------------------------------- */



.category-agenda-chc h3 {

	font-size: 1.2rem

}





/* # Nieuws

---------------------------------------------------------------------------------------------------- */



.category-nieuws-chc .gutter-md > .col-md-4 {

    //-ms-flex-preferred-size: calc(100% - 32px);

    //flex-basis: calc(100% - 32px);

    //max-width: calc(100% - 32px);

}



.category-nieuws-chc .flex-entry.column.boxed .entry-image-before-title + .entry-title {

    margin-top: 0;

}



.category-nieuws-chc .aligncenter.post-image.entry-image {

    width: 100%;

	max-width: 100%;

	height: auto;

    object-fit: cover;

    display: block;

}



/* # Veel

---------------------------------------------------------------------------------------------------- */



.entry-footer .entry-meta {

    display: none

}



.footer-widgets {

    color: #FFF !important;

}



.footer-widgets h1 {

    font-size: 1.8rem;

}



.nb_mobile {

	display: none}



/* # Media Queries (mobile-first)

---------------------------------------------------------------------------------------------------- */



.mobile-menu .current-menu-item > a, 

.mobile-menu .current-page-ancestor > a {

    	color: #d21f58;

	font-size: 1.5rem;

}



@media only screen and (min-width: 1160px) {}



@media only screen and (min-width: 993px) {}



@media only screen and (min-width: 769px) {

	

	.archive .banner-title, .archive h1.entry-title {

    	font-size: 2.441rem;

	}

	

	.archive h1 {

		font-size: 1.8rem;

	}

		

	.archive h3 {

		font-size: 0.9rem;

		font-weight: 600

	}

}



@media only screen and (min-width: 545px) {}



/* # Media Queries (mobile-second)

---------------------------------------------------------------------------------------------------- */



@media only screen and (max-width: 1159px) {}



@media only screen and (max-width: 992px) {}



@media only screen and (max-width: 768px) {

	

	.nb_mobile {

		display: block}

}



@media only screen and (max-width: 600px) {

	

	h1.banner-title {

		text-align: center;

		margin-top: 120px;

		margin-bottom: -30px;

	}

	

	h1 {

		font-size: 1.6rem;

	}

	

	.drie_blokken .one-third {

		margin-bottom: 40px

	}

	

	.drie_blokken .entry-header a h1, 

	.drie_blokken .widget .entry-header h4.entry-title {

    	font-size: 1.4rem;

	}

	

	.home .section.drie_blokken .widgettitle {

    	text-align: center;

		font-weight: 600

	}

	

}