/*
GRID based on 4x 396px, 15px spacing (1629px in total) + 146px sides in margin.
*/

/********************************/
/* large screen sizes */
/********************************/
@media
only screen and (min-width : 1560px)  {

	/* width settings */
	.container.width_max { width: 100%; }
	.container { width: 1484px; }

	/* header and slider */
	#page_header, #header_image .slider_image, 	#header_image .slider, #header_image .carousel, #header_image  .carousel_image { height: 100vh; }
	#theme_header { height: 740px !important; }
	#okra_video { min-height: 740px !important; }
	.carousel_image { height: 656px; } /* large image size */

	/* content */

	/*featured items slider */
	.featured_items_wrapper { height: 650px; }
	.featured_items_carousel .slick-prev, .featured_items_carousel .slick-next { top: 525px;  }
	.featured_items_wrapper .btn_slider_wrap { margin: -61px 0 0 0 !important; }

	/* column widths , 12 columns and first without gutter. Use col_wrap for gutter with */
	.col-12 { width: 1484px; }
	.col-11 { width: 1357px; }
	.col-10 { width: 1230px; }
	.col-9 { width: 1103px; }
	.col-8 { width: 976px; }
	.col-7 { width: 949px; }
	.col-6 { width: 722px; }
	.col-5 { width: 595px; }
	.col-4 { width: 468px; }
	.col-3 { width: 341px; }
	.col-2 { width: 214px; }
	.col-1 { width: 87px; }
	.col-half { width: 50%; }


	/* show / hide */
	.no_mobile { display: block; visibility: visible; }
	.mobile_only, .mobile_menu_trigger, .mobile_menu_wrapper { display: none; visibility: hidden; }
}

