/**
 * @author Jory Hogeveen
 *
 * Copyright (C) Keraweb - All Rights Reserved
 * Unauthorized copying of this file, via any medium is strictly prohibited
 * Proprietary and confidential
 * Written by Jory Hogeveen <info@keraweb.nl>
 */

.element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}

.separator {padding: 0 5px;}

.display-block {display: block;}
.display-inline-block {display: inline-block;}
.display-inline {display: inline;}
.display-flex {display: flex;}

.flex-grow-0 {flex-grow: 0 !important;}
.flex-grow-1 {flex-grow: 1 !important;}
.flex-column {flex-direction: column !important;}
.flex-row {flex-direction: row !important;}

.width-100 {width: 100% !important;}
.width-100vw {width: 100vw !important;}
.width-auto {width: auto !important;}

.clearfix,
.clearBoth,
.clearboth,
.clear-both,
.clearFloat,
.clear-float {clear: both;}

.floatLeft,
.float-left {float: left;}
.floatRight,
.float-right {float: right;}
.floatNone,
.float-none {float: none !important;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

.text-white,
.text-white a,
.text-white a:link,
.text-white a:visited {color: #fff;}
.text-black,
.text-black a,
.text-black a:link,
.text-black a:visited {color: #000;}

.bg-cover,
.background-cover,
.background-repeat-cover {
	background-size: cover;
}
.bg-contain,
.background-contain {
	background-size: contain;
}
.bg-center,
.background-center {
	background-position: center;
}
.bg-pattern,
.background-pattern,
.background-repeat {
	background-repeat: repeat;
	background-size: initial;
}

.cursor-pointer,
.keratoggle {cursor: pointer;}

.keratabs .tabs {margin-left: 0;}
.keratabs .tab {display: inline-block;list-style: none;cursor: pointer; padding: 5px 10px;}
.keratabs .panes {position: relative;}

.kerapopup {position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 999999999; background: rgba(255,255,255,0.5);}
.kerapopup .wrap {position: relative; margin: 5% auto; max-height: 90%; padding: 1em;}
.kerapopup .close {position: absolute; text-align: center; cursor: pointer;}

.naw .naw-item {display: block;}
.naw .label {margin-right: 5px;}
.naw .icon + span,
.naw .icon + span + span {display: inline-block; vertical-align: top;}
.naw.naw-social .naw-item {display: inline-block;}
.naw.naw-social .naw-item .icon {font-size: 1.5em; line-height: inherit; margin: 0 2px;}
.naw.naw-social .naw-item:first-child .icon {margin-left: 0;}
.naw.naw-social .naw-item:last-child .icon {margin-right: 0;}
.naw.naw-social .naw-item .name {display: none;}
.naw.element-invisible {overflow: hidden;}
/* Rescale icons */
.naw .fa-map-marker:before,
.naw .fa-phone:before {
	display:inline-block;
	transform: scale(1.2);
}
.naw .fa-mobile:before {
	display:inline-block;
	transform: scale(1.5);
}

.payment_gateways span.gateway {margin-right: 1em;}

.facebook_page_container.responsive_width .fb-page,
.facebook_page_container.responsive_width .fb-page span,
.facebook_page_container.responsive_width .fb-page span iframe {background: #f6f7f8; display: block; overflow: hidden; width: 100% !important; box-sizing: border-box !important;}

img.no-style {margin: 0; padding: 0; border: 0; float: none; border-radius: 0;}

#fancybox-wrap {box-sizing: content-box;}

.scrollFloat.scrollFloatSmooth {-webkit-transition: margin 0.2s; /* Safari */ transition: margin 0.2s;}

/**
 * LOGIN FORM
 */

#login_error {
	border-left: 4px solid #d63638;
	padding: 8px 12px;
	margin-left: 0;
	margin-bottom: 1em;
	background-color: #fff8f8;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	word-wrap: break-word;
}

/**
 * WP Gallery.
 */

.gallery .gallery-item {text-align: center; margin-top: 1em;}
.gallery .gallery-item dd {margin: 0 1em;}
.gallery-columns-2  .gallery-item {float: left; width: 50%;}
.gallery-columns-3  .gallery-item {float: left; width: 33.3333%;}
.gallery-columns-4  .gallery-item {float: left; width: 25%;}
.gallery-columns-5  .gallery-item {float: left; width: 20%;}
.gallery-columns-6  .gallery-item {float: left; width: 16.6666%;}
.gallery-columns-7  .gallery-item {float: left; width: 14.2857%;}
.gallery-columns-8  .gallery-item {float: left; width: 12.5%;}
.gallery-columns-9  .gallery-item {float: left; width: 11.1111%;}
.gallery-columns-10 .gallery-item {float: left; width: 10%;}

.gallery .gallery-item,
.gallery .gallery-item img {
	box-sizing: border-box;
	padding: 2px;
}

/**
 * Keragrid.
 */

.keragrid:after,
.keragrid-items:after {clear: both; content: ' '; display: table; width: 100%; height: 0;}

.keragrid .one-per-row {width: 100%;}
.keragrid .two-per-row {width: 50%;}
.keragrid .three-per-row {width: 33.3333333333%;}
.keragrid .four-per-row {width: 25%;}
.keragrid .five-per-row {width: 20%;}
.keragrid .six-per-row {width: 16.6666666666%;}

.keragrid .item {display: inline-block; vertical-align: top;}
.keragrid .item .inner {padding: 5px; margin: 5px;}
.keragrid .item.one-per-row .inner {margin: 5px 0;}

.keragrid-items {flex-grow: 1;}
.keragrid-items.list .item,
.keragrid-items.oddeven > .item {display: block; clear: both; overflow: hidden; margin-bottom: 1em;}
.keragrid-items.oddeven > .item .oddeven-first,
.keragrid-items.oddeven > .item .oddeven-second {width: 48%; display: block; float: left;}
.keragrid-items.oddeven > .item:nth-child(odd) .oddeven-second {float: right;}
.keragrid-items.oddeven > .item:nth-child(even) .oddeven-first {float: right;}

.keragrid-items .item-image a {display: block;}

.entry-images .items .item {float: left; list-style: none;}
.entry-images .items.gallery .item {margin: 0 1em 1em 0;}

/**
 * Gravity Forms.
 */

div.gform_wrapper ul li.gfield.one-half,
div.gform_wrapper ul li.gfield.one-third,
div.gform_wrapper ul li.gfield.one-fourth,
div.gform_wrapper ul li.gfield.one-fifth,
div.gform_wrapper ul li.gfield.one-sixth,
div.gform_wrapper ul li.gfield.two-thirds,
div.gform_wrapper ul li.gfield.two-fifths {
	margin-bottom: 20px;
	clear: none;
	float: left;
	margin-left: 2.564102564102564% !important;
}

div.gform_wrapper ul li.gfield.one-half.first,
div.gform_wrapper ul li.gfield.one-third.first,
div.gform_wrapper ul li.gfield.one-fourth.first,
div.gform_wrapper ul li.gfield.one-fifth.first,
div.gform_wrapper ul li.gfield.one-sixth.first,
div.gform_wrapper ul li.gfield.two-thirds.first,
div.gform_wrapper ul li.gfield.two-fifths.first {
	clear: both;
	margin-left: 0 !important;
}

div.gform_wrapper ul li.gfield.one-half.right,
div.gform_wrapper ul li.gfield.one-third.right,
div.gform_wrapper ul li.gfield.one-fourth.right,
div.gform_wrapper ul li.gfield.one-fifth.right,
div.gform_wrapper ul li.gfield.one-sixth.right,
div.gform_wrapper ul li.gfield.two-thirds.right,
div.gform_wrapper ul li.gfield.two-fifths.right {float: right;}

.widget.no-styles {background: transparent !important; border: 0 !important; padding: 0 !important;}

/**
 * Keralayers.
 */

.keralayer.sidebar,
.keralayer .sidebar.row {float: none; display: block; width: auto; padding: 0;}
.keralayer .sidebar .widget {background: transparent;}
.keralayer .sidebar .widget:last-child {margin-bottom: 0;}
.keralayer .sidebar > .widget {padding: 0;}

/**
 * Flexslider.
 */

.flexslider {overflow: hidden;}
.flexslider .slides,
.sidebar .flexslider .slides {padding: 0;}
.flexslider .slides .slide {background-position: center; background-repeat: no-repeat; background-size: cover; border:0; padding: 0; margin: 0;}
.flexslider .flex-control-nav,
.flexslider .flex-direction-nav,
.flexslider .flex-control-nav li,
.flexslider .flex-direction-nav li,
.sidebar .flexslider .flex-control-nav,
.sidebar .flexslider .flex-direction-nav,
.sidebar .flexslider .flex-control-nav li,
.sidebar .flexslider .flex-direction-nav li {border:0;margin: 0;padding: 0;}

/**
 * Layered Navigation
 */

.widget_keralib_woo_filters,
.widget_keralib_woo_filters .widget-wrap {position: relative;}

#layered-navigation.horizontal {padding: 0; margin: 0;}
#layered-navigation.horizontal .keralayer-inner {padding: 0;}
#layered-navigation.horizontal .widget {margin-bottom: 0;}
#layered-navigation.horizontal .widget_keralib_woo_filters .widget {
	display: inline-block;
	margin: 0;
	padding: 0;
	border-top: 0;
}
#layered-navigation.horizontal .widget_keralib_woo_filters .widget.widget_layered_nav_filters {
	display: block !important;
}
#layered-navigation.horizontal .widget_keralib_woo_filters .widget .widget-wrap {
	position: relative;
}
#layered-navigation.horizontal .widget_keralib_woo_filters .widget .widget-title-wrapper {
	position: relative;
	padding: .5em 1em;
}
#layered-navigation.horizontal .widget_keralib_woo_filters .widget .widget-title {
	font-size: 1em;
	margin: 0;
}
#layered-navigation.horizontal .widget_keralib_woo_filters .widget .widget-content {
	min-width: 100%;
	background: #fff;
	padding: .5em 1em;
}
#layered-navigation.horizontal .widget_keralib_woo_filters .widget .woocommerce-widget-layered-nav-list {
	margin-top: 0;
}
#layered-navigation.horizontal .widget_keralib_woo_filters .widget ul li a {
	display: block;
}

