/* 
Theme Name: Intermokum magazine
Theme URI: https://intermokum.com
Description:
Author: Intermokum magazine
Version: 1.0001 
Tags:

General comments (optional).

*/



/* #Site Styles
================================================== */
:root {
	--black: #000;
	--white: #fff;
	--primary: rgb(51, 106, 58);
	--secondary: #ea5b0c;
	--width-base: 1282px;
	--width-large: 1886px;
	--font-base: 16px;
	--line-height: 1.8;
	--font-family-base: 'Montserrat', sans-serif;
	--font-family-icon: 'icomoon', sans-serif;
	--width: 100%;
	--height: 100%;
	--font-size-h1: 60px;
	--font-size-h2: 28px;
	--font-size-h3: 24px;
	--font-weight-300: 300;
	--font-weight-400: 400;
	--font-weight-500: 500;
	--font-weight-600: 600;
	--font-weight-700: 700;
	--text-decoration: none;
	--transition: all 0.25s ease-in-out;	
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-base); font-weight: var(--font-weight-400); line-height: var(--line-height); color: var(--black-100);}
body { background: var(--white); position: relative; }
input[type=text],
input[type=tel],
input[type=email],
input[type=number],
select,
textarea { padding: 10px 20px; width: var(--width); min-height: 50px; font-family: var(--font-family-base); font-size: 14px; font-weight: var(--font-weight-300); color: var(--black-100); border: solid 1px rgba(54, 51, 50, 0.2); background-color: var(--white); }
input::placeholder,
textarea::placeholder { color: var(--black-100); }
textarea { padding: 20px; height: 61px; resize: none; }
select { appearance: none; cursor: pointer; }
.custom-select { background: url('images/select-down-arrow.png') no-repeat center right 20px; background-color: var(--white); }
img { display: block; max-width: var(--width); outline: 0; height: auto; }
ul,
li { margin: 0; padding: 0; list-style: none; }
:focus { outline: none; }
p { margin-bottom: 10px; }
a { display: inline-block; transition: var(--transition); }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; font-weight: var(--font-weight-700); line-height: 1.02; color: var(--black-100); }
h1 { font-size: var(--font-size-h1); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }
.centered-xl { padding-right: calc((100% - var(--width-large)) / 2); padding-left: calc((100% - var(--width-large)) / 2); }
.button { padding: 10px 34px; font-family: var(--font-family-base); font-size: var(--font-base); text-align: center; text-decoration: var(--text-decoration); color: var(--white); background-color: var(--secondary); transition: var(--transition); cursor: pointer; border-radius: 10px 2px 10px 2px; border:none; border-right: 2px solid var(--secondary); min-height: 50px;}
.button:hover {background-color: var(--white); border-right: 2px solid var(--secondary); color: var(--secondary); }

.button_green { padding: 10px 34px; font-family: var(--font-family-base); font-size: var(--font-base); text-align: center; text-decoration: var(--text-decoration); color: var(--white); background-color: var(--primary); transition: var(--transition); cursor: pointer; border-radius: 10px 2px 10px 2px; border:none; border-right: 2px solid var(--primary); min-height: 50px;}
.button_green:hover {background-color: var(--white); border-right: 2px solid var(--primary); color: var(--primary); }

.btn-link { padding: 0 5px; color: var(--secondary); }
.btn-link:hover { text-decoration: var(--text-decoration); }
.check { padding: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; min-height: auto; color: var(--green); -webkit-appearance: none; cursor: pointer; }
.check:checked:before { top: 0; left: 0; display: block; font-family: var(--font-family-icon); font-size: 14px; color: var(--green); content: '\e905'; }

.tekst_link{  transition: var(--transition); color: var(--secondary); }

/* ### wrapper ### */
#wrapper {position: relative; display: block; width: var(--width); min-height: var(--height); overflow-x: clip; }
/* ### main container ### */
#mainCntr { width: 100%; }


