/**
Theme Name: mlbrgn
Author: Evertjan Garretsen
Description: child theme based on astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mlb
Template: astra
*/

/*
@import url('css/initiatieven.css');
*/
/* css om initiatieven te stylen importeren */

header.site-header {
	box-shadow:0px 2px 5px 0px rgba(0,0,0, 0.5);
}
footer.site-footer {
	box-shadow:0px -2px 3px 0px rgba(0,0,0,0.5);
}

/* TODO move to somewhere */
.nav-previous, .nav-next {
    float: none;
    text-decoration: underline;
    text-decoration-color: #7cc68d;
}


.ast-above-header.ast-above-header-bar { background-image: linear-gradient( 135deg ,rgb(255,0,0) 0%,rgb(230,0,0) 100%); }

/*
 * organisation custom layout
 */

.mlb_organisatie_image {
	margin-bottom:20px;
}

.mlb-dashicons {
	vertical-align:middle;
}

.mlb-dashicons-anchor {
	vertical-align:middle;
}
.mlb-dashicons-anchor + a {
	padding-left:20px;
	vertical-align:middle;
}

.mlb_organisatie_icon {
	margin-right:10px;
	vertical-align:middle;
}

/*
 * onderaf classes used in frontent editing
 */

.onderaf-logo-and-slogan-header {
	position:absolute;
	z-index:9;
	left:10px;
	top:10px;
	overflow:auto;
	width:500px;
}

.onderaf-logo-header {
	margin-right:20px;
	float:left;
	height:50px;
}

.onderaf-slogan-header {
	display:inline;
	color:#eee;
	font-weight:800;
	vertical-align:baseline;
	font-size:14px;
	line-height:1;
}

.mlb_modified_date {
	float:right;
	font-size:12px;
	color:#777;
	clear:both;
}

.mlb-clickable {
	cursor:pointer;
}

.sf-field-sort_order h4:first-of-type {
	margin-top:30px;
}


#secondary, #secondary button, #secondary input, #secondary select, #secondary textarea {
    font-size: 0.8rem;
}

@media (max-width: 920px){

    .ast-right-sidebar #content>.ast-container{
        -js-display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /* right sidebar */
    .ast-right-sidebar #content>.ast-container>#secondary {
        order: 1;
    }

    .ast-right-sidebar #content>.ast-container>#primary {
        order: 2;
    }

    /* left sidebar */
    .ast-left-sidebar #content>.ast-container>#secondary {
        order: 1;
    }

    .ast-left-sidebar #content>.ast-container>#primary {
        order: 2;
    }
    .ast-left-sidebar #content > .ast-container {
	flex-direction:column;
    }

    div.ini-infoblok {
        display:block;
    }

    div.ini-hero-img {
        display: block;
        height: 200px;
        width: 100%;
        border-radius: 6px 6px 0 0;
    }

    .ini-tekstvak {
        min-height: auto;
    }

    /*
    h1,
    h1.ultp-block-title, 
    h1.ultp-block-title a {
	    font-size:25px !important;
    }

    h2,
    h2.ultp-block-title, 
    h2.ultp-block-title a {
	    font-size:20px !important;
    }

    h3,
    h3.ultp-block-title, 
    h3.ultp-block-title a {
	    font-size:20px !important;
    }
    */

}

@media (min-width:921){ 

	/*
	h1,
	h1.ultp-block-title, 
	h1.ultp-block-title a {
		font-size:25px !important;
	}

	h2,
	h2.ultp-block-title, 
	h2.ultp-block-title a {
		font-size:30px !important;
	}

	h3,
	h3.ultp-block-title, 
	h3.ultp-block-title a {
		font-size:30px !important;
	}
	*/

}

/*
 * KENNISBANK
 */


[class^='mlb-badge'] {
	border-radius:4px;
	border:1px solid #777;
	font-size:0.7em;
	vertical-align:middle;
	padding:0.2em;
	margin: 0 12px;
	color:white;
	white-space:nowrap;
	filter: drop-shadow(1px 1px 1px gray);
}

.mlb-badge-voorbeeld {
	background-color:#f69627;
}

.mlb-badge-initiatief {
	background-color:#229da2;
}

.mlb-badge-organisatie {
	background-color:#f9d714;
}

