/*
	Theme Name: Custom Template
	Theme URI: https://www.earthbee.nl
	Description: Basis voor de template
	Version: 1.0
	Author: NVS Digital
	Author URI: https://www.earthbee.nl

*/
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');


:root {

	--font-title: "Anton", sans-serif;
	--font-body:Arial, Helvetica, sans-serif;
	
	--color-white: #fff;
	--color-black: #000;
	--color-primary: #A5C0F7;
	--color-secondary: #0e0c98;
	--color-tertiary: #e1fe52;
	--color-body:#000;
	--padding-content:150px 0 105px

}



@media screen and (max-width:992px){
	:root {
		--padding-content:90px 0 45px	
	}
}
@media screen and (max-width:767px){
	:root {
		--padding-content:60px 0 30px	
	}
}


a, header, .sidenav, .next-btn, a svg, .header-logo, .nav-column{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


/*------------------------------------*\
    MAIN


\*------------------------------------*/
body, html {margin:0;padding:0;background:var(--color-white)}
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

img {	max-width:100%;	vertical-align:bottom;height:auto}

a{text-decoration:none;}

.standaard-content a:not(.btn) {font-weight:bold;color:var(--color-primary);text-decoration:underline;}

a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom:0;font-style:normal}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {   font-family: var(--font-title); margin: 0;color:var(--color-secondary); font-weight:400;line-height:120%;text-transform:uppercase}
body {font-size:20px;line-height:150%;font-family: var(--font-body);color:var(--color-body);font-weight:400;}


p{ margin-top:0;margin-bottom:24px}
p:last-child, .content-hold:last-child {margin:0}


.standaard-content ul:not(.btn-list), .standaard-content ul:not(.btn-list) li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul:not(.btn-list) li {position:relative;padding-left:20px;margin-bottom:3px;}
.standaard-content ul:not(.btn-list) li:last-child {margin-bottom:0;}
.standaard-content ul:not(.btn-list), .standaard-content ol {margin-bottom:20px;}
.standaard-content ul:not(.btn-list):last-child, .standaard-content ul:not(.btn-list) li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul:not(.btn-list) li:before {content:"";position:absolute;left:0;top:9px;line-height:1;content: "";background:var(--color-primary);width:7px;height:7px;border-radius:50%}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: var(--color-primary);
  display: inline-block; position:absolute;left:0;top:0;}

.standaard-content ul + .btn, .standaard-content ol + .btn {margin-top:5px;}

.btn-list , .btn-list  li {padding:0;margin:0;list-style:none }
.btn-list {display:flex;flex-wrap:wrap;margin-top:8px;margin-bottom:-24px;align-items:center}
.btn-list  li {margin-right:60px;margin-bottom:24px;}

.text-center .btn-list {justify-content:center;}
.text-center .btn-list li {margin-left:30px;margin-right:30px;}

.standaard-content h1, .standaard-content h2 {font-size:49px;margin-bottom:30px;}
.standaard-content h3, .standaard-content h4 {font-size:32px;margin-bottom:20px;}
.standaard-content h5, .standaard-content h6 {font-size:24px;margin-bottom:15px;}


.title-box {margin-bottom:40px;}
.standaard-content p + .btn-list, .standaard-content p +.btn {margin-top:40px;} 

.title-box h1, .title-box h2 {font-size: 52px;}
.title-box h1 span, .title-box h2 span {line-height:120%;color:var(--color-primary);font-family:var(--font-body);font-size:25px;display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:4px;font-weight:300}

.title-box h3 {font-size:32px;}


@media screen and (max-width:992px){
	body {font-size:18px}
	.title-box h1, .title-box h2 {font-size: 38px;}
	.title-box h1 span, .title-box h2 span {font-size:26px}
	.title-box {margin-bottom:30px;}
	.standaard-content p + .btn-list, .standaard-content p +.btn {    margin-top: 30px;}
	
	.title-box h3 {font-size:24px}
	
	
	.standaard-content h1, .standaard-content h2 {font-size:35px;margin-bottom:20px;}
	.standaard-content h3, .standaard-content h4 {font-size:26px;margin-bottom:15px;}
	.standaard-content h5, .standaard-content h6 {font-size:20px;margin-bottom:10px;}
	
}

