/**
Theme Name: Marije Geuzebroek
Author: Designstudio Twente
Author URI: https://designstudiotwente.nl
Description: Custom theme designed for Marije Geuzebroek bases on the Astra Theme by Brainstorm Force.
Version: 1.0.0
License: 
License URI: 
Text Domain: marije-geuzebroek
Template: astra
*/


/* General */
#primary header.entry-header .entry-title, #home-intro header.entry-header .entry-title {
	font-weight: normal;
}
#home-intro h2, .page-id-21 #primary h2:first-of-type {
	color: #777;
}
#primary h2 {
	margin-bottom: 8px;
}
#primary h3, #primary h4, #primary h5, #primary h6 {
	margin-bottom: 5px;
}
#primary h4 {
	margin-bottom: 5px;
	color: #333;
}
.home #home-intro h1, .page-id-21 #primary h1 {
	margin-bottom: -10px;
}
#primary a.button, #secondary a.button, .home a.button {
	background-color: #25b2a5;
	background-image: linear-gradient(90deg, rgb(34, 177, 165) 0%, rgb(115, 190, 140) 75%);
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration:none;
}
body:not(.home) #primary a.button {
	display:inline-block;
	margin: 20px 0;
}
#primary a.button:hover, #secondary a.button:hover, .home a.button:hover {
	background-position: 80px 0px;
}
#content ul {
	list-style: none;
	padding: 0;
	margin: 14px 0 30px 0;
}
#content ul li { 
	margin: 0px 0 14px 0;
	padding: 0px 0 0 24px;
	background: url(images/bg-li-content.png) 0px 5px no-repeat;
	line-height: 23px;
}
#content blockquote  {
	margin: 1.7em 1em 1.7em 0;
	font-size: 18px;
	background: #e6f4f7;
	border-radius: 20px;
    border-left: 0;
    padding: 20px 20px 20px 22px;
}
#content blockquote p {
	color: #062F33;
	font-size: 18px;
	font-style:italic;
}
#content blockquote p:last-of-type {
	margin-bottom: 0;
}

/* Navigation */
@media (min-width: 922px) and (max-width: 936px)  { 
	#ast-desktop-header {
		display:none;
	}
	#ast-mobile-header.ast-mobile-header-wrap .ast-primary-header-bar, #ast-mobile-header.ast-primary-header-bar .site-primary-header-wrap {
		min-height: 0px;
	}
}
#ast-mobile-site-navigation {
	background: none;
}
.ast-header-break-point #ast-mobile-site-navigation  .main-header-menu .sub-menu {
	background:None;
}
.ast-header-break-point #ast-mobile-site-navigation  .main-header-menu .sub-menu a {
	font-size: 15px;
}
#page .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link, .ast-header-break-point #page .main-header-menu {
	background: none;
}
#ast-desktop-header .main-header-menu .sub-menu {
	background: #17645e;
}
#ast-desktop-header .main-header-menu .menu-item:hover, #ast-desktop-header .main-header-menu .menu-item.current-menu-item {
	background: url(images/bg-nav-current.png) bottom center no-repeat; 
}
#ast-desktop-header .main-header-menu .menu-item.menu-item-has-children:hover {
	background: url(images/bg-nav-current-sub.png) bottom center no-repeat; 
}
#ast-desktop-header .main-header-menu .sub-menu .menu-item:hover, #ast-desktop-header .main-header-menu .sub-menu .menu-item.current-menu-item {
	background:none;
}
#ast-desktop-header  .ast-builder-menu-1 ul.sub-menu {
	padding-top: 10px;
	padding-bottom: 10px;
}
#ast-desktop-header  .ast-builder-menu-1 .sub-menu  .menu-item > .menu-link:hover  {
	text-decoration:underline;
}	
@media (min-width: 1100px)  { 
	#ast-desktop-header  .ast-builder-menu-1 .menu-item > .menu-link  {
		font-size: 18px;
	}
	#ast-desktop-header  .main-header-menu .menu-link, .main-header-menu>a {
		padding-left: 1.4em;
		padding-right: 1.4em;
	}
	#ast-desktop-header  .ast-builder-menu-1 .sub-menu  .menu-item > .menu-link  {
		font-size: 16px;
	}	
}