.mlb-badge-kennis {
	background-color:#e84242;
}


/*
 * Search and filter plugin overrides
 */

.searchandfilter > ul > li {
	display:block;
	vertical-align: middle;
	padding:0 10px;
}

.searchandfilter > ul > li.sf-field-reset {
	display:inline-block;
}

.searchandfilter > ul > li.sf-field-submit {
	display:inline-block;
}

.mlb-filter-toggle-button {
	/*margin-left:20px;*/
	margin-top:3px;
}
/*
.searchandfilter > ul > li > input[type='submit'],
input[type='button'].mlb-filter-toggle-button {
	padding:10px;
	background-color:#49ac3e;
	border-radius:7px;
}

input[name='_sf_reset'] {
	margin-bottom:4px;
	margin-right:20px;
}
*/

#secondary li.sf-field-search {
	margin-bottom:10px;
}


.search-filter-reset {
	padding:10px 40px;
	font-family:inherit;
	font-weight:inherit;
	line-height:1;
	border-radius:2px;
	color:#fff;
	font-size:17px;
	border-width:1px;
	display:inline-block;
	border-style:solid;
	background-color:#ccc;
	border-color:#ccc;
}

/* hide read more in search results */
.search-filter-results p.read-more {
	display:none;
}

/* TODO use generic h4 css block (create one) */
.searchandfilter h4 {
	margin-top:15px;
	display:inline-block;
}

#results_infinite h4, #results_infinite a {
	font-size:1.2rem;
	font-weight:800;
	color:#4d4646;
}

li.sf-field-sort_order h4 {
    margin-right: 10px;
}

div.ini-zoekresultaat {
	border-bottom: 1px solid #eceff1;
	margin-bottom: 3rem;
	overflow:auto;
	padding: 12px;
	background-color: #f9fff9;
	border-radius: 7px;
	border: 1px solid #ddd;
	background: #f0f0f0;
}

/* afbeeldingen (ronde hoeken, schaduw) */
div.ini-zoekresultaat img,
img.wp-post-image,
.wp-block-image img,
.ultp-block-image img,
figure.wp-block-image img {
	border-radius:7px !important;
	box-shadow: rgba(0,0,0,0.16) 0px 3px 6px, rgba(0,0,0,0.23) 0px 3px 6px;
	/*filter:drop-shadow(2px 2px 2px gray);*/
}

.ultp-block-image {
	border-radius:7px;
	box-shadow: rgba(0,0,0,0.16) 0px 3px 6px, rgba(0,0,0,0.23) 0px 3px 6px;
	/*filter:drop-shadow(2px 2px 2px gray) !important;*/
}

/* containers should not hide overflow, for shadow will be cut off */
.ultp-block-content-wrap {
	overflow:unset;
}

.ultp-block-image img {
	/*filter:brightness(90%);*/
}

/*
 * Media specific CSS
 */

@media (max-width: 920px) {

	input[value="Filters inklappen"],
	input[value="Filters uitklappen"] {
		display:block;
	}

	.mlb_excerpt_thumbnail {
		margin-bottom:1em;
	}
}

@media (min-width: 921px){

	input[value="Filters inklappen"],
	input[value="Filters uitklappen"] {
		display:none;
	}

	.mlb_excerpt_thumbnail {
		width:200px;
		float:left;
		margin-right:25px;
		clear:both;
	}
}

/*
 * Classes to be used in wordpress backend to style common parts
 */

.stadskracht-hero-card {
	border-radius:8px !important;
	background-color:#f0f0f0;
	padding:40px 20px !important;
}

.stadskracht-hero-card .sf-input-text {
	width:80%;
}

.stadskracht-hero-card form ul {
	width:100%;
	margin:0;
}

.stadskracht-hero-card form ul li {
	width:100%;
	padding:0;
}

.stadskracht-hero-card form ul li label {
	width:100%;
	text-align:center;
}

.onderaf-card {
	/*box-shadow: 10px 10px 10px #ccc;*/
	/*box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.25);*/
	box-shadow: rgba(0,0,0,0.16) 0px 3px 6px, rgba(0,0,0,0.23) 0px 3px 6px;
	/*box-shadow: rgba(0,0,0,0.12) 0px 1px 3px, rgba(0,0,0,0.24) 0px 1px 2px;*/
	/*box-shadow: rgba(0,0,0,0.16) 0px 1px 4px;*/
}