/**
 * Aspect ratio wrappers.
 */

/* Padding calc: Height / Width * 100 */
.aspect-ratio-container,
.video-container {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%; /* 16-9 */
}
.aspect-ratio-container.ratio-21-10,
.video-container.size-21-10 {
	padding-bottom: 47.61904761904762%;
}
.aspect-ratio-container.ratio-21-9,
.video-container.size-21-9 {
	padding-bottom: 42.85714285714286%;
}
.aspect-ratio-container.ratio-16-10,
.video-container.size-16-10 {
	padding-bottom: 62.5%;
}
.aspect-ratio-container.ratio-16-9,
.video-container.size-16-9 {
	padding-bottom: 56.25%;
}
.aspect-ratio-container.ratio-3-2,
.video-container.size-3-2 {
	padding-bottom: 66.66666666666667%;
}
.aspect-ratio-container.ratio-4-3,
.video-container.size-4-3 {
	padding-bottom: 75%;
}
.aspect-ratio-container.ratio-5-4,
.video-container.size-5-4 {
	padding-bottom: 80%;
}
.aspect-ratio-container.ratio-5-3,
.video-container.size-5-3 {
	padding-bottom: 60%;
}
.aspect-ratio-container.ratio-5-2,
.video-container.size-5-2 {
	padding-bottom: 40%;
}
.aspect-ratio-container.ratio-3-1,
.video-container.size-3-1 {
	padding-bottom: 33.33333333333333%;
}
.aspect-ratio-container.ratio-2-1,
.video-container.size-2-1,
.aspect-ratio-container.ratio-4-2,
.video-container.size-4-2 {
	padding-bottom: 50%;
}
.aspect-ratio-container.ratio-1-1,
.video-container.size-1-1 {
	padding-bottom: 100%;
}
.aspect-ratio-container.ratio-1-2,
.video-container.size-1-2 {
	padding-bottom: 200%;
}
.aspect-ratio-container > *,
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.aspect-ratio-container img,
.object-fit-cover:not(.aspect-ratio-container),
.object-fit-cover img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
.object-fit-contain:not(.aspect-ratio-container),
.object-fit-contain img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
}

