/*
Theme Name: OneLight
Theme URI: tba
Author: Workshop for Web
Author URI: http://www.workshopforweb.com/
Description: A basic responsive Bootstrap Theme with elegant One Page capabilities.  This theme is based on the ultra minimal starter theme _tk by Themekraft, which itself is an integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. This adaptation was build by Workshop for Web and is available on request.
Version: 0.9.7
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready, Gutenberg
Text domain: onelight

This theme, like WordPress, is licensed under the GPL.
This theme features integration of Twitter Bootstrap Framework


Credits:

1. Bootstrap

 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

4. _tk by Themekraft

 * _s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap
 * http://themekraft.com/store/_tk-free-wordpress-starter-theme-based-on-twitter-bootstrap/

*/

/* -------------------------------------- */

/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }
 *** THIS CAN ALSO BE DONE PAGE BY IN THE WORDPRESS CUSTOMIZER ***


 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */

/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	display: none;
}
*/

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

/*
.infinity-end.neverending .site-footer {
	display: block;
}
*/

/* -------------------------------------- */
/* GENERAL */
/* -------------------------------------- */

/* Colors
 * See /includes/customizer-styles.php for Theme color defaults
 *
*/

* {
	box-sizing: border-box;
}

html, body {
	-webkit-font-smoothing: subpixel-antialiased;
}

body {
	word-wrap: break-word; /* This is a small security for too long strings titles */
	font-family: 'Raleway', sans-serif;
	/* font-family: 'Roboto', sans-serif; */
	font-size: 16px;
	/*
	font-weight: 200;
	line-height: 1.8em; */
	overflow-x: hidden;

	/* ------------------------------- */
	/* Force Footer to bottom on page */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
	/* ------------------------------- */
}

body, .main-content {
	background-color: transparent;
}
/* classes for logged-in and logged-out items */
body.logged-in .logged-out-item ,
body:not(.logged-in) .logged-in-item {
	display: none;
}

iframe {
  /* optional
  width: 100%;
  height: 100vh;  */
}

/* IE11 flex workaround */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, body { display:block }
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.alignfull {
  margin-left: calc( -100vw / 2 + 100% / 2 );
  margin-right: calc( -100vw / 2 + 100% / 2 + 10px);
  width: 100vw;
}

.wp-block-group.alignfull .wp-block-group__inner-container {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
	max-width: 100%;
  padding: 30px
}

.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}

/* Clearing */
.clear, .clearfix, .entry-meta {
	clear: both;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}

img[class*="wp-image-"], .main-content img[class*="wp-post-image"] {
	margin-top: 10px;
	margin-bottom: 10px;
}

figure img[class*="wp-image-"], .main-content figure g[class*="wp-post-image"] {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

.gallery:after {content:"";display:table;clear:both;}

img.aligncenter, div.aligncenter, figure.aligncenter, .hentry img.wp-post-image {display:block; margin:1em auto; text-align: center;}
img.alignright, div.alignright, figure.alignright {float:right; /*margin:1em 0 1em 2em; */}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; /*margin:1em 1em 2em 0;*/}
figure {max-width: 100%; margin: 0 0 1em; }
p img.alignright, p img.alignleft {margin-top:0;}


.gallery.gallery-columns-2{
	column-count: 2;
}

.gallery.gallery-columns-3 {
	column-count: 3;
}

.gallery.gallery-columns-4 {
	column-count: 4;
}

.gallery.gallery-columns-5 {
	column-count: 5;
}

.gallery.gallery-columns-6 {
	column-count: 6;
}

.gallery.gallery-columns-7 {
	column-count: 7;
}

.gallery.gallery-columns-8 {
	column-count: 8;
}

.gallery.gallery-columns-9 {
	column-count: 9;
}

.wp-caption-text.gallery-caption {
	font-size: 0.85em;
}

@media (max-width:767px) {
	img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {
		display:block; margin:1em auto; float:none;
	}
	 .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {
		column-count: 1;
	}

	.gallery.gallery-columns-4 {
		column-count: 2;
	}
	.gallery figure img {
		width: 100%;
	}
	.wp-caption-text.gallery-caption {
		font-size: 0.65em;
	}
}