.onderaf-card-dark {
	/*background-color:#abb8c3 !important;*/
	background-color:#ccc !important;
}

.onderaf-card-light {
	background-color:#f0f0f0 !important;
}

/* styles the back button on posts to return to knowledge base */
.onderaf-back-button {
	margin-bottom:25px;
}

/* overrides blocks TODO try to remove */
h1, h2, h3 {
	font-family:Roboto, sans-serif !important;
	font-style:normal !important;
	font-weight:800 !important;
}

h1,
h1.ultp-block-title, 
h1.ultp-block-title a,
.entry-content h1 {
	margin-bottom:35px;
	color:rgb(58,58,58) !important; 
	line-height:35px !important;
	font-size:25px !important;
}


h1,
h1.ultp-block-titla:hover, 
h1.ultp-block-title a:hover {
}

h2,
h2.ultp-block-title, 
h2.ultp-block-title a {
	margin-bottom:20px !important;
	line-height:25px !important;
	font-size:20px !important;
}

h2,
h2.ultp-block-title a {
	color:inherit !important;
}
h2.ultp-block-titla:hover, 
h2.ultp-block-title a:hover {
	color:#666 !important;
}

h3,
h3.ultp-block-title, 
h3.ultp-block-title a {
	margin-bottom:20px !important;
	color:inherit !important; 
	line-height:25px !important;
	font-size:20px !important;
}

h3,
h3.ultp-block-titla:hover, 
h3.ultp-block-title a:hover {

}

h3.mlb_aantal_resultaten {
	font-size:1rem;
	color:#777;
}

.entry-content h4, h4 {
	font-size:18px;
	line-height:1.5;
}
.wp-caption figcaption.wp-caption-text {
	margin-top:0.6em;	
}

.wp-block-image figcaption,
figcaption {
	font-style:italic;
	font-size:0.8em;
}

.entry-meta {
	color:inherit;
	font-style:italic;
	font-size:0.8em;
}

.entry-meta * {
	color:inherit;
}

/* frontpage category over image */
.ultp-block-image .ultp-category-topRight .ultp-category-in {
	color:white;
	/*
	padding:10px 5px;
	margin-right:10px;
	*/
	border-radius:7px;
}

.ultp-category-in a, .ultp-category-in a:hover {
	color:white;
}


.mlb_button_search_all a {
	margin-top:40px;
}

/* 
 * css category colors 
 * */

.mlb_button_administratie a,
.mlb_button_administratie a:hover,
.mlb_badge_administratie,
div.ultp-category-in .ultp-cat-administratie {
	background-color:#5277A3 !important;
	padding: 10px 0 !important;
}

.mlb_button_advies a,
.mlb_button_advies a:hover,
.mlb_badge_advies,
div.ultp-category-in .ultp-cat-advies {
	background-color:#E5B372 !important;
		padding: 10px 0 !important;
}

.mlb_button_corona a,
.mlb_button_corona a:hover,
.mlb_badge_corona,
div.ultp-category-in .ultp-cat-corona {
	background-color:#E97575 !important;
		padding: 10px 0 !important;
}

.mlb_button_financiering a,
.mlb_button_financiering a:hover,
.mlb_badge_financiering,
div.ultp-category-in .ultp-cat-financiering {
	background-color:#6970A1 !important;
		padding: 10px 0 !important;
}

.mlb_button_mijn-buurt a,
.mlb_button_mijn-buurt a:hover,
.mlb_badge_mijn-buurt,
div.ultp-category-in .ultp-cat-mijn-buurt {
	background-color:#EAD659 !important;
		padding: 10px 0 !important;
}

.mlb_button_pr-en-communicatie a,
.mlb_button_pr-en-communicatie a:hover,
.mlb_badge_pr-en-communicatie,
div.ultp-category-in .ultp-cat-pr-en-communicatie {
	background-color:#E97575 !important;
		padding: 10px 0 !important;
}

.mlb_button_regelgeving a,
.mlb_button_regelgeving a:hover,
.mlb_badge_regelgeving,
div.ultp-category-in .ultp-cat-regelgeving {
	background-color:#C99C7C !important;
		padding: 10px 0 !important;
}