@media (min-width: 1400px)  { 
	#ast-desktop-header  .ast-builder-menu-1 .menu-item > .menu-link  {
		font-size: 19px;
	}
	#ast-desktop-header  .ast-builder-menu-1 .sub-menu  .menu-item > .menu-link  {
		font-size: 16px;
	}
}

/* Content */
@media (max-width: 921px)  { 
	.ast-separate-container #primary {
		padding-top: 30px;
	}
}
#primary article {
	background: none;
}
#content .ast-container:first-of-type {
	background: #fff;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 62%, rgba(228, 241, 237, 1) 100%);
}
@media (min-width: 900px) and (max-width: 1023px)  { 
	#content .ast-container:first-of-type {
		padding:0;
	}
}	
@media (min-width: 1024px) and (max-width: 1200px)  { 
	#content .ast-container:first-of-type {
		max-width: 95%;
	}
}	
@media (min-width: 1024px)  { 
	#content .ast-container:first-of-type {
		background: #fff;
		padding: 0;
		margin-top: 3em;
		margin-bottom: 3em;
		border-radius: 20px;
		-webkit-box-shadow: 0px 0px 2px 0px rgba(95,127,128,0.3);
		-moz-box-shadow: 0px 0px 2px 0px rgba(95,127,128,0.3);
		box-shadow: 0px 0px 2px 0px rgba(95,127,128,0.3);
	}
}
@media (min-width: 1400px)  { 
	#content .ast-container:first-of-type {
		margin-top: 4em;
		margin-bottom: 4em;
	}
}
#content #primary {
	margin-top: 0;
	margin-bottom:0;
	border-radius: 20px;
}
#content .gallery-item:last-child {
	margin-bottom: 0px;
}
.galleryid-15  .gallery-icon  {
	border: 0;
}
.galleryid-15 img {
	max-width: 250px;
}

@media (max-width: 780px) {
	#content .gallery-columns-2 .gallery-item {
		max-width: 100%;
		width: 100%;
		margin-bottom: 30px;
	}
}
@media (min-width: 780px) {
	#content .galleryid-15 {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
/* Sidebar */
#secondary  {
	line-height: 1.6em;
}
#content #secondary {
	background: #e4f1ed;
	border-radius: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.ast-separate-container.ast-two-container #secondary .widget {
	background:none;
}

@media (min-width: 922px) {
	#content #secondary {
		background: #f5faf9;
		background: linear-gradient(90deg,rgba(237, 242, 240, 1) 0%, rgba(245, 250, 249, 1) 3%);
		margin-top: 0;
		margin-bottom:0;
		padding-top: 1em;
		border-radius: 0 20px 20px 0;
	}
    .ast-separate-container.ast-two-container.ast-right-sidebar #secondary {
        padding-left: 0px;
    }
}
#secondary img.profile, img.profile {
	border-radius: 200px;
	max-width: 160px;
	display:block;
	margin: 0 auto 0px auto;
}
.home img.profile {
	margin: 0 auto -30px auto;
	position: relative;
	z-index: 4;	
}
#secondary a.button.about, .home a.button.about {
	display: block;
	margin: 0 auto;
	padding: 16px 40px;
	text-align:center;
	width: 180px;
	position: relative;
	z-index: 5;
}
#secondary .about-text, #secondary .about-text h2, #secondary .about-text p {
	text-align:center;
}
#secondary .about-text h2 {
	margin-bottom: 15px;
	font-weight: 24px;
}
#secondary img.rounded {
	border-radius: 20px;
	margin-bottom: 30px;
}
#secondary #text-9 {
	padding-top: 10px;
}
/* Sidebar Search widget */
#secondary .widget_search, .ast-separate-container.ast-two-container #secondary .widget_search {
	margin-bottom: 0;
}

