/*
 Theme Name:   High School Holland
 Theme URI:    http://generatepress.com
 Description:  GeneratePress child theme
 Author:       David van der Burgh
 Author URI:   Keen.global
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

/* popup */
.popup-mask{
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  width: 100VW;
  height: 100VH;
  z-index: 99999;
}
.popup-mask.hide{
  display:none;
}
.popup-hsh{
  margin: auto;
  max-width: 420px;
  padding: 10px;
}
.popup-container{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  border: 1px solid #ff6316;
  padding: 10px;
  position: relative;
  text-align: center;
}
.popup-container .popup-content p{
  margin-bottom: 0;
}
.popup-hsh .close{
  position: absolute;
  top: -1px;
  right: -1px;
  aspect-ratio: 1/1;
  width: 20px;
  height: 20px;
  padding: 2px;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
}
.popup-hsh .close svg{
  margin-top: -2px;
}
.popup-hsh a.button{
  border-radius: 40px;
  display: inline-block;
  width: auto;
  margin: 20px auto 0 auto;
}

/* Popup - White */
.popup-mask.white{
  background: rgba(0, 0, 0, 0.5);
}
.popup-mask.white .popup-hsh{
  background: white;
}
.popup-mask.white .popup-container{
  border: 1px solid #ff6316;
}
.popup-mask.white .popup-hsh .close{
  color: white;
  background: #ff6316;
}
.popup-mask.white .popup-hsh .close svg{
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(303deg) brightness(103%) contrast(101%);	
}
.popup-mask.white .popup-hsh a.button{

}

/* Popup - Orange */
.popup-mask.orange{
  background: rgba(0, 0, 0, 0.5);
}
.popup-mask.orange .popup-hsh{
  background: #ff6316;
}
.popup-mask.orange .popup-container{
  border: unset;
}
.popup-mask.orange .popup-hsh .close{
  color: white;
  background: black;
}
.popup-mask.orange .popup-container h3{
  color: white;
}
.popup-mask.orange .popup-container .popup-content{
  color: white;
}
.popup-mask.orange .popup-hsh .close svg{
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(303deg) brightness(103%) contrast(101%);	
}
.popup-mask.orange .popup-hsh a.button{
  background: black;
}
.popup-mask.orange .popup-hsh .close:hover{
  filter: invert(0%) sepia(3%) saturate(0%) hue-rotate(29deg) brightness(105%) contrast(100%);
  background-color: #e1dcd1;
}
.popup-mask.orange .popup-hsh .close:hover svg{
  filter: invert(0%) sepia(3%) saturate(0%) hue-rotate(29deg) brightness(105%) contrast(100%);
}
.popup-mask.orange .popup-hsh a.button:hover{
  background-color: #e1dcd1;
  color: #000;
}


.gform_login_widget{
	max-width: 380px;
    margin: 0 auto;
	border: 1px solid #e1dcd1;
    padding: 20px;
    transition: all .25s ease;
}
.gform_login_widget:hover{
	border: 1px solid #ff6316;
}
.gf_login_form form{
    border-radius: 4px;
}
.gf_login_form form .gform_body .ginput_container > input{
	width: 100%;
}
.gf_login_form form .gform_footer{
	flex-direction: row;
}
.gform_wrapper.gravity-theme input[type=password]{
	font-size: 16px !important;
    display: block !important;
    border-radius: .71429em !important;
    padding: .92857em 1.42857em !important;
}
.workdrive-zoho{
	width: 100%;
	border: 1px solid #e1dcd1;
    padding: 20px;
    transition: all .25s ease;
	position: relative;
  	z-index: 999;
}
.workdrive-zoho:hover{
	border: 1px solid #ff6316;
}
.site-main .inside-article footer.entry-meta{
	display: none;
}
.widget_media_video iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 2/1;
}
.footer-contact p a,
.footer-contact p span{
	display:block;
}
.footer-contact p a:last-of-type{
	margin-bottom: 10px;
}

@media(min-width:1025px){
	.news-grid .ervaring-tegel-wrapper-inner,
	.news-grid .ervaring-tegel-wrapper-overlay{
		min-height: 300px;
	}
}
@media(max-width:1300px){
	.Studenttekst .gform_button{
		font-size: 16px!important;
	}
	span.subtitle {
	  height: auto!important;
	}
}