.site-container iframe {max-width: 100% !important; max-height: 90vh;}
.adsbygoogle iframe {max-height: none !important;}

/**
 * Submenu toggle
 */
nav.toggle-sub-menu {clear: both;}
nav.toggle-sub-menu .sub-menu-toggle,
nav.toggle-sub-menu .menu-toggle {
	display: none;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	box-shadow: none;
	text-transform: none;
	border: 0;
}
nav.toggle-sub-menu button.menu-toggle,
nav.toggle-sub-menu button.sub-menu-toggle {background-color: transparent;}
nav.toggle-sub-menu .menu-toggle:after,
nav.toggle-sub-menu .sub-menu-toggle:after {display: none;}
nav.toggle-sub-menu .menu-toggle:before,
nav.toggle-sub-menu .sub-menu-toggle:before {font-family: "dashicons"; font-weight: normal;}
nav.toggle-sub-menu .sub-menu-toggle {
	padding: 10px 18px;
	line-height: 25px;
	font-size: 26px;
	position: absolute;
	right: 0;
	top: 0;
}
nav.toggle-sub-menu .menu-toggle:before {
	/*position: absolute;*/
	font-size: 25px;
	content: "\f333";
	float: right;
	padding-left: 25px;
}
nav.toggle-sub-menu .menu-toggle.activated:before {/*content: "\2191";*/}
nav.toggle-sub-menu .sub-menu-toggle:before {content: "\f140";}
nav.toggle-sub-menu .sub-menu-toggle.activated:before {content: "\f142";}
nav.toggle-sub-menu .menu {position: relative;}
/*nav.toggle-sub-menu .genesis-nav-menu .menu-item {display: block; position: relative; text-align: left;}
nav.toggle-sub-menu .genesis-nav-menu .menu-item:hover {position: relative;}
nav.toggle-sub-menu .genesis-nav-menu .sub-menu {clear: both; display: none; opacity: 1; position: static; width: 100%;}
nav.toggle-sub-menu .genesis-nav-menu .sub-menu a {border-left: 0; position: relative; width: auto;}*/