#secondary .widget_search input.search-field {
	border-radius: 5px;
}
#secondary  input[type="submit"], #secondary button {
	box-shadow: none;
}

#secondary .widget_search input[type="search"] {
	min-height: 48px;
	padding-top: 10px;
	
}
#secondary .widget_search .ast-icon svg:not([fill]) {
	fill: #24b1a4;
}

#secondary .widget_search button {
	font-size: 24px;
	margin-top:-6px;
	border: none;
}
/* Homepage */
.ast-header-break-point #home-intro h2 {
	font-size: 20px;
}
.home #content .ast-container:first-of-type {
	display:block;
}
.home .home-inner {
	column-gap: 50px;
}
#home-top .home-inner, #home-blocks .home-inner {
	display:block;
}
#home-top .home-inner {
	padding: 50px 30px 30px 30px;
}
#home-blocks .home-inner {
	padding: 30px;
}
.ast-desktop #home-top .home-inner {
	padding: 70px 60px 50px 60px;
	display:grid;
	grid-template-columns: 3fr 1fr; 
}
.ast-desktop #home-blocks .home-inner {
	padding: 20px 60px 70px 60px;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr; 
}
.ast-header-break-point #home-intro {
	margin-bottom: 40px;
}
.ast-separate-container #home-top .ast-article-single {
	padding: 0;
}
#home-blocks .textwidget, #home-blocks .widget-title {
	text-align:center;
}
#home-blocks h2 {
	margin-bottom: 6px;
	line-height: 1.3em
}
#home-blocks .round {
	text-align:center;
}
#home-blocks .round img {
	border-radius: 200px;
	max-width: 160px !important;
}
#home-blocks .round a:hover img { 
	border: 4px solid #ddefec;
	max-width: 168px !important;
	margin-top: -4px;
	margin-bottom: -4px;
}
.ast-header-break-point #home-blocks .home-column {
	padding: 0 0 80px 0;
}
.ast-desktop #home-blocks .home-column {
	padding: 2vw 2vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}



/* Footer */
#colophon a {
	font-weight: bold;
}
#colophon a:hover {
	text-decoration: underline;
}
#colophon .site-above-footer-wrap a {
	margin: 30px 0;
	display: block;
}
@media (max-width: 544px) {
	#colophon .site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
		margin-bottom:0;
	}
}
@media (min-width: 639px) {
	#colophon .site-above-footer-wrap a {
		margin: 0 30px;
		display: inline-block;
	}	
	#colophon .site-above-footer-wrap a:first-of-type {
		margin: 0 30px 0 0;
	}
	#colophon .site-above-footer-wrap a:last-of-type {
		margin: 0 0 0 25px;
	}	
}
#colophon .footer-logo {
	max-width: 90%;
	margin: 0 auto 20px auto;
}
.ast-header-break-point #colophon .footer-logo {
	max-width: 260px;
}
.ast-header-break-point #colophon .site-footer-primary-section-2  {
	order: -1;
	grid-column: 1 / -1; /* Spans from the first line to the last */
}
.ast-header-break-point #colophon .site-footer-primary-section-1 {
	margin-bottom: 30px;
}

