@charset "utf-8";
/* CSS Document */

/*
 Theme Name:   Lowtone 2024
 Theme URI:    http://www.lowtone.nl
 Description:  Generatepress Child Theme
 Author:       Lowtone
 Author URI:   http://www.lowtone.nl
 Template:     generatepress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/* General */


/* GP 100% HEIGHT */
  body {
	  	/* background-image: linear-gradient(#333, #111); */
	  background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        min-height: 100vh;
	  font-family: aktiv-grotesk,sans-serif; font-weight: 400; font-style: normal;
	  font-display: swap;
    }
	
	.container.grid-container {
    width: 100%;
	}
    .site-footer {
        margin-top: auto;
    }

/* 100% HEIGHT */

div  {box-sizing: border-box; }
a {transition: all 0.5s ease; }
a:hover {transition: all 0.5s ease; }

.wpb_text_column a {text-decoration: underline;}

.inside-article a {text-decoration: underline;}
h1, h2 {color: #013786;}

.subcolor {color: #013786;}


.drop {border-radius: 0 36px 36px 36px; overflow: hidden;}


.wpb_text_column.wpb_content_element ul {margin-left: 12px;}

/* Checkmark */
ul.check {list-style: none; margin-left: 0px; }
ul.check li {position: relative; padding-left: 1.5em;  list-style: none; /* space to preserve indentation on wrap */ margin-bottom: 4px;}
ul.check li:before {content: "\2713"; color: #9dc447!important; position: absolute; left: 0;  /* place the SVG at the start of the padding */ width: 2em; height: 2em; font-weight: 700;}



/* home*/

.row.slider.home {padding: 14vw 0 10vw!important; color: #fff;}
.row.slider.home h1, .row.slider.home h2 {font-size: 74px;  color: #fff; }
.row.slider.home .tagline1 {color: var(--accent); }




.home.page-template-default .site-content {padding: 0 0 0 0!important;}
.page-id-3010.page-template-default .site-content {padding: 0 0 0 0!important;} /* z-test*/

/* Rows */
.row {padding-top: 5vw; padding-bottom: 5vw!important;}
.row.main-blocks .vc_column_container  .vc_column-inner {background: #fff; padding: 24px; }
.row.main-blocks .vc_column_container  .vc_column-inner h1.firsth1 {font-weight: 700; font-size: 38px; letter-spacing: -.05px;}

.row.main-blocks .vc_column_container  .vc_column-inner .wpb_content_element {margin-bottom: 0;}
.row.main-blocks .col1.vc_column_container .vc_column-inner {border-radius: 0 36px 36px 36px;}
.row.main-blocks .col2.vc_column_container .vc_column-inner {border-radius: 36px;}
.row.main-blocks .col3.vc_column_container .vc_column-inner {border-radius: 36px 0 36px 36px;}

.row.slider {padding: 1vw 0; background: #07224e; background-image: linear-gradient(to right top, #07224e, #07224e, #07224e, #07224e, #07224e, #052659, #042b64, #022f70, #00398b, #0044a6, #094ec2, #1958de); background-size: 400% 400%; animation: gradient 15s ease infinite;}
.row.subpage-peek {background-image: linear-gradient(to right top, #07224e, #07224e, #07224e, #07224e, #07224e, #052659, #042b64, #022f70, #00398b, #0044a6, #094ec2, #1958de); background-size: 400% 400%; animation: gradient 15s ease infinite;}
.row.main-blocks {padding: 5vw 0; background-image: linear-gradient(-45deg, #07224e, #07224e, #07224e, #07224e, #07224e, #052659, #042b64, #022f70, #00398b, #0044a6, #094ec2, #1958de);
background-size: 400% 400%; animation: gradient 15s ease infinite;
}





@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.odd {background: #fff;}
.even {background: #f7f7f7;}

.mainbutton, .gform_button.button {border: 4px solid #95c11f!important; border-radius: 0 32px 32px 32px!important; padding: 6px 30px; background: #95c11f!important; clear: both; display: inline-block; margin-top: 24px; color: #fff; font-weight: 500; text-decoration: none!important; }
.mainbutton:hover, .wpcf7-submit:hover, .gform_button.button:hover  {border: 4px solid #95c11f!important; background: #07224e!important; color: #fff; }

/* Menu */
.menu-contact a {background-color: var(--accent); color: #fff!important; border-radius: 0 24px 24px 24px; }
.menu-contact a:hover  {background: #95c11f!important;}

.breadcrumbs {font-size: 14px; color: #fff;  clear: both; display: block; text-transform: lowercase; float: right; margin-top: -16px; }
.breadcrumbs a {color: #fff!important; opacity: 0.7;}
.breadcrumbs a:hover {opacity: 1;}

/* General */
.leesmeer {border: 2px solid #fff; color: #fff; clear: both; padding: 6px 10px; font-weight: 700; }
.leesmeer:hover {background: #303030; border: 2px solid #fff; color: #fff; }
.leesmeer.pos {border: 2px solid #303030; color: #303030; clear: both; padding: 6px 10px; font-weight: 700; }
.leesmeer.pos:hover {background: #303030; border: 2px solid #303030; color: #fff; }

/* Header */
.site-header, .navigation-stick  {
   padding: 12px 0; background-image: linear-gradient(to right top, #07224e, #07224e, #07224e, #07224e, #07224e, #052659, #042b64, #022f70, #00398b, #0044a6, #094ec2, #1958de); background-size: 400% 400%; animation: gradient 15s ease infinite;
}

/* pages */
.page-template-default .site-content {padding-top: 40px;} 

/* pages */

.row.timelines {}
.row.timeline {}
.row.timelines .number p {font-size: 64px; font-weight: 700; text-align: right; color: #013786;}


/* landingpages */


/* fixed background video */
.fixedvideo {}
.backdrop {/* backdrop-filter: blur(8px);  text-shadow: 2px 2px 5px rgba(0,0,0,0.3); */}

#videoDiv2 {width:100%;  margin:0 auto; display:block; position: absolute; background: #000;} /* This has been changed */
#video2{width:100%; height:auto; background: #000;  opacity: 0.7; } /* This has been changed */

.page-child .site-content {padding-top: 0!important;} /* webshop */

.actieblok {background: #ea5b0c; border-radius: 0 36px 36px 36px; padding: 30px; color: #fff;} 
.actieblok .price .amount {font-size: 32px; font-weight: 600; }

/* webshop */
.row.slider.webshop {background:transparent; padding: 8vw 0; }


/* gallery */
.tiled-gallery-item {padding: 12px;}

/* gallery pagination */
.gallery-pagination {
    text-align: center;
    margin-top: 20px;
	width: 100%;
	clear: both;
}

.gallery-pagination a {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 10px;
    background: #f4f4f4;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}

.gallery-pagination a:hover {
    background: #ddd;
    color: #000;
}

.gallery-pagination a.current {
    background: #07224e; /* WordPress blauw */
    color: #fff;
    font-weight: bold;
    pointer-events: none; /* Maak de huidige pagina niet klikbaar */
}


/* Gallery Layout */
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Flexibele kolommen */
    gap: 15px;
}

/* Gallery Item */
.gallery .gallery-item {
    position: relative;
    width: 100%;
    aspect-ratio: 1; /* Container blijft vierkant */
    overflow: hidden; /* Zorg ervoor dat de afbeelding binnen de container blijft */
}

/* Wrapper voor de afbeelding */
.gallery .gallery-item .image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

/* De afbeelding zelf */
.gallery .gallery-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* De afbeelding vult de container */
    height: 100%; /* De afbeelding vult de container */
    object-fit: cover; /* Zorgt ervoor dat de afbeelding de container vult zonder vervorming */
    object-position: center; /* Zorg ervoor dat de afbeelding gecentreerd wordt */
}

/* Paginatie */
.gallery-pagination {
    text-align: center;
    margin-top: 20px;
}




/* blog */

/* Archief */

.category .site-content {padding-bottom: 40px;}
.single-post .featured-image.page-header-image-single   {margin-bottom: 2em;}

.entry-title a {text-decoration: none;}

/* single */

.blog  .site-content {padding-top: 40px; padding-bottom: 40px;} 

.post-image-above-header .inside-article .featured-image, 
.post-image-above-header .inside-article .post-image {
    margin-top: 0;
    margin-bottom: 2em;
}

/* Contact */

table, td {border: 0;}
input {width: 100%;}





/* Subpage peek FLEXWRAP */

/* Index page */

.page-parent .site-content {padding: 0 0 0 0!important;}

.subpage-peek {width: 100%;  clear: both;display: flex; justify-content: flex-start;  flex-wrap: wrap; gap: 35px; margin-bottom: 40px;  }
.subpage-peek a {font-size: 18px; color: #fff; text-decoration: none!important;  }
.subpage-peek .item {position: relative; width: 48%; vertical-align: top;  box-sizing: border-box; padding: 40px; background: #fff; text-align: center;   }

.subpage-peek .item.item-1, 
.subpage-peek .item.item-3,
.subpage-peek .item.item-5,
.subpage-peek .item.item-7,
.subpage-peek .item.item-9,
.subpage-peek .item.item-11,
.subpage-peek .item.item-13
{border-radius: 0 36px 36px 36px;}

.subpage-peek .item.item-2, 
.subpage-peek .item.item-4,
.subpage-peek .item.item-6,
.subpage-peek .item.item-8,
.subpage-peek .item.item-10,
.subpage-peek .item.item-12,
.subpage-peek .item.item-14
{border-radius: 36px 0 36px 36px;}


.subpage-peek .item.item-1 .thumb-image img, 
.subpage-peek .item.item-3 .thumb-image img,
.subpage-peek .item.item-5 .thumb-image img,
.subpage-peek .item.item-7 .thumb-image img,
.subpage-peek .item.item-9 .thumb-image img,
.subpage-peek .item.item-11 .thumb-image img,
.subpage-peek .item.item-13 .thumb-image img
{border-radius: 0 16px 16px 16px;}

.subpage-peek .item.item-2 .thumb-image img, 
.subpage-peek .item.item-4 .thumb-image img,
.subpage-peek .item.item-6 .thumb-image img,
.subpage-peek .item.item-8 .thumb-image img,
.subpage-peek .item.item-10 .thumb-image img,
.subpage-peek .item.item-12 .thumb-image img,
.subpage-peek .item.item-14 .thumb-image img
{border-radius: 16px 0 16px 16px;}



.subpage-peek .item:hover {}
.subpage-peek .item .inner {padding: 0; width: 100%; margin: 0; min-height: 60px; }
.subpage-peek .item .inner h2 a {color: #222;}
.subpage-peek .vc_btn3-container.vc_btn3-center {text-align: center;}

.subpage-peek .thumb-image {min-height: 320px; }


/* News */

.archive .site-content, .single .site-content {padding-top: 60px;}


/* footer */

.inside-footer-widgets p {font-size: 15px;}
.inside-footer-widgets .menu li  { margin-bottom: 12px!important; padding-bottom: 12px!important; border-bottom: 1px solid #666;}
.inside-footer-widgets .menu li a, .inside-footer-widgets  a {font-size: 15px; }

#text-12, 
#text-5  {background: #000; border-radius: 0 36px 36px 36px; padding-top: 20px; padding-bottom: 30px;}




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

	html, body {
    overflow-x: hidden;
	}
	.row.slider.home {padding: 20vw 40px 20vw!important; }
}




@media screen and (max-width: 769px) {
	
	
	.site-logo .header-image {width: 170px; height: 48px;}
	
	.vc_row.wpb_row.vc_row-fluid, .row {padding: 4vw 20px!important;}
	

	
	h1 {font-size: 28px;}
	h2 {font-size: 26px;}
	h3 {font-size: 22px;}
	
	.menu.sf-menu {background: #000;}
	.one-container .site-content, .inside-page-header {padding: 0 10px 20px 10px!important;}
	.main-navigation .main-nav ul li a, .main-navigation .mobile-bar-items a {margin: 12px 24px; line-height: 40px!important; font-size: 18px;}
	
	
	/* landing page  */
	
	/* home fixed background video */
	
	.backdrop {display: none;}
	
	.row {padding-top: 8vw; padding-bottom: 8vw!important;}
	.row.slider.webshop {min-height: 0; display: none!important;}
	
	.row.slider.home {padding: 20vw 40px 20vw!important; }
	.row.slider.home h2 {font-size: 42px;}
	
	.row.main-blocks .vc_column_container  .vc_column-inner h1.firsth1 {font-size: 26px;}

	.subpage-peek .item {width: 98%; min-height:0; }
	.subpage-peek .item .inner {min-height: 0; }
	.subpage-peek .thumb-image { min-height: 0; margin-bottom: 20px;}
	
	
	/* Footer */
	#text-12, 
	#text-5  {padding: 30px;}
	
	.inside-footer-widgets p {font-size: 17px;}
	.inside-footer-widgets a {font-size: 17px;}



}