/* Containers & Sections */
body.coversize {
	background-size: cover;
}

.container, .container-fluid {
	padding-left: 30px;
	padding-right: 30px;
}
.container {
	position: relative;
}

.container-fluid {
	max-width: 1480px;
}

section .container, section .container-fluid {
	padding-bottom: 4em;
	padding-top: 4em;
}

body:not(.home) section:first-of-type:not(#onepage)>div[class*='container'] {
	padding-top: 7em;
}

.photoheader + section:first-of-type>div[class*='container'] {
	padding-top: 4em;
}

section[class*="scheme1"] .container {
	border-top: 1px solid;
}

*:not([class*="scheme1"])+section[class*="scheme1"] .container,
.main-content section:first-of-type .container,
*:not([class*="scheme1"])+section[class*="scheme1"] .container-fluid,
.main-content section:first-of-type .container-fluid {
	border-top: none;
}

section article div[class*="col-"] {
	padding-left: 0; /* no left padding for bootstrap columns used inside the post editor */
}

.post-archive.projects {
	margin-left: -15px;
	margin-right: -15px;
}

section .post-archive article {
	padding-bottom: 30px;
}

.post-archive article {

}

section article.hentry {
	position: relative;
}

/*
section:not(:last-child) article.fadescroll {
	opacity: 0;
}

section:first-of-type article.fadescroll{
	opacity: 0;
}
*/
.hentry {
	/*margin: 0 0 1.5em; */
	/* TODO: Confilcts with bootstrap cols (specifically suing offset) */
}