/* ### top box ### */
.topBox { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: var(--width); background-color: var(--primary); border-radius: 0px 0px 12px 0px; position: fixed; top: 0; left:0; width: 100%; z-index: 999999; }
.topBox .left { padding-left: 12px; display: flex; align-items: center; justify-content: flex-start;}
.topBox .item { margin-right: 75px; font-size: 14px; color: var(--white); }
.topBox p { margin-bottom: 0; display: flex; gap: 6px; align-items: center; }
.topBox .item p img { width: 16px; height: 16px; object-fit:contain; }
.topBox ul { display: flex; list-style: none; gap:8px; align-items: center; padding-right: 24px; }
.topBox ul > li > a{  text-decoration: var(--text-decoration); color: var(--white); }
.topBox ul > li > a i{ display: flex; align-items: center; font-size: 14px; text-decoration: var(--text-decoration); color: var(--white); }

/* ### large banner ### */
#banner_groot{ position: relative;  width: 100%; overflow: hidden; padding-top: 80px; padding-bottom: 80px;border-radius: 0px 0px 120px 12px; display: flex; justify-content: space-between; align-items: center;}
#banner_content{ position: relative; z-index: 10; max-width: 567px; width: 100%; }
#banner_content.small_banner{ max-width: 100%; }
#banner_content .logo img{ width: 320px; height: auto; }
#banner_content h1{color: var(--white);}
#banner_content p{color: var(--white);}
#banner_achtergrond{ position: absolute; width: 100%; height: 100%; top:0; left:0; z-index: 0; }
#banner_achtergrond.banner_overlay:after{ position: absolute; content: ''; width: 100%; height: 100%; top:0; left:0; z-index: 1; background: linear-gradient(to right, rgba(51, 106, 58, 1) 0%, rgba(51, 106, 58, 0.85) 45%, rgba(51, 106, 58, 0) 65%, rgba(51, 106, 58, 0) 100%); }
#banner_achtergrond img{  width: 100%; height: 100%; object-fit:cover;  }
#banner_laatste_item{ padding: 30px 40px; border-radius: 60px 6px 60px 6px; background-color: var(--white); max-width: 400px;  border-right: 12px solid var(--secondary); }
#banner_laatste_item_date{ font-size: 14px; font-style: italic; color: var(--secondary);  }
#banner_laatste_item h2{ margin-bottom: 12px;color: var(--primary); }
#banner_laatste_item p{ margin-bottom: 16px; }
#banner_rechts{  position: relative; z-index: 10; }
#banner_menu{ width: 100%; margin-bottom: 40px; }
#banner_menu ul{ display: flex; justify-content: center; gap:20px; }
#banner_menu ul a{ color: var(--white); text-decoration: none; }
#banner_menu ul a:hover{ color:var(--secondary);  }

#banner_content.small_banner #banner_menu ul{ justify-content: flex-start; }


/* ### breadcrumb box ### */
#banner_breadcrumb {padding-top: 4px; padding-bottom: 4px; width: var(--width); display: flex; flex-wrap: wrap; list-style: none; position: relative; font-size: 12px; }
#banner_breadcrumb p{ margin: 0; padding: 0; }
#banner_breadcrumb a { font-size: 12px; text-decoration: var(--text-decoration); color: var(--white); }
#banner_breadcrumb a:hover { text-decoration: underline; }


/* ### latest slider ### */
.latest_slider { padding-left: 20px; padding-right: 20px; position: relative;  width: 100%; overflow: hidden; padding-top: 10px; padding-bottom: 10px;}
.usps-text { font-size: 16px; color: var(--secondary); font-weight: var(--font-weight-medium); display: flex; align-items: center; min-height: 55px; justify-content: center; }
.usps-text:hover{ text-decoration: underline; }
.usps-text:before { content: ""; background-image: url('images/icoon_oranje.png'); width: 16px; height: 16px; background-position: center center; background-size: contain; background-repeat: no-repeat;  margin-right: 10px; }
.usps.inner { margin-bottom: 35px; }
.usps-holder { padding-bottom: 7px; border-bottom: solid 2px rgba(112,112,112, .20); }


