/*
 Theme Name:   Isbrae Training & Coaching
 Theme URI:    https://isbrae.nl
 Description:  Robin Roelofsen Webdesign child theme for GeneratePress
 Author:       Robin Roelofsen
 Author URI:   https://robinroelofsen.nl
 Template:     generatepress
 Version:      1.0
*/

/* Styling header */

/* Logo verder naar links brengen */
.site-header .header-image {
    margin-left: -80px;
	max-width: 348px;
}

/* Styling navigatiebalk */

/* Auto width submenu items */
.sub-menu .dropdown-menu-toggle {
    position: absolute;
    right: 0;
}

.main-navigation ul ul {
    width: auto;
    white-space: nowrap;
}

/* Vergroot font submenu items */
.main-navigation .main-nav ul ul li a {
	font-size: 16px
}

.img-border {
	border: 1px solid #ddd;
}

/* Underline link bij hover, behalve in navigatie */
a:hover {
	text-decoration: underline;
}

.main-navigation a:hover {
	text-decoration: none;
}

/* Opmaak contactformulier */
.caldera-grid {
	background-color: #f2f5f8;
    border: 1px solid #BDCEDE !important;
	margin-bottom: 1.5em;
	padding: 20px;
}

.caldera-grid .form-control, .caldera-grid output {
	color: #444 !important;
	font-size: 16px !important;
}

.caldera-grid .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    max-width: none !important;
}

.caldera-grid .form-control {
    border: 1px solid #BDCEDE !important;
}

#fld_7908577_3 {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Styling kolommen */
.wp-block-columns .layout-column-2,
.wp-block-columns .layout-column-3,
.wp-block-columns .layout-column-4,
.wp-block-columns .layout-column-5,
.wp-block-columns .layout-column-6 {
	margin-left: 2.564102564102564%;
}

/* Styling opdrachtgeverskolommen */
.opdrachtgevers p {margin-bottom: 0em;}

/* Responsive Google Maps */
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media only screen and (max-width: 1250px) {
	
	/* Styling header */

	/* Logo verder naar links brengen */
	.site-header .header-image {
	    margin-left: 5px;
		max-width: 100%;
	}
	
}

@media only screen and (max-width: 1050px) {
	
	/* Mobile menu op 1050px breedte */
	
	.main-navigation .menu-toggle {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}

	.main-navigation.toggled .main-nav > ul {
		display: block;
	}

	.main-navigation .main-nav ul ul.toggled-on,
	.secondary-navigation .main-nav ul ul.toggled-on {
		position: relative;
		top: 0;
		left: auto !important;
		right: auto !important;
		width: 100%;
		pointer-events: auto;
		height: auto;
		opacity: 1;
		display: block;
	}

	.main-navigation .main-nav li {
		float: none;
		clear: both;
		display: block !important;
		text-align: left !important;
	}

	.main-navigation .main-nav li.hide-on-mobile {
		display: none !important;
	}

	.main-navigation .dropdown-menu-toggle:before {
		content: "\f107" !important;
	}

	.main-navigation .sfHover > a .dropdown-menu-toggle:before {
		content: "\f106" !important;
	}

	.main-navigation .menu-item-has-children .dropdown-menu-toggle {
		float: right;
	}

	.main-navigation .mobile-bar-items {
		display: block;
	}

	.main-navigation .menu li.search-item {
		display: none !important;
	}

	.main-navigation .sf-menu > li.menu-item-float-right {
		float: none !important;
		display: inline-block !important;
	}

	[class*="nav-float-"] .site-header .inside-header > * {
		float: none;
		clear: both;
	}

	.gen-sidebar-nav {
		display: none;
	}

	.sidebar-nav-mobile:not(#sticky-placeholder) {
		display: block;
	}
	
}

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

	/* Styling kolommen */
	.wp-block-columns {
	    display: initial;
	}
	
	.wp-block-columns .layout-column-2,
	.wp-block-columns .layout-column-3,
	.wp-block-columns .layout-column-4,
	.wp-block-columns .layout-column-5,
	.wp-block-columns .layout-column-6 {
		margin-left: 0;
	}
	
}