/*
 Theme Name:   Webmaat GP
 Theme URI:    https://generatepress.com
 Description:  GP child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



	


/*
Oranje: 5bc0de
Oranje hover: 39b3d7
tint: dedede rgb(231, 232, 233)
bruin: 6693A2
zwart: 1E2C30
rgba(54,36,24,0.35)
tint gradient: F3F3F2 licht naar EAE9E7 donker


 Primair: #6693A2 - blauw
Secundair: #444444
hulpkleur:  #888888
Tekst: #1E2C30  (afgeleid van blauw in logo)
Aktie: #5bc0de 
Aktie hover #39b3d7
Tint: #dedede;


*/

/*    algemeen   */

.ff-el-form-control { 
	min-width:100%;
}

/* bijv images */
.hover-effect a:hover, hover-effect a:focus {
	opacity:.8;
}

h1 {
	overflow-wrap: break-word;
}


/* letterspacing: 10 grote koppen en 17 kleine koppen */

h1,h2,h3,h4 {
	letter-spacing:.5px;
}

ul {
	margin-left:1.5em;
}

/* workaround om rows in volle breedte te tonen BB */
.fl-theme-builder-header #content.site-content {
  display: block;
	}

.fl-builder #content {
  padding: 0;
  margin: 0;
  max-width: none;
  width: auto;
	}

.usp .fl-builder-shape-triangle {
	left:20%;
}


.fl-node-613a0f9cd424f .fl-row-content-wrap div:nth-child(3) {
	right:20%;
}





.fl-node-613a145a1163c {
	width:4%;
}
.single ul {
	margin-left:1em;
}
.single ul li {
	list-style-color:#39b3d7;	
}

.single-post h2 {
	font-size:22px;
	color:#6693A2;
}
.single-post h3 {
	font-size:20px;
	color:#6693A2;
	font-weight:200;
}


.vadercafe-begeleider .fl-post-text {
	    background-color: #dedede;
    padding: 10px;
    border-radius: 9px;
    text-align:center;
}

.ondertekst {
	background-color: rgba(231, 232, 233,.6);
	border-radius:9px;
}

.ondertekst p {
	margin-bottom:0px;
}


.begeleiders .fl-col-group-equal-height {
	justify-content:space-between;
}

/*
.begeleiders-tweederij .fl-col-group-equal-height{
	justify-content:flex-start;
	
}

.begeleiders-tweederij .fl-col-group-equal-height .fl-col {
	margin-right:4em;
}
*/
 
.begeleider-overons {
	max-width:170px;
}


/*.  Blog post homepage en blog archive. */

.blogs-home .fl-post-feed .flex {
padding:20px;
}

.blogs-home .fl-post-feed .fl-post-feed-post:nth-child(odd) {
	background-color:#f2f2f2;
}

.blogs-home .flex {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-content:center;
    
}



.blogs-home .uabb-post-thumbnail {
	max-width:349px;
}

.flex-child {
    text-align:left;
    margin-left:1em;
    
}





.vertical-line {
	border-left:3px solid #5bc0de;
	padding:10px;
	max-height:128px;
}

.blogs-home .uabb-post-thumbnail img {

}

.blogs-home .uabb-post-heading {
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px !important;
}

.blogs-home .uabb-blog-posts-description {
    padding-top:0px;
    margin-bottom:10px !important;
}

.blogs-home .uabb-blog-posts-description > p {
    display:inline;
}

.blogs-home .uabb-read-more-text {
    padding:0px;
    /*border:1px solid red;*/
    /*border-radius:9px;*/
    /*max-width:30%;*/
    
}

.blogs-home-mobiel .fl-post-grid-image {
	border-top:2px solid #5bc0de;
}

.blogs-home .fl-post-feed-post {
	border-bottom:0px;
	}
	
	
.single .fl-post-grid-post h3 {
	margin-top:12px;
}
	
/* vadercafe's */



.fl-post-grid-post {
    font-size: 14px;
}
.fl-post-text {
 
    font-color:#fff;
 
    	
}



.fl-post-text h5 {
	font-size:18px;
	font-weight:600;
	color:#000;
}
.fl-post-title {
    font-size: 20px;
	line-height: 26px;
	margin: 0;
	padding: 0 0 5px;
}
.fl-post-meta {
    padding: 0 0 15px;
}

.fl-post-image {
    height:100%;
    background: no-repeat center;
    background-size:cover;
    border-radius:9px;
    
    
}

.fl-post-image .overlay {
	height:100%;
	background-color:rgba(231, 232, 233, .9);
	border-radius:9px;
	padding:10px;
	text-align:center;
	cursor: pointer;

}

.fl-post-image .overlay:hover,
.fl-post-image .overlay:focus {
	background-color:rgba(231, 232, 233, .6);

/*

	-webkit-box-shadow: 0px 0px 15px 7px rgba(28,18,11,0.23); 
box-shadow: 0px 0px 15px 7px rgba(28,18,11,0.23);
*/


	}
	