/* ### featured articles ### */
.featured_articles{ width: 100%; padding-top: 60px; padding-bottom: 60px; border-radius: 120px 12px 120px 12px; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative; }
.featured_articles.featured_articles_overlay:after{  position: absolute; content: ''; width: 100%; height: 100%; top:0; left:0; z-index: 1; background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%); transition: all 0.3s;  }
.featured_articles h2{ color:  var(--primary); }
.featured_articles p{ color:  var(--primary); }
.featured_article_intro{ margin-bottom: 40px;  position: relative; z-index: 10; max-width: 680px; width: 100%; }
.featured_article_holder{ display: flex; justify-content: space-between; flex-wrap: wrap; gap:40px; position: relative; z-index: 10; }
.article_tablet{ width: calc(50% - 40px); border-radius: 60px 6px 60px 6px; background-color: var(--white);  border-right: 12px solid var(--secondary); color:  var(--primary); text-decoration: var(--text-decoration);  overflow: hidden; }
.article_tablet_img img{ height: 240px; width: 100%; object-fit:cover; }
.article_tablet_content{  padding: 30px 40px; display: flex; flex-wrap: wrap; }
.article_tablet_content h3{ color:  var(--primary); }
.article_tablet_content p{ color:  var(--primary); }
.featured_articles_btn_holder{ display: flex; padding-top: 40px; padding-bottom: 20px; justify-content: flex-start;  position: relative; z-index: 10; }
.featured_articles_btn_holder .tekst_link{ color: var(--primary); }
.featured_articles_btn_holder .tekst_link:hover{text-decoration: none;}



/* ### nb blok ### */
.nb_blok{ width: 100%; margin-top: 60px; margin-bottom: 60px;  overflow: hidden; display: flex; gap:40px; justify-content: space-between; align-items: center; border-radius: 120px 12px 120px 12px; }
.nb_blok_form{ width: calc(65% - 40px); padding: 30px; padding-left: 0; color:  var(--primary);}
.nb_blok_img{ width: calc(35% - 40px);}
.nb_blok_form h2{ color:  var(--primary); }
.nb_blok_form input{  border-radius: 10px 2px 10px 2px; border: 1px solid var(--secondary); }
.nb_blok_img img{border-radius: 60px 6px 60px 6px; border-right: 12px solid var(--secondary); height: 100%; object-fit:cover;}
.nb_form_inner{ display: flex; gap:20px; justify-content: space-between; margin-bottom: 20px; }
.nb_form_chck{ position: relative; font-size: 12px; color:  var(--primary); line-height: 14px; padding-left: 26px;}
.nb_form_chck input{ visibility: hidden; position: absolute; z-index: 0; }
.nb_form_chck label{ position: relative; cursor: pointer; }
.nb_form_chck label:before{ content: ''; width: 16px; height: 16px; left:-26px; top:-2px; background-color: var(--white);  border-radius: 5px 1px 5px 1px; border: 1px solid var(--secondary); border: 1px solid var(--secondary); position: absolute; z-index: 10;}
.nb_form_chck input:checked + label:before { background-color: var(--secondary); }
.nb_form_chck a{ color: var(--primary); }
#nb_form_errors{ font-size: 14px; color: var(--secondary); font-style: italic; }


/* ### ARTICLE CATEGORIES BLOCK ### */

.articles_categories_blok{ width: 100%;  padding-top: 60px; padding-bottom: 60px; }
.article_category_btns{ display: flex; justify-content: flex-start; gap:20px; flex-wrap: wrap; }
.articlecategory_btn{ border-radius: 10px 2px 10px 2px; border-right: 2px solid var(--secondary);  color: var(--primary); text-decoration: none; padding: 14px 14px 14px 14px; min-height: 50px; transition: transform 0.3s ease, box-shadow 0.3s ease; background-size: cover; background-position: left center; background-repeat: no-repeat; position: relative; overflow: hidden; width: calc(25% - 20px); text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; }
.articlecategory_btn img{ width: 210px; height: 110px; object-fit:cover;  border-radius: 30px 6px 30px 6px; }
.articlecategory_btn span{ position: relative; z-index: 10; }
.articles_categories_intro{ margin-bottom: 20px;}
.articles_categories_intro h2{color: var(--primary);}
.articles_categories_intro p{color: var(--primary);}



