/*
Theme Name: Goldstein
Theme URI: https://wkdev.dk/themes/goldstein
Author: John Hansen
Author URI: https://www.webkommunikator.dk/
Description: Superfast theme for superfast Wordpress sites.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: goldstein

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html, body {
	margin: 0;
	padding: 0;
	/* font-family: "Open Sans", Helvetica, Arial, Sans-serif; */
	background-color: #fff;
}

body {
	font-size: 0.625em;	/* reset to 10px */
	/* max-width: 100%;
	overflow-x: hidden; */
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	line-height: 1.3em;
	font-weight: 400;
	color: #222;
	margin: 0;
	padding: 0;
}

h1 {
	/*
	font-size: 3em;
	font-weight: 400;
	*/
	padding-top: 1.4em;
}

h2 {
	font-size: 2.1em;
}

h3 {
	font-size: 1.8em;
}

h4 {
	font-size: 1.6em;
}

/*
a {
	color: #369;
}
*/

p {
	font-size: 1.5em;
	line-height: 1.5333em;
	margin: 0;
	padding: 0;
}

label {
	/* font-size: 1.5em; */
	font-size: 1em;
}

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


textarea, input, select, option, optgroup, button { font-family: inherit; font-size: inherit; vertical-align: middle; }
textarea { min-width: 92%; max-width: 97%; min-height: 150px; padding: 5px 1%; }
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label, select { cursor: pointer; vertical-align: middle; transition: all 0.3s; }
input, select, textarea { outline: none; }
select option { padding: 0 8px; }
fieldset { overflow: hidden; border: none; }
legend { display: none; }
option { padding: 0 5px; }
table { border-collapse: collapse; }
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner {
	padding: 0;
	border: none;
}

input:required {
	box-shadow:none;
}