@media(max-width:1200px){
	.CtaBlock{
		padding: 20px 15px!important;
	}
	.CtaBlock__Icon {
		height: calc(100VW/3)!important;
		overflow: hidden;
		margin: 0px!important;
		width: unset!important;
	}
}
@media(max-width:1024px){
	.search-filter-results .student-tile .tile-image,
	.team-grid .student-tile .tile-image{
		width: 100%;
  		height: auto;
		max-height: 275px;
	}
	.footer-rij{
		display: flex;
  		flex-wrap: wrap;
	}
	.footer-contact div.grid-100{
		padding: 0;
	}
}
@media(min-width: 769px) and (max-width:1024px){
.tablet-grid-33 {
    float: left;
    width: 33.33333%;
 }
}
@media(max-width:768px){
	.search-filter-results .student-tile .tile-image,
	.team-grid .student-tile .tile-image{
		max-height: 275px;
	}
	.tablet-grid-33 {
		float: left;
		width: 33.33333%;
	 }
	.page-hero .header-image:not(.header-home) .grid-container{
	  	left: 5%!important;
	}
	.programma-tile-kop{
		margin-left: -20px;
		margin-right: -20px;
		margin-top: 195px;
	}
	.programma-tile-wrapper{
	  	margin-bottom: 25px;
	}
	.so-widget-sow-image-default-8b5b6f678277-1249 .sow-image-container .so-widget-image{
		width: 300px;
  		margin: 0 auto;
	}
 	.gform_page_footer .ta-icons.ta-arrow-right {
		bottom: 25px!important;
	}
	.CtaBlock__Text p{
		margin: 0 0 20px 0;
	}
	.CtaBlock__Icon {
		height: 100%;
		max-height: 250px;
    	min-height: 250px;
		overflow: hidden;
		margin: 0;
	}
	.CtaBlock__Icon img{
		width: auto;
		height: 100%;
		object-fit: cover;
	}
	.boeken-stappen tr{
		display: flex;
	  	flex-direction: row;
	  	flex-wrap: wrap;
	}
	.boeken-stappen tr td.boeken-label{
		width: calc(100% - 26px);
	}
	.ervaring-tegel-wrapper-inner,
	.ervaring-tegel-wrapper.site-tegel .ervaring-tegel-wrapper-inner{
		height: calc(100vw/2);
	}
	.CtaBlock {
		display: block;
		text-align: left;
  	}
	.CtaBlock__Text p {
    	margin: 20px 0 20px 0;
  	}
	.footer-contact .grid-100{
		padding: 0px;
	}
	.CtaBlock__Title{
		margin-top: 20px;
	}
	.searchandfilter select.sf-input-select{
		width: 100%;
	}
	.gform_footer .ta-icons.ta-arrow-right{
		bottom: 25px;
	}
}
@media(min-width: 520px) and (max-width:769px){
	.news-grid .tablet-grid-50.mobile-grid-100{
		width: 50%!important;
		float: left;
		clear: unset;
	}
}
@media(max-width:560px){
	.search-filter-results .student-tile .tile-image,
	.team-grid .student-tile .tile-image{
		max-height: 250px;
	}
}
@media(max-width:480px){
	.page-hero .header-image:not(.header-home) .grid-container{
	  left: 2%!important;
	}
	.ervaring-tegel-wrapper-inner,
	.ervaring-tegel-wrapper.site-tegel .ervaring-tegel-wrapper-inner{
		height: calc(100vw/1.35);
	}
}
@media(max-width:380px){
	.page-hero .header-image:not(.header-home) .grid-container{
	  left: 2%!important;
	}
	.ervaring-tegel-wrapper-inner{
		height: calc(100vw/0.85);
	}
}
.infodag-samenvatting {
  border: 1px solid #e1dcd1;
  padding: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.infodag-samenvatting .infodag-afbeelding{
  margin: 0 auto;
  display: inline-block;
  width: 100%;
  max-width: 325px;
}
.infodag-samenvatting .infodag-afbeelding img{
  width: 100%;
}
.infodag-samenvatting div:nth-of-type(2) {
	text-align: center;
}
.infodag-samenvatting h3 {
  margin-bottom: 10px;
}
.infodag-samenvatting .infodag-kenmerken {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.infodag-samenvatting table, .infodag-samenvatting tr, .infodag-samenvatting td {
  border: 0;
  margin: 0;
}

.search-filter-results{
	display: flex;
	flex-wrap: wrap;
}
.searchandfilter ul{
  margin: 10px;
  display: flex;
	flex-wrap: wrap;
  background: #ff6316;
}
.searchandfilter ul li{
  background: #fff;
	width: auto;
	flex: auto;
}
.searchandfilter ul li:last-of-type{
  background: #ff6316;
	margin: auto 0 auto auto !important;
	flex: unset;
}
.searchandfilter ul li select{
	border-bottom: unset;
}
.search-filter-results > article > a{
  text-decoration: none;
}
.search-filter-results > .grid-25.tablet-grid-50.mobile-grid-100{
	order: 2;
}
.search-filter-results > .student_nederland{
	order: 1!important;
}

.siteorigin-widget-tinymce > p > a{
	position: relative;
	z-index:99;
}
.widget_whap_tile_color_offset_widget .tile-offset{
	position: relative;
}
.gform_wrapper{
	position: relative;
	z-index: 99;
}
.portrait iframe{
	aspect-ratio: 3/1
}
.searchandfilter-workshop{
	background-color: #ff6316;
	padding: 1px;
}
.searchandfilter-workshop .search-filter-reset{
	width: 98px;
	display: inline-block;
}
.ervaring-tegel-wrapper .ervaringtekst .tegelkop h4{
	overflow-wrap: normal;
 	word-break: normal;
}
.CtaBlock{
	display: flex;
	flex-direction: row;
}
.CtaBlock div:last-of-type{
	flex: 0 0 auto;
}
.programma-tegel-wrapper.agenda > div:last-of-type{
	margin-top: auto;
}