.mlb_button_vrijwilligers a,
.mlb_button_vrijwilligers a:hover,
.mlb_badge_vrijwilligers,
div.ultp-category-in .ultp-cat-vrijwilligers {
	background-color:#6F996B !important;
		padding: 10px 0 !important;
}

.mlb_button_zaalhuur-en-huisvesting a,
.mlb_button_zaalhuur-en-huisvesting a:hover,
.mlb_badge_zaalhuur-en-huisvesting,
div.ultp-category-in .ultp-cat-zaalhuur-en-huisvesting {
	background-color:#509EA2 !important;
		padding: 10px 0 !important;
}

.mlb_button_nieuws a,
.mlb_button_nieuws a:hover,
.mlb_badge_nieuws,
div.ultp-category-in .ultp-cat-nieuws {
	background-color:#205ba1 !important;
		padding: 10px 0 !important;
}

.mlb_button_administratie-verantwoording a,
.mlb_button_administratie-verantwoording a:hover,
.mlb_badge_administratie-verantwoording,
div.ultp-category-in .ultp-cat-administratie-verantwoording {
	background-color:#5277A3 !important;
		padding: 10px 0 !important;
}

div.ultp-category-in .ultp-cat-initiatief {
	background-color:#229da2 !important;
}

div.ultp-category-in .ultp-cat-examples {
	background-color:#f69627 !important;
}

div.ultp-category-in .ultp-cat-uncategorized {
	background-color:red !important;
}

div.ultp-category-in {
	padding:0px !important;
}