input:invalid {
	box-shadow:none;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
pre { overflow: auto }
:focus { outline: none; }
:active { outline: none; }
::-moz-selection {
	background:#70c14a;
	color:#fff;
	text-shadow:none;
}
::selection { background: #70c14a; color: #fff; text-shadow: none; }

input, textarea, select { padding: 5px 9px; border: 2px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; position: relative; font-size: 14px; color: #999;  }
input:focus { color: #000; }
input.error, textarea.error, select.error { border-color: #e65842; background-color: #ffe6dc; box-shadow: 0 0 2px 1px #ffece6; color: #ef4437; }


.clear {
	width: 100%;
	clear: both;
}

.right {
	text-align: right;
}

.container {
	width: 100%;
	width: calc(100% - 4em);
	max-width: 1280px;
	margin: 0 auto;
	clear: both;
	padding: 0 2em;
}

.header-wrapper {
    position: relative;
    z-index: 50;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .14);
	transition: all 0.3s ease 0s; 
}

ul.menu,
ul.menu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.menu li {

}

ul.menu li > a {
	font-size: 1.6em;
	text-decoration: none;
	color: #222;
	border-bottom: 5px solid transparent;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

ul.menu li.current-menu-item > a,
ul.menu li > a:hover {
	color: #369;
}

ul.menu li > a:hover {
	border-bottom: 5px solid #369;
}

.mainmenu ul.menu {
	display: none;
	background-color: #333;
	margin: 0 -2em;
	padding: 1em 0;
}

.mainmenu ul.menu.open {
	display: block;
}

.mainmenu ul.menu li {
	display: block;
	padding: 0 1.15em;
	position: relative;
	background-color: #333;
}

.mainmenu ul.menu li > a {
	display: block;
	padding: .4em .5em .4em .5em;
	transition: all 0.3s ease 0s; 
	background-color: #333;
	color: #bbb;
	border-bottom: 1px solid #444;
}

.mainmenu ul.menu li:hover > a {
	background-color: #3a3a3a;
	color: #fff;
}

.mainmenu ul.menu li.current-menu-item > a {
	background-color: #2c2c2c;
	color: #fff;
}

.mainmenu ul.menu li.menu-item-has-children > a:after {
	content: ' + ';
	display: inline-block;
	float: right;
}

.mainmenu ul.menu li ul {
	display: none;
	margin: 0;
	padding: 0;
}

.mainmenu ul.menu li ul.open {
	display: block;
}

.mainmenu ul.menu li ul li {
	margin: 0;
	padding: 0 0 0 2em;
}

.btn-mainmenu {
	float: right;
	border: 0;
	border-top: .425em solid #000;
	background-color: transparent;
	color: transparent;
	position: absolute;
	top: 3em;
	right: 1.2em;
	width: 2.3em;
	cursor: pointer;
	outline: none;
	padding-bottom: 1em;
	opacity: .5;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

.btn-mainmenu:hover {
	opacity: 1;
}

.btn-mainmenu::before,
.btn-mainmenu::after {
	content: '';
	display: inline-block;
	width: 2.3em;
	height: .4em;
	background-color: #000;
	margin: .5em 0;
	position: absolute;
	top: 0em;
	left: 0;
}

.btn-mainmenu::after {
	top: .9em;
	background-color: #000;
}

/* If dropdown + layered menu, hide the submenu on smaller devices */
.sub-header .submenu {
	display: none;
}

.toolbar {
	color: #fff;
	font-size: 1.7em;
	padding: 1.2em 1.425em 1.3em 1.425em;
}

.toolbar a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 0 0 0 1em;
}

.toolbar .columns .col.col2.right > a:first-child {
	padding: 0;
}

.toolbar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.toolbar ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	padding: 0 1.5em 0 0;
}

.toolbar ul li:before { 
	content: '\e803'; 
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
}

.toolbar ul.search-nav {
	float: right;
}

.toolbar ul.search-nav li.search {
	float: right;
	padding: 0;
	position: relative;
	background: transparent;
	min-height: 3em;
	margin-bottom: -2em;
}

.toolbar ul.search-nav li:before {
	content: none;
}

.toolbar ul.search-nav li a.search span.icon-search {
	font-size: 1.15em;
}

.toolbar ul.search-nav li a.search span.icon-search span {
	display: none;
}

.toolbar ul.search-nav li.search .hidden-search-box {
	/* display: none; */
	opacity: 0;
	height: 0px;
	overflow: hidden;
	transition: all 0.3s ease 0s;
	position: absolute;
	top: 2.55em;
	right: 0;
	z-index: 99;
	background-color:rgba(50,50,50,0.7);
	padding: 1em 1.6em .8em .4em;
}

.toolbar ul.search-nav li.search:hover .hidden-search-box {
	opacity: 1;
	height: auto;
	overflow: auto;
}

.toolbar a.icon-mobile:before { 
	font-size: 1.3em;
	margin-right: 0;
}

.toolbar form {
	display: inline-block;
	margin: -.2em 0 0 0;
	padding: 0 0 0 1em;
	float: right;
}

.toolbar label,
.toolbar input[type="submit"] {
	display: none;
}

.logo-wrapper-text a {
	padding: 1.4em 0;
	font-size: 1.8em;
	text-decoration: none;
	font-weight: 600;
	display: block;
}

.breadcrumbs {
	color: #fff;
	font-size: 1.5em;
	padding: .7em 1.425em;
}

.breadcrumbs a {
	color: #fff;
	text-decoration: none;
}

.banner-image {
	max-height: 300px;
	overflow: hidden;
}

#main ul {
	margin: 0;
	padding: 0 0 2.8em 3em;
}

#main ul li,
.sidebar ul li {
	font-size: 1.5em;
	line-height: 1.7em;
	padding: 0 0 0 .8em;
}

section.revolution-slider {
	min-height: 120px;
}

.area-wrapper {
	margin: 0;
	padding: 8em 0 6em 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}


.post-list {
	padding-top: 6em;
}

.post-list article {
	padding: 0 0 4em 0;
	margin: 0 0 2em 0;
	border-bottom: 1px solid #ddd;
}

.post-list h2 a,
.archive .col article h2 a {
	text-decoration: none;
}

.post-list p.post-meta,
.archive .col article p.post-meta {
	color: #777!important;
	font-size: 1.3em!important;
	padding-bottom: .5em; 
}


a.btn,
a.btn:hover {
	background-color: #369;
	color: #fff;
	text-decoration: none;
	padding: .6em 1em;
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: 2em;
	clear: both;
	display: inline-block;
}

/* button x-small */
a.btn.button-size-1 {
	padding: .8em 1.2em;
	font-size: .9em;
	font-weight: 400;
}

/* button small */
a.btn.button-size-2 {
	padding: .8em 1.2em;
	font-size: 1em;
	font-weight: 400;
}

/* button medium */
a.btn.button-size-3 {
	padding: .8em 1.2em;
	font-size: 1.3em;
	font-weight: 600;
}

/* button large */
a.btn.button-size-4 {
	padding: .8em 1.2em;
	font-size: 1.6em;
	font-weight: 600;
}

/* button x-large */
a.btn.button-size-5 {
	padding: .8em 1.2em;
	font-size: 2.6em;
	font-weight: 600;
}

p > a.btn.button-size-4 {
	font-size: 1em;
}


#sidebar-primary {
	display: none;
}

footer {
	/* padding: 3em 0 0 0; */
	padding-top: 3em;
	/* border: 1px solid red; */
	/* max-width: 100%; */
	/* width: calc(100% + .05em); */
}

footer .widgets {
	/* color: #fff; */
	font-size: 1.5em;
}

footer .widgets h3 {
	/* color: #fff; */
	font-weight: 600;
	font-size: 1.2em;
}

/*
footer .widgets a {
	color: #fff;
}
*/

footer .col {
	/* padding: .5em 3% .8em 3%; */
}

.bottom {
	/* color: #fff; */
	/* border-top: 1px solid #222; */
	padding: 2em 1.775em 1em;
	/* border: 2px solid chocolate; */
}

.footer-content {
	/* color: #fff; */
	border-top: 1px solid #222;
	/* padding: 2em 1.775em 1em; */
	padding: 2em 0 1em 0;
	font-size: .8em;
}

a.go-top { 
	position: fixed; 
	right: 20px; 
	cursor: default; 
	bottom: 20px; 
	display: none; 
	overflow: hidden; 
	width: 40px; 
	height: 40px; 
	opacity: 0; 
	/* text-indent: -50em; */
	z-index: 110; 
	transition: all 0.3s ease 0s; 
	/* text-indent: -9999px;
	border: 2px solid blue;
	background-color: red; */
}

a.go-top::before {
	content: ' ^ ';
	width: 40px; 
	height: 40px; 
	display: block;
	color: #fff;
	background-color: #333;
	font-size: 3.2em;
	font-weight: 700;
	text-align:center;
	
}

a.go-top.show { 
	opacity: 0.2; 
	cursor: pointer;
}

a.go-top.show:hover { 
	opacity: 0.4; 
}



/* Column system */
/* 20240216 JDS/WK: Extended with support for Gutenberg columns markup */
.col1:after, .col2:after, .col3:after, col4:after, .col23:after, .col6:after, .col34:after, .col512:after, .col712:after,
.wp-block-column:after { content: "."; display: block; clear: both; height: 1px; margin-top: -1px; width: 100%; opacity: 0; }

.col img,
.wp-block-column img {
	max-width: 100%;
	max-width: calc(100% + 2.6em);
	height: auto;
	margin: 0 -1.3em;
}

.columns,
.wp-block-columns {
	width: 100%;
	vertical-align: top;
}

.columns:after,
.wp-block-columns:after {
	content: '';
	width: 100%;
	clear: both;
}

/* only display the very smallest ones as columns on small screens */
.col.col6 { 
	width: 50%;
	float: left;
}
/* // Column system */


footer .col {
	/* margin: 1em -.6em; */
	margin-top: 1em; 
	margin-bottom: 2em; 
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.archive .columns {
	margin-top: 2em;
	margin-bottom: 2em;
}

.archive .col {
	margin-bottom: 2em;
}

.archive .col:nth-child(2n+1) {
	clear: both;
}

.archive .col article {
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .14);
	
}

.archive .col article h2,
.archive .col article h3 {
	padding-left: 1em;
	padding-right: 1em;
}

.archive .col article p {
	padding-left: 1.4em;
	padding-right: 1.4em;
}

.archive .col article a.btn {
	margin-left: 1.4em;
}

/* Contact Form 7 */
.wpcf7 .wpcf7-form>p { font-size: 13px; line-height: 30px; color: #444; font-weight: 600; padding: 0px; margin-top: 20px; overflow: hidden; vertical-align: middle; }
.wpcf7 .wpcf7-form hr { margin: 20px 0 20px; }
.box-default h2 { font-weight: bold; }
.wpcf7 .wpcf7-form [type="submit"] { color: #fff; font-weight: 900; margin-bottom: 5px; letter-spacing: 0.005px; text-transform: uppercase; background: #369; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08); border: none; /* border-radius: 2px; */ height: 46px; padding: 0 21px; margin-top: 1em; }
/* .wpcf7 .wpcf7-form [type="submit"]:hover { background: #61b23b; } */
.wpcf7 .wpcf7-form input[type="text"], .wpcf7 .wpcf7-form input[type="email"], .wpcf7 .wpcf7-form input[type="url"], .wpcf7 .wpcf7-form input[type="date"], .wpcf7 .wpcf7-form input[type="number"], .wpcf7 .wpcf7-form input[type="range"], .wpcf7 .wpcf7-form span.select, .wpcf7 .wpcf7-form span.file-input { width: 80%; max-width: 173px; float: right; }
.wpcf7 .wpcf7-form span.file-input { padding-left: 0; padding-right: 0; max-width: 195px; }
.wpcf7 .wpcf7-form span.your-message { width: 100%; max-width: 100%; }
.wpcf7 .wpcf7-form textarea { margin-top: 5px; padding: 0; max-width: calc(100% - 4px); }
.wpcf7 .wpcf7-form input[type="text"]:focus, .wpcf7 .wpcf7-form input[type="email"]:focus, .wpcf7 .wpcf7-form textarea:focus { border-color: #555; }
.wpcf7 .wpcf7-form span.select { padding: 0 9px; font-weight: 400; height: 30px; }
.wpcf7 .wpcf7-form span.select span.value { padding-right: 20px; }
.wpcf7 .wpcf7-form span.file-input a.btn { height: 28px; color: #444; cursor: pointer; margin: 0; }
.wpcf7 .wpcf7-form select { padding-top: 1px; padding-bottom: 1px; position: absolute; left: 0; }
.wpcf7 .wpcf7-form span.acceptance { float: left; width: auto; }
p.note-small { color: #999; font-size: 11px; line-height: 18px; margin-top: 15px; }
.wpcf7 .wpcf7-form input.wpcf7-not-valid { border-color: #ed5946; }
.wpcf7 .wpcf7-form span.wpcf7-not-valid-tip { font-size: 11px; line-height: 11px; color: #de4a37; float: right; padding-top: 7px; }
.wpcf7 .wpcf7-form div.wpcf7-response-output { margin: 20px 0px; padding: 13px 10px 13px 47px; border: 0px none; background-repeat: no-repeat; background-position: 9px center; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.04) inset; border-radius: 3px; }
.wpcf7 .wpcf7-form div.wpcf7-validation-errors { background-color: #ED5946; background-image: url('images/msg-error.png'); color: #FFF; }
.wpcf7 .wpcf7-form div.wpcf7-mail-sent-ok { background-color: #70C14A; background-image: url('images/msg-success.png'); color: #FFF; }
.wpcf7 .wpcf7-form img.ajax-loader { width: auto; }
.wpcf7 .wpcf7-form span.wpcf7-form-control-wrap { display: inline !important; }

.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
	font-size: 1.5em;
	font-weight: 400;
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
	background-color: #46b450;
	color: #fff;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

@media (max-width: 1080px) {
.wpcf7 .wpcf7-form span.wpcf7-form-control-wrap { width: 100%; max-width: 100%; display: block; float: right; padding: 0 0px; }
.wpcf7 .wpcf7-form input[type="text"], .wpcf7 .wpcf7-form input[type="email"], .wpcf7 .wpcf7-form input[type="url"], .wpcf7 .wpcf7-form input[type="date"], .wpcf7 .wpcf7-form input[type="number"], .wpcf7 .wpcf7-form input[type="range"], .wpcf7 .wpcf7-form span.select { width: calc(100% - 22px); max-width: calc(100% - 22px); float: left; margin-top: 2px; }
.wpcf7 .wpcf7-form span.file-input { width: 100%; max-width: 100%; float: left; padding-left: 0; padding-right: 0; margin-top: 2px; }
.wpcf7 .wpcf7-form span.acceptance { float: left; width: auto; }
}


.wpcf7 .wpcf7-form p.half input[type=text],.wpcf7 .wpcf7-form p.half input[type=email],.wpcf7 .wpcf7-form p.half input[type=url],.wpcf7 .wpcf7-form p.half input[type=date],.wpcf7 .wpcf7-form p.half input[type=number],.wpcf7 .wpcf7-form p.half input[type=range],.wpcf7 .wpcf7-form p.half span.file-input,.wpcf7 .wpcf7-form p.half span.select, .wpcf7 .wpcf7-form textarea{max-width:calc(100% - 5px)!important;width:100%!important;padding-right:0}.wpcf7 .wpcf7-form input[type=text],.wpcf7 .wpcf7-form input[type=email],.wpcf7 .wpcf7-form input[type=url],.wpcf7 .wpcf7-form input[type=date],.wpcf7 .wpcf7-form input[type=number],.wpcf7 .wpcf7-form input[type=range],.wpcf7 .wpcf7-form span.file-input,.wpcf7 .wpcf7-form span.select{max-width:calc(100% - 5px)!important;width:100%!important;padding-left:0!important;padding-right:0!important}.wpcf7 .wpcf7-form p label{text-align:left}



/* Recent posts with thumbnails */
.widget.recent-posts-widget-with-thumbnails {
	margin-top: 5em;
	/* border: 1px solid grey; */
	padding: 0 1.2em;
}

.widget.recent-posts-widget-with-thumbnails h3 {
	font-size: 1.5em;
	font-weight: 400;
}

.widget.recent-posts-widget-with-thumbnails ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget.recent-posts-widget-with-thumbnails ul li {
	list-style-type: none;
	margin: 0;
	padding: 1em 0 1.2em 0;
	position: relative;
}

.widget.recent-posts-widget-with-thumbnails img {
	/* vertical-align: top;
	float: left; */
}


.widget.recent-posts-widget-with-thumbnails .rpwwt-post-title {
	/* display: inline-block;
	padding-left: calc(75px + 1em);
	float: right;
	float: right; */
	
	/* display: inline-block; */
	/*
	vertical-align: top;
	float: right;
	max-width: calc(100% - (75px + 1em));
	font-size: .9em;
	*/
	position: absolute;
	top: 2.4em;
	left: calc(75px + 1em);
	font-size: .9em;
}

.widget.recent-posts-widget-with-thumbnails .rpwwt-post-date {
	/*
	float: right;
	max-width: calc(100% - (75px + 1em));
	font-size: .825em;
	color: #777;
	border-bottom: 2em solid transparent;
	*/
	
	
	position: absolute;
	top: .75em;
	left: calc(75px + 1em);
	font-size: .825em;
	color: #777;
	/* margin-left: calc(75px + 1em); */
}



/* Social */
.social ul { overflow: hidden; margin: 10px 0; padding: 0; }
.social ul li { display: inline-block; margin: 0 0 0 -1px; list-style: none; width: 40px; height: 40px; }
.social ul li a { display: inline-block; overflow: hidden; width: 40px; height: 40px; background: url("gfx/social-icons-crop.png"); text-indent: -500em; -webkit-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; opacity: 0.25; filter: alpha(opacity=25); }
.social ul li a:hover { opacity: 0.8; filter: alpha(opacity=80); background-color: rgba(0,0,0,0.1); }

footer nav.social { /* text-align: right; */ margin: 0 0 4em 0; }
footer nav.social ul { float: right; overflow: hidden; margin: 0; }
footer nav.social ul li { float: left; margin-left: 2px; }

.social a.email { background-position: -40px 0; }
.social a.facebook { background-position: -80px 0; }
.social a.twitter { background-position: -120px 0; }
.social a.google { background-position: -160px 0; }
.social a.linkedin { background-position: -240px 0; }
.social a.instagram { background-position: -280px 0; }
.social a.vimeo { background-position: -400px 0; }
.social a.youtube { background-position: -440px 0; }
.social a.pinterest { background-position: -560px 0; }

.social.social-light a { opacity: 0.96; filter: alpha(opacity=96); }
.social.social-light a:hover { opacity: 1.0; filter: alpha(opacity=100); background-color: rgba(255,255,255,0.1); }

.social.social-colored a.email:hover, .social.social-light a.email { background-position: -40px -40px; }
.social.social-colored a.facebook:hover, .social.social-light a.facebook { background-position: -80px -40px; }
.social.social-colored a.twitter:hover, .social.social-light a.twitter { background-position: -120px -40px; }
.social.social-colored a.google:hover, .social.social-light a.google { background-position: -160px -40px; }
.social.social-colored a.linkedin:hover, .social.social-light a.linkedin { background-position: -240px -40px; }
.social.social-colored a.instagram:hover, .social.social-light a.instagram { background-position: -280px -40px; }
.social.social-colored a.vimeo:hover, .social.social-light a.vimeo { background-position: -400px -40px; }
.social.social-colored a.youtube:hover, .social.social-light a.youtube { background-position: -440px -40px; }
.social.social-colored a.pinterest:hover, .social.social-light a.pinterest { background-position: -560px -40px; }

.social.social-colored a:hover { opacity: 1.0; filter: alpha(opacity=100); background-color: #999; }
.social-colored a.email:hover { background-color: #666666; }
.social-colored a.facebook:hover { background-color: #3b5998; }
.social-colored a.twitter:hover { background-color: #40bff5; }
.social-colored a.google:hover { background-color: #3876e5; }
.social-colored a.linkedin:hover { background-color: #0077b5; }
.social-colored a.instagram:hover { background-color: #5180a4; }
.social-colored a.vimeo:hover { background-color: #20b9eb; }
.social-colored a.youtube:hover { background-color: #cd332d; }
.social-colored a.pinterest:hover { background-color: #cd2b30; }


@media (min-width: 1px) and (max-width: 840px) {
	.toolbar .col.col2.left {
		display: none;
	}
	
	.toolbar .col.col2.right {
		width: 100%;
		text-align: center;
	}
}


@media (min-width: 1px) and (max-width: 550px) {
	.toolbar {
		font-size: 1.5em!important;
	}

	footer nav.social { float: none; clear: both; }
	footer nav.social ul { float: none; text-align: center; }
	footer nav.social ul li { float: none; display: inline-block; }
	footer nav.social ul li a { display: inline-block; float: none; }
	footer section.bottom p { float: none; text-align: center; }
}


/* full width elements */
.full-width-bg { margin-left: -100% !important; margin-right: -100% !important; padding-left: 100%; padding-right: 100%; overflow: hidden; position: relative; margin-bottom: 3em; }

/*custom margins for fullwidth container*/
.full-width-bg.custom-margin-1 { margin-bottom: 53px; }
.full-width-bg.custom-margin-2 { margin-bottom: 55px; }
.full-width-bg.custom-margin-3 { margin-bottom: 59px; }
.full-width-bg.custom-margin-4 { margin-bottom: 60px; }
.full-width-bg.custom-margin-5 { margin-top: 39px; }

.full-width-bg .bg-image { -webkit-background-size: cover; background-size: cover; opacity: 0.3; }
.full-width-bg.top-border-enabled { border-top: 1px solid #e2e2e2; }
.full-width-bg.no-bottom-margin {
	margin-bottom: 0;
}

/* for background with opacity */
.custom-bg { height: 100%; width: 100%; position: absolute; right: 0; top: 0; }

/*fix for PageSpeed Insights*/
@media (min-width: 1px) and (max-width: 400px) {
  .full-width-bg { margin-left: -10px !important; margin-right: -10px !important; overflow: hidden; padding-left: 10px; padding-right: 10px; position: relative; }
  footer { margin-left: -20px; margin-right: -20px; width: calc(100% + 24px); }
}

@media (min-width: 1px) and (max-width: 600px) {
  .full-width-bg { margin-left: -20px !important; margin-right: -20px !important; overflow: hidden; padding-left: 20px; padding-right: 20px; position: relative; }
  
	.logo-wrapper {
		max-width: 280px;
	}


	.col.col6 h3 { 
		font-size: 1.3em;
	}
  
}


/* icons */
.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}
.fa.fa-radius { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }


/* Embed video */
div.video, p.video { position: relative; padding-bottom: 45%; padding-top: 25px; height: 0; margin-bottom: 22px; min-height: calc(45% + 25px); }
div.video iframe, p.video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; min-height: 180px; }
iframe { border: none; max-width: 100% }



@media only screen and (min-width: 360px) {
	section.revolution-slider {
		min-height: 130px;
	}
}

@media only screen and (min-width: 480px) {
	section.revolution-slider {
		min-height: 180px;
	}
}

@media only screen and (min-width: 600px) {
	section.revolution-slider {
		min-height: 225px;
	}

	/* Column system */
	/* 20240216 JDS/WK: Extended with support for Gutenberg columns markup */
	.columns,
	.wp-block-columns {
		display:table;
		border-collapse: collapse;
		margin: 0 -10px;
	}
	
	.columns .col,
	.wp-block-columns .wp-block-column { padding: 0 10px; }
	

	
	.col,
	.wp-block-column { 
		display: table-cell;
		margin: 0 0 20px; 
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box; 
	}
	
	.col2, .col3, .col4, .col5, .col6, .col23, .col34, .col512, .col712,
	.wp-block-column { 
		width: 50%;
		/* float: left; */
		vertical-align: top; 
	}	
	
	.col img {
		max-width: 100%;
		margin: 0;
	}
	
	.col.col6 { 
		float: none;
	}

	/* Vertical positioning of cols */
	.col2.middle,
	.col3.middle,
	.col23.middle,
	.col512.middle,
	.col712.middle {
		vertical-align: middle;
	}
	
	.col2.bottom,
	.col3.bottom,
	.col23.bottom
	.col512.bottom,
	.col712.bottom {
		vertical-align: bottom;
	}
	/* // Column system */
	
	.wp-block-column img {
		margin-left: -4em;
		margin-right: -4em;
		width: 100%;
		height: auto;
	}
	
	
	footer nav.social { /* text-align: auto; */ float: right; margin: -4.2em 0 0 0; }
	
}




@media only screen and (min-width: 768px) {
	section.revolution-slider {
		min-height: 290px;
	}
}

@media only screen and (min-width: 800px) {
	section.revolution-slider {
		min-height: 300px;
	}
	
	

	
	
}

/* Main design breakpoint, swithing from burger menu to top menu */
@media only screen and (min-width: 1080px) {
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	body.sticky .sub-header {
		padding-top: 95px;
		/* border: 1px solid red; */
	}
	
	.btn-mainmenu {
		display: none;
	}
	
	.logo-wrapper {
		float: left;
		padding: 1em 0;
		transition: all 0.3s ease 0s; 
	}
	
	.logo-wrapper img {
		max-width: 100%;
		height: auto;
		transition: all 0.3s ease 0s; 
	}
	
	.header-wrapper.sticky .logo-wrapper {
		padding: .3em 0;
	}
	
	.header-wrapper.sticky .logo-wrapper img {
		max-width: 60%;
	}
	
	.header-wrapper {
		/* border: 2px solid yellow; */
		position: relative;
	}
	
	.header {
		/* border: 2px solid red; */
		position: relative;
		/* min-height: 100%;
		height: 100%; */
		display: flex;
	}
	
	.mainmenu ul.menu {
		display: block;
		background-color: transparent;
		/* border: 5px solid green; */
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.mainmenu ul.menu {
		float: right;
		margin: 0 3em 0 0;
		padding: 0;
	}
	
	.mainmenu ul.menu li {
		float: left;
		padding: 0 0 0 1.15em;
		position: relative;
		background-color: transparent;
	}
	
	.mainmenu ul.menu li > a {
		display: block;
		padding: 2.4em .15em 1.875em .15em;
		transition: all 0.3s ease 0s; 
		background-color: transparent;
		border-bottom: 5px solid transparent;
		color: #3f3f3f;
	}
	
	.mainmenu ul.menu li.current-menu-item > a {
		color: #384e7a;
		background-color: transparent;
	}
	
	.mainmenu ul.menu li:hover > a {
		border-bottom: 5px solid #334e7a;
		color: #384e7a;
		background-color: transparent;
	}
	
	.header-wrapper.sticky .mainmenu ul.menu li > a {
		padding: 1.1em .15em .6em .15em;
	}
	
	.mainmenu ul.menu li.menu-item-has-children > a:after {
		content: none;
	}
	
	.mainmenu ul.menu li ul {
		display: none;
		opacity: 0;
		position: absolute;
		z-index: 99;
		margin: 0;
		padding: 0;
		background-color: #2d2e2e;
		width: 100%;
		min-width: 160px;
		transition: all 0.3s ease 0s; 
	}
	
	.mainmenu ul.menu li:hover ul {
		display: block;
		opacity: 1;
	}
	
	.mainmenu ul.menu li ul li {
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.mainmenu ul.menu li ul li > a,
	.header-wrapper.sticky .mainmenu ul.menu li ul li > a {
		padding: .4em .6em;
		color: #bbb;
		border-bottom: 1px solid #444;
	}
	
	.mainmenu ul.menu li ul li:hover > a {
		color: #fff;
		border-bottom: 1px solid #777;
	}
	
	
	/* 20240315 JDS/WK: Layered menu */
	.mainmenu.menu-layered ul.menu {
		/* position: relative;
		text-align: right; */
		/* position: absolute; */
		/* top: 0;
		left: 0;
		border: 1px solid purple; */
	}
	
	.mainmenu.menu-layered ul.menu li {
		position: relative;
	}
	
	.mainmenu.menu-layered ul.menu li.current-menu-ancestor {
		/* border: 1px solid green; */
	}
	
	.mainmenu.menu-layered ul.menu li.current-menu-ancestor > a,
	.mainmenu.menu-layered ul.menu li:hover > a {
		border-bottom: 5px solid transparent;
	}
	
	.mainmenu.menu-layered ul.menu li.current-menu-ancestor > a:after,
	.mainmenu.menu-layered ul.menu li.menu-item-has-children:hover > a:after {
		content: '';
		display: block;
		margin-top: .5em;
		margin-left: -3.5em;
		width: 0px;
		height: 0px;
		border: 1em solid;
		border-color: transparent transparent #eee transparent;
	}
	
	.mainmenu.menu-layered ul.menu li ul {
		
	}
	
	.mainmenu.menu-layered ul.menu li.current-menu-ancestor > ul,
	.mainmenu.menu-layered ul.menu li:hover > ul {
		position: absolute;
		top: 7em;
		left: 0;
		margin-left: -7.25em;
		background-color: #eee; 
		display: block;
		opacity: 1;
		/* border: 1px solid red; */
		width: 50vw;
	}
	
	.mainmenu.menu-layered ul.menu li.current-menu-ancestor > ul {
		z-index: 10;
	}
	
	.mainmenu.menu-layered ul.menu li:hover > ul {
		z-index: 999;
	}
	
	.mainmenu.menu-layered ul.menu li.current-menu-ancestor > ul::after,
	.mainmenu.menu-layered ul.menu li:hover > ul::after{
		content: '';
		display: block;
		width: 300vw;
		height: 7em;
		background-color: #eee; 
		/* border: 1px solid blue; */
		margin-top: -2.3em;
		margin-left: -100vw;
	}
	
	.mainmenu.menu-layered ul.menu li.current-menu-ancestor > ul > li,
	.mainmenu.menu-layered ul.menu li:hover > ul > li {
		float: left!important;
		clear: none!important;
		/* border: 1px solid orange; */
		width: auto;
		padding-right: 3em;
	}
	
	.mainmenu.menu-layered ul.menu li ul li.current-menu-ancestor > ul,
	.mainmenu.menu-layered ul.menu li ul li:hover > ul {
		background-color: #ddd;
		top: 4.5em;
		margin-left: -23.5em;
		/* border: 1px solid red; */
	}
	
	.mainmenu.menu-layered ul.menu li ul li.current-menu-ancestor > ul::after,
	.mainmenu.menu-layered ul.menu li ul li:hover > ul::after{
		background-color: #ddd; 
	}

	.mainmenu.menu-layered ul.menu li ul li.current-menu-ancestor > a:after,
	.mainmenu.menu-layered ul.menu li ul li.menu-item-has-children:hover > a:after {
		content: '';
		display: block;
		width: 0px;
		height: 0px;
		border: 1em solid;
		border-color: transparent transparent #ddd transparent;
	}
	
	.mainmenu.menu-layered ul.menu li ul li ul li.current-menu-ancestor > a:after,
	.mainmenu.menu-layered ul.menu li ul li ul li:hover > a:after {
		content: none;
		display: none;
	}	
	
	/* 20240315 JDS/WK: // Layered menu */
	
	
	/* 20240315 JDS/WK: // Submenu + Layered menu */
	/* If dropdown + layered menu, hide the submenu on smaller devices */
	.submenu-menu-dropdown-layered-wrapper {
		background-color: #e4e3e1;
		padding: .6em 0 .2em 0;
	}
	
	.sub-header .menu-dropdown-layered {
		display: block;
	}
	
	.sub-header .menu-dropdown-layered ul li {
		display: none;
	}
	
	.sub-header .menu-dropdown-layered ul li ul {
		display: inline-block;
		padding-left: 0;
	}
	
	.sub-header .menu-dropdown-layered ul li.current-menu-item,
	.sub-header .menu-dropdown-layered ul li.current-menu-ancestor,
	.sub-header .menu-dropdown-layered ul li.current-menu-parent,
	.sub-header .menu-dropdown-layered ul li.current-menu-item ul li,
	.sub-header .menu-dropdown-layered ul li.current-menu-ancestor ul li,
	.sub-header .menu-dropdown-layered ul li.current-menu-parent ul li {
		display: inline-block;
	}
	
	.sub-header .menu-dropdown-layered ul li.menu-item-home.current-menu-item {
		display: none;
	}
	
	.sub-header .menu-dropdown-layered ul li a {
		display: inline-block;
		padding: 1em;
		text-transform: uppercase;
		font-weight: 600;
		margin-right: 2em;
		font-size: .875rem;
		border-bottom: 0;
	}
	
	.sub-header .menu-dropdown-layered ul li a:hover {
		border-bottom: 0;
	}
	
	
	/* Column system */
	.columns { 
		margin: 0 -15px;
		/* width: calc(100% + 30px); *//* 20231215 JDS/WK: Added */
	}
	
	.columns .col { padding: 0 15px; }
	
	.col1 { width: 100%;			min-width: 100%;		max-width: 100%; }
	.col2 { width: calc(50% - 2px);			min-width: calc(50% - 2px);			max-width: calc(50% - 2px); }		/* 20231222 JDS/WK: Changed */
	/* .col3 { width: calc(33.333% - 30px);		min-width: calc(33.333% - 30px);		max-width: calc(33.333% - 30px); } */
	.col3 { width: calc(33.333% - 2px);		min-width: calc(33.333% - 2px);		max-width: calc(33.333% - 2px); }	/* 20231215 JDS/WK: Changed */
	.col4 { width: calc(25% - 2.5px);			min-width: calc(25% - 2.5px);			max-width: calc(25% - 2.5px); }		/* 20231222 JDS/WK: Changed. 20240828 JDS/WK: Changed again (from -2px to -2.5px, otherwise it breaks! */
	.col5 { width: 20%;			width: 20%;				max-width: 20%; }
	.col6 { width: 16.667%;		min-width: 16.667%;		max-width: 16.667%; }
	.col23 { width: 66.667%; 	min-width: 66.667%;		max-width: 66.667%; }
	.col34 { width: 75%;			min-width: 75%;			max-width: 75%; }
	
	/* 20240117 JDS/WK: Two new ratios added */
	.col512 { width: calc(41.6666666% - 2px);			min-width: calc(41.6666666% - 2px);			max-width: calc(41.6666666% - 2px); }
	.col712 { width: calc(58.3333333% - 2px);			min-width: calc(58.3333333% - 2px);			max-width: calc(58.3333333% - 2px); }
	
	
	/* 20231215 JDS/WK: Added - did the trick */
	.columns article.col {
		/* border: 2px solid blue; */
		display: inline-block;
	}
	
	
	/* 20240216 JDS/WK: Extended with support for Gutenberg columns markup;notice assuming that "layout-1" is 3 columns! */
	.wp-block-columns.wp-container-core-columns-layout-1 .wp-block-column {
		width: calc(33.333% - 2px);		min-width: calc(33.333% - 2px);		max-width: calc(33.333% - 2px);
	}
	
	/*
	.columns .col.col2:nth-child(2n+1) {
		clear: left;
	}
	.columns .col.col3:nth-child(3n+1) {
		clear: left;
		background-color: chocolate;
	}
	*/
	/* // Column system */
	
	
	footer .widgets {
		/* border: 2px solid yellow; */
	}
	
	footer .columns {
		/* border: 2px solid yellow; */
	}
	
	footer .col {
		margin: 1em 0;
		padding: 2em 0;
		/* border: 1px solid chocolate; */
	}
	
	a.go-top { display: block; }

	section.revolution-slider {
		min-height: 360px;
	}
	
	.header-wrapper.sticky {
        position: fixed;
        top: auto;
        left: 0;
        width: 100%;
        /* background: transparent; */
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }
	
	.sticky .toolbar-wrapper {
		display: none;
	}
	
	#main.with-sidebar {
		width: 70.3%;
		float: right;
	}
	
	#sidebar-primary {
		width: 25.7%;
		display: block;
		float: left;
		margin-top: 8em;
	}
	
	#sidebar-primary ul.menu {
		/* border: 1px solid yellow; */
		border-top: 1px solid #e0e0e0;
	}
	
	#sidebar-primary ul.menu li {
		display: none;
		/* border: 1px solid green; */
		margin-left: 0;
		padding-left: 0;
	}
	
	#sidebar-primary ul.menu li.current-menu-item,
	#sidebar-primary ul.menu li.current-menu-item ul li,
	#sidebar-primary ul.menu li.current-menu-ancestor,
	#sidebar-primary ul.menu li.current-menu-ancestor ul li	{
		display: block;
	}
	
	#sidebar-primary ul.menu li a {
		display: block;
		border-bottom: 1px solid #e0e0e0;
		padding: .6em .8em;
		color: #333;
		font-size: 1.06666em;
	}
	
	#sidebar-primary ul.menu li a:hover {
		background-color: #f4f4f4;
		border-bottom: 1px solid #e0e0e0;
		color: #333;
	}
	
	#sidebar-primary ul.menu li.current-menu-item > a {
		color: #369;
		text-decoration: underline;
	}
	
	#sidebar-primary ul.menu li.current-menu-item > a:hover {
		background-color: transparent;
	}
	
	#sidebar-primary ul.menu li ul,
	#sidebar-primary ul.menu li ul li {
		margin-left: 0;
		padding-left: 0;
	}
	
	#sidebar-primary ul.menu li ul li a {
		/* font-size: 1.4em; */
		font-size: .62222222em;
		padding: .3em .8em;
	}
	
	div.video iframe, p.video iframe { min-height: 315px; }
	
}

@media only screen and (min-width: 1024px) {
	section.revolution-slider {
		min-height: 385px;
	}
	
	div.video iframe, p.video iframe { min-height: 325px; }
}

@media only screen and (min-width: 1280px) {
	section.revolution-slider {
		min-height: 468px;
	}
	
	.bottom {
		padding: 2em 0 1em;
	}
	
	div.video, p.video { min-height: calc(434px - (45% + 25px)); }
	div.video iframe, p.video iframe { min-height: 434px; }

}


.gmap { height: 400px; }
.gmap img { max-width: none; }

#map { min-height: 395px; }



/* WooCommerce styling below. Can be omitted, if no shop is installed */

/* Frontpage products */
#main.wide div.woocommerce.columns-4 ul.products.columns-4 li {
	/* border: 1px solid red; */
	margin-top: 1.6em;
	margin-left: 2.2%;
	margin-right: 0;
}

#main.wide div.woocommerce.columns-4 ul.products.columns-4 li:nth-child(4n+1) {
	clear: both;
	/* border: 1px solid green; */
	margin-left: 0;
}

#main.wide div.woocommerce.columns-4 ul.products.columns-4 li h2,
#main.with-sidebar div.woocommerce.columns-4 ul.products.columns-4 li.product-category h2,
#main.with-sidebar div.woocommerce.columns-4 ul.products.columns-4 li.product h2 {
	line-height: 1.3em;
	min-height: 2.5em;
	/* background-color: red; */
}

/* Shop frontpage categories */
#main.with-sidebar div.woocommerce.columns-4 ul.products.columns-4 li.product-category {
	/* border: 1px solid red; */
	margin-top: 1.6em;
	margin-left: 1.4%;
	margin-right: 0;
}

#main.with-sidebar div.woocommerce.columns-4 ul.products.columns-4 li.product-category:nth-child(4n+1) {
	clear: both;
	/* border: 1px solid green; */
	margin-left: 0;
}

#main.with-sidebar div.woocommerce.columns-4 ul.products.columns-4 li.product-category h2 {
	text-align: center;
}


/* Shop caregories */
#main.with-sidebar div.woocommerce.columns-4 ul.products.columns-4 li.product {
	/* border: 1px solid red; */
	margin-top: 1.6em;
	margin-left: 1.4%;
	margin-right: 0;
}

#main.with-sidebar div.woocommerce.columns-4 ul.products.columns-4 li.product:nth-child(4n+1) {
	clear: both;
	/* border: 1px solid green; */
	margin-left: 0;
}

form.cart button.single_add_to_cart_button {
	background-color: #339933!important;
	font-size: 1.4em;
}


ul#cartmenu {

}

ul#cartmenu li a.cart {
	position: relative;
}

ul#cartmenu li a.cart::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/wp-content/themes/goldstein/gfx/cart.png') 50% 50% no-repeat;
	background-size: contain;
}

ul#cartmenu li .cart-number-box {
	position: absolute;
	top: 28px;
	left: 58px;
	font-size: .7em;
	border-radius: 50%;
	display: inline-block;
	padding: 1px 5px;
}



/* // WooCommerce */



/* Childpages */
/*
.columns.childpages {
	border: 2px solid blue;
}
*/
.childpages h3 a {
	text-decoration: none;
}

.columns.childpages .col {
	display: inline-block;
}

@media only screen and (min-width: 1080px) {

	.columns.childpages .col.col3 {
		width: 33.333%;		min-width: 33.333%;		max-width: 33.333%;
	}
}
/*
div.columns.masonry.animation-enabled.childpagesarticle.post.item.col.col3divdiv.post-detailp.text-about
*/

/* // Childpages */




/* 20231212 JDS/WK: Accordion */
/* Style the elements that are used to open and close the accordion panel */
.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}


.accordion:after {
	content: '+';
	float: right;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
	background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
	padding: 0 18px;
	background-color: white;
	display: none;
	overflow: hidden;
}