/********************************/
/* regular screen sizes */
/********************************/
@media
only screen and (min-width : 1280px) and (max-width : 1559px)   {

	/* main font settings */
	html, body { font-size: 20px; }
	.header_payoff h1 { font-size: 4.6em; }
	h1 { font-size: 3.5em;  }
	h1.theme_title { font-size: 3.0em; }
	h1.header_title { font-size: 3.8em; }
	h1.project_title { font-size: 3.0em; }
	h2 { font-size: 2.1em; line-height: 1.1; }
	h3 { font-size: 1.25em; line-height: 1.28; font-family: 'Bryant'; }
	h3.title { font-size: 1.1em; line-height: 1.1; font-variation-settings: "wght" 500;  letter-spacing: -0.96px; color: #15221f; }
	h4 { font-size: 1.2em;   }
	h5, h6 { font-size: 16px;  }

	/* width settings */
	.container.width_max { width: 100%; }
	.container { width: 1184px; }

	/* header and slider */
	#page_header, #header_image .slider_image, 	#header_image .slider, #header_image .carousel, #header_image  .carousel_image { height: 100vh; }
	#theme_header { height: 600px !important; }
	#okra_video { min-height: 600px !important; }
	.carousel_image { height: 656px; } /* large image size */
	#logo { left: 40px; }
	.header_line { left: 40px;	width: calc(100% - 80px) !important; }
	.header_bg_color { height: 750px; }
	.header_payoff_wrap { top: 18vw; }
	.carousel_wrapper .slick-prev {	left: calc(100% - 160px); }
	.carousel_wrapper .slick-next {	left: calc(100% - 90px); }
	a.btn_view_all:link, a.btn_view_all:visited {	right: 260px; }
	a.btn_back.page_top {	margin: 130px 0 0 20px;	padding: 0 10px 20px 20px; }

	/* navigation */
	.sticky_nav ul {   }
	#wrap.scrolled .sticky_nav { top: 80px; }
	.search_popup_close {	right: 40px; }

	/* featured items slider */
	.featured_items_wrapper { height: 550px; }
	.featured_items_carousel { width: 100%; 	padding: 0 0 0 40px;	margin: 0 0 40px 0; }
	.featured_items_carousel .slick-prev, .featured_items_carousel .slick-next { top: 465px; }

	/* navigation */
	#menu_overlay ul { width: 280px; 	font-size: 20px; }
	.menu_article { padding-right: 20px; }

	/* language */
	#language_switcher { top: 27px; right: 30px; height: 30px; 	}
	#language_switcher ul li a:link, #language_switcher ul li a:visited { font-size: 18px !important; width: 45px; }
	#header.scrolled #language_switcher  {	top: -8px; }
	.language_wrap { width: 140px; padding:  0; }
	a.btn_language:link, a.btn_language:visited { font-size: 16px; width: 45px; }
	#header.scrolled .language_wrap { padding: 23px 0 0 0; }
	#search_icon_wrap {	right: 180px; }
	#header.scrolled #search_icon_wrap { top: 22px; }

	/* flex adjustments */
	.flex-container { padding: 40px 0 40px 0; margin: 0 40px; width: calc(100% - 80px); }
	.flex-container, .flex-container.flex_images { gap: 40px; }
	.flex-basis-50 { width: calc(50% - 20px); max-width: calc(50% - 20px);  min-width: calc(50% - 20px); }
	.flex-basis-fourth, .flex-fourth { width: calc(25% - 30px); max-width: calc(25% - 30px); min-width: calc(25% - 30px); }
	.flex-basis-third {	width: calc(33% - 20px); max-width: calc(33% - 20px); }
	.flex-basis-twothird {	width: calc(67% - 20px); max-width: calc(67% - 20px); }

	/* columns */
	.col-12 { width: 1184px; }
	.col-11 { width: 1082px; }
	.col-10 { width: 980px; }
	.col-9 { width: 878px; }
	.col-8 { width: 776px; }
	.col-7 { width: 674px; }
	.col-6 { width: 572px; }
	.col-5 { width: 470px; }
	.col-4 { width: 368px; }
	.col-3 { width: 266px; }
	.col-2 { width: 164px; }
	.col-1 { width: 62px; }

	/* homepage specific */
	.theme_pages { padding-top: 50px; }

	/* project specific */
	#filter {	width: calc(100% - 80px);	padding: 0 40px 0 40px; 	}

	/* content */
	.questions_title, .career_title { font-size: 22px; }
	.questions_wrap, .career_wrap { font-size: 18px; }
	.item_number { font-size: 2.2em; padding: 4px 0 4px 0; }

	/* heights */
	.height_image_square { height: calc(32vw - 10px); }
	.height_image_landscape { aspect-ratio: 16/9; }
	.height_image_news { height: 350px; }
	.height_image_news .preview_image { width: 300px; }

	/* spacing */
	.padding_full_m { padding: 40px; }

	/* footer override */

	/* show / hide */
	.no_mobile { display: block; visibility: visible; }
	.mobile_only, .mobile_menu_trigger, .mobile_menu_wrapper, .no_1280 { display: none; visibility: hidden; }
}

/********************************/
/* small screen sizes */
/********************************/
@media
only screen and (min-width : 1024px) and (max-width : 1279px)   {

	/* main font settings */
	html, body { font-size: 18px; line-height: 28px; }
	h1 { font-size: 60px; }
	h2 { font-size: 30px;	}
	h3 { font-size: 20px;	}
	h1.header_title { font-size: 4em; }
	h1.project_title { font-size: 3.0em; }
	h1.theme_title { font-size: 3.0em; }

	.header_payoff h1 { font-size: 4em; }

	/* width settings */
	.container.width_max { width: 100%; }
	.container { width: 960px; }

	/* header and slider */
	#page_header, #header_image .slider_image, 	#header_image .slider, #header_image .carousel, #header_image  .carousel_image { height: 100vh; }

	#theme_header { height: 525px !important; }
	#okra_video { min-height: 525px !important; }

	.header_line { left: 24px;	width: calc(100% - 48px) !important; }
	.carousel_image { height: 656px; } /* large image size */
	#logo { left: 24px; }
	.header_bg_color { height: 650px; }
	.header_bg_color.bg_pages { height: 450px; }
	.header_payoff_wrap { top: 18vw; }
	a.btn_back.page_top {	margin: 130px 0 0 20px;	padding: 0 10px 20px 5px; }

	/* navigation */
	.main_menu li { padding: 0 30px 0 0; }
	.main_menu li a:link, .main_menu li a:visited { font-size: 18px; }
	#search_icon_wrap { top: 38px; right: 160px; width: 30px; height: 30px;	}
	#search_icon { width: 22px;	height: 22px; }
	.sticky_nav { top: 100px;   font-size: 18px; }
	#wrap.scrolled .sticky_nav { top: 80px; }
	#menu_overlay { padding: 100px 0 0 0; }
	#menu_overlay ul { font-size: 18px;  width: 280px; }
	#menu_overlay ul li { padding: 10px 0 10px 0; }
	#menu_overlay ul li a:link { min-height: 30px; background-position: right 2px; background-size: 22px 22px; }

	.menu_article { padding-right: 0; }
	.search_popup_close {	right: 30px; }

	/* language */
	#language_switcher { top: 27px; right: 20px; height: 30px; 	}
	#language_switcher ul li a:link, #language_switcher ul li a:visited { font-size: 18px !important; }
	#header.scrolled #language_switcher  {	top: -10px; }
	.language_wrap { width: 140px; padding:  0; }
	a.btn_language:link, a.btn_language:visited { font-size: 16px; width: 45px; }
	#header.scrolled .language_wrap { padding: 23px 0 0 0; }

	/* slider */
	.carousel_wrapper { height: calc(50vw + 160px); }
	.slick-prev, .slick-next {	top: calc(100% + 28px); }
	.carousel_wrapper .slick-prev {	left: calc(100% - 150px); 	}
	.carousel_wrapper .slick-next {	left: calc(100% - 80px);  }
	.carousel_wrapper, .slider_wrapper { padding-bottom: 40px !important; }
	.slick-dots li { width: 20px !important; height: 6px; }
	.carousel, .carousel .slick-list { height: 50vw; } /* slider height, slider inner + height */
	.carousel_image { height: 50vw; } /* large image size */
	.carousel .slider_inner { top: calc(50vw + 20px); height: 50px;  } /* slider title and content */

	/* featured items slider */
	.featured_items_wrapper { height: 500px; }
	.featured_items_carousel { width: 100%; height: 375px; padding: 0 0 0 30px;	margin: 0 0 40px 0; }
	.featured_items_carousel .slick-list { height: 375px; }
	.featured_items_carousel .slick-prev, .featured_items_carousel .slick-next { 	top: calc(100% + 36px); }
	.btn_slider_wrap { float: left; padding-bottom: 40px; width: 100%; }
	.featured_items_wrapper .btn_slider_wrap { margin: 20px 0 0 0 !important; }
	a.btn_view_all:link, a.btn_view_all:visited { float: left; top: auto; right: auto;	padding: 20px 0 20px 60px; margin: -40px 0 0 10px; background-size: 25px 25px;	background-position: 20px center;	}

	/* flex box container */
	.flex-container { padding: 24px 0 24px 0; margin: 0 24px;  width: calc(100% - 48px); }
	.flex-container, .flex-container.flex_images { gap: 24px; }
	.flex-container.flex_images {  margin-bottom: 40px; }
	.flex-basis-50 { width: calc(50% - 12px); max-width: calc(50% - 12px);  min-width: calc(50% - 12px); }
	.flex-basis-fourth, .flex-fourth { width: calc(25% - 22.5px); max-width: calc(25% - 22.5px); min-width: calc(25% - 22.5px); }
	.flex-basis-third {	width: calc(33% - 12px); max-width: calc(33% - 12px); }
	.flex-basis-twothird {	width: calc(67% - 12px); max-width: calc(67% - 12px); }

	/* column widths */
	.col-12 { width: 960px; }
	.col-11 { width: 879px; }
	.col-10 { width: 796px; }
	.col-9 { width: 714px; }
	.col-8 { width: 632px; }
	.col-7 { width: 550px; }
	.col-6 { width: 468px; }
	.col-5 { width: 386px; }
	.col-4 { width: 304px; }
	.col-3 { width: 222px; }
	.col-2, .col-2-smaller { width: 140px; }
	.col-1 { width: 58px; }
	.col-8-smaller { width: 642px;}
	.col_wrap { padding: 0 24px 0 0; }
	.col_content { padding: 30px 0 30px 0; }

	/* homepage specific */

	/* project specific */
	.project_icon { margin: 6px 0 0 0; }

	/* theme pages */
	.button_wrap { margin: 0px 0 0 10px;	}

	/* filter */
	#filter {	width: calc(100% - 40px);	padding: 10px 20px 0 20px; }
	#filter .filter_category, #filter input[type="checkbox"] + span {	font-size: 16px; padding: 14px 24px;	border-radius: 28px; }
	#filter ul.filter_list { }

	/* content */
	a.readmore_button:link, a.readmore_button:visited {	font-size: 16px; }
	.button_wrap a:link, .button_wrap a:visited {	font-size: 16px; }
	.questions_title, .career_title { font-size: 20px; }
	.questions_wrap, .career_wrap { font-size: 18px; }
	.item_number { font-size: 2.2em; padding: 14px 0 18px 0; }
	.item_description { font-size: 16px; line-height: 1.3;}

	/* images */
	.flex-container.flex_images { gap: 24px; }
	.image_container.two.image_1  { margin-right: 24px; }
	.image_container.three.image_1, .image_container.three.image_2  { margin-right: 24px; }
	.image_container.four.image_1, .image_container.four.image_2, .image_container.four.image_3  { margin-right: 24px; }
	.image_wrap.large { width: auto; }
	.image_wrap.medium { width: 350px; }
	.image_wrap.medium-height { height: 500px; width: auto; }
	.image_wrap.thumbnail {  width: 220px; }
	.image_container .padding_top_relative { padding-top: 120px; }

	/* featured image and others heights */
	.height_image { height: 460px; }
	.height_image_s { height: 246px; }
	.height_image_m { height: 300px; }
	.height_image_news { height: 350px;  }
	.height_image_portrait_m { height: 384px; }
	.height_image_l { height: 500px; }
	.height_preview_l { height: 500px; }

	/* before/after */
	.bg_image_container {	height: 60vw; }
	.btn-color-mode-switch { top: calc(60vw - 80px); }
	.btn-color-mode-switch > label.btn-color-mode-switch-inner { width: 220px; height: 60px; padding: 10px 44px 10px 10px; border-radius: 35.5px; font-size: 14px; }
	/* after txt */
	.btn-color-mode-switch > label.btn-color-mode-switch-inner:before { font-size: 14px; top: 18px; right: 40px; }
	.btn-color-mode-switch > label.btn-color-mode-switch-inner:after { width: 70px; height: 16px; padding: 10.5px 22px 16.5px 20px; border-radius: 25.5px; left: 8px; top: 8px; }
	.btn-color-mode-switch input[type="checkbox"] { width: 240px; height: 42px;	}

	/* spacing */
	.space, .space.medium { height: 30px; }
	.space.small { height: 20px; }
	.space.large { height: 80px; }
	.padding_full { padding: 30px; }
	.padding_full_m { padding: 60px 24px; }
	.padding_top_xs { padding-top: 5px; }
	.padding_top_s { padding-top: 15px; }
	.padding_top { padding-top: 30px; }
	.padding_top_m { padding-top: 60px; }
	.padding_top_l, .padding_top_l_small_sizes { padding-top: 90px; }
	.padding_top_xl, .padding_top_xl_small_sizes { padding-top: 110px; }
	.padding_bottom_xs { padding-bottom: 5px; }
	.padding_bottom_s { padding-bottom: 10px; }
	.padding_bottom { padding-bottom: 30px; }
	.padding_bottom_m { padding-bottom: 60px; }
	.padding_bottom_l { padding-bottom: 90px; }
	.padding_sides_large { padding-left: 60px; padding-right: 60px; }
	.padding_left_s { padding-left: 10px; }
	.padding_left { padding-left: 24px; }
	.padding_left_m { padding-left: 40px; }
	.padding_left_l { padding-left: 60px; }
	.padding_right { padding-right: 24px; }
	.padding_right_m { padding-right: 40px; }
	.padding_right_l { padding-right: 60px; }

	/* heights */
	.height_image_square { height: calc(32vw - 10px); }
	.height_image_landscape { aspect-ratio: 16/9; }

	.height_aspect_square { height: calc(50vw - 20px); }
	.height_aspect_square_small { height: calc(25vw - 50px); }
	.height_aspect_link_default { height: calc(32vw + 50px); }
	.height_aspect_link_title { height: calc(32vw + 80px); }
	.height_aspect_square_link { height: calc(50vw - 60px); }
	.height_aspect_square_link_title { height: calc(50vw + 60px); }

	/* footer override */
	#footer { padding-top: 20px; }

	/* show / hide */
	.no_mobile { display: block; visibility: visible; }
	.mobile_only, .mobile_menu_trigger, .mobile_menu_wrapper, .no_small_sizes { display: none; visibility: hidden; }

}

/********************************/
/* Tablet portrait size and up */
/********************************/

@media
only screen and (min-width : 768px) and (max-width : 1023px)   {

	/* main font settings */
	html, body { font-size: 18px; line-height: 28px; }
	h1 { font-size: 60px; }
	h2 { font-size: 30px;	}
	h3 { font-size: 20px;	}
	h1.header_title { font-size: 4em; }
	.header_payoff h1 { font-size: 4em; }

	/* width settings */
	.container.width_max { width: 100%; }
	.container { width: 724px; }

	/* header and slider */
	#page_header, #header_image .slider_image, 	#header_image .slider, #header_image .carousel, #header_image  .carousel_image { height: 100vh; }

	#theme_header { height: 500px !important; }
	#okra_video { min-height: 500px !important; }

	.carousel_image { height: 656px; } /* large image size */
	.header_payoff_wrap { top: 18vw; }
	#header, #header.scrolled { height: 60px; }
	.header_line { left: 20px;	width: calc(100% - 40px) !important; }
	#logo { top: 20px !important; left: 20px; width: 80px; height: 20px; }
	#header.scrolled #logo { top: 20px; }
	.header_bg_color { height: 600px; }
	.header_bg_color.bg_pages { height: 545px; }
	.header_payoff { width: 100%; margin: 0; left: 0;	font-size: 2em;	text-align: center;}
	.header_payoff h1 { font-size: 2.1em; }
	.header_payoff_subtitle { font-size: 0.5em; }
	.header_payoff_wrap { top: 28vw; }
	a.btn_back.page_top {	margin: 90px 0 0 20px;	padding: 0 10px 20px 5px; }

	/* navigation */
	.mobile_menu_trigger { top: 0; }
	#header.scrolled .mobile_menu_trigger { top: 0px; }
	#menu_trigger { top: 0; right: 15px; height: 30px; width: 30px; background-size: 14px 14px; }
	.main_menu { top: 15px; }
	#mobile_search_icon { margin: 20px 0 0 20px !important;  }
	#header.scrolled .language_wrap { padding: 14px 20px 0 0; }
	#search_icon_wrap { top: 38px; right: 160px; width: 30px; height: 30px;	}
	#search_icon { position:absolute; right: 80px; top: 6px; margin: 20px 0 0 20px !important;  }
	#search_field { font-size: 40px; }
	.search_popup_close { top: 20px; right: 20px; width: 42px; height: 42px;}
	#menu_overlay, #menu_overlay_background  { display: none; visibility: hidden; height: 0; width: 0; }

	.sticky_nav, #wrap.scrolled .sticky_nav, .sticky_nav.active { display: none !important; visibility: hidden !important; height: 0 !important; width: 0 !important; }

	.search_popup_close {	right: 30px; }
	.team_popup_close, .search_popup_close { width: 46px; height: 46px; }

	/* language */
	#language_switcher { top: 10px; right: 70px; height: 30px; z-index: 0;	}
	#language_switcher ul li a:link, #language_switcher ul li a:visited { font-size: 16px !important;  width: 45px; }
	#header.scrolled #language_switcher  {	top: -5px; right: 50px; }

	/* slider */
	.carousel_wrapper { height: calc(50vw + 160px); }
	.slick-prev, .slick-next {	top: calc(100% + 28px); }
	.carousel_wrapper .slick-prev {	left: calc(100% - 150px); 	}
	.carousel_wrapper .slick-next {	left: calc(100% - 80px);  }
	.carousel_wrapper, .slider_wrapper { padding-bottom: 40px !important; }
	.slick-dots li { width: 20px !important; height: 6px; }
	.carousel, .carousel .slick-list { height: 50vw; } /* slider height, slider inner + height */
	.carousel_image { height: 50vw; } /* large image size */
	.carousel .slider_inner { top: calc(50vw + 20px); height: 50px;  } /* slider title and content */

	/* featured items slider */
	.featured_items_wrapper { height: 500px; }
	.featured_items_carousel { width: 100%; height: 375px; padding: 0 0 0 30px;	margin: 0 0 40px 0; }
	.featured_items_carousel .slick-list { height: 375px; }
	.featured_items_carousel .slick-prev, .featured_items_carousel .slick-next { 	top: calc(100% + 36px); }
	.btn_slider_wrap { float: left; padding-bottom: 40px; width: 100%; }
	.featured_items_wrapper .btn_slider_wrap { margin: 20px 0 0 0 !important; }
	a.btn_view_all:link, a.btn_view_all:visited { float: left; top: auto; right: auto;	padding: 20px 0 20px 60px; margin: -40px 0 0 10px; background-size: 25px 25px;	background-position: 20px center;	}

	/* flex box container */

	.flex-container { padding: 20px 0 20px 0; margin: 0 20px;  width: calc(100% - 40px); }
	.flex-container, .flex-container.flex_images { gap: 20px; }
	.flex-container.flex_images {  margin-bottom: 30px; }
	.flex-basis-50 { width: calc(50% - 10px); max-width: calc(50% - 10px);  min-width: calc(50% - 10px); }
	.flex-basis-fourth, .flex-fourth { width: calc(25% - 15px); max-width: calc(25% - 15px); min-width: calc(25% - 15px); }
	.flex-basis-third {	width: calc(33% - 11px); max-width: calc(33% - 11px); }
	.flex-basis-twothird {	width: calc(67% - 9px); max-width: calc(67% - 9px); }
	.flex-container.flex-direction-row-tablet { flex-direction: column !important; }

	/* column adjustments */
	.col-12 { width: 724px; }
	.col-11 { width: 662px; }
	.col-10 { width: 600px; }
	.col-9 { width: 538px; }
	.col-8 { width: 476px; }
  .col-7 { width: 414px; }
	.col-6 { width: 352px; }
	.col-5 { width: 290px; }
	.col-4 { width: 228px; }
	.col-3 { width: 166px; }
	.col-2 { width: 104px; }
	.col-1 { width: 42px; }
	.col_half_tablet { width: 330px; }
	.col-tablet-full { width: 100% !important; flex-basis: 100% !important; }
	.flex-basis-60.col-tablet-full, .flex-basis-40.col-tablet-full { width: 100% !important; flex-basis: 100% !important; }
	.col-tablet-half { width: 50%;  }
	.col-tablet-third { width: 33.3333%; }

	/* special columns */
	.col_wrap { padding: 0 20px 0 0; }
	.col-tablet-full { width: 100%; }
	.col-tablet-half { width: 50%; }
	.col-tablet-third { width: 33.3333%; }

	/* homepage specific */

	/* project specific */

	/* theme pages */
	.button_wrap { margin: 0px 0 0 10px;	}

	/* filter */
	#filter {	width: calc(100% - 40px);	padding: 0 20px 0 20px; }
	#filter .filter_category, #filter input[type="checkbox"] + span {	font-size: 16px; padding: 14px 24px;	border-radius: 28px; }
	#filter ul.filter_list { }

	/* content */
	a.readmore_button:link, a.readmore_button:visited {	font-size: 16px; }
	.button_wrap a:link, .button_wrap a:visited {	font-size: 16px; }
	.thumbnail_image { width: 80px; height: 80px; }
	.questions_details, .career_details { margin: 15px 0 0 20px;  }
	.questions_title, .career_title { font-size: 20px; }
	.questions_wrap, .career_wrap { font-size: 18px; }
	.item_number { font-size: 2.2em; padding: 16px 0 16px 0; }

	/* images */
	.flex-container.flex_images { gap: 20px; }
	.image_container.two.image_1  { margin-right: 20px; }
	.image_container.three.image_1 { margin-right: 20px; }
	.image_container.three.image_2 { margin-right: 20px; }
	.image_wrap.large { width: auto; }
	.image_wrap.medium { width: 350px; }
	.image_wrap.medium-height { height: 500px; width: auto; }
	.image_wrap.thumbnail {  width: 220px; }
	.image_container .padding_top_relative { padding-top: 120px; }

	/* featured image and others heights */
	.height_image { height: 460px; }
	.height_image_s { height: 246px; }
	.height_image_m { height: 300px; }
	.height_image_news { height: 350px;  }
	.height_image_portrait_m { height: 384px; }
	.height_image_l { height: 500px; }
	.height_preview_l { height: 500px; }

	/* before/after */
	.bg_image_container {	height: 60vw; }
	.btn-color-mode-switch { top: calc(60vw - 80px); }
	.btn-color-mode-switch > label.btn-color-mode-switch-inner { width: 220px; height: 60px;  padding: 10px 44px 10px 10px; border-radius: 35.5px; font-size: 14px; }
	/* after txt */
	.btn-color-mode-switch > label.btn-color-mode-switch-inner:before { font-size: 14px; top: 18px; right: 40px; }
	.btn-color-mode-switch > label.btn-color-mode-switch-inner:after { width: 70px; height: 16px; padding: 10.5px 22px 16.5px 20px; border-radius: 25.5px; left: 8px; top: 8px; }
	.btn-color-mode-switch input[type="checkbox"] { width: 240px; height: 42px;	}

	/* spacing */
	.space, .space.medium { height: 30px; }
	.space.small { height: 20px; }
	.space.large { height: 80px; }
	.padding_full { padding: 30px; }
	.padding_full_m { padding: 40px 20px; }
	.padding_top_xs { padding-top: 5px; }
	.padding_top_s { padding-top: 15px; }
	.padding_top { padding-top: 30px; }
	.padding_top_m, .padding_top_l_small_sizes { padding-top: 60px; }
	.padding_top_l { padding-top: 90px; }
	.padding_top_xl { padding-top: 110px; }
	.padding_bottom_xs { padding-bottom: 5px; }
	.padding_bottom_s { padding-bottom: 10px; }
	.padding_bottom { padding-bottom: 30px; }
	.padding_bottom_m { padding-bottom: 60px; }
	.padding_bottom_l { padding-bottom: 90px; }
	.padding_sides_large { padding-left: 80px; padding-right: 80px; }
	.padding_left_s { padding-left: 10px; }
	.padding_left { padding-left: 30px; }
	.padding_left_m { padding-left: 30px; }
	.padding_left_l { padding-left: 60px; }
	.padding_right { padding-right: 30px; }
	.padding_right_m { padding-right: 30px; }
	.padding_right_l { padding-right: 60px; }
	.padding_tablet_left { padding-right: 0; padding-left: 30px; padding-bottom: 20px; }

	/* heights */
	.height_image_square { height: calc(32vw - 10px); }
	.height_image_landscape { aspect-ratio: 16/9; }
	.height_aspect_square { height: calc(50vw - 40px); }
	.height_aspect_square_small { height: calc(25vw - 50px); }
	.height_aspect_link_default { height: calc(32vw + 80px); }
	.height_aspect_link_title { height: calc(32vw + 80px); }
	.height_aspect_square_link { height: calc(50vw - 60px); }
	.height_aspect_square_link_title { height: calc(50vw + 60px); }

	/* footer */
	#footer { padding-top: 20px; padding-bottom: 10px; }

	/* show / hide */
	.mobile_only, .tablet_only { display: block; visibility: visible; }
	.no_mobile, .no_tablet { display: none; visibility: hidden; }
	.show_tablet  { display: block; visibility: visible; }

}

/********************************/
/* Mobile sizes  */
/********************************/
@media only screen and (min-device-width : 1px) and (max-device-width : 767px),
only screen and (min-width : 1px) and (max-width : 767px) {

	/* main font settings */
	html, body { font-size: 18px; line-height: 26px; min-height: 100vh; min-height: -webkit-fill-available; }
	.header_title_wrap h1 { font-size: 48px; 	}
	h1, h2.mobile_large { font-size: 48px; letter-spacing: 0; padding: 0 0 16px 0 !important; margin-left: 0; }
	h1.theme_title { font-size: 42px; padding: 3.2vw 0 8px 0 !important; }
	h1.project_title { font-size: 38px; }
	h1.max_width_70 { font-size: 38px;}
	h2.quote_title { font-size: 32px; line-height: 1.3; letter-spacing: 0;  }
	h2 { font-size: 32px;	line-height: 1.3; letter-spacing: 0;  }
	/*h3 { font-size: 24px;	}*/
	h2.preview_title, h2.preview_subtitle  { font-size: 18px; line-height: 24px; padding: 5px 0 0 0; width: calc( 100% - 20px); }
	h1.header_title { font-size: 2.5em; }

	/* splash */
	.splash {	background-size: 150px auto; }

	/* width settings */
	.container.width_max { width: 100%; }
	.container { width: calc(100% - 40px); }

	/* flex layout adjustments */
	.flex-container.flex-align-end { align-items: flex-start !important; align-content:flex-start !important; justify-content: flex-start !important; }
	.flex-container { flex-direction: column; padding: 20px 0 20px 0; margin: 0 20px;  width: calc(100% - 40px); gap: 20px; }
	.flex-container.flex-direction-row { flex-direction: row; }
	.flex-basis-25, .flex-basis-35, .flex-basis-40, .flex-basis-45, .flex-basis-50, .flex-basis-55, .flex-basis-65, .flex-basis-75, .flex-basis-third, .flex-basis-third-news, .flex-basis-fourth, .flex-fourth { max-width: 100%; width: 100%; flex-basis: 100%; }
	.flex-basis-half { width: 50%; max-width: calc(50% - 10px);  min-width: calc(50% - 10px); }
	.flex-mobile-50 { max-width: calc(50% - 40px); width: calc(50% - 40px); flex-basis: calc(50% - 40px); }
	.flex-item.mobile_full { max-width: 100%; width: 100%; flex-basis: 100%; float: left !important; text-align: left !important; padding: 0 20px !important; }
	.flex-container.flex_images { gap: 20px; }
	.flex-container.flex_images .flex-item, .flex-container.flex_images img { width: 100% !important; flex-basis: 100%;  }
	.flex-basis-third { width: 100%; max-width: 100%; }
	.flex-container.full_width_mobile { margin: 0; width: 100%; }

	/* columns */
	.col_wrap { padding: 0; }
	.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 100%; }
	.col-1, .col-1-mobile { width: 50% !important; }
	.col-2, .col-3, .col-4, .col-5, .col-6, .col-full-mobile, .col-quarter, .col-half  { width: 100%; }
	.col_content { padding: 0 !important; margin: 0 !important;  }
	.col_content_centered {	padding: 0 0 0 8px; float: left !important; text-align: left !important;	}

	/* navigation */
	#menu_trigger { right: 15px; height: 30px; width: 30px; background-size: 14px 14px; }
	ul.sub_navigation li a:link, ul.sub_navigation li a:visited { padding: 8px 15px; }
	ul.sub_navigation li { margin: 0 5px 5px 0; }
	.sub_navigation_wrap { -webkit-box-shadow: 0px 0px 15px -4px rgba(134,134,134,0.2) !important; box-shadow: 0px 0px 15px -4px rgba(134,134,134,0.2) !important; }
	#search_icon { position:absolute; right: 80px; top: 6px; margin: 20px 0 0 20px !important;  }
	#search_field { font-size: 30px; }
	.search_popup_close { top: 20px; right: 20px; width: 42px; height: 42px;}
	.sticky_nav, #wrap.scrolled .sticky_nav, .sticky_nav.active { display: none !important; visibility: hidden !important; height: 0 !important; width: 0 !important; }

	/* anchor link */
	.anchor_target { float: left;  padding: 0; position: absolute; top: -50px; left: 0; }

	/* language */
	#language_switcher { top: 20px !important; right: 70px; height: 30px; z-index: 0;	}
	#language_switcher ul li a:link, #language_switcher ul li a:visited { font-size: 16px !important; width: 45px; }
	#header.scrolled #language_switcher  {	top: -7px !important; right: -10px !important; }

	/* header  */
	#header { height: 80px; }
	.header_line { left: 20px;	width: calc(100% - 40px) !important; }
	#logo { top: 36px; left: 20px; width: 80px; height: 20px; }
	#logo_popup {	position: fixed; top: 0; left: 20px; width: 80px; height: 20px; z-index: 15; }
	#header.scrolled { height: 80px; }
	#header.scrolled #logo { top: 36px !important; }
	#header.scrolled .language_wrap { padding: 27px 80px 0 0; }
	.header_payoff_wrap {	top: 25vh; left: 0; width: 100%;	height: auto;	padding: 0;	margin: 0; }
	.header_payoff { width: 100%; 	margin: 0; left: 0;	font-size: 2em;	text-align: center;}
	.header_payoff h1 { font-size: 1.4em; line-height: 1.15; }
	.header_payoff_subtitle { font-size: 0.5em; }
	.header_bg_color { height: 550px;  max-height: 550px; }
	.header_bg_color.bg_pages { height: 330px; }

	#theme_header { height: 100vh !important; top: 0 !important; min-height: 500px; }
	#okra_video_mobile { height: auto; min-height: calc(100vh + 40px) !important; width: calc(100vw + 26px) !important; min-width: 100vw !important; left: -10px !important; top: 0 !important; }

	/* slider */
	.image_caption { font-size: 16px; }
	.carousel_wrapper { height: calc(50vw + 200px); }
	.carousel_image {  }
	.carousel_wrapper .carousel_image { width: calc(100vw - 40px);  max-width: calc(100vw - 40px); overflow: hidden; }
	.carousel_image img { height: 58vw; }
	.carousel_image .image_caption {  max-width: 60vw !important; }
	.slider_image_wrap .image_caption { max-width: 60vw !important; bottom: -5px; }
	.carousel_wrapper .slick-prev {	top: calc(100% - 20px); left: calc(100% - 110px);  /* position left arrow */	}
	.carousel_wrapper .slick-next {	top: calc(100% - 20px); left: calc(100% - 56px);  /* position right arrow */ 	}
	.slider { float: left; margin-bottom: 20px; }
	.slick-prev, .slick-next { width: 40px;	height: 40px;	background-size: 38px 38px;	}
.slider_wrapper .slick-prev, .slider_wrapper.split_content .slick-prev  {	top: calc(100% - 32px);	left: calc(100% - 92px);  /* position left arrow */ }
.slider_wrapper .slick-next, .slider_wrapper.split_content .slick-next  {	top: calc(100% - 32px);	left: calc(100% - 36px);  /* position right arrow */ }

	/* featured items slider */
	.featured_items_wrapper { margin-bottom: 60px; }
	.featured_items_carousel { width: 100%; padding: 0; margin: 0;}
	.featured_carousel_image { height: 60vw; margin: 0 !important; padding: 0 !important; }
	.featured_carousel_image img {  }
	.featured_items_slide .height_image_s {  height: calc(60vw + 100px);  }
	.featured_items_slide.item_2 {	padding-top: 0; }
	.featured_items_slide { width: calc(100vw - 50px); margin: 0 10px; }
	.btn_slider_wrap { float: left; padding-bottom: 40px; width: 100%;}
	.featured_items_carousel .slick-prev, .featured_items_carousel .slick-next { top: calc(100% - 30px);  }
	.featured_items_wrapper .btn_slider_wrap { margin: -36px 0 0 6px !important; }
	a.btn_view_all:link, a.btn_view_all:visited { float: left; top: auto; right: auto;	padding: 20px 0 20px 60px; margin: 0; background-size: 23px 23px;	background-position: 20px center;	}

	/* content */
	.thumbnail_image { width: 60px; height: 60px; }
	.questions_details, .career_details { margin: 8px 0 0 20px; 	width: calc(100% - 80px); }
	.questions_wrap, .career_wrap {	width: 100%; }
	.questions_title, .career_title { font-size: 18px; }
	.questions_wrap, .career_wrap { font-size: 16px; }
	.item_number { font-size: 2.2em; padding: 18px 0 18px 0; }
	.item_description {	padding: 0 0 40px 0; margin: -10px 0 0 0; }
	.height_description { height: auto; }

	/* homepage specific */
	.next_arrow { top: 10px; right: 20px; }

	/* project specific */
	.first_item { margin: -20px 0 40px 0; }
	h1.theme_overview_title { padding-bottom: 0; text-align: left; !important }
	.project_details { padding: 20px 0 0 0;	}
	.project_icon { margin: 5px 0 0 0;  }
	iframe.bg_video { top: 40px !important; left: 0 !important; }
	a.btn_back.page_top { top: 40px; margin: 60px 0 0 20px; font-size: 16px; height: 34px; line-height: 36px; padding: 4px 10px 0 0; 	}
	a.btn_back svg { float: left; width: 36px; height: 36px; }
	a.btn_back_text {	padding: 0 0 10px 0;	margin: 0 0 0 12px; }
	a.btn_back { margin: 100px 0 0 20px; font-size: 18px; height: 34px; line-height: 30px; padding: 4px 10px 0 38px; background-size: 26px 26px;	 }
	#open_filter {  }
	#filter { position: fixed; z-index: 9; min-height: 100vh; top: 0; left: 0; padding: 140px 20px 60px 20px; width: 100%; background-color: #15221f; display: none; }
	.filter_columns_wrap { height: 80vh; padding-bottom: 120px; }
	#filter ul.filter_list { position: static; float: left; list-style: none; padding-bottom: 40px; }
	#filter .filter_category, #filter input[type="checkbox"] + span { position: static; float: left; border: solid 1px rgba(255, 255, 255, 0.2); color: #fff; font-size: 16px; padding: 12px 20px; border-radius: 28px;	 }
	#filter .filter_category { display: none; }
	#filter input[type="checkbox"]:hover + span, #filter input[type="checkbox"]:active + span {	border: solid 1px rgba(255, 255, 255, 0.2); color: #fff; }
	#filter .filter_category.selected {	 background-color: #fff; color: #15221f; }
	/*#filter .filter_category:hover, #filter .filter_category.active {	background-color: #fff; color: #15221f; }*/
	#filter ul.filter_list { display: block; }
 	#filter input[type="checkbox"]:checked + span { color: #15221f;	background-color: #fff; }

	.height_image_featured { height: 120vw;  }
	.flex_overlay { width: 100%; }
	.item_category, .item_title_wrap_small  { font-size: 12px; line-height: 12px !important; }
	.item_category.large { font-size: 14px; line-height: 1.4 !important; }

	/* updates specific */
	#flex_items_output, .mix_container { margin-top: -30px;}
	.related_item_2, .articleitem_2 { padding-top: 0; }
	.flex-item.mix { margin-top: 30px; }
	.flex-item.related  { margin-bottom: 50px; }
	.flex-item.mix a.full_link:link, .flex-item.mix a.full_link:visited { height: calc(100vw + 50px)!important;  }
	.flex-item.related a.full_link:link, .flex-item.related a.full_link:visited { height: calc(100vw + 100px)!important;  }

	/* theme pages */
	.button_wrap { margin: 0;	width: calc(100% + 40px); }

	/* quote */
	.col_content_centered.quote h1 { font-size: 32px; }

	/* team */
	.team_popup_close { width: 40px;	height: 40px; 	margin: -20px 0 40px 0; }
	.team_member_image { height: 50vw; width: calc(50vw - 50px); }
	.team_member_name {	top: calc(50vw + 10px); font-size: 16px; line-height: 1;	}
	.team_member_name h3.title { font-size: 18px; line-height: 1;  }
	.grid {  max-width: calc(100vw - 20px);  padding: 20px 0 20px 20px; gap: 15px; }
	.grid-item { height: calc(50vw + 70px);  }

	/* spacing adjustments */
	.space, .space.medium { height: 20px; }
	.space.small { height: 10px; }
	.no_space_mobile { padding: 0 !important; margin: 0 !important; }
	.space.large { height: 32px; }
	.margin_top_min { margin-top: 0 !important; }
	.margin_top, .margin_top_mobile { margin-top: 32px; }
	.margin_bottom { margin-bottom: 32px; }
	.padding_full { padding: 20px; }
	.padding_full_m { padding: 20px; }
	.padding_top.padding_right { padding: 20px; }
	.padding_top { padding-top: 20px; }
	.padding_top_m { padding-top: 32px; }
	.padding_top_l, .padding_top_l_mobile { padding-top: 64px; }
	.padding_bottom { padding-bottom: 20px; }
	.padding_bottom_m { padding-bottom: 32px; }
	.padding_bottom_l { padding-bottom: 64px; }
	.padding_left { padding-left: 20px; }
	.padding_left_m { padding-left: 30px; }
	.padding_left_l { padding-left: 40px; }
	.padding_right { padding-right: 20px; }
	.padding_right_m { padding-right: 30px; }
	.padding_right_l { padding-right: 40px; }
	.padding_none_mobile { padding: 0 !important; }
	.padding_left_mobile { padding-left: 20px; max-width: calc(100% - 20px); }
	.padding_sides_mobile { padding-left: 20px; padding-right: 20px;  }
	.padding_bottom_mobile { padding-bottom: 40px; }
	.section_spacing { padding: 20px 0 20px 0; }

	/* heights */
	.min_height { min-height: 20px; }
	.height_aspect_square { height: calc(50vw - 40px); }
	.height_aspect_square.mobile_project { height: calc(50vw + 50px); }
	.height_image_square { height: calc(100vw - 20px); }
	.cover_image { min-height: 80vw; }
	.height_auto_mobile { min-height: auto !important; max-height: auto !important; height: 176px; }

	/* widths */
	.width_full_mobile { width: 100%; }
	.max_width_70 { max-width: 100%; }
	.max_width_40 { max-width: 100%; }

	/* images */
	.image_wrap { padding: 20px 0 !important; }
	.image_wrap.large {  width: auto; }
	.image_wrap.medium { width: auto; }
	.image_wrap.thumbnail { width: auto; }
	.image_container.two.image_1 { padding-right: 0; }
	.image_container.three.image_1 { padding-right: 0; }
	.image_container.three.image_2 { padding-right: 0; }
	.image_caption.gallery { top: calc(100% + 15px); }
	.flex_images .image_caption {	top: calc(100% + 15px) !important; }
	.flex_images .flex-item.three.preview-image-landscape.grid_3 .image_caption { top: calc(100% + 15px) !important; }
	.flex_images .flex-item.two.grid_5 .image_caption, .flex_images .flex-item.two.grid_5.flex-third .image_caption,
	.flex_images .flex-item.two.grid_6 .image_caption, .flex_images .flex-item.two.grid_6.flex-third .image_caption,
	.flex_images .flex-item.two.grid_2 .image_caption, .flex_images .flex-item.three.grid_2 .image_caption { top: calc(100% + 15px) !important; }

	.image_container .image_caption { margin: 10px 0 0 0; padding: 0; }

	/* featured image height */
	.height_image, .height_image_s, .height_image_m, .height_image_portrait_m, .height_image_l, .height_preview_l, .height_aspect_square_small { height: 300px; }

	/* before/after */
	.bg_image_container {	height: 80vw; }
	.btn-container  { }
	.btn-color-mode-switch { transform: scale(0.7); top: calc(80vw - 75px); }
	.btn-color-mode-switch > label.btn-color-mode-switch-inner { width: 220px; height: 60px; padding: 10px 44px 10px 10px; border-radius: 35.5px; font-size: 14px; }
	/* after txt */
	.btn-color-mode-switch > label.btn-color-mode-switch-inner:before { font-size: 14px; top: 18px; right: 40px; }
	.btn-color-mode-switch > label.btn-color-mode-switch-inner:after { width: 70px; height: 16px; padding: 10.5px 22px 16.5px 20px; border-radius: 25.5px; left: 8px; top: 8px; }
	.btn-color-mode-switch input[type="checkbox"] { width: 240px; height: 42px;	}

	/* buttons */
	a.readmore_button:link, a.readmore_button:visited { padding: 14px 25px 14px 25px; font-size: 16px; line-height: 1; background: transparent; }
	a.readmore_button:hover, a.readmore_button:active {background: #15221f; color: #fff; }
	a.readmore_button.arrow:link, a.readmore_button.arrow:visited {	padding: 14px 70px 14px 25px; background: transparent; }
	a.readmore_button.arrow img {	top: 10px; right: 20px; }
	.button_wrap a:link, .button_wrap a:visited {	font-size: 16px; padding: 14px 24px;	border-radius: 28px; margin: 0 20px 20px 0; }
	.control { padding: 14px 25px 14px 25px; font-size: 16px; line-height: 1; background: transparent;  }
	/* readmore with filter icon */
	a.readmore_button.filter:link, a.readmore_button.filter:visited {	border: solid 1px rgba(30, 50, 45, 0.2);	padding: 12px 16px 10px 16px; font-size: 18px; line-height: 18px;}
	.readmore_button.filter span { float: left; margin: 0	10px 0 0; }
	.readmore_button.filter span.active, a.readmore_button.filter:hover span.inactive, a.readmore_button.filter:active span.inactive { display: none; }
	.readmore_button.filter span.inactive, a.readmore_button.filter:hover span.active, a.readmore_button.filter:active span.active { display: block; }

	/* footer override */
	.image_wrap.medium-height { padding: 20px 0; height: 400px; width: auto; }
	.footer_wrap { padding: 40px 0 40px 0; }
	.footer_content { padding: 5px 0 0 0 !important; }
	.footer_content h3 { padding: 0 0 5px 0 !important; }
	.footer_content ul, .footer_content_right { padding: 0 0 25px 0 !important; margin: 0 !important; }
	.footer_logo img { width: 80px !important; height: auto; }

	/* show / hide */
	.no_mobile { display: none; visibility: hidden; }
	.mobile_only { display: block; visibility: visible; }
	
	.reverse_mobile .flex-container {
         flex-direction: column-reverse;
     }
}

@media (max-width: 767px) {
  .page-template-template_projects
  .mobile_only
  .flex-container.no_padding.flex-wrap.flex-direction-row {
    display: flex !important;
    flex-wrap: wrap;
    column-count: initial;
    column-gap: 0;
    gap: 20px;
    align-content: flex-start;
  }

  .page-template-template_projects
  .mobile_only
  .mobile-project {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    min-width: calc(50% - 10px);
    width: calc(50% - 10px);
  }

  .col_content_centered blockquote{
	font-size: 18px;
	padding: 10px 0 10px 0;
}
}

/* Basis: desktop/tablet — social onder de location */
.contact-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0; /* pas aan als je spacing wilt */
}

/* volgorde desktop */
.contact-flex .location-left  { order: 1; }
.contact-flex .location-right { order: 2; }
.contact-flex .social_media   { order: 3; width: 100%; }

/* Mobiel: social boven de location */
@media (max-width: 768px) {
  .contact-flex .social_media   { order: 1; width: 100%; margin-bottom: 20px; }
  .contact-flex .location-left  { order: 1; width: 100%; }
  .contact-flex .location-right { order: 2; width: 100%; }
}

@media (max-width: 768px) {
  body.page-template-template_news-php .page_section .flex-container.no_gap.padding_top_none.padding_bottom_none {
    order: -1; /* zet hem bovenaan in flex layouts */
    margin-bottom: 20px; /* extra ruimte */
  }
  .updatesfilter{
   padding: 30px 0 -50px 0 !important;
  }
  body.page-template-template_news-php #filter-mobile-slot .border_top{
  border-top: none !important;
  }
  body.page-template-template_news-php #filter-mobile-slot .controls{
  padding: 80px 0 0px 0 !important;
  margin: 0 0 0 0;
  }
}