/* ### VIDEO BANNER BLOCK ### */
.video_banner_blok{width: 100%; margin-top: 60px; margin-bottom: 60px;border-radius: 120px 12px 120px 12px; overflow: hidden; position: relative; }
.video_banner_blok:after{ position: absolute; content: ''; z-index: 1; width: 100%; height: 100%; top:0; left:0; z-index: 1; background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%); }
.video_banner_inner{width: 100%;}
.video_banner_inner video{ width: 100%; height: 100%; object-fit: cover; object-position: center bottom;z-index: 0; display: block; position: absolute; }
.video_banner_content{ top:0; left:0; z-index: 10; padding-top: 60px; padding-bottom: 60px; position: relative; }
.video_banner_logo{ max-width: 320px; height: auto;}
.video_banner_text{ width: 100%; max-width: 567px;}
.video_banner_text h2{color: var(--primary);}
.video_banner_text p{color: var(--primary); margin-bottom: 40px;}




















/* ### footer container ### */
#footerCntr { overflow: hidden; width: 100%; }

/* ### footer box ### */
.footerBox { padding-top: 32px; padding-bottom: 42px; position: relative; border-radius: 120px 12px 120px 12px; overflow: hidden;  }
.footerBox .holder { padding-top: 31px; position: relative; z-index: 10; display: flex; flex-wrap: wrap; }
.footerBox .left { display: flex; flex-wrap: wrap; width: 75%; }
.footerBox .column { padding-right: 15px; width: 33.33%; }
.footerBox .right { width: 25%; }
.footerBox .right ul { display: flex; list-style: none; gap:8px; align-items: center; padding-right: 24px; }
.footerBox .right ul > li > a i{ display: flex; align-items: center; font-size: 14px; text-decoration: var(--text-decoration); color: var(--white); }
.footerBox .right ul > li > a{  text-decoration: var(--text-decoration); color: var(--white); }
.footerBox .right .hidden-menu { padding-top: 9px; }
.footerBox .title { margin-bottom: 1px; position: relative; font-weight: 600; color: var(--white); font-size: 16px; }
.footerBox .title:after { position: absolute; top: 50%; right: 0; display: none; font-family: var(--font-family-icon); font-size: 8px; transform: translateY(-50%); transition: var(--transition); content: '\e900'; }
.footerBox .title.active:after { transform: translateY(-50%) rotate(-180deg); }
.footerBox .item { margin-bottom: 22px; }
.footerBox .item ul > li { margin-bottom: 1px; }
.footerBox .item ul > li:last-child { margin-bottom: 0; }
.footerBox .item ul > li > a { font-size: 14px; font-weight: 300; text-decoration: none; color: var(--white); transition: var(--transition); }
.footerBox .item ul > li > a:hover { text-decoration: underline; }
.footerBox .form-field { margin-bottom: 10px; }
.footerBox .form-field:last-child { margin-bottom: 0; }
.footerBox .form-input { color: var(--white); border: 1px solid var(--white); background-color: transparent; }
.footerBox .form-input::placeholder { color: var(--white); }
.footerBox .form-field label { padding-left: 41px; position: relative; display: block; }
.footerBox .check { position: absolute; top: 5px; left: 15px; width: 18px; height: 18px; border: 1px solid var(--white); background-color: transparent; }
.footerBox .form-field span { display: inline-block; font-size: 12px; color: var(--white); }
.footerBox .footer-bg { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); }
.footerBox .footer-bg img { width: var(--width); height: var(--height); object-fit: cover; }

.footerBox .footer-bg:after{ position: absolute; content: ''; width: 100%; height: 100%; top:0; left:0; z-index: 1; background: linear-gradient(to right, rgba(51, 106, 58, 1) 0%, rgba(51, 106, 58, 0.85) 45%, rgba(51, 106, 58, 0) 65%, rgba(51, 106, 58, 0) 100%); }



