/*
	Theme Name: AS
	Theme URI: https://www.anothersight.nl
	Description: Anothersight custom theme
	Version: 1.0.0
	Author: Rev Media
	Author URI: https://www.rev-media.nl
*/

@font-face {
	font-family: "FontAwesome";
	font-weight: normal;
	font-style : normal;
		   src : url("fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
				 url("fonts/fontawesome-webfont.woff?v=4.3.0") format("woff");
	font-display: swap;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,	
b, u, i, center,12
dl, dt, dd,
fieldset, form, label, legend,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:focus {
    outline: 0!important;
}
body{
    font-family: 'Montserrat', sans-serif;
    background-color: var(--color-lt);
	-webkit-font-smoothing:antialiased;
	font-size:15px;
	font-weight:400;
	margin:0;
	color: #27282c;
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
	-moz-transition: padding-left 0.3s ease;
	-webkit-transition: padding-left 0.3s ease;
	transition: padding-left 0.3s ease;
	background-color: #fff;
	scroll-behavior: smooth;
}
p
{
    margin: 0 0 1.8em 0;
    line-height: 1.8em;
}
p:last-child
{
	margin-bottom: 0;
}

/*------------------------------------*\
    HEADINGS
\*------------------------------------*/

h1, h2, h3, h4, h5, blockquote, blockquote,
.h1, .h2, .h3, .h4, .h5
{
    clear: both;
	font-weight:600;
	color: #27282c;
	line-height:1.5em;
	margin:0 0 0.5em 0;
	word-break: break-word;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
h1, .h1
{
	font-size:2.0em;
	margin-bottom: 0.75em;
}
.section-slider h1
{
    z-index: 1;
    position: relative;
    color: var(--color-white);
	font-size:2.5em;
}
h2, .h2
{
	font-size:1.5em;
}
h3, .h3
{
	font-size:1.25em;
}
footer h3,
.text-lt footer h3
{
	font-size: 1.0em;
	margin-bottom: 1.0em;
	color: var(--color-orange) !important;
}
h4, .h4,
.section.text-white h4
{
	font-size:1.1em;
	color: var(--color-secondary) !important;
}
h5, .h5
{
	font-size:1.0em;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong
{
    font-weight: 400;
}
.specialfont
{
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.75em;
    font-size: 1.2em;
}
blockquote
{
	font-size: 2.5em;
}
blockquote p
{
	line-height: inherit;
	margin: 0;
}
img {
	max-width:100%;
	vertical-align:bottom;
	object-fit: contain;
}
iframe
{
	max-width: 100%;
}

 a:link,
 a:visited,
 a:active

 {
	color: var(--color-secondary);
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-decoration: underline;
}
a:hover
{
	color: var(--color-secondary);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-decoration: underline;
}
a:focus
{
	outline:0;
}
a:hover,
a:active
{
	outline:0;
}
a.readmore
{
	font-weight: 700;
	color: var(--color-primary);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
}
a.readmore:before {
    font-family: fontAwesome;
    content: '\f054';
    position: relative;
    margin: 0 5px 0 0;
    color: var(--color-secondary);
    font-weight: 400;
    position: relative;
}
a.readmore:hover,
a.readmore:hover span
{
	color: var(--color-secondary);
	text-decoration: none;
}
strong a:link,
strong a:visited,
strong a:active
{
	color: var(--color-primary);
}
strong a:hover
{
	color: var(--color-secondary);
}
strong a span
{
	display: inline-block;
}
strong a span:after
{
    content: "";
    display: block;
	width: 100%;
	height: 2px;
	background-color: var(--color-secondary);
	top: -5px;
    position: relative;
}
input:focus
{
	outline:0;
	border:1px solid var(--color-secondary);
}
.address
{
	margin-bottom: 1.7em;
}
.mega-menu-wrap .textwidget .address
{
    margin-bottom: 0.5em;
}
.nolist ul,
footer ul
{
	margin-left: 0;
	list-style:none;
}

.nolist li,
footer ul li
{
	display:block;
	margin-left: 0;
	padding-left: 0;
}
.nolist li:before,
footer ul li:before
{
	display: none;
}
.footer .widget-2 .widget-title
{
	opacity: 0;
}
footer
{
	word-break: break-word;
}
footer a:link, footer a:visited, footer a:active
{
	text-decoration: none;
}
footer a:hover
{
	text-decoration: underline;
}
footer strong
{
	color: var(--color-white);
}
footer .widget:first-child
{
}
footer .footer-image img
{
	oobject-fit: cover;
    oobject-position: top;
}
footer ul
{
}
footer ul li
{
}
.copyright,
.copyright a
{
	font-size: 0.95em;
	text-decoration: none;
}
.copyright a,
.copyright .row .wrap a
{
	color: var(--color-lt) !important;
}
.copyright a:hover
{
	text-decoration: underline;
}
.icon-phone,
.icon-mail,
a.icon-phone,
a.icon-mail
{
	font-weight: 500;
	text-decoration: none;
    color:var(--color-dk);
    margin-bottom: 0.75em;
}
.full_address .icon-phone, 
.full_address .icon-mail, 
.full_address a.icon-phone, 
.full_address a.icon-mail
{
	width: 100%;
	display: inline-block;
    font-weight: 400;
}
.full_address a.icon-mail
{
    margin-bottom: 1.5em;
}
.mega-menu-wrap .full_address .icon-phone, 
.mega-menu-wrap .full_address .icon-mail, 
.mega-menu-wrap .full_address a.icon-phone, 
.mega-menu-wrap .full_address a.icon-mail
{
    color: #fff;
    margin-bottom: 0;
    text-align: left;
}
.icon-phone:before,
.icon-mail:before,
.icon-back:before,
.icon-map:before,
.icon-url:before,
.icon-basket:before
{
	ffont-family: fontAwesome;
    font-family: "Font Awesome\ 5 Free";
	font-display: swap;
	ccontent:'\f10b';
	content: '\f095';
	margin-right:12px;
	font-weight:700;
	display: inline-block;
	color: var(--color-secondary);
	position: relative;
	font-size: 1.4em;
	top: 3px;
	text-align: center;
}
.mobile-menu-container .icon-phone:before,
.mobile-menu-container .icon-mail:before
{
	color: var(--color-secondary)
}
.icon-phone:before
{
	ffont-size: 1.2em;
    background: url('img/icons/icon-phone-green.svg') center center no-repeat;
    height: 20px;
    width: 20px;
    background-size: contain;
    content: "";
    top: 3px;
}
footer .icon-phone:before
{
    background: url('img/icons/icon-phone-white.svg') center center no-repeat;
    background-size: contain
}
.icon-mail:before
{
	content:'\f0e0';
    font-weight: 400;
    color: #fff;
    
}
.icon-map:before{
	content: '\f3c5';
}
.icon-url:before{
	content: '\f57d';
}
.icon-basket:before{
	content: '\f07a';
	color: var(--color-secondary);
}
.info .icon-phone:before, .info .icon-mail:before {
    margin-top: 3px;
}
.information .btn:first-child
{
	margin-right: 10px;
}
.information .icon-phone
{
	color: var(--color-secondary);
	font-weight: 700;
}
.information .icon-phone:before
{
	color: var(--color-secondary);
}
.information .icon-phone:hover::before
{
    	color: var(--color-white) !important;
}
ul li.no-list{
	margin-left: 27px;
	margin-bottom: 0.2em;
}
ul li.no-list:before,
ul li.no-list:after{
	content: none;
}
/* topheader */

.topheader
{
	height: 50px;
	position: relative;
	background-color: var(--color-lt);
	font-size: var(--font-extrasmall);
}
.usps-topheader {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 60%;
    justify-content: flex-start;
    margin-bottom: 0;
    font-weight: 300;
}
.usps-topheader li
{
	line-height: 50px;
	margin-bottom: 0;
}

.sidewides li a:link,
.sidewides li a:active,
.sidewides li a:visited
{
	text-decoration: none;
	line-height: 50px;
	color: var(--color-primary);
}
/* header */
header, .logo, .search,.header-icons
{
	height: 90px;
}
header
{
	position: relative;
    position: absolute;
    z-index: 99;
    width: 100%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.logo
{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    float: left;
    margin-right: 10px;
    z-index: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.logo img,
.moblogo img
{
	height: auto;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.header-icons
{
	 position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
	float: right;
}


.header-cart-badge {
    background-color: blue;
    color: #fff;
    top: -10px;
    position: absolute;
    left: 22px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 11px;
    line-height: 15px;
    padding-left: 4.5px;
    display: block;
    padding: 5px;
}
.section.mainmenu
{
	border-bottom: 1px solid #eee;
	height: 40px;
}
.section
{
    position: relative;
}
@media (min-width: 800px) {
    

    .page-template-default .section-content
    {
        min-height: 400px;
    }
	.cd-top{
		bottom: 15px!important;
	}

	body.scroll header
	{
		height: 80px;
		position: fixed;
		width: 100%;
		z-index: 98;
		top: 0;
		padding-top: 0;
		-webkit-box-shadow: 0px 5px 11px -6px rgb(0 0 0 / 20%);
		-moz-box-shadow: 0px 5px 11px -6px rgb(0 0 0 / 20%);
		box-shadow: 0px 5px 11px -6px rgb(0 0 0 / 20%);
        background-color: rgba(0,0,0,0.8);
	}
	body.scroll .logo {

		position: fixed;
        height: 80px;
		z-index: 99;
	}
    body.scroll .logo img
    {
        max-width: 140px;
    }
	body.scroll .nav.main-menu {
        top: 24px;
    }

    */ 
}
/* nav */
.col-custom-padding-left
{
    padding-left: calc(100% - 620px);
	padding-right: 70px;
}
.col-custom-padding-right
{
    padding-right: calc(100% - 620px);
	padding-left: 70px;
}



/* SIDEBAR */
.sidebar .widget
{
	margin-bottom: 2.0em;
	border: 1px solid #eee;
	border-radius: 3px;
}
.sidebar .widget_wrap
{
	width: 100%;
}

/*------------------------------------*\
    tables
\*------------------------------------*/

table {

    border-collapse: collapse;
    border-spacing: 0;
	margin-bottom: 2.0em;
	max-width: 70%;
	min-width: 70%;
	overflow: hidden;
}

table th,
table td
{
	padding: 10px 10px 10px 20px;
	text-align: left;
}
table th
{
	background-color: var(--color-secondary);
	color: #fff;
}

table th p,
table td p
{
	margin:0;
}

tr:nth-child(even)
{

}

tr:nth-child(odd)
{

}


/*------------------------------------*\
    START FORMS CSS
\*------------------------------------*/
input,
select,
textarea {
    width: 75%;
}
input,
textarea
{
	font-family: 'Open Sans', sans-serif;
}
select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="tel"],
input[type="number"],
textarea,
button
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px;
    border: none !important;
    padding: 8px 15px !important;
    background: none;
    min-height: 42px;
    background-color: #fff;
    color: var(--color-primary);
	font-size: var(--font-normal);
    border-radius: 2px !important;
    mmargin-bottom: 1.5em;
    margin-bottom: 0.2em;
    width: 100%;
	box-shadow: none !important;
    background-color: #f4ecdd !important;
}
input[type="radio"]
{
	width: auto !important;
}
form p
{
	margin-bottom: 0.5em;
}
form.sent p
{
	display: none;
}

::-webkit-input-placeholder {
	color: #c8c8c8;
}
::-moz-placeholder {
	color: #c8c8c8;
}
:-ms-input-placeholder {
	color: #c8c8c8;
}
:-moz-placeholder {
	color: #c8c8c8;
}

input[type="checkbox"]{
    width: auto;
}

input[type="submit"]{
	border: none;
}
/*------------------------------------*\
    END FORMS CSS
\*------------------------------------*/

/*------------------------------------*\
    CUSTOM CSS
\*------------------------------------*/

a.btn,
.btn,
span.btn,
a.btn-outline,
.btn-outline,
span.btn-outline,
a.btn-blank,
.btn-blank,
span.btn-blank
input[type="button"],
input[type="reset"],
input[type="submit"],
.caldera-grid .btn,
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
div.wpforms-container-full .wpforms-form input[type=submit], 
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button
{
	font-family: 'Playfair Display', serif;
font-family: 'Montserrat', sans-serif;
    background: none;
	line-height:2em;
	display:inline-block;
    padding: 12px 30px 10px 30px;
	color: var(--color-dk);
	text-decoration:none;
	cursor: pointer;
	margin-bottom:0.4em;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-shadow: none !important;
	box-sizing:border-box;
	font-size:16px;
	font-size: var(--font-small);
	font-weight: 700 !important;
	position:relative;
	-webkit-appearance: none;
	width: auto;
    border: 2px solid var(--color-secondary) !important;
    text-transform: uppercase;
}
div.wpforms-container-full .wpforms-form input[type=submit], 
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button
{
    background: none !important;
}
a.btn:hover,
.btn:hover,
span.btn:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.caldera-grid .btn,
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message:hover, 
.frm_style_formidable-style.with_frm_style input[type=submit]:hover,
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover, 
.frm_style_formidable-style.with_frm_style .frm_submit button:hover, 
.frm_form_submit_style:hover, 
.frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
div.wpforms-container-full .wpforms-form input[type=submit]:hover, 
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover
{
	background: var(--color-secondary) !important;
	color: var(--color-white) !important;
    border-color: var(--color-secondary) !important;
}
a.btn-white,
.btn-white,
span.btn-white,
.text-white a.btn,
.text-white .btn,
.text-white span.btn,
.text-white .woocommerce #respond input#submit, .text-white .woocommerce a.button, .text-white .woocommerce button.button, .text-white .woocommerce input.button
{
	background: none !important;
	color: var(--color-white)!important;
    border-color: var(--color-secondary) !important;
}
a.btn-white:hover,
.btn-white:hover,
span.btn-white:hover,
.text-white .btn:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover
{
	background: var(--color-white) !important;
	color: var(--color-dk) !important;
}

a.btn-outline,
.btn-outline,
span.btn-outline {
	background: transparent;
    color: var(--color-secondary) !important;
    border-color: var(--color-lt) !important;
}
a.btn-outline:hover,
.btn-outline:hover,
span.btn-outline:hover {
	background: var(--color-secondary) !important;
	color: var(--color-white) !important;
    border-color: var(--color-secondary) !important;
}

a.btn-blank,
.btn-blank,
span.btn-blank,
.text-lt a.btn-blank,
.text-lt .btn-blank,
.text-lt span.btn-blank
{
	background: none;
	border: none;
	padding-left: 0;
    color: var(--color-secondary) !important;
}
.text-lt a.btn-blank,
.text-lt .btn-blank,
.text-lt span.btn-blank
{
    color: var(--color-white) !important;
}
a.btn-blank:hover,
.btn-blank:hover,
span.btn-blank:hover
{
	color: var(--color-secondary) !important;
	background: none;
}
a.btn-big,
.btn-big,
span.btn-big
{
    line-height: 2.5em;
    padding-top: 15px;
    padding-bottom: 15px;
    color: var(--color-white) !important;
    background-color: var(--color-secondary) !important;
}
a.btn-big:hover,
.btn-big:hover,
span.btn-big:hover
{
    background-color: var(--color-dk) !important;
}
.information
{
    margin-bottom: 2.0em;
}

ul.no-list {
	list-style: none;
}
ol
{
	padding-left:10px;
    margin: 0;
    padding: 0;
    margin-bottom: 1.0em;
	list-style: none;
}
ul {
	padding-left:0px;
	list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1.0em;
}

li {
	position: relative;
    margin-left: 0;
	padding-left: 15px;
	margin-bottom:0.15em;
	line-height: 1.75em;
}
ol li {
	counter-increment: step-counter;
	padding-left: 30px;
	line-height: 1.75em;
	margin-bottom: 0.75em;
}
ol li::before {
	content: counter(step-counter);
    margin-right: 5px;
    font-size: 80%;
    background-color: var(--color-secondary);
    color: #fff;
    font-weight: bold;
    padding: 0 5px;
    border-radius: 3px;
    position: relative;
    font-family: 'Poppins', sans-serif;
    width: 24px;
    display: inline-block;
    text-align: center;
	height: 24px;
	top: 1px;
	position: absolute;
}
li:before {

}

ul.list-horizontal li,
.usps-slider .usp,
.usps-topheader ul li
{
	float: left;
	margin-right: 25px;
}
.check li,
.usps-slider .usp,
.usps-topheader ul li
{
	padding-left: 25px;
}
.usps-slider .usp
{
	wwidth: calc(33.33% - 0px);
	margin-right: 0;
}
.section-anchor-menu ul
{
	width: 100%;
	border-bottom: 1px solid #eee;
	display: inline-block;
}
.section-anchor-menu ul li
{
	padding-bottom: 0.5em;
}
.section-anchor-menu ul a,
.anchor-list-menu li a
{
	font-weight: bold;
	text-decoration: none;
}
.anchor-list-menu  li
{
    margin-bottom: 0.7em;
    padding: 0;
}
.anchor-list-menu li:before
{
    top: 0px;
    width: 5px !important;
    position: relative;
    /* left: inherit !important; */
    display: inline;
    margin-right: 8px;
}
span.check:before,
.check li:before,
.usps-slider .usp:before,
.usps-topheader li:before
{
    content: "";
    display: block;
    background: url('img/icons/icon-check-green.svg') center center no-repeat;
    height: 18px;
    width: 18px;
    top: 0.2em;
    left: 0;
    background-size: contain;
    content: "" !important;
    display: block !important;
}
.usps-topheader ul.check li:before
{
    content: " " !important;
    display: block !important;
    top: 1.2em;
}
.text-center .check li, .text-center .usps-slider .usp
{
	padding-left: 0;
}
span.check:before,
.text-center .check li:before, 
.text-center .usps-slider .usp:before
{
	position: relative;
	display: inline; 
	margin-right: 10px;
	
}
.has-text-align-center
{
    text-align: center;
}
span.check:before
{
	top: 2px;
}
.usps-slider .usp
{
	padding-left: 25px;
	padding-right: 2%;
	position: relative;
	width: 33.33%;
	margin-bottom: 0.5em;
}
.usps-slider .usp:before
{
	position: absolute;
	top: 1px;
	left: 0;
}
ul.usp-big li
{
	border: 1px solid #eee;
	padding: 20px;
	border-radius: 10px;
	font-size: 20px;
}
ul.usp-big li strong
{
	color: var(--color-secondary);
	font-weight: 900;
	font-size: 2em;
}
.arrow li:before
{
	 width: inherit;
    height: inherit;
    background: none;
	content: '\f054';
    font-size: 12px;
    color: var(--color-secondary);
    font-family: fontAwesome;
	font-display: swap;
}
footer .full_address
{
	margin-bottom: 1.75em;
	float: left;
}

/*------------------------------------*\
   START SLIDER CSS
\*------------------------------------*/
.section-slider
{
	position: relative;
	ooverflow: hidden;
}
.slider,
.slider .slide,
.slider img
{
	height: 220px;
	width: 100%;
}
.slider img
{
    object-fit: cover;
    object-position: right center;
    position: absolute;
}
.home .slider,
.home .slider .slide,
.home .slider img
{
	height: 90vh;
	width: 100%;
    top: 0;
}
.home .section-slider,
.home .section-slider .slider-text,
.home .section-slider .slider-image
{
}
.home .section-slider .slider-text
{
    z-index: 99;
    position: relative;
    height: auto;
    color: var(--color-white);
    padding: 0 2.5%;
}
.single-projects .slider,
.single-projects .slide-image,
.single-projects .slider img,
.page-template-template-visual-low .slider,
.page-template-template-visual-low .slide-image,
.page-template-template-visual-low .slider img
{
	height: 220px;
}
.slider
{
	position: relative;
    width: 100%;
}
.overlay-top
{
    position: absolute;
    width: 100%;
    height: 90vh;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.6) 40%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.6) 40%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
}
.home .section-slider .slider-text p
{
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0.75em;
	font-family: 'Playfair Display', serif;
    font-size: 1.2em;
}
/*
.slider img
{
    top: 0;
	right: 0;
	object-fit: cover;
	position: absolute;
	object-position: top; 
    z-index: 0;

}
*/ 
.slider-text
{
    position: relative;
    color: #fff;
}
.slider-text p
{
    color: #fff;
}
.section-fallbackslider
{
    width: 100%;
    height: 90px;
}
.section-fallbackslider:after
{
    display: none;
}
.owl-pagination
{
    height: 20px;
    width: 100%;
    bottom: 1.5em;
    position: absolute;
    text-align: center
}
.owl-page
{
    display: inline-flex;
}
.owl-page span
{
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background-color: #fff;
    margin: 0 3px;
}
.owl-page.active span
{
    background-color: var(--color-secondary);
}
/*------------------------------------*\
    END SLIDER CSS
\*------------------------------------*/


.

/* woocommerce */ 
.has-element
{
	position: relative;
}
.has-element:before
{
	content: "";
	position: absolute;
	top: 0;
	height: 200px;
	width: 100%;
	background-color: #fff;
}
.section_widgets2 .has-element:before
{
	background-color: #edf0f3;
}
.section_widgets2 .has-element:before,
.section_widgets2 img
{
	height: 233px;
	
}
.section_widgets2 img
{
	width: 100%;
}

/*Flex items*/
.flexlist,
ul.logos
{
  display: flex;
  flex-wrap: wrap;
}

.flexitem,
ul.logos li
{
	display: flex;
}
.flex-item-center {
	align-items: center;
}
.flexinner
{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.flexbetween{
	display: flex;
    justify-content: space-between;
    width: 100%;
}
.flexend{
	justify-content: flex-end!important;
}
.flexvertical {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flexrow,
.flexrow_col12,
.flexrow_col11,
.flexrow_col10,
.flexrow_col9,
.flexrow_col8,
.flexrow_col7,
.flexrow_col6,
.flexrow_col5,
.flexrow_col4,
.flexrow_col3,
.flexrow_col2,
.flexrow_col1
{
    display: flex;
    justify-content: space-between;
	width: 100%;
	ggap: 2%;
}
.flexrow_col12 > div,
.flexrow > div.flexcol12
{
	width: 100%;
}
.flexrow_col11 > div,
.flexrow > div.flexcol11
{
	width: 90%;
}
.flexrow_col10 > div,
.flexrow > div.flexcol10
{
	width: 80%;
}
.flexrow_col9 > div,
.flexrow > div.flexcol9
{
	width: 73%;
}
.flexrow_col8 > div,
.flexrow > div.flexcol8
{
	width: 64%;
}
.flexrow_col7 > div,
.flexrow > div.flexcol7
{
	width: 56%;
}
.flexrow_col6 > div,
.flexrow > div.flexcol6
{
	width: 48%;
}
.flexrow_col5 > div,
.flexrow > div.flexcol5
{
	width: 39%;
}
.flexrow_col4 > div,
.flexrow > div.flexcol4
{
	width: 31%;
		display: flex;
}
.flexrow_col3 > div,
.flexrow > div.flexcol3
{
	width: 23%;
}
.flexrow_col2 > div,
.flexrow > div.flexcol2
{
	width: 14%;
}
.flexrow_col1 > div,
.flexrow > div.flexcol1
{
	width: 6%;
}

.flexverticalitem {
  max-width: 50%;
}

.flexverticalitem-top {
  align-self: flex-start;
}

.flexverticalitem-bottom {
  align-self: flex-end;
}
/*like a wrap */
.flexhorizontal {
	display: flex;
	align-items: center;
	justify-content: center;
}

.colsflex3
{
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    height: 175px; 
}
.colsflex3 > li
{
	width: 33.33333%;
	gap: 2%;
}

/* digi toegang */
a:focus,
div:focus,
img:focus
{
	outline: 1px dashed var(--color-secondary);
	border-radius: 3px !important;
}
input:focus,
textarea:focus
{
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}
input:focus,
textarea:focus
{
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  ppadding: 3px 0px 3px 3px;
  mmargin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1)
}
#skiptocontent a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:#7ac142;
	-webkit-transition: top 1s ease-out;
	transition: top 1s ease-out;
	z-index: 100;
}

#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	outline-color:transparent;
	-webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
}
header .message:focus
{
	opacity: 1;
}

/*------------------------------------*\
    START MENU CSS
\*------------------------------------*/
div.menu
{
	z-index:999;
}
@media (min-width: 1024px) {
nav.main-menu
{
    position: absolute;
    right: 0;
    width: 100%;
    top: 55px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
div.menu-main-menu-container ul
{
	text-align: right;
	width:100%;
	margin:0;
}
div.menu-main-menu-container ul li 
{
	list-style:none;
	margin-bottom: 0;
	padding-left: 0;
	display: inline;
	position:relative;
	margin-left: 2%;
}
div.menu-main-menu-container ul li:before
{
	content: none;
}
div.menu-main-menu-container ul li a:link,
div.menu-main-menu-container ul li a:visited,
div.menu-main-menu-container ul li a:active
{
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    line-height: 2.0em;
    font-weight: 700;
	text-transform: uppercase;
    display: inline-block;
	text-decoration: none;
	color: var(--color-white);
	font-size: var(--font-small);
}
div.menu-main-menu-container ul li a:hover
{
	color: var(--color-secondary);
}
div.menu-main-menu-container ul li.current_page_item a:link,
div.menu-main-menu-container ul li.current_page_item a:visited,
div.menu-main-menu-container ul li.current_page_item a:active
{
	color: var(--color-secondary);
}
div.menu-main-menu-container > ul > li
{
    display: inline-block;
    vvertical-align: top;
	position: relative;
}

div.menu-main-menu-container > ul > li > ul
{
    vvisibility: hidden;
    oopacity: 0;
	display: none;
	bborder: 1px solid;
	position: absolute;
}

div.menu-main-menu-container > ul > li > a:hover + ul,
div.menu-main-menu-container > ul > li > a:focus + ul,
div.menu-main-menu-container > ul > li:focus-within > ul
	{
    vvisibility: visible;
    oopacity: 1;
	display: block;
}
 div.menu-main-menu-container ul li ul
{
	display:none;
}
div.menu-main-menu-container ul li:hover ul
{
	display:block;
	bbackground: red;
}
div.menu-main-menu-container ul li ul.sub-menu
{
	position: absolute;
    left: 0px;
    text-align: left !important;
    top: 72px;
    bbackground: #333;
    z-index: 3;
    margin-left: 0px;
    padding-left: 0;
    padding-right: 0;
    background: #0060ac;
	width: 250px !important;
}
div.menu-main-menu-container ul li:nth-last-child(2) ul.sub-menu,
div.menu-main-menu-container ul li:nth-last-child(3) ul.sub-menu
{
	right: -20px;
	left: inherit;
}
div.menu-main-menu-container > ul li.menu-item-has-children:after {
    position: absolute;
    font-family: fontAwesome;
	font-display: swap;
    top: 1.4em;
    right: -15px;
    content: "\f107";
    color: #fff;
    font-size: 14px;
	font-weight: 400;
}

div.menu-main-menu-container ul li:last-child ul.sub-menu,
div.menu-main-menu-container ul li:nth-last-child(2) ul.sub-menu
{
	left: inherit;
	right: 0;
}
div.menu-main-menu-container ul li ul.sub-menu li
{
	bbackground: blue;
	width: 230px;
	float: left;
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
}
div.menu-main-menu-container ul li ul.sub-menu li a:link,
div.menu-main-menu-container ul li ul.sub-menu li a:active,
div.menu-main-menu-container ul li ul.sub-menu li a:visited
{
	width: 100%;
	line-height: 1.5em;
	color: #fff;
	font-weight: 400;
	padding: 11px 10px;
	border: none;
}
div.menu-main-menu-container ul li ul.sub-menu li a:hover
{
	color: #222;
	background: #fff;
}
div.menu-main-menu-container ul li:last-child ul.sub-menu:before,
div.menu-main-menu-container ul li:nth-last-child(2) ul.sub-menu:before
{
	left: inherit;
	right: 30px;
}
    
}
/*------------------------------------*\
    END MENU CSS
\*------------------------------------*/

/*
.gallery-wrapper
{
	width: 100%;
	overflow: hidden;
}
.gallery
{
	width: calc(100% + 12px);
}
.gallery img
{
	min-width: 100%;
	height: 100%;
	border-right: 12px solid #fff;
	border-bottom: 12px solid #fff;
	margin: 0;
}
.gallery .gallery-image:nth-child(even) img
{
}
*/
.searchandfilter
{
	max-width: 100%;
	text-align: center;
}
.searchandfilter ul
{
	list-style: none;
}
.searchandfilter ul li
{
	padding-left: 0;
}
.searchandfilter ul li:before
{
	display: none;
}
/*------------------------------------*\
    START SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/
.social-icons {
    float: left;
}
.social-icons a {
    color: var(--color-primary);
    float: left;
    margin-right: 10px;
	margin-bottom: 10px;
    box-sizing: border-box;
	height: 50px;
	width: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: #fff;
    text-align: center;
    padding-top: 13px;
}
.social-icons a:hover
{
	background-color: var(--color-primary);

color: #fff;
}
.social-icons .fa:after
{
    font-size: 22px;
	color: var(--color-primary);
	font-family: fontAwesome;
	font-display: swap;
    content: '\F09A';
	font-style: normal;
}
.social-icons .fa-instagram:after
{
    content: '\f16d';	
}
.social-icons .fa-linkedin:after
{
    content: '\f0e1';	
}
.social-icons .fa-youtube:after
{
    content: '\f167';	
}
.social-icons a:hover .fa,
.social-icons a:hover .fa:after
{
	color: #fff;
}
/*------------------------------------*\
    END SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/
/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/
.cd-top
{
    background: #222;
    color: #fff;
	height:45px;
	width:45px;
	line-height:43px;
	bottom:15px!important;
	right:15px;
	text-align:center;
	position:fixed;
	display:none;
	-webkit-border-radius: 25px !important;
	-moz-border-radius: 25px !important;
	border-radius: 25px !important;
	-webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
	opacity:1;
}
.down .cd-top
{
	cursor:pointer;
	display:block;
	opacity:1;
	border-radius:2px;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,0.15);
	-webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
	z-index: 9999;
}
/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/


/*------------------------------------*\
	START POST OVERVIEW CSS
\*------------------------------------*/

.img-overview-post-template img {
    float: left;
    wwidth: 160px;
    width: 100%;
    hheight: 160px;
    height: 200px;
    object-fit: cover;
    margin-bottom: 35px;
	margin-right: 30px
}
.overview-post {
	float:left;
	wwidth: 75%;
    width: 100%;
	margin-bottom: 50px;
}
.section-share a span:first-child
{
	background-color: #222 !important;
	border-radius: 50%;
	background: #222;
	height: 50px;
	width: 50px;
	margin-right: 4px;
}
.section-share a span img,
.section-share a span svg
{
	width: 25px !important;
    height: 25px !important;
    margin-top: 12px;
}

/*------------------------------------*\
	END POST OVERVIEW CSS
\*------------------------------------*/


.section-event-overview img
{
	height: 280px;
	width: 100%;
}
/*------------------------------------*\
	START SINGLE POST CSS
\*------------------------------------*/
.default-post-section {
	padding: 0px 0px 50px 0px;
}
.single-post .bottomheader {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 25px;
}
.img-single-post-template img {
    float: left;
    width: 300px;
    height: 300px;
    bborder-radius: 100%;
    -webkit-bborder-radius: 100%;
    object-fit: cover;
    margin-bottom: 35px;
	margin-right: 30px
}

/*------------------------------------*\
	END SINGLE POST CSS
\*------------------------------------*/

/*------------------------------------*\
	START SEARCH CSS
\*------------------------------------*/
.search .bottomheader {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 25px;
}
.search h1 {
	font-size:40px;
}
.search h2 {
	font-size:25px;
}
.search article a img {
	display: none;
}
/*------------------------------------*\
	END SEARCH CSS
\*------------------------------------*/


/*------------------------------------*\
	CUSTOM SECTIONS
\*------------------------------------*/


.section-gallery-bottom img
{
	width: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    object-fit: cover;
    object-position: center;
}
.section-gallery-bottom .col4
{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

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

	.section-row-photo-text .section:nth-child(even) .flexrow:nth-child(odd) .block:first-child
	{
		order: 2;
	}
	.section-row-photo-text .section:nth-child(even) .flexrow:nth-child(odd) .block:last-child
	{
		order: 1;
	}
	.section-banner .col7
        {
            padding-left: 7%;
        }
	.order-1
	{
		order: 1;
	}
	.order-2
	{
		order: 2;
	}
    .sidebar
    {
    }
	.content h1,
	.content h2,
	.content h3,
	.col-text h1,
	.col-text h2,
	.col-text h3,
	.col-text p
	{
		width: 100%;
	}

}


.section-widgets .widget
{
	overflow: hidden;
}
.section-widgets .widget .image
{
    margin-bottom: 1.5em;
}
.section-widgets .widget .text
{
	padding:0 5%;
}
.section-widgets .widget img
{
	object-fit: cover;
	width: 100%;
}

.section-gallery .wp-container-2
{
    gap: 0;
}
.section-gallery .columns-4 .wp-block-image
{
    width: 25%;
}
.section-gallery .columns-4 img
{
    width: 100%;
    margin-bottom: 0;
    object-fit: cover;
    height: 250px;
}
.wp-block-gallery.wp-block-gallery-1 {
    --wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.0em ) ) );
    gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.0em ) ) ) !important;
}
.section-bg-img
{
    object-fit: cover;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    opacity: 0.15;
    margin: 0;
    height: -webkit-fill-available;
}
.wrap,
.wrap-sm
{
    position: relative;
    z-index: 1;
}
.section-mob-menu 
{
    z-index: 99;
}
.section-gallery:before
{
    content: "";
    display: block;
    height: 270px;
    width: 100%;
    background: #fff;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.section-gallery:after,
.section-contact:after
{
    display: none;
}
.flexrow_col_gal
{
    display: contents;
    justify-content: space-between;
    width: 100%;
}
.flexrow_col_gal .image
{
    width: 25%;
    position: relative;

}
.flexrow_col_gal .image:after
{
  content: "";
  display: block;
  padding-bottom: 100%;
}
.flexrow_col_gal .image img
{
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.section-costs
{
    background-color: var(--color-lt);
}
.section-costs .widget
{
    border-color: var(--color-fourth) !important;
    border-style: solid;
    border-width: 1px;
}
.section-costs .widget .text
{
    width: 100%;
    padding: 2em 2em 1em 2em;
}
.section-costs .widget li
{
    padding-left: 0;
}
.section-costs .widget li:before
{
    display: none;
}


.sidewides
{
    position: absolute;
    right: 0;
    top: 20px;
}
.contact-icons {
    padding: 0!important;
    list-style: none;
}
.contact-icons li {
    display: inline;
    margin: 0;
    position: relative;
}
.contact-icons a {
    color: #fff!important;
}
.contact-icons li img {
    margin-right: 7px;
    top: 3px;
    position: relative;
}