div.ultp-category-in a {
	padding:10px 20px !important;
	border-radius:7px 0 0 7px;
	filter: drop-shadow(1px 1px 1px #333);
}
.ultp-category-grid a:hover {

		color:inherit !important;
}

[class*=" mlb_button_"] a {
	color:#fff !important;
	/*background-color:yellow !important;*/
	filter:drop-shadow(2px 2px 2px gray);
}

div[class*=' mlb_button'] {
	transition:transform 0.3s ease;
	transform:scale(1);

}

div[class*=' mlb_button']:hover {
	transform:scale(1.1);
}
/* set color of button hover and focus */

.wp-block-button__link:hover,
input[type="button"]:hover, 
input[type="button"]:focus, 
input[type="submit"]:hover, 
input[type="submit"]:focus,
button:not(.menu-toggle):focus,
button:not(.menu-toggle):hover { 
	background:#229da2 !important;
	filter:drop-shadow(3px 3px 4px gray);
}

.wp-block-button__link,
input[type="button"], 
input[type="submit"],
button { 
	filter:drop-shadow(2px 2px 2px gray);
}

/*
button:focus, 
.menu-toggle:hover, 
button:hover, 
.ast-button:hover, 
.ast-custom-button:hover 
.button:hover, 
.ast-custom-button:hover, 
input[type=reset]:hover, 
input[type=reset]:focus, 
input#submit:hover, 
input#submit:focus, 
input[type="button"]:hover, 
input[type="button"]:focus, 
input[type="submit"]:hover, 
input[type="submit"]:focus {
	background:#229da2 !important;
}
*/

.ultp-block-image.ultp-block-image-zoomIn img {
	/*transition-duration:0.5s !important;*/
	transition-duration:1s !important;
	/*transform:scale(1.05) !important;*/
}
.ultp-block-item:hover .ultp-block-image-zoomIn img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/* start experimental 
.ultp-block-image.ultp-block-image-zoomIn img:hover {
    transform: scale(1.05) !important;
}

.ultp-block-wrapper {
    transition-property: all;
    transition-duration: 0.4s !important;
    transition-timing-function: ease;
    transition-delay: 0s;
}
end experimental */

.header-social-inner-wrap a {
    transition: transform .3s ease;
    transform:scale(1);
}

.header-social-inner-wrap a:hover {
    transform:scale(1.2);
}

a.custom-logo-link {
    transition: transform .3s ease;
    transform:scale(1);
    display:inline-block;
}

a.custom-logo-link:hover {
    transform:scale(1.05);
}

.advgb-form-submit {
	background-color:#49ac3e !important;
	border:none !important;
}

.uagb-block-231b5909 {
	border:1px solid red !important;
}

/* Link appearance in footer */
footer p a, 
footer p a:hover, 
footer p a:focus, 
footer p a:active, 
footer p a:link {
	text-decoration:underline !important;
	color:#fff;
}

footer p a:hover {
	color:#ddd;
}

/* Link appearance in body / content */
p a, 
p a:hover, 
p a:focus, 
p a:active, 
p a:link, 
figcaption a,
a.mlbrgn_related_post_link {
	text-decoration:underline !important;
	color:#49ac3e;
}

p a:hover,
figcaption a:hover {
	color:#229da2;
}

/* editor kit links*/
li a.ek-link,
li a.ek-link:hover,
li a.ek-link:focus,
li a.ek-link:active,
li a.ek-link:link {
	text-decoration:underline !important;
	color:#49ac3e;
}

li a:hover {
	color:#229da2;
}

.mlb_clear_both {
	clear:both;
}

.searchandfilter .mlb_filter_active h4 {
	font-weight:900;
	font-style:italic;
}

.mlb-icon-filter {
	color:#49ac3e;
	font-size:20px;
}

/* frontpage divider */
section.wp-block-uagb-section.uagb-section__wrap.mlb-divider {
	padding:10px;
	box-shadow:0px 2px 5px 0px rgba(0,0,0, 0.5);
}

section.wp-block-uagb-section.uagb-section__wrap.mlb-divider.mlb-divider-top {
	box-shadow:0px -2px 5px 0px rgba(0,0,0, 0.5), 0px 2px 5px 0px rgba(0,0,0, 0.5);
}

section.mlb-divider > .uagb-section__overlay {
	background-image:linear-gradient(135deg, rgb(73,172,62) 0%, rgb(70,174,96) 100%);
}

section.mlb-divider h1 {
	margin-bottom:0;
	display:inline-block;
	color:white !important;
	padding-left:25px;
}

section.mlb-divider img {
	vertical-align:text-top;
}

/*
 * Broken image styles
 */

img {
	font-family:Roboto, sans-serif !important;
	font-weight: 500;
	line-height:2;
	text-align:center;
	text-shadow:none;
}

img:before {
	content: "Het spijt ons, maar deze afbeelding kan niet geladen worden :(";
	display: block;
	margin-bottom: 10px;
	margin-top:30px;
	padding:20px;
}

img:after {
	content: "(url: " attr(src) ")";
	display: block;
	font-size: 12px;
	margin-bottom:30px;
	padding:20px;
}

/*
 * Simcal styles (calendar styles)
 */

.simcal-default-calendar-list .simcal-event-details {
	line-height:inherit;
	font-size:inherit;
}

/*
 * external links
 */

/* don't apply to social icons */
a[target="_blank"]:not(.ast-builder-social-element):after {
    font-family: 'dashicons';
    content: " \f504";
}

/*
 * mlb post-it-esque tip blokje
 */
.mlb-tip {
	background-color:#f9d714;
	border-radius:10px;
}
 /*@import 'https://fonts.googleapis.com/css?family=Reenie+Beanie';*/

.mlb-tip {
	line-height: 1.5;
	text-align:center;     
	width: 275px;
	margin: 25px;    
	min-height:250px;
	/*max-height:250px;*/
	padding-top:35px;
	position:relative;   
	border:1px solid #E8E8E8;  
	border-top:0px solid #fdfd86;
	/*font-family:'Reenie Beanie';    */
	/*font-size:3em;      */
	border-bottom-right-radius: 60px 5px;
	display:inline-block;    
	background: #ffff88; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff88), color-stop(82%,#ffff88), color-stop(82%,#ffff88), color-stop(100%,#ffffc6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* IE10+ */
	background: linear-gradient(135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffffc6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.mlb-tip:after {     
	content: "";
	position:absolute;
	z-index:-1;
	right:-0px; bottom:20px;
	width:200px;
	height: 25px;
	background: rgba(0, 0, 0, 0.2);
	box-shadow:2px 15px 5px rgba(0, 0, 0, 0.40);
	-moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	-webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	-o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	-ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	transform: matrix(-1, -0.1, 0, 1, 0, 0);
}

/* thumbnail display */
.mlb_excerpt_thumbnail img {
	width:100vw;

}

/* YARPP title no capitalize */
.yarpp-related h3 {
    text-transform: none !important;
}