/* ### nb blok ### */
.footer_form_inner input{  border-radius: 10px 2px 10px 2px; border: 1px solid var(--secondary); }
.footer_form_inner{ display: flex; gap:20px; justify-content: space-between; margin-bottom: 20px; flex-direction: column; }
.footer_form_chck{ position: relative; font-size: 12px; color:  var(--white); line-height: 14px; padding-left: 26px;}
.footer_form_chck input{ visibility: hidden; position: absolute; z-index: 0; }
.footer_form_chck label{ position: relative; cursor: pointer; }
.footer_form_chck label:before{ content: ''; width: 16px; height: 16px;  left:-26px; top:-2px; background-color: var(--white);  border-radius: 5px 1px 5px 1px; border: 1px solid var(--secondary); border: 1px solid var(--secondary); position: absolute; z-index: 10;}
.footer_form_chck input:checked + label:before { background-color: var(--secondary); }
.footer_form_chck a{ color: var(--white); }
#footer_nb_form_succes{ color:  var(--white); }
#footer_nb_form_errors{ color: var(--white); font-size: 14px; font-style: italic; }

/* ### copyright box ### */
.copyrightBox { padding-top: 8px; padding-bottom: 8px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: var(--white); }
.copyrightBox ul { display: flex; flex-wrap: wrap; align-items: center; }
.copyrightBox ul > li { font-size: 14px; font-weight: 300; color: var(--primary); }
.copyrightBox ul > li:after { margin: -1px 12px 0; display: inline-block; width: 1px; height: 14px; vertical-align: middle; background-color: var(--primary); content: ''; }
.copyrightBox ul > li:last-child:after { display: none; }
.copyrightBox ul > li > a { text-decoration: var(--text-decoration); color: var(--primary); transition: var(--transition); }
.copyrightBox ul > li > a:hover { text-decoration: underline; }
.copyrightBox .partner-logo > li { margin-right: 7px; }
.copyrightBox .partner-logo > li:last-child { margin-right: 0; }
.copyrightBox .partner-logo > li:after { display: none; }

@media (max-width:1350px){
	
.centered { padding-left: 40px; padding-right: 40px; }	
.topBox .item{ display: none; }
.topBox .item:first-child{ display: block; }	
	
	
	
}

@media (max-width:840px){
.centered { padding-left: 30px; padding-right: 30px; }
.topBox .item:first-child{ display: none; }	
#banner_rechts{ width: 100%; }
#banner_laatste_item{ max-width: 100%; }
#banner_groot{ flex-direction: column; align-items: center;border-radius: 0px 0px 60px 6px;  }	
#banner_achtergrond.banner_overlay:after{ position: absolute; content: ''; width: 100%; height: 100%; top:0; left:0; z-index: 1; background: linear-gradient(to right, rgba(51, 106, 58, 1) 0%, rgba(51, 106, 58, 0.85) 75%, rgba(51, 106, 58, 0) 95%, rgba(51, 106, 58, 0) 100%); }
#banner_content { max-width: 100%; margin-bottom: 40px; }	
#banner_laatste_item{ padding: 30px 40px;  border-radius: 30px 3px 30px 3px;}
#banner_menu ul{ flex-direction: column; }
#banner_menu ul li{ width: 100%; }
#banner_menu ul li a{ width: 100%; max-width: 420px; }
.featured_articles{border-radius: 60px 6px 60px 6px;}	
.article_tablet{ width: 100%; border-radius: 30px 3px 30px 3px;}

.nb_blok{ flex-direction: column; }
.nb_blok_form{ width: 100%;}
.nb_blok_img{ width: 100%;}
.nb_form_inner{ flex-direction: column;}







.footerBox {flex-direction: column; align-items: center;border-right: 12px solid var(--secondary); padding-bottom: 40px;  border-radius: 60px 6px 60px 6px; }
.footerBox .left { width: var(--width); }
.footerBox .right { width: var(--width); }
.footerBox .column { padding-right: 0; width: var(--width); }
.footerBox .item { margin-bottom: 10px; padding: 10px 15px; border: 1px solid var(--white); }
.footerBox .title { margin-bottom: 0; padding-right: 30px; }
.footerBox .title:after { display: block; }
.footerBox .hidden-menu { display: none; }
.copyrightBox ul { margin-bottom: 10px; justify-content: center; width: 100%; }
.copyrightBox ul:last-child { margin-bottom: 0; }	
	
}