@media (min-width: 360px) and (max-width: 639px) {
	.ast-header-break-point #colophon .site-footer-primary-section-1, .ast-header-break-point #colophon .site-footer-primary-section-3 {
		text-align: center;
	}
	.ast-header-break-point #colophon .site-footer-primary-section-1 .footer-widget-area, .ast-header-break-point #colophon .site-footer-primary-section-3 .footer-widget-area  {
		margin: 0 auto;
		padding-left: 20px;
		display: block;
		max-width: 300px;
	}
}
@media (min-width: 545px) and (max-width: 639px) {
	.ast-header-break-point #colophon .site-primary-footer-inner-wrap {
		grid-template-columns: 1fr;  
	}
	.ast-header-break-point #colophon .site-footer-primary-section-1 .footer-widget-area, .ast-header-break-point #colophon .site-footer-primary-section-3 .footer-widget-area  {
		max-width: 340px;
	}
	#colophon .site-footer-primary-section-1, #colophon .site-footer-primary-section-3  {
		font-size: 17px;
	}	
}
@media (min-width: 640px) {
	.ast-header-break-point #colophon .site-primary-footer-inner-wrap {
		grid-template-columns: 5fr 4fr; 
	}
	#colophon .site-footer-primary-section-1 .footer-widget-area {
		padding-left: 15px;
	}	
}
.ast-desktop #colophon .site-footer-primary-section-3 .ast-builder-html-element {
	float: right;
	margin-right: 3vw;
}
#colophon .site-footer-primary-section-3 p {
	margin-bottom: 5px;
}
#colophon a.mail-link {
	background: url(images/icon-mail.png) 0px 0px no-repeat;
	padding: 1px 0 16px 36px;
	display:block;
}
#colophon a.phone-link {
	background: url(images/icon-phone.png) 0px 0px no-repeat;
	padding: 3px 0 16px 36px;	
	display:block;
}
#colophon p.address {
	background: url(images/icon-location.png) 0px 0px no-repeat;
	padding-left: 36px;
}
#colophon a.route-link {
	padding: 0 0 0 36px;	
	display:block;
}
#colophon .site-navigation li a {
	background: url(images/bg-li-footer-nav.png) 0px 15px no-repeat;
	padding-left: 26px;
}
#colophon span.divider {
	opacity: 0.3;
	margin-left: 20px;
	margin-right: 20px;
}
#colophon span.design a {
	color: #fff;
}

@media (max-width: 639px) { 
	#colophon span.divider {
		visibility:hidden;
		height: 10px;
		display:block;
		clear:both;
	}
	#colophon span.design {
		opacity: 0.5;
	}
}

/*404 and search */
.ast-header-break-point .ast-404-layout-1 {
	margin:0;
	padding-top: 60px;
	padding-bottom: 60px;
}
.error404  #content, .search-results #content, .blog #content {
	background: #e4f1ed;
}
.search-results #primary article  {
	padding: 0px;
}
.search-results #primary article .post-content  {
	padding: 20px 10px 50px 10px;
}
.search-results.ast-desktop #primary article .post-content  {
	padding: 20px 50px 30px 50px;
}
.ast-header-break-point.search-results .ast-pagination {
	margin-bottom: 60px;
}
/* Tables */
#content table, #content th, #content tr, #content  td {
	border: ;
}

#content table tr td, #content table tr th {
    border: 1px solid #ddeae9;
}
#content table tbody tr:nth-child(odd)  {
	background: #eef8f5;
}


/* Force table to not be like tables anymore */
#content td, #content th {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-left: 15px;
}
@media only screen and (max-width: 640px) {
	#content table, #content thead, #content tbody, #content th, #content td, #content tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	#content table, #content table td {
		border: none !important;
	}
	#content .su-table .su-even td {
		background: none !important;
	}
	#content table tr td:first-of-type {
		font-weight:bold;
	}
	#content thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#content tr { 
		border-bottom: 1px solid #ddefec;
		padding: 10px 0;
		height: auto !important;
		width:auto !important;
	}
	#content tr:first-child { 
		border-top: 1px solid #ddefec;
	}
	
	#content td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-top: 2px;
		padding-bottom: 2px;
		height: auto !important;
		width:auto !important;
	}
	
	#content .agenda td:first-child { 
		/* Behave  like a "row" */
		font-weight:bold;
	}
	#content td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0px;
		left: 4px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
}

/* Lightbox */
#glightbox-body.glightbox-clean .gclose {
		background: #21b1a5;
}
#glightbox-body.glightbox-clean .gclose svg {
	transform: scale(2.5);
}

/* Blog */
.post-navigation {
	display:none;
}