.fl-post-image a {
	color:#5bc0de;
}

.fl-post-image a:hover,
.fl-post-image a:focus {
	color:#39b3d7;
}

.fl-post-grid-post {
	border:0px;
}

.categorie-button a, .evenementen-grid .uabb-read-more-text a {
	background-color: #5bc0de !important;
padding: 2px 15px;
color: #fff;
border-radius: 4px;
margin-left: .6em;
margin-top: 10px;
}

.categorie-button a:focus, .categorie-button a:hover, .evenementen-grid .uabb-read-more-text a:focus, .evenementen-grid .uabb-read-more-text a:hover {
	background-color: #39b3d7 !important;
	}
	
.evenementen-grid .uabb-read-more-text {
	
}

.evenementen-grid .datum {
	margin-top:10px;
}

.evenementen-grid.sidebar h4 {
	font-size:18px;
}

.evenementen-grid.sidebar h3 {
	font-size:22px;
	font-weight:400;
}

.evenementen-grid.sidebar .uabb-read-more-text a {
	margin-left:0px !important;
}

.page-id-1196 .grid-container {
	width: 1280px;
    margin: 0 auto;
    padding: 75px 45px;
}
	
.single ol {
	margin-left:1.5em;
} 

.fl-module-fl-archive-description p {
	margin-bottom:0px;
	text-align:center;
}

.evenementen-grid 
/* Here's some optional hover over effects. Delete if not used */


.cookiebar {}

/* Here's some optional hover over effects. Delete if not used */

.clickable-col .fl-col-content:hover{
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2); /* Horizontal/Vertical/Blur/Spread/Color */
transition-timing-function: ease-in-out;
transition-duration: 0.4s; 
}

.clickable-col .fl-col-content{
transition-timing-function: ease-in-out;
transition-duration: 0.3s; 
}

/* See here for a visual editor: https://cssgenerator.org/box-shadow-css-generator.html */

.clickable-col .fl-col-content:hover {
transform: translateY(-3px);
transition: all .3s ease-in-out;
}

.clickable-col.fl-col-content {
transition: all .3s ease-in-out;
}

/* To stop the hover on child column */

.no-effect .fl-col-content:hover{
transform:none;
box-shadow:none;
}

#cn-accept-cookie {
	font-weight:900 !important;
	font-size:120% !important;
}


.contact-formulier .ff-el-form-control {
	width:658px !important;
	margin-bottom:1em;
}


.uabb-modal-content-data .button-formulier {
	margin-top:30px;
}

/* !!MEDIA QUERIES */

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

}

@media only screen and (min-width:660px) {
	
}
	
@media only screen and (min-width:768px) {
	.verticale-lijn-rechts .fl-photo {
		padding-right:40px;
		border-right:3px solid #5bc0de;
	}
	.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
	margin-bottom: 26px !important;
	

  font-weight:700;

  }
  .fl-node-3fcwyti1r508 p {
	  min-height:81px;
  }
	.ff_columns_total_3 {
	display:flex !important;
}
		.page-id-236 .frm-fluent-form .ff-t-container {
		display:block !important;
	}

}	



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

/* hack voor safari om flex layout gelijk te trekken aan chrome en firefox */
@media not all and (min-resolution:.001dpcm) { 
     @supports (-webkit-appearance:none) {
          .blogs-home .uabb-post-thumbnail {
	max-width:initial !important;
	width:70%;
			}
		.flex-child {
			width:160%;
		}
     }
}



	
}


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

}


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

}

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

}


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

}

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

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

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

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

@media only screen and (min-width:965px) and (max-width:1115px) {
.blogs-home .fl-post-feed .flex {
	font-size:14px;
}
	
	
}


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



}

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

} 

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

}

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

}

@media only screen and (min-width:768px) and (max-width:992px) 	{
.verticale-lijn-rechts .fl-photo {
		padding-right:0px;
		border-right:none;
	}

}

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

	
}
	
@media only screen and (max-width:767px) {
	.usp .fl-builder-shape-triangle {
	left:30%;
	}
	
.fl-node-613a0f9cd424f .fl-row-content-wrap div:nth-child(3) {
	right:29%;
	top:-1px;
	}
	.het-beste-row .beste h2 {
		border-left: 2px solid #888888;
		padding-left: 20px !important;
	}
	.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
		margin-top:20px;
		}
	
}

@media only screen and (min-width:520px) and (max-width:767px) {
	
}

@media only screen and (max-width:767px) {
	.uabb-modal-parent-wrapper .uabb-content {
		width:87% !important;
	}
	
}
	
@media only screen and (max-width:620px) {
	
	.ff-el-form-control {
		min-width:100% !important;
	}

}


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


}

@media only screen and (min-width:995px) and (max-width:1139px) 	{


}


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


}

@media only screen and (min-width:297px) and (max-width:323px) 	{

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

.div {....}

}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.div {....}

}



/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}