@media screen and (max-width: 839px) {
	div.gform_wrapper ul li.gfield.one-half,
	div.gform_wrapper ul li.gfield.one-third,
	div.gform_wrapper ul li.gfield.one-fourth,
	div.gform_wrapper ul li.gfield.one-fifth,
	div.gform_wrapper ul li.gfield.one-sixth,
	div.gform_wrapper ul li.gfield.two-thirds,
	div.gform_wrapper ul li.gfield.two-fifths {clear: both; float: none; margin-left: 0 !important;}

	nav.toggle-sub-menu .sub-menu-toggle,
	nav.toggle-sub-menu .menu-toggle {
		display: block;
	}
}
/*@media only screen and (max-width: 767px) {
	.one-fifth {margin: 0; width: 100%;}
}*/

@media only screen and (min-width:480px) and (max-width:839px) {
	.keragrid .three-per-row {width: 33.3333333333%;}
	.keragrid .four-per-row {width: 50%;}
	.keragrid .five-per-row {width: 50%;}
	.keragrid .six-per-row {width: 33.3333333333%;}
	.keragrid .four-per-row:nth-child(odd) {clear: both;}
	.keragrid .five-per-row:nth-child(odd) {clear: both;}
	.keragrid .six-per-row:nth-child(3n+1) {clear: both;}
}

@media only screen and (max-width:479px) {
	.keragrid .two-per-row {width: 100%;}
	.keragrid .three-per-row {width: 100%;}
	.keragrid .four-per-row {width: 50%;}
	.keragrid .five-per-row {width: 50%;}
	.keragrid .six-per-row {width: 33.3333333333%;}
	.keragrid .four-per-row:nth-child(odd) {clear: both;}
	.keragrid .five-per-row:nth-child(odd) {clear: both;}
	.keragrid .six-per-row:nth-child(3n+1) {clear: both;}

	.keragrid.oddeven .item .oddeven {width: 100%; float: none !important;}
}

/* Facebook in Text widget fixes */
/*.fb_iframe_widget,
.fb_iframe_widget span {display: block; width: auto !important; max-width: 100%; position: relative;}
.fb_iframe_widget iframe {position: static !important; display: block; width: auto !important; max-width: 100%;}*/