/* Make sure embeds and iframes and textareas fit their containers */
input,
embed,
iframe,
object,
textarea {
	max-width: 100%;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	clip: auto !important;
	display: block;
	height: auto;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Text */
h1, h2, h3, p {
	margin-bottom: 1em;
}

p {text-transform: none;}

p.intro-text {
	font-size: 1.4em;
}

/* Links & buttons */

a.btn, a.wp-block-button__link {
	transition: all .4s ease-in-out;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/* Scroll Down, Back to Top  buttons */

.scrolldownnav {
	width: 100%;
    position: fixed;
    bottom: 30px;
    right: auto;
    left: auto;
    margin: auto;
    max-width: 100%;
	text-align: center;
	z-index: 21;
	transition: all .4s ease-in-out;
}
.scroll-down-button {
    width: 50px;
	-webkit-filter: drop-shadow(1px 1px 5px rgba(10, 10, 10, 0.15));
	filter: drop-shadow(1px 1px 5px rgba(10, 10, 10, 0.15));
	transition: all .4s ease-in-out;
}

.sidescrollnav {
	opacity: 0;
	position: fixed;
	z-index: 12;
}

a.top-button {
	position: fixed;
	bottom: 50px;
	right: 35px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 20px;
	padding-top: 5px;
	z-index: 12;
	text-decoration: none;
	-webkit-filter: drop-shadow(1px 1px 5px rgba(10, 10, 10, 0.15));
	filter: drop-shadow(1px 1px 5px rgba(10, 10, 10, 0.25));
	transition: all .4s ease-in-out;
}

a.top-button img {
	cursor: pointer;
}


a.top-button:hover, a.scroll-down-button:hover {
	-webkit-filter: drop-shadow(1px 1px 5px rgba(10, 10, 10, 0.25));
	filter: drop-shadow(1px 1px 5px rgba(10, 10, 10, 0.25));
	transition: all .4s ease-in-out;
}

span.line {
	background-position: left top;
	background-image:url('img/dot-white-space.png');
	background-repeat: repeat-y;
	background-size: 3px;
	height: 30px;
	position: fixed;
	right: 58px;
	width: 3px;
	z-index: 13;
}

/* Forms */
label {
	font-weight: inherit;
}

input, textarea {
    color: #111;
	max-width: 100%;
}

/* styles for onelight_pagination and onelight_link_pages */
nav form.onelight-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: inline;
}

/* ------------ Header ------------ */

header.site-header {
	/*background-color: rgba(255,255,255,0.85); */
	border-bottom: 1px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}

header.site-header .container, header.site-header .container-fluid {
	max-width: none;
}

.site-header-inner {
	padding: 15px;
	float: left;
}

.site-branding {
	float: left;
}

.site-logo {
	float: left;
	height: 65px;
	padding-right: 20px;
}

header .site-title {
	/*
	font-weight: 200;
	text-transform: uppercase;
	font-size: 1.6em;
	*/
}

.site-title, .site-description {
	margin: 0;
}

.home-overlay {
	left: 0; bottom: 0; right: 0; top: 0;
	max-width: 100%;
	position: absolute;
	z-index: 8;
	/* text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.85); */
}


/* ------------  Navigation ----------- */
.site-navigation-inner {
	float: right;
	height: auto;
	margin-right: 15px;
	margin-top: 30px;
	padding-bottom: 0;
}

nav {
	font-size: 13px;
}

.site-navigation ul>li>a {
    /* font-size: 13px; */
    letter-spacing: 1px;
	position: relative;
	text-transform: uppercase;
}

.navbar {
	margin-bottom: 0;
}
.navbar-default, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
    border-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.navbar-nav {
	float: right;
}

.navbar-nav, .navbar-nav li {
	text-align: right;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: transparent;
}

.navbar-toggle {
	margin-right: 0;
}

.navbar-nav > li > .dropdown-menu {
	margin-top: 10px;
	min-width: 0;
}

.dropdown-menu li {
	padding-bottom: 8px;
	padding-top: 8px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
	background-color: transparent;
	background-image: none;
}

.dropdown-submenu {
	position:relative;
}
.dropdown-submenu>.dropdown-menu {
	/*
	top:0;
	left:100%;
	*/
}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.dropdown-submenu>a:after {
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#cccccc;
	margin-top:5px;
	margin-right:-10px;
}

.dropdown-submenu:active>a:after {
	border-left-color:#ffffff;
}

.dropdown-submenu.pull-left {
	float:none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}

button.navbar-toggle, button.navbar-toggle:hover {
    background-color: transparent !important;
    background-image: none !important;
    border: 0;
}

/* Pagination */
.pagination,
.pagination .form-control,
.pagination .btn {
	font-size: 12px;
	line-height: 1.3
}

.pagination .form-control {
	border-left: none;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	height: auto
}

/* ---------------------- HOME-INTRO / OVERLAY ----------------------- */
/* ------------ Frontpage intro content ----------- */

.home-overlay .container, .home-overlay .container-fluid  {
	left: 0; bottom: 0; right: 0; top: 0;
	margin: auto;
	position: absolute;
}

video.videoframe {
	min-width: 100%;
	margin: 0 auto -8px;
	text-align: center;
}

.video-intro {
    position: relative;
    overflow: hidden;
}

.video-intro video.videoframe {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;

}

.main-content {
	/* Force Footer to bottom on page on pages with little content, see also body section line 115 */
	flex: 1;
}

.home-intro {
	max-height: 70vh;
	overflow: hidden;
	width: 100%;
}

.home-intro.fullscreen {
	max-height: none;
	height: 100vh;
	overflow: hidden;
	width: 100%;
}

.home-intro.fixedheight, .home-intro.maxwidth.video-intro, .home-overlay.fixedheight, .home-overlay.maxwidth {
	height: 70vh;
}

.home-overlay.maxwidth {
	max-height: 70vh;
}

.home-intro.fullscreen video.videoframe {
	min-height: 100vh;
}

.home-intro.fixedheight video.videoframe,
.home-overlay.fixedheight video.videoframe,
.home-overlay.maxwidth video.videoframe {
	min-height: 70vh;
}

.home-intro>img {
	display: block;
	margin: 0 auto;
}

.home-intro img.maxwidth {
	max-height: auto;
	width: 100%;
}

.home-intro img.fixedheight {
    height: 70vh;
    width: auto;
}

.home-intro.fullscreen img.fullscreen {
	max-height: none;
	max-width: none;
	min-height: 100vh;
	min-width: 100%;
	width: auto;
}

.intro-content h1 + .intro-content .entry-content {
	border-bottom: 2px dotted;
}

.intro-content .entry-content {
	padding-top: 2em;
}

/* ------------ homepage video, if required ----------- */

/*
#big-video {
    position: relative;
    background: #000;
    overflow: hidden;
    height: 582px;
}

.home-intro .video {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.home-intro video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.home-intro .video-element {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
*/

/* ------------ Photo Header ----------- */
.photoheader {
	overflow: hidden;
	position: relative;
	min-width: 100%;
	top:0;
}

.photoheader>img.bannerimage {
    min-width: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.photoheader ~ .container-fluid h1.page-title {
	text-shadow: 0px 0px 20px rgba(48,28,28,0.97);
}

/* ------ Header & intro respnsive behaviour ------ */

@media (max-width: 990px) {

	.site-navigation .navbar-toggle {
	    position: fixed;
	    top: 15px;
	    right: 15px;
	}

	.site-navigation .navbar-header {
	    position: relative;
	    z-index: 12;
	}
}

@media (max-width: 767px) {
	.site-header-inner {
		padding-bottom: 0;
	}
	.home-intro.fullscreen,
	.home-intro.maxwidth {

		max-width: none;
		overflow: hidden;
	}

	.home-intro>img  {


	}

	.home-overlay {
		height: auto !important;
	    position: static;
	}

	.home-overlay div[class*="container"]  {
		height: auto !important;
	    margin: 0;
		padding: 30px !important;
	    position: static;
	}
	body .home-overlay div[class*="container"]  {
		background-color: var(--scheme2-background-color);
		border-bottom: 1px solid var(--scheme2-text-color);
		color: var(--scheme2-text-color);
	}
}

@media (min-width: 481px) and (max-width: 990px) {
	.site-navigation-inner ul.nav {
		margin-top: 60px;
	}
}

@media (max-width: 480px) {
	.site-navigation-inner {
		margin-right: 0;
		margin-top: 0;
	}

	.site-logo img {
	    height: 100%;
	    width: auto;
	}
	.home-intro>img.maxwidth  {
		object-fit: cover;
		width: 480px;
	}
}


/* ------------ Posts ----------- */
.date-block {
	float: left;
	margin: 0 15px 5px 0;
	padding: 10px;
	text-align: center;
	min-width: 33px;
}

.date-block .day {
	display: block;
	font-size: 1.8em;
	font-weight: 700;
	padding-bottom: 6px;
}

article.padder-child .entry-thumb {
	overflow: hidden;
	position: relative;
	z-index: 3;
	margin-bottom: 30px;
}

article.padder-child .entry-thumb img {
	transition: all .4s ease-in-out;
	width: 100%;
}

article.padder-child .entry-thumb img:hover {
	filter: grayscale(0.7);
	opacity: 0.8;
	width: 100%;
	/* transform: scale(1.05); */
}

article.padder-child .entry-thumb .project-title {
	height: 100%;
	position: absolute;
	opacity: 0;
	width: 100%;
	transition: all .2s ease-in-out;
}

article.padder-child .title-icon {
	font-size: 3em;
}

article.padder-child .entry-thumb .project-title .page-title, article.padder-child .title-icon {
	cursor: pointer;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	position: absolute;
	z-index: 4;
}

article.padder-child .entry-thumb:hover .title-icon {
	display: none;
	opacity: 0;
}

article.padder-child .entry-thumb .project-title:hover,
article.padder-child .entry-thumb .project-title .page-title:hover {
	opacity: 1;
}

/* ------------  Widgets ----------- */

/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js  */
.main-content .widget { margin-bottom: 3em; }
.main-content .widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets.  But if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select and input elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
.comment .children { margin-left: 1.5em; }
.widget {
	height: auto;
	/*overflow: auto;*/
}

.widgte .widget-title {
	margin-top: 0;
}

/* ------------ Plugins ----------- */

/* Metaslider is recommended, but its margin settings interfere with fullwidth display
 * when you choose a slider as your Home page intro */
.metaslider .flexslider, .metaslider>div>* {
	margin: 0;
}

.metaslider>div>* {
	margin: 0 !important;
}

/* ------------ Footer ----------- */
.site-footer {
	border-top: 1px solid;
	padding: 40px 0;
	position: relative;
	z-index: 8;
}

.after-footer {
	font-size: 0.7em;
}

.after-footer div[class*='container'] {
	padding-bottom: 6px;
	padding-top: 6px;
}

.after-footer span.site-title {
	position: static;
}

/* ------------ Animations ----------- */

/* See also inludes/js/animations.js */
.scaleup {
	opacity: 0;
}
.ol-animate {
	-webkit-animation: zoomIn 0.4s ease-in .1s forwards;
	animation: zoomIn 0.4s ease-in .1s forwards;
}

.home-overlay .ol-animate {
	-webkit-animation: zoomIn 0.4s ease-in 1s forwards;
	animation: zoomIn 0.4s ease-in 1s forwards;
}

@keyframes zoomIn {
	0% {
    	-webkit-transform: scale(0.98);
    	transform: scale(0.98);
  	}
	/*
  	50% {
    	opacity: 1;
  	}*/

  	100% {
    	-webkit-transform: scale(1);
    	transform: scale(1);
		opacity: 1;
  	}
}



/* ------------ Change the bootstrap nav collapse breakpoint----------- */

@media (min-width: 992px) {
	.navbar-nav {
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
	.navbar-nav>li>a {
	    padding-top: 0;
	    padding-bottom: 0;
	}

	.navbar-nav>li:not(:last-child) {
		border-right: 1px solid;
	}

	.site-navigation ul>li>a {
	    padding: 0 17px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header, .navbar-nav>li  {
        float:none;
    }
}

/* ------------ Responsive (min width) ----------- */

@media (min-width: 480px) {
	.site-logo {
		height: 65px;
	}

	.site-logo img {
		height: 100%;
		width: auto;
	}
}

@media (min-width: 600px) {
	.mobile-only  {
		display: none;
	}

	.navbar .mobile-only  {
		display: block
	}
}

@media (min-width: 768px) {
	.navbar-nav {
	    float: right;
	}
}

/* ------------ Responsive (max width) ----------- */

@media (max-width: 990px) {
	/* force mobile to stick to top */
	.site-navigation .navbar-toggle {
	    position: fixed;
	    top: 15px;
	    right: 15px;
	}

	/* sub-menu behaviour for mobiel */
	.dropdown-menu>li a {
		border-right: 1px solid var(--header-color);
	}

	.navbar-nav .open .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.navbar-nav .open .dropdown-menu>li>a {
	    padding: 10px 20px;
	}

	.dropdown-menu li {
		padding: 0 20px 0 0;
		text-align: right;
	}
}

@media (max-width: 767px) {
	.h1, h1 {
		font-size: 30px;
	}

	h1.site-title {
		font-size: 24px;
	}

	section article div[class*="col-"] {
		padding-left: 0;
		padding-right: 0;
		/*width: 100%; */
		float: left;
	}
}

@media (max-width: 600px) {
	.no-mobile  {
		display: none !important;
	}
}


@media (max-width: 480px) {
	.site-header-inner {
		max-width: 90%;
	}

	.intro-text {
		font-size: 0.7em;
	}

	h1.site-title {
		font-size: 24px;
	}

	.site-footer-inner {
		padding-left: 0;
		padding-right: 0;
	}
	.after-footer span.site-title, .after-footer span.site-builder {
		display: block;
		width: 100%;
		text-align: center;
	}

	img.alignleft, img.alignright {
		display: block;
		float: none;
		margin-bottom: 30px;
		margin-left: 0;
	}
}