@media screen and (max-width:767px){
	body {font-size:16px}

	.title-box h1, .title-box h2 {font-size: 28px;}
	.title-box h1 span, .title-box h2 span {font-size:18px;margin-bottom:5px}
	.title-box {margin-bottom:15px;}
	.standaard-content p + .btn-list, .standaard-content p +.btn {    margin-top: 20px;}
	.title-box h3 {font-size:20px}
	
	.standaard-content h1, .standaard-content h2 {font-size:25px;margin-bottom:15px;}
	.standaard-content h3, .standaard-content h4 {font-size:23px;margin-bottom:10px;}
	.standaard-content h5, .standaard-content h6 {font-size:18px;margin-bottom:5px;}
	
}


@media screen and (max-width:550px){
	.title-box h1, .title-box h2 {font-size: 20px;}
	.title-box h3 {font-size:17px}
	.standaard-content h1, .standaard-content h2 {font-size:20px;margin-bottom:15px;}
	.standaard-content h3, .standaard-content h4 {font-size:18px;margin-bottom:10px;}
	.standaard-content h5, .standaard-content h6 {font-size:17px;margin-bottom:5px;}
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
html {
  scroll-behavior: smooth;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1470px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0 20px;
}

.row {margin-left:-15px;margin-right:-15px;}
.row>* {padding-right:15px;padding-left:15px;}


.content-row {padding:var(--padding-content)}
.content-row + .content-row {padding-top:0;}
.image-background-content {    padding: var(--padding-content);}
.image-background-content +.content-row {padding-top:150px}


.marginfix {margin-bottom:45px;}
.small-marginfix {margin-bottom:5px;}
@media screen and (max-width:767px){
	.marginfix {margin-bottom:30px;}

}
.wide-title {margin-top:60px;width:150%;max-width: none;position:relative;z-index:100}
.wide-title-right {margin-left:-50%}

@media screen and (max-width:992px){	.wide-title {margin-top:30px;}}
@media screen and (max-width:767px){	.wide-title {margin-top:0;width:100%}.wide-title-right {margin-left:0;}}

.image-right, .image-left {position:relative;}
.image-right:before, .image-left:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}
.image-right:before {background: linear-gradient(-90deg, rgba(0, 0, 0, 0.00) 10.06%, #fff 88.68%);}
.image-left:before {background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 10.06%, #fff 88.68%);}

.image-right img , .image-left img {width:100%}


.image-background-row {position:relative;}
.image-background-row .col-md-6 {position:relative;z-index:10;padding-right: 15px;
    padding-left: 15px;}

.image-background {position:absolute;height:100%;z-index:1;background-size:cover;width:100%;margin-bottom:0;    top: 0;
    left: 0;    padding: 0;opacity:.8}
.image-background img {width:100%;height:100%;object-fit:cover;}

.image-background.left-sided {width:75%;left:0;}
.image-background.right-sided {width:75%;left:25%;}
.image-background.left-sided:before, .image-background.right-sided:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:1}
.image-background.left-sided:before {background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 10.06%, #fff 88.68%);}
.image-background.right-sided:before {background: linear-gradient(-90deg, rgba(0, 0, 0, 0.00) 10.06%, #fff 88.68%);}



.columncontainer-medium{max-width:1200px}
.columncontainer-small{max-width:800px}
.column-box {display:flex;flex-wrap:wrap;}
.column-box img {width:100%;margin-bottom:25px;}
.column-box .btn-list {margin-top:auto;}

.type-box .btn {margin:0!important;}
.dienst-box > div {
    height: 100%;
    border: 3px solid var(--color-primary);
    padding: 25px;
}
.dienst-label {
    display: flex;
    margin: 0 auto 25px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: var(--color-tertiary);
    color: var(--color-secondary);
    font-weight: 700;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

@media screen and (min-width:768px){
.offset-image-container:not(:last-child) {margin-bottom:-105px}
	.offset-image-container:not(:last-child) .offset-image-content {padding-bottom:105px!important;padding-top:60px!important;}
}

@media screen and (max-width:767px){
.dienst-label { width: 90px;	height: 90px;font-size:85%;}
	.dienst-box > div {padding:15px;}
	
}


.media-rows {margin-bottom:15px;}
.media-rows .media-box {width:50%;margin-bottom:30px;}
.media-rows-3 .media-box {width:33.3333%;}
.media-rows-4 .media-box {width:25%;}

.media-content-row {overflow:hidden}
.media-slider {margin-bottom:45px;}
.media-slider .media-box {padding:0 15px}
.media-slider .slick-list {overflow:visible}

.media-grid {margin-bottom:15px;}
.media-grid .media-box {margin-bottom:30px;position:relative;}
.media-grid .media-box > div {position:relative;}
.media-grid .media-box img, .media-grid .media-box a {width:100%;height:100%;position:absolute;object-fit:cover;top:0;left:0;}
.media-grid .media-box.standaard {width:25%}
.media-grid .media-box.standaard > div {padding-bottom:100%;}

.media-grid .media-box.groot {width:50%}
.media-grid .media-box.groot > div {padding-bottom:100%;}

.media-grid .media-box.staand {width:25%}
.media-grid .media-box.staand > div {padding-bottom:calc(200% + 30px);}
.media-grid .media-box.liggend {width:50%}
.media-grid .media-box.liggend > div {padding-bottom:calc(50% - 15px);}

@media screen and (max-width:992px){
	.media-grid {margin-bottom:25px;}
	.media-grid {    margin-left: -10px;    margin-right: -10px;}
		.media-grid > * {padding:0 10px;}
	.media-grid .media-box {		margin-bottom: 20px;}
	.media-grid .media-box.staand > div {    padding-bottom: calc(200% + 20px);}
	.media-grid .media-box.liggend > div {    padding-bottom: calc(50% - 10px);}
}
@media screen and (max-width:767px){
	.media-grid {margin-bottom:10px;}
}
@media screen and (max-width:550px){
	.media-grid {margin-bottom:20px;}
	.media-grid {    margin-left: -5px;    margin-right: -5px;}
		.media-grid > * {padding:0 5px;}
	.media-grid .media-box {		margin-bottom: 10px;}
	.media-grid .media-box.staand > div {    padding-bottom: calc(200% + 10px);}
	.media-grid .media-box.liggend > div {    padding-bottom: calc(50% - 5px);}
}

.media-content-row .media-box a:hover {opacity:.75}


.media-slider .slider-box {position:relative;padding-bottom:75%}
.media-slider .slider-box img, .slider-slider .media-box a {width:100%;height:100%;position:absolute;object-fit:cover;top:0;left:0;}

/*------------------------------------*\
    BUTTON
\*------------------------------------*/
.btn {
    color: var(--color-tertiary)!important;
    border: 1px solid var(--color-secondary);
    outline: none;
    padding: 15px 32px;
    display: inline-flex;
    font-size: 14px;
    background: var(--color-secondary);
    min-width: auto;
    position: relative;
    border-radius: 0px;
    line-height: 1;
    font-weight: 700;
    font-family: var(--font-body);
    text-transform: uppercase;cursor:pointer;font-style:normal;align-items:center;
}
.btn:hover, .btn:focus { background: var(--color-secondary);color: var(--color-secondary);}
.btn:hover svg, .btn:focus svg, .readmore:hover svg{ transform: translateX(10px);}
.btn svg, .readmore svg {    fill:  var(--color-tertiary);    width: 16px;    height: auto;    margin-left: 15px;}

.btn.white {background:#fff;border-color:#fff;color:var(--color-secondary)}
.btn.white svg {fill:var(--color-secondary)}
.btn.outline svg, .readmore svg { fill: var(--color-secondary); }
.btn.outline { border: 1px solid #fff;  background: none;color:#fff;}




.white-content   .readmore svg { fill: #fff;}
.white-content   .readmore {color:#fff;}

.readmore { display: inline-flex;align-items:center;text-decoration:none; font-weight: 400!important;
    font-family: var(--font-body);
    text-transform: uppercase;cursor:pointer;font-size: 14px;text-decoration:none!important}


@media screen and (max-width:767px){
	.btn {    padding: 13px 20px;font-size:12px}
	.btn svg {width:14px;margin-left:10px;}
}



form {display:flex;flex-wrap:wrap;}
form > * {width:100%;}
@media screen and (min-width:767px){
	form > .form-half {width:50%;}
	.half-left {padding-right:15px;}
	.half-right {padding-left:15px;}
}
form p {margin:0;}
form p.verplicht {text-align:right;font-size:13px;color:var(--color-secondary)}
input[type="text"], input[type="email"],textarea,  input[type="search"], select {
    width: 100%;
    height: 45px;
    background: #fff;
    border: 1px solid var(--color-secondary);
    border-radius: 0;
    margin-bottom: 15px;
    padding-left: 20px;outline:none!important;color:var(--color-body);
}
textarea {height:90px;padding-top:15px;}


.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {border-color:#DE0003!important}
.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;
    padding: 15px 20px;
    border: 2px solid var(--color-secondary);
    background: var(--color-secondary);
    color: #fff;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--color-primary);background:var(--color-primary);
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #DE0003;background:#DE0003;
}

@media screen and (max-width:600px){
	form p.verplicht {margin-bottom:15px;}
}

/*------------------------------------*\
	FAQ
\*------------------------------------*/
.faq-box {margin-bottom:15px;}
.faq-box:last-child {margin-bottom:45px}
.faq-box h3 {cursor:pointer;font-size:28px;padding-right:20px;position:relative;}
.faq-box h3:after, .faq-box h3:before {width:20px;height:2px;content:'';position:absolute;background:var(--color-secondary);right:5px;top:calc(50% - 1px);}
.faq-box h3:before {transform:rotate(90deg)}


.faq-box > div {padding:15px 25px;border:1px solid var(--color-primary);}
.faq-box .antwoord {display:none} 
.faq-box.active > div {border-color:var(--color-secondary)}
.faq-box.active  h3:before {display:none} 

@media screen and (max-width:767px){
	.faq-box > div {padding:10px 15px;}
	
	.faq-box h3 {font-size:22px;}
}
@media screen and (max-width:550px){
	.faq-box h3 {font-size:18px;}
	.faq-box h3:after, .faq-box h3:before {width:16px;}
	
}
/*------------------------------------*\
	Contact
\*------------------------------------*/
.contact-info ul, .contact-info li {padding:0;margin:0;list-style:none;}
.contact-info svg {fill:var(--color-secondary);margin-right:10px;width:24px;}
.contact-info a { color:var(--color-secondary)}
.contact-info ul {margin-bottom:15px;}
.contact-info ul:last-child {margin-bottom:0;}

.contact-info .contact-socials a svg {width:30px;margin:0!important}
.contact-info .contact-socials li {margin-right:10px;display:inline-block!important}
/*------------------------------------*\
	BANNER
\*------------------------------------*/
.banner-row {position: relative;width: 100%;       overflow: hidden;		display: flex;    	align-items: center;z-index:5    }
.error404 .banner-row {min-height:100vh}


.banner-row .row { min-height: 100vh;padding-top:200px;padding-bottom:90px;align-items:center;}

.banner-row.banner-fit .row {min-height:500px}



.banner-row video,.banner-row img {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%, -50%);object-fit: cover; z-index: -1;    }
.banner-row img {opacity:1}

.banner-row {color:#fff;}

.banner-row .justify-content-center {text-align:center;}
.banner-row .container {position:relative;z-index:200}

.banner-row .btn-list {margin-top:30px;}

.banner-row h1 {font-size:56px;line-height:120%}
.banner-row h1 span {    line-height: 120%;
    color: var(--color-primary);
    /* font-family: var(--font-sriracha); */
    font-size: 28px;
    display: block;
    margin-bottom: 30px;
    font-family: var(--font-body);
    font-weight: 100;
    letter-spacing: 5px;text-transform:uppercase}

.banner-row h1, .banner-content p, .shadowtxt h2, .shadowtxt p {text-shadow:0 0px 6px rgb(0 0 0 / 93%); }

.banner-row.white-content h1 span, .banner-row.white-content h1, .banner-row.white-content {color:#fff;}



.scrolldown {position:absolute;bottom:10px;width:18px;cursor:pointer;left:calc(50% - 9px);z-index:3000;}
.scrolldown svg {fill:var(--color-secondary)}
.banner-content {margin-bottom:auto;}

.justify-content-center .banner-content {margin-top:auto;}
.with-subtext  .banner-content {margin-bottom:20px}
.banner-subtxt {margin-top:auto;margin-bottom:20px}
.banner-content p {
    margin-top: 30px;
    padding-top: 30px;
    display: inline-block;position:relative;font-style:italic;font-size:120%;font-weight:300
}
.banner-content p:before {opacity:.8;content:"";position:absolute;top:0;left:0;height:1px;width:100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+1,1+15,1+85,0+100 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 85%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.banner-content.col-xl-6 p:before {display:none}
.banner-content.col-xl-6 p {font-style:normal;padding-top:0}



@media screen and (max-width:992px){
	.banner-row h1 {font-size:45px;}
	.banner-row h1 span {font-size:26px;}
	.banner-row .btn {margin-top:30px;}
	
	.banner-row.banner-fit .row {    min-height: 400px;}
}

@media screen and (max-width:767px){
	.banner-row h1 {font-size:36px;}
	.banner-row h1 span {font-size:20px;}
	.scrolldown {bottom:10px;}
	.banner-row.banner-fit .row {    min-height: 340px;}
}



/*------------------------------------*\
	HEADER
\*------------------------------------*/

header {position:fixed;top:0;left:0;width:100%;z-index:100;z-index:1000;}
header > .container {padding-top:30px;padding-bottom:30px;}
.fixed-header {background:var(--color-white)}
.fixed-header > .container {padding-top:10px;padding-bottom:10px;}
.fixed-header .header-logo {    width: 100px;}
.fixed-header.nav-up:not(.active-nav) {top:-100%}

header .row {align-items:center;}

.topbar {background:var(--color-tertiary);padding:10px 0;}
.topbar a, .topbar {color:var(--color-secondary)}
.topbar a:hover, .topbar a:focus {opacity:.8}
.topbar svg {width:18px;fill:var(--color-secondary)}
.topbar ul, .topbar li {padding:0;margin:0;list-style:none;font-size:16px;}
.topbar li {display:inline-block;}
.topbar .col-sm-12:first-child li {margin-right:20px;}
.topbar .col-sm-12:first-child svg {margin-right:10px;}
.topbar .col-sm-12:last-child ul {text-align:right;}
.topbar .col-sm-12:last-child svg {width:25px}


.topbar .col-md-6 {width:calc(50% - 70px)}
.topbar-logo {width:140px;}



.header-logo {
    width: 140px;
}
.nav-column {width:calc(100% - 140px);}
.fixed-header .nav-column  {width:calc(100% - 100px);}

.nav-column ul, .nav-column li {padding:0;margin:0;list-style:none}
.nav-column ul {   align-items:center; display: flex;gap:60px}
.nav-column li {display:inline-block}
.nav-column:last-child ul li:first-child{    margin-left:auto;}

.nav-column a {font-size:16px;display:block;padding:10px 0;border-bottom:2px solid transparent;font-family: var(--font-body);color:var(--color-white);font-weight:600;letter-spacing: 2.4px;text-transform:uppercase;line-height:1;}
.fixed-header .nav-column a {color:var(--color-secondary)}
.nav-column li:hover > a {border-color:var(--color-tertiary);color:var(--color-tertiary)}

.mobbtn-holder {display:none;width:auto;margin-left:auto;}
.mobbtn {width:23px;height:16px;position:relative;cursor:pointer;float:right;  }
.mobbtn span {position:absolute;width:100%;height:5px;background:#fff;left:0;border-radius:3px;}

.mobbtn span:nth-child(1){top:0;}
.mobbtn span:nth-child(2){top:11px;}
.fixed-header .mobbtn span {background:var(--color-secondary)}

.mobbtn.active span:nth-child(1){	top: 5px;  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);   transform: rotate(45deg); 	}
.mobbtn.active span:nth-child(2){	top: 5px;  -ms-transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);   transform: rotate(-45deg); 	}
.mobbtn span{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s  ease-in-out;
  -o-transition: all .2s  ease-in-out;
  transition: all .2s  ease-in-out;
}

.sidenav {position:fixed;top:0;right:-250px;max-width:250px;background:var(--color-secondary);z-index:990;height:100%;padding-top:130px;padding-left:20px;padding-right:20px;width:100%}
.sidenav > div {height:100%;overflow:auto;}

.sidenav ul, .sidenav li {padding:0;margin:0;list-style:none}
.sidenav li {display:block;padding:14px 0;border-bottom:1px solid rgb(255 255 255 / 30%);}

.sidenav a {font-size:15px;display:block;font-family: var(--font-body);color:var(--color-white);font-weight:600;letter-spacing: 1.5px;text-transform:uppercase;line-height:1;}
.sidenav li:hover > a {color:var(--color-tertiary)}


.menu-btn a span {
    display: block;
    font-size: 18px;margin-top:4px;color:var(--color-primary);
}
.menu-btn a {font-size:12px;border:none!important}

.menu-btn a {
    color: var(--color-tertiary)!important;
    border: 1px solid var(--color-secondary);
    outline: none;
    padding: 15px 32px;
    display: inline-flex;
    font-size: 14px;
    background: var(--color-secondary);
    min-width: auto;
    position: relative;
    border-radius: 0px;
    line-height: 1;
    font-weight: 700;
    font-family: var(--font-body);
    text-transform: uppercase;cursor:pointer;font-style:normal;align-items:center;
}
.menu-btn:hover a, .menu-btn:focus a { background: var(--color-tertiary);color:var(--color-secondary)!important;}



.sidenav .menu-btn {margin-left:0!important;border:none;padding:20px 0;text-align:center;}
.sidenav .menu-btn a {background: var(--color-tertiary);color:var(--color-secondary)!important;width:100%;align-items:center;justify-content:center;}
.sidenav .menu-btn:hover a, .sidebar .menu-btn:focus a{ background: var(--color-white);color: var(--color-tertiary);}


@media screen and (max-width:1450px){
	.header-logo {    width: 130px;}
	.nav-column {width:calc(100% - 130px);}
	.nav-column ul {gap:25px}
	.nav-column a {letter-spacing:1px;}
	
	
	.menu-btn {margin-left:20px!important}
}
@media screen and (max-width:1050px){
	.topbar {padding-top:3px;padding-bottom:8px;}
	.nav-column {display:none;}
	header > .container {padding-top:15px;padding-bottom:15px;}
	.header-logo {    width: 100px;}
	.mobbtn-holder {display:block}
	.sidenav.active-nav {right:0;}
}
@media screen and (max-width:991px){
	.topbar a {font-size:0;}
	.topbar svg {margin:0!important;width:20px!important}
	.topbar .col-sm-12:first-child li {margin-right:10px;}
}


@media screen and (max-width:768px){
	.topbar {padding-top:5px;padding-bottom:3px;}
	.topbar-logo {padding:0;width:100px}
	.topbar .col-md-6 {    width: calc(50% - 50px);line-height:1;}
	.topbar .col-md-6:first-child {padding-right:0;}
	.topbar .col-md-6:last-child {padding-left:0;}
	header .topbar .row {    align-items: flex-start;}
	
}
@media screen and (max-width:450px){
    .topbar .col-sm-12:first-child li {
        margin-right: 5px;
    }

}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/

footer {color:var(--color-secondary);padding:0;position:relative;background:var(--color-tertiary);padding:60px 0;}
footer ul, footer li {padding:0;margin:0;list-style:none;display:block;}

.footer-widget {width:33.3333%;text-align:center;}

.footer-copyright, .footer-copyright a:not(.btn) {font-size:16px;color:var(--color-secondary);font-weight:300;}
.footer-top a:not(.btn):hover, .footer-copyright a:not(.btn):hover {opacity:.7}

.footer-logo {display:inline-flex;width:100%;margin:0 auto;max-width:180px;align-items:center;}
.footer-logo img:first-child {width:50px;height:auto;margin-right:5px;}
.footer-logo img:last-child {width:140px;height:auto;}

.footer-socials li {display:inline-block;margin:0 5px}
.footer-socials a {display:block}
.footer-socials svg {fill:var(--color-secondary);width:25px}
p.slogan {
    line-height: 1;
    margin-bottom: 15px;
}
footer .container {max-width:900px}

	.footer .container {max-width:450px;}
	.footer-widget {width:100%;margin-bottom:25px;}


@media screen and (max-width:650px){
	.footer .container {max-width:450px;}
	.footer-widget {width:100%;margin-bottom:25px;}
}
@media screen and (max-width:992px){
	footer {padding:40px 0;}
}

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

	
}


/*------------------------------------*\
    MISC
\*------------------------------------*/



::selection {
	background:var(--color-primary);
	color:var(--color-white);
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-primary);
	color:var(--color-white);
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-primary);
	color:var(--color-white);
	text-shadow:none;
}






/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:var(--color-white);
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}