/*
	Theme Name: Genesis Sample Nikita
	Theme URI: https://demo.studiopress.com/
	Description: This is the sample theme created for the Genesis Framework.
	Author: StudioPress
	Author URI: https://www.studiopress.com/

	Version: 2.8.1

	Tags: one-column, two-columns, left-sidebar, right-sidebar, accessibility-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	Text Domain: genesis-sample


/* Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
	- Screen Reader Text
- Structure and Layout
	- Site Container
	- Site Inner
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Genesis eNews Extended
	- Genesis Simple FAQ
	- Jetpack
- Skip Links
- Site Header
	- Title Area
- Site Navigation
	- Responsive Menu
	- Header Menu
	- Footer Menu
- Content Area
	- Entry Content
	- Entry Meta
	- Pagination
	- Entry Comments
- Sidebar
- Footer Widgets
- Site Footer
- Media Queries
	- Min-width: 960px
		- Site Header
		- Genesis Menu
		- Responsive Menu
		- Header Menu
		- Site Inner
		- Content
		- Sidebar
		- Author Box
		- After Entry
		- Column Classes
		- Entry Misc.
		- Footer Widgets
- Print Styles
*/

/* Import Fonts
———————————————————— */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

:root {
    --default-max-width: initial;
    --default-repeat-grid-size: repeat(auto-fit, minmax(300px, 1fr));
    --default-background-color: #f7f7f7;
    --section-padding: 20px 15px;
    --section-flex-direction: column;
    --section__item-margin: 0 0 40px;
    --table--medium-width: 100%;
    --dark-bgcolor: #111;
    --light-bgcolor: #fff;
    --sticky-nav-display: block;
    --menu-display: none;
    --menu-item-display: block;
    --menu-knappmeny-li-margin: 0;
    --menu-knappmeny-li-width: 100%;
    --responsive-menu-pro-wrapper-padding: 30px;
    --responsive-flex-direction: column;
}

/*= Media queries
 * Use these media queries only for changing properties
 */

@media only screen and (min-width: 960px) {
    :root {
        --default-max-width: 1600px;
        --section--text-max-width: 890px;
        --section-padding: 70px 50px;
        --section-flex-direction: row;
        --section__item-margin: 0;
        --menu-item-display: inline-block;
        --menu-knappmeny-li-margin: 0 0 0 50px;
        --menu-knappmeny-li-width: 70px;
    }
}


/* HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
--------------------------------------------- */
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/* Box Sizing
--------------------------------------------- */

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

/* Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
	content: " ";
	display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
	clear: both;
	content: " ";
	display: table;
}


/* Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */
html, body {
	overflow-x:hidden
}

html {
	font-size: 62.5%; /* 10px browser default */
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* Chrome fix */
body > div {
	font-size: 18px;
	font-size: 1.8rem;
}

body {
	background-color: #fff;
	color: #000;
/*	font-family: 'Lato', sans-serif; */
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.625;
	margin: 0;
}

button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	transition: all 0.2s ease-in-out;
}

a {
	color: #0073e5;
	text-decoration: underline;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

a:focus,
a:hover {
	color: #000;
	text-decoration: none;
}

p {
	margin: 0 0 30px;
	padding: 0;
}

ol,
ul {
	margin: 0;
/*	padding: 25px 10px; top menu */
}
ul.genesis-skip-link {
	padding: 0;
}

ul > li {
	list-style-position: outside;
	margin-left: 25px;
}
	.footer-widget-area ul > li {
		margin-left: 0;
	}

li {
	list-style-type: circle;
}
	.footer-widget-area li {
		list-style-type: none;
	}

hr {
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid #eee;
	clear: both;
	margin: 30px 0;
}

b,
strong {
	font-weight: 700;
}

blockquote,
cite,
em,
i {
	font-style: italic;
}

mark {
	background: #ddd;
	color: #000;
}

blockquote {
	margin: 30px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	font-size: 3rem;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 20px;
}

h1 {
	font-weight: 600;
	font-size:  30px;
    font-size: 3rem;
    color: #fff;
}

.page-id-112 h1 {
	font-family: 'Playfair Display', serif;
}

h2 {
	font-size: 27px;
	font-size: 2.7rem;
	font-weight: 300;
}

.home h2 {
	font-weight: 300;
	font-size: 33px;
    font-size: 3.3rem;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 400;
}

h3:not(.extra-info h3):not(.footer-widgets h3) {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 300 !important;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
}

.entry-content h4 {
    font-weight: 600;
    margin-top: 40px;
}

.topp h4 {
	font-weight: 300;
	font-size: 25px;
    font-size: 2.5rem;
    color: #fff;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}


.campaign-banner {
	background-color: #F4A379;
	color: #383536;
	width: 110%; /* Add 10% more width */
	position: relative;
	left: -5%; /* Center the banner by shifting it back by 5% */
}

.campaign-left {
	display: inline-block;
	width: 30%; 
}

.campaign-text {
	display: inline-block;
	width: 40%;
}

.campaign-text-1 {
	font-family: "Bebas Neue";
	text-align: center;
	font-size: x-large;
	font-weight: 400;
	line-height: normal;
	padding-top: 5px;
}	

.campaign-text-2 {
	font-family: "Bebas Neue";
	text-align: center;
	font-size: large;
	font-weight: 400;
	line-height: normal;
/*	padding-bottom: 5px; */
}

.campaign-text-3 {
	padding-bottom: 12px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: 400;
	font-style: normal;
	color: #383536;
	text-align: center;
}

.campaign-text-4 {
/*	display:none;
	padding-top: 18px; */
	font-family: 'Roboto Condensed', sans-serif;
	font-size: clamp(10px, 2.5vw, 13px);
	line-height: 1.2;
	font-weight: 400;
	font-style: normal;
	color: #383536;
	text-align: center;
	line-clamp: 2;
	padding-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.campaign-arrow {
/*	display: inline-block; */
	display: none;
	width: 22%; /* Increase from 20% to 22% */
}

.campaign-link {
	text-decoration: none;
}


.campaign-days {
	display: inline-block;
	font-size: small;
}

.arrow-svg {
	text-decoration: none;
	cursor: pointer; 
}

.arrow-svg:hover {
	text-decoration: none;
    cursor: pointer;
    border-bottom: 0px solid #fff !important;
}

@media screen and (max-width: 959px) {
	
	.campaign-left {
		display: inline-block;
		width: 30%; 
	}
	
	.campaign-text {
		display: inline-block;
		width: 40%; 
	}
	

	.campaign-arrow {
		/*	display: inline-block; */
		display: none;
		width: 22%; /* Increase from 20% to 22% */
	}
	
}

@media screen and (max-width: 580px) {
	
	.campaign-left {
		display: inline-block;
		width: 25%; /* Reduce from 27.5% to 25% */
	}
	
	.campaign-text {
		display: inline-block;
		width: 70%; /* Increase from 66% to 70% */
	}
	

	.campaign-arrow {
		/*	display: inline-block; */
		display: none;
		width: 5%; /* Reduce from 11% to 5% */
	}

	.campaign-text-2 {
		font-family: "Bebas Neue";
		text-align: center;
		font-size: medium;
		font-weight: 400;
		padding-bottom: 5px;
	}
	
	.campaign-text-4 {
		font-size: clamp(9px, 2vw, 11px);
		line-height: 1.2;
		word-wrap: break-word;
		overflow-wrap: break-word;
		padding: 0 5px;
		padding-bottom: 10px;
		line-clamp: 2;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
}

@media screen and (max-width: 642px) {
	.campaign-text-4 {
		font-size: clamp(8px, 1.8vw, 10px);
		line-height: 1.1;
		padding: 0 3px;
		word-wrap: break-word;
		overflow-wrap: break-word;
		padding-bottom: 10px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media screen and (min-width: 581px) and (max-width: 820px) {
	.campaign-banner {
		width: 100%; /* Reset to 100% width */
		left: 0; /* Reset left offset */
	}
	
	.campaign-left {
		display: inline-block;
		width: 30%;
	}
	
	.campaign-text {
		display: inline-block;
		width: 40%;
	}
	
	.campaign-arrow {
		display: none;
		width: 22%;
	}
	
	.button-group {
		margin-top: 20px !important; /* Use !important to override the base rule */
	}
}


/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

.single-post iframe {
	margin: 0 auto !important;
}

img {
	height: auto;
	vertical-align: top;
}

figure {
	margin: 0;
}

/* Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
}

.gallery img {
	border: 1px solid #eee;
	height: auto;
	padding: 4px;
}

.gallery img:focus,
.gallery img:hover {
	border: 1px solid #999;
	outline: none;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery-item {
	float: left;
	margin: 0 0 30px;
	text-align: center;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #000;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	padding: 15px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-moz-placeholder {
	color: #000;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #000;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background-color: #000;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 15px 30px;
	text-decoration: none;
	white-space: normal;
	width: auto;
}

button:focus:not(.cancel-button):not(.close-button):not(.book-salon):not(.nav-button-desktop):not(#responsive-menu-pro-button),
button:hover:not(.cancel-button):not(.close-button):not(.book-salon):not(.nav-button-desktop):not(#responsive-menu-pro-button),
button:active:not(.cancel-button):not(.close-button):not(.book-salon):not(.nav-button-desktop):not(#responsive-menu-pro-button),
input[type="button"]:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active {
    background-color: #3C0E13 !important;
    color: #fff;
}

/* Separate rule for text-decoration that excludes book-salon */
button:focus:not(.cancel-button):not(.close-button):not(.book-salon),
button:hover:not(.cancel-button):not(.close-button):not(.book-salon),
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
    text-decoration: underline;
}

.entry-content .button:focus,
.entry-content .button:hover {
	color: #fff;
}

.button {
	display: inline-block;
}

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
	padding: 8px 16px;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: #eee;
	border-width: 0;
	color: #777;
	cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
	word-break: break-all;
}

tbody {
	border-bottom: 1px solid #eee;
}

td,
th {
	text-align: left;
}

td {
	border-top: 1px solid #eee;
	padding: 6px;
}

th {
	font-weight: 400;
	padding: 0 6px;
}

td:first-child,
th:first-child {
	padding-left: 0;
}

/* Screen Reader Text
--------------------------------------------- */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 1em;
	font-weight: bold;
	height: auto;
	padding: 15px 23px 14px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.more-link {
	position: relative;
}


/* Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Container
--------------------------------------------- */

.site-container {
	-webkit-animation: fadein 1s;
	animation:         fadein 1s;
	word-wrap: break-word;
}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Site Inner
--------------------------------------------- */

.site-inner {
	clear: both;
	margin: 0 auto;
	padding: 0 30px;
}

/* Common Classes
---------------------------------------------------------------------------------------------------- */

/* Avatar
--------------------------------------------- */

.avatar {
	border-radius: 50%;
	float: left;
}

.author-box .avatar,
.alignleft .avatar {
	margin-right: 20px;
}

.alignright .avatar {
	margin-left: 20px;
}

.comment .avatar {
	margin: 0 15px 20px 0;
}

/* Genesis
--------------------------------------------- */

.after-entry,
.archive-description,
.author-box {
	margin-bottom: 40px;
}

.after-entry {
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
	padding: 20px 30px;
}

.after-entry .widget:last-of-type {
	margin-bottom: 0;
}

.breadcrumb {
	border-bottom: none;
	font-size: 16px;
	font-size: 1.6rem;
}

.archive-description p:last-child,
.author-box p:last-child {
	margin-bottom: 0;
}

/* Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
}

.entry-content .search-form {
	margin-bottom: 40px;
	width: 50%;
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	margin-top: 10px;
}

.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Titles
--------------------------------------------- */

.archive-description .entry-title,
.archive-title,
.author-box-title {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 10px;
}

.entry-title {
	font-size: 30px;
	font-size: 3rem;
	margin-bottom: 10px;
}

.entry-title a,
.sidebar .widget-title a {
	color: #000;
	text-decoration: none;
}

.entry-title a:focus,
.entry-title a:hover {
	color: #0073e5;
}

.widget-title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	font-weight: bold;
	margin-bottom: 20px;
}

/* WordPress
--------------------------------------------- */

.aligncenter {
	text-align: center;
}

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 30px;
}

img.alignnone,
.alignnone {
	margin-bottom: 15px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 20px 20px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 20px 20px;
}

.gallery-caption,
.wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
	margin: 0 0 30px;
}


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

.widget {
	margin-bottom: 40px;
}

.widget p:last-child,
.widget ul > li:last-of-type {
	margin-bottom: 0;
}

.widget ul > li {
	margin-bottom: 10px;
}

.widget ul > li:last-of-type {
	padding-bottom: 0;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: 0;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* Featured Content
--------------------------------------------- */

.featured-content .entry {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.featured-content .entry:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}

.featured-content .entry-image {
	height: 75px;
	width: 75px;
}

.featured-content .entry-title {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 5px;
	margin-top: 10px;
}


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

/* Genesis eNews Extended
--------------------------------------------- */

.after-entry .enews {
	text-align: center;
	padding: 10px;
}

.sidebar .enews {
	background-color: #f5f5f5;
	padding: 30px;
}

.enews-widget input {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 10px;
}

.after-entry .enews-widget input {
	text-align: center;
}

.enews-widget input[type="submit"] {
	margin: 0;
	width: 100%;
}

.enews form + p {
	margin-top: 20px;
}

/* Genesis Simple FAQ
--------------------------------------------- */

.gs-faq__question {
	background: transparent;
	border-bottom: 1px solid #eee;
	color: #000;
	padding-left: 0;
	padding-right: 0;
}

.gs-faq__question:focus,
.gs-faq__question:hover {
	background: transparent;
	color: #0073e5;
}

.gs-faq__question::after {
	content: "\f132";
	font-family: "dashicons";
	float: right;
}

.gs-faq__question.gs-faq--expanded::after {
	content: "\f460";
}

/* Jetpack
--------------------------------------------- */

#wpstats {
	display: none;
}


/* Skip Links
---------------------------------------------------------------------------------------------------- */

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link .skip-link-hidden {
	display: none;
	visibility: hidden;
}

.genesis-skip-link li {
	height: 0;
	list-style: none;
	width: 0;
}

/* Display outline on focus */
:focus {
	color: #000;
	outline: #ccc solid 1px;
}


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

.site-header {
	background-color: transparent;
	padding: 0 30px;
}

.site-header .wrap {
	max-width: 1600px;
	margin: auto;
}

.top-header {
    height: 75vh;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 2rem;
}

#topImg {
	background-size: cover;
	background-position: center;
    height: 100%;
    width: 100%;
}

#top-buttons {
	padding-top: 40vh;
}

	.btn-fancy {
		border: 2px solid #fff !important;
		border-radius: 2em;
	    font-weight: 600 !important;
	    font-size: 22px !important;
	}

.flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}
.flex--responsive {
    flex-direction: var(--section-flex-direction);
}
.flex--stacked {
    flex-direction: column;
}
.flex--centered {
    justify-content: center;
}
.flex--aligned {
    align-items: center;
}
.flex--top {
    align-items: flex-start;
}
.flex--bottom {
    align-items: flex-end;
}
.flex--spaced {
    justify-content: space-between;
}
.flex--spaced-evenly {
    justify-content: space-evenly;
}
.flex--spaced > :only-child {
    margin-left: auto;
    margin-right: auto;
}
.flex--end {
    justify-content: flex-end;
}
.flex--even {
    display: flex;
    flex-direction: var(--section-flex-direction);
    justify-content: space-evenly;
}
.flex--reversed {
    flex-direction: row-reverse;
}
.flex--gap {
    margin: 0 -5px;
}
.flex--wrap {
    flex-wrap: wrap;
}
.flex--stacked.flex--gap {
    margin: -5px 0;
}
.flex__full {
    flex: 1;
}

.flex--gap .flex__item {
    margin: 5px;
}
.flex--stacked.flex--gap .flex__item {
    margin: 5px 0;
}
.flex__item--nowrap {
    white-space: nowrap;
}
.flex__image {
    width: 40%;
}
.flex__content {
    width: 55%;
    padding: 0 35px;
}

.btn-fancy a {
	text-decoration: none !important;
}

.btn-fancy,
 input[type=submit] {
    display: inline-block;	
	padding: 15px 25px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.8rem;
	letter-spacing: .15rem;
	transition: all .3s;
	position: relative;
	overflow: hidden;
    z-index: 1;
    text-decoration: none;
    font-weight: 400;
}
.btn-fancy--default, .btn-fancy--action {
    color: #fff;
}
.btn-fancy--black, .btn-fancy--red,
input[type=submit] {
    color: #fff !important;
}
.btn-fancy--white {
    color: var(--default-text-color);
}
.btn-fancy--outlined {
    border: 2px solid #fff;
}
.btn-fancy:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}
.btn-fancy--default:after {
    background-color: #111111;
}
.btn-fancy--red:after,
input[type=submit]:after {
    background-color: #EB1D23 !important;
}
.btn-fancy--black:after {
    background-color: #111;
}
.btn-fancy--white:after {
    background-color: #fff;
}
.btn-fancy--outlined:after {
    background-color: none;
}
.btn-fancy:before,
input[type=submit]:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    transition: all .3s;
    z-index: -1;
}
.btn-fancy--default:before {
    background-color: #555;
}
.btn-fancy--red:before,
input[type=submit]:before {
    background-color: #a51517 !important;
}
.btn-fancy--black:before {
    background-color: #555;
}
.btn-fancy--white:before {
    background-color: #555;
}
.btn-fancy--outlined:before {
    background-color: #ddd;
}

.btn-fancy:hover ,
input[type=submit]:hover{
    color: #fff !important;
}
.btn-fancy:hover:before,
input[type=submit]:hover:before {
    width: 100%;
}
.btn-fancy--outlined:hover {
    color: var(--default-text-color);
}
.btn-fancy {
	border: 2px solid #fff;
	font-weight: 600;
	font-size: 20px;
	padding: 12px 16px;
	border-radius: 3em;
}

.btn-fancy--black-outline {
	color: #000;
	border-color: #000;
}

.btn-fancy--black-outline:hover {
	color: #000 !important;
}

/*= Section
 */

.section {
	clear: both;
	margin: 30px auto;
	padding: var(--section-padding);    
    overflow: hidden;
    max-width: var(--default-max-width);
    position: relative;
}
.section--no-padding {
	padding-top: 25px;
	padding-bottom: 25px;	
}
.section--wide {
    width: 100%;
    margin: 30px 0;
    max-width: 100%;
}
img.section--wide {
	margin: 0 auto;
}
.section--content {
	max-width: 1600px;
	margin: 0 auto;
}

.section--unpadded {
    padding: 0;
}

.insta-and-coloumns {
	padding-top: 15px;
}

.insta-and-coloumns .section--wide {
/*	max-width: 73% !important; */
    float: right !important;
    margin-top: 31px !important;
}

.instagram {
/*	display: inline-block;
	width: 25%; 
	padding-left:25px; */
}

#bgImg {
	margin-top: 0;
    margin-bottom: 0;
    min-height: 318px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    flex: 1 1 0;
}

.rows p, .rows a {
	font-size: 3.2rem;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 400;
    padding: 129px 15px;
    font-weight: 100;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding-bottom: 25px;
	padding-top: 25px;
}

.wp-custom-logo .title-area {
	max-width: 350px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.site-title {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0;
}

.site-title a,
.site-title a:focus,
.site-title a:hover {
	color: #000;
	text-decoration: none;
}

.site-description,
.wp-custom-logo .site-title {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}


/* Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	line-height: 1;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: block;
	float: none;
	position: relative;
}

.genesis-nav-menu a {
	color: #000;
	display: block;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 600;
	outline-offset: -1px;
	padding-bottom: 12px;
	padding-top: 12px;
	text-decoration: none;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #0073e5;
	text-decoration: none;
}

.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
	width: 100%;
}

.genesis-nav-menu .sub-menu {
	clear: both;
	display: none;
	left: -9999px;
	margin: 0;
	opacity: 1;
	padding-left: 15px;
	position: static;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
	word-wrap: break-word;
}

.genesis-nav-menu .menu-item:focus,
.genesis-nav-menu .menu-item:hover {
	position: relative;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

/* Responsive Menu
--------------------------------------------- */

#responsive-menu-pro-container .menu-item span {
	color: #000 !important;
}

img.menu-image {
	height: 32px;
    width: 32px;
}

button#responsive-menu-pro-button.is-active {
	position: fixed !important;
}

/* Norwegian language specific positioning for active button */
body.lang-no button#responsive-menu-pro-button.is-active {
	top: 100px !important;
}

@media screen and (max-width: 468px) {
	body.lang-no button#responsive-menu-pro-button.is-active {
		top: 100px !important;
	}
}

/* Hamburger menu/Responsive menu */
button#responsive-menu-pro-button {
	position: absolute !important;
	width: 39px !important;
	height: 39px !important;
}

/* Norwegian language specific positioning */
body.lang-no button#responsive-menu-pro-button {
	top: 100px !important;
}

.responsive-menu-pro-box {
    width: 39px !important;
    height: 40px !important;
}

#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {
    font-weight: 400;
}

#responsive-menu-pro-wrapper #responsive-menu-pro, 
#responsive-menu-pro-wrapper #responsive-menu-pro-additional-content,
#responsive-menu-pro-search-box {
	padding-top: 7% !important;
	padding-left: 10%;
	padding-bottom: 7%;
}

#responsive-menu-pro, #responsive-menu-pro-additional-content {
    display: inline-block;
}

#responsive-menu-pro,
#responsive-menu-pro-search-box {
	background-color: #fafafa;
}

#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a, 
#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow.responsive-menu-pro-subarrow-active {
    background-color: #fafafa !important;
}

#responsive-menu-pro-item-472, #responsive-menu-pro-item-471,  #responsive-menu-pro-item-1425,
#responsive-menu-pro-item-2361, #responsive-menu-pro-item-2362, #responsive-menu-pro-item-2363,
#responsive-menu-pro-item-2096, #responsive-menu-pro-item-2095 {
	display: inline-block;
    width: auto !important;
    padding: 10px !important;
}

/* Norwegian language specific positioning for menu items */
body.lang-no #responsive-menu-pro-item-472, 
body.lang-no #responsive-menu-pro-item-471,  
body.lang-no #responsive-menu-pro-item-1425,
body.lang-no #responsive-menu-pro-item-2361, 
body.lang-no #responsive-menu-pro-item-2362, 
body.lang-no #responsive-menu-pro-item-2363,
body.lang-no #responsive-menu-pro-item-2096, 
body.lang-no #responsive-menu-pro-item-2095 {
	top: 80px !important;
}

#responsive-menu-pro-item-472, #responsive-menu-pro-item-2361, #responsive-menu-pro-item-2096 {
	margin-left: 16px !important;
}

/* Norwegian language specific positioning for specific menu items */
body.lang-no #responsive-menu-pro-item-472, 
body.lang-no #responsive-menu-pro-item-2361, 
body.lang-no #responsive-menu-pro-item-2096 {
	top: 100px !important;
}

#responsive-menu-pro {
	float: right;
}

#responsive-menu-pro-additional-content {
	width: 60% !important;
	float: right;
	padding-right: 200px !important;
}

#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a {
    padding-right: 0px !important;
}

.social-media {
	position: absolute;
    padding-left: 10% !important;
}

/* Header Menu
--------------------------------------------- */
.nav-primary {
	clear: left;
	width: 100%;
}

.nav-primary .menu-item span {
	color: #fff !important;
}

/* Footer Menu
--------------------------------------------- */

.nav-secondary {
	margin-top: 10px;
}

.nav-secondary .genesis-nav-menu {
	line-height: 1.5;
}

.nav-secondary .menu-item {
	display: inline-block;
}

.nav-secondary a {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
}

.footer-widgets .menu-item {
	text-transform: uppercase;
}

/* Search results
--------------------------------------------- */
.search h1 {
	color: #000;
	text-align: left !important;
	font-size: 3.4rem;
}


/* Content Area
---------------------------------------------------------------------------------------------------- */

/* Entry Content
--------------------------------------------- */

.entry {
	margin-bottom: 40px;
}

.entry-content {
	margin-top: 0px;
}

.entry-content:first-child{
	padding-top: 100px !important;
}

.entry-content ol,
.entry-content ul {
	margin: 10px 15px 30px 15px;
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: none;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 25px;
}

.entry-content code {
	background-color: #f5f5f5;
}

.entry-content .caption {
	font-size: 14px;
	font-weight: 600;
	margin-top: -20px;
	text-align: center;
}

.content .sticky {
	background-color: #f5f5f5;
	padding: 30px;
}

.entry-content p a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

.entry-content p a:hover {
	border-bottom: 2px solid #000 !important;
}

/* Entry Meta
--------------------------------------------- */

p.entry-meta {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0;
}

.entry-header .entry-meta {
	margin-bottom: 20px;
}

.salonger .entry-header {
	display: none;
}

.entry-footer .entry-meta {
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

/* Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 60px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #f5f5f5;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 4px;
	padding: 8px 12px;
	text-decoration: none;
}

.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a {
	background-color: #000;
	color: #fff;
}

/* Entry Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 40px;
}

.comment-list li {
	padding: 40px 0 0 30px;
}

.comment-list .depth-1 {
	padding-left: 0;
}

.comment-list .bypostauthor {
}

.comment-header {
	margin-bottom: 30px;
}

.comment-content {
	clear: both;
}

.comment-content ul > li {
	list-style-type: disc;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.comment-header p {
	margin-bottom: 0;
}

.entry-pings .reply {
	display: none;
}

/* Article
--------------------------------------------- */

.post .entry-content, .text-article, p,
.campaign-salons, .campaign-salon-list,
.acc-container {
	display: block;
	max-width: 860px !important;
	margin: 0 auto !important;
}

/* Exclude WYSIWYG content from the general p rule */
.salon-wysiwyg-content p,
.salon-payment-desktop p,
.salon-payment-mobile p,
.salon-extra p,
.beliggenhet p {
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.page-id-31 p, .page-id-1777 p {
	max-width: 1600px !important;
}

/* Accordions
--------------------------------------------- */
.vc_tta-accordion h4 a {
	border-bottom: none !important;
}

.vc_tta-accordion h4 a:hover {
	border-bottom: none !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-bottom: none !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading,
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: #fff !important;
    border-bottom: 1px solid #000;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a,
.vc_toggle_title h4 {
    color: #000 !important;
    font-weight: 400 !important;
}

.wpb-js-composer .vc_tta.vc_general,
.vc_toggle_content p {
    font-size: 1.6rem !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body {
    color: #000 !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body,
.vc_toggle_content {
    background-color: #fafafa !important;
    border-bottom: 1px solid #3C0E13;
}

.vc_tta-panel-body span {
	text-decoration: none;
}

.vc_toggle_title, .vc_toggle_content {
	padding: 14px 20px !important;
}

.vc_toggle {
	border-bottom: 1px solid #000;
}

.vc_toggle_content {
    margin-bottom: 0 !important;
}

.vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon {
    float: right;
}

.vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon::after, .vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon::before {
    height: 13px !important;
    width: 13px !important;
}

/* Buttons
--------------------------------------------- */
.custom-transparent .vc_general.vc_btn3, .vc_grid-btn-load_more .vc_btn3 {
	font-size: 18px;
	font-weight: 400;
}

.custom-transparent .vc_general.vc_btn3:hover, .vc_grid-btn-load_more .vc_btn3:hover {
	border-color: rgb(255, 255, 255) !important;
	text-decoration: underline !important;
}

#catapultCookie {
	background-color: #fff;
	color: #000 !important;
}

/* Cookie popup
--------------------------------------------- */

.ctcc-more-info-link {
	display: block;
}

.ctcc-right-side {
	margin-left: 50px;
}

button#catapultCookie {
    padding: 12px 18px !important;
	border-radius: 0 !important;
}

.ctcc-right-side button {
	font-weight: 400 !important;
}

/* Pages
---------------------------------------------------------------------------------------------------- */

/* Campaign
--------------------------------------------- */

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

.page-template-page_campaign .site-footer {
		display: none;
	}
}

.campaign-top-header {
	margin-bottom: 35px;
}

.campaign-text h3 {
		max-width: 860px !important;
    margin: 0 auto !important;
}

.campaign-top-header h1 {
	color: #000;
	max-width: 860px !important;
    margin: 0 auto !important;
    padding: 35px 0;
    font-size: 28px;
    font-weight: 500;
}

.hero-img {
    height: 490px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-repeat: no-repeat;
    background-size: cover;
}

.campaign-salons {
	padding-top: 25px;
	padding-left: 0;
	font-weight: bold;
}

.campaign-salon-list .salon-list {
	margin-left: 0;
}

.campaign-salon-list .salon-name {
    margin-left: 0 !important;
}

.acc-container {
	margin-top: 25px !important;
}



/* Accordions
------------------------- */

.accordion {
	border-bottom: 1px solid #333;
	margin-bottom: 25px;
	max-width: 450px;
}

.accordion-item a,
.accordion-content {
	color: #333;
}

/* SCRIPT styling */
.accordion a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1rem 0 1rem 0;
  color: #333;
  font-size: 1.15rem;
  text-decoration: none;
  border-bottom: none;
}

a.acc-title {
	font-weight: 500;
    font-size: 18px;
    color: #000;
}

.accordion a:hover,
.accordion a:hover::after {
  cursor: pointer;
  color: #333;
}

.accordion a.active {
  color: #333;
}

.accordion .content p {
	font-weight: 400 !important;
	padding: 0 35px;
}

.accordion .content ul li {
	font-size: 14px;
	padding-bottom: 15px;
}

.accordion a::after {
  font-family: 'dashicons';
  content: "\f132";
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 1.5rem;
  color: #333;
  padding: 3px 0px 0px 0px;
  width: 30px;
  height: 30px;
  text-align: center;

}

.accordion a.active::after {
  font-family: 'dashicons';
  content: '\f460';
  color: #333;
}

.accordion-item {
	background-color: #fff;
}

.accordion .content {
  opacity: 0;
  padding: 0 1rem;
  max-height: 0;
  overflow: hidden;
  clear: both;
  -webkit-transition: all 0.2s ease 0.15s;
  -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s;
}

.accordion .content p {
  font-size: 1rem;
  font-weight: 600;
}

.accordion .content.active {
  opacity: 1;
  padding: 1rem 0 1rem 0;
  max-height: 100%;
  -webkit-transition: all 0.35s ease 0.15s;
  -o-transition: all 0.35s ease 0.15s;
  transition: all 0.35s ease 0.15s;
}



/* Home
--------------------------------------------- */
.box {
	min-height: 280px !important;
}

.box h3, .box p, .more-button a {
	color: #fff;
}

.box h3, .box p {
	font-weight: 300;
	line-height: 1.5;
	padding: 0 15px;
}

.box p {
	font-size: 26px;
	font-size: 2.6rem;
}

/* Make whole box / div clickable. Not standard in Visual Composer */

div.box {
    position: relative;
}

div.box:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
}

div.box a {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   text-decoration: none; /* No underlines on the link */
   z-index: 999; /* Places the link above everything else in the div */
   background-color: #FFF; /* Fix to make div clickable in IE */
   opacity: 0; /* Fix to make div clickable in IE */
   filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

/* Links for clickable box */
.links .wpb_content_element {
    margin-bottom: 15px !important;
}

.links. .wpb_text_column {
	background-color: #FAFAFA !important;
	padding: 15px;
}

/* Boxes */
.dark-box {
	margin-top: 35px;
}

/*.dark-box .custom-transparent {
	padding-top: 23px;
}*/

.dark-box p, .dark-box h3, .entry-content .dark-box a {
	color: #fff !important;
}

.dark-box a {
	border-bottom: 1px solid #fff !important;
}

.dark-box a:hover {
	border-bottom: 2px solid #fff !important;
}

#sb_instagram, #sbi_images, .sbi_item {
	vertical-align: inherit !important;
}


/* Error 404
--------------------------------------------- */

div.error404 {
	background-image: url("https://sayso.no/wp-content/uploads//2018/10/ekstra8.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 135px;
}

div.error404 .entry-header {
	display: none;
}

div.error404 h1 {
	color: #fff;
}

div.error404 p {
	padding-bottom: 32px;
}

div.error404 a, div.error404 p, div.error404 h3, div.error404 p a {
	text-align: center;
    font-weight: 400;
    line-height: 1.7;
	color: #fff !important;
	text-decoration: none;
}

div.error404 p a {
	border-bottom: 1px solid #fff;
}

div.error404 a:hover, div.error404 p a:hover {
	border-bottom: 2px solid #fff;
}

/* Inspirasjon
--------------------------------------------- */

.post .entry-header {
	display:none;
}

.post .entry-footer {
	display: none;
}

.bilde-med-tekst h3 {
	font-size: 50px;
	font-size: 5rem;
}

/* select {
    border-bottom: 2px solid #000;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0 !important;
    -webkit-appearance: none !important;
} */

.more-button p{
	font-size: 22px !important;
	font-size: 2.2rem;
	text-decoration: underline;
}

.sp-post-carousel-pro-section a.sp-pcp-post-image img, .sp-pcp-modal-post .sp-pcp-post-image img {
	max-height: 263px;
	min-height: 263px;
}

/* Categories */
.vc_gitem-post-data-source-post_categories.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {
    pointer-events: none !important;
}

.topp .entry-categories {
	margin-top: -25px;
}

.topp .entry-categories a {
	color: #fff !important;
	font-weight: 300;
	font-size: 22px;
	font-size: 2.2rem;
	border-bottom: none;
	pointer-events: none;
}

.topp .entry-categories a:not(:last-child):after  {
	content: "•";
	font-size: 22px;
	color: #fff;
	padding: 0 5px;
}

.topp {
	background-color: #000;
}

.sitat p {
	font-size: 22px;
    font-size: 2.2rem;
}

/* Extra boxes */
.extra-info h3 {
	font-weight: 600;
}

/* Post grid button */
.vc_grid-btn-load_more .vc_btn3 {
	display: block !important;
}

.vc_btn3.vc_btn3-color-blue {
    color: #000 !important;
    background-color: transparent !important;
    font-size: 18px !important;
    font-weight: 400;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
}

.vc_btn3.vc_btn3-color-blue:hover {
    border: 1px solid #000 !important;
}

/* Instagram
------------------ */
.insta::before,
.instagram::before {
	content:" ";
    display: inline-block;
    height: 23px;
    width: 23px;
    background-size: 23px 23px;
  	background-image: url(/wp-content/uploads/2018/09/instagram-1.svg);
  	background-repeat: no-repeat;
}

.insta .wpb_wrapper, .insta p, .inspo-video p, .inspo-video .wpb_wrapper {
	display: inline !important;
}

.insta .wpb_wrapper {
	vertical-align: text-bottom;
}

.insta p, .inspo-video p, .instagram p {
	padding-left: 14px;
	font-size: 24px !important;
	font-weight: 300;
	line-height: 1;
}

.instagram p {
	display: inline;
}

/* Video
--------------- */
.inspo-video::before {
	content:" ";
    display: inline-block;
    height: 25px;
    width: 25px;
    background-size: 25px 25px;
  	background-image: url(/wp-content/uploads/2018/09/play-button-1.svg);
  	background-repeat: no-repeat;
}

#sb_instagram, #sbi_images {
	padding: 0 !important;
}

/* Grid
--------------- */

/* Categories */
.vc_gitem-post-data-source-post_categories {
	text-align: left !important;
	font-weight: 300;
	text-transform: uppercase;
}

.vc_gitem-post-category-name:not(:last-child):after {
	content: "•";
	padding-left: 7px;
	padding-right: 7px;
}

/* Post title */
.vc_gitem-post-data-source-post_title {
	font-weight: 300;
	font-size: 28px;
}

.vc_grid-filter {
    margin-bottom: 15px !important;
}

/* Kontakt oss
--------------------------------------------- */
.avbestilling p {
	font-size: 14px;
	font-size: 1.4rem;
}

.gform_wrapper label.gfield_label {
    font-weight: 400 !important;
}

.gform_wrapper select {
	font-size: 14px;
	font-size: 1.4rem !important;
}

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

.footer-widgets {
    border-top: 1px solid #eee;*/
    background-color: #fafafa;
    clear: both;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 60px 0;
}
    
.footer-widgets .wrap {
    margin-left: auto;
    margin-right: auto;
}
    
.footer-widget-area {
    margin-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}
    
.footer-widget-area:last-child ,
.footer-widgets .widget:last-child {
    margin-bottom: 0;
}

#menu-footer-menu a {
	text-transform: uppercase;
	color: #000 !important;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

#menu-footer-menu a:hover {
	border-bottom: 2px solid #000;
}

.footer-widgets {
	font-size: 16px;
	font-size: 1.6rem !important;
}

/* WPML languages */
.wpml-ls-legacy-list-horizontal ul li:not(:last-child):after {
	content: "/";
	padding-right: 7px;
}

.wpml-ls-legacy-list-horizontal {
    padding: 0 !important;
}

.wpml-ls-legacy-list-horizontal a {
	display: inline-block !important;
    padding: 0px 5px 0 0 !important;
}

/* Finn salong
---------------------------------------------------------------------------------------------------- */
/* .page-id-31 p {
	max-width: 1600px !important;
} */

.list-top {
    /* background-image: url(/wp-content/uploads/2018/10/inspirasjon.jpg);
	background-size: cover; */
	background-color: #000;
    margin-left: calc(-180vw / 2 + 500px / 2);
	margin-right: calc(-180vw / 2 + 497px / 2);
    padding: 128px 0 62px;
}

.list-top input, .list-top h1, .list-top span {
	text-align: center;
}

.list-top span {
	display: block;
	font-weight: 600;
	font-size: 44px;
	font-size: 4.4rem;
	color: #fff;
	text-transform: uppercase;
}

.list-top h1 {
	font-weight: 200;
	text-transform: uppercase;
}

.list-top input {
	display: block;
    margin: 0 auto;
	max-width: 630px;
	margin-top: 47px;
	opacity: .8;
	padding: 23px 0;
}

.list-top input::placeholder {
	color: #6E6E6E;
	text-transform: uppercase;
}

.list-wrapper {
	margin-top: 74px;
}

.city-list {
	margin-bottom: 35px;
}

.city-list .salon-name {
	margin-left: 35px;
	margin-top: -16px;
	width: 45%;
}

.city-list .salon .button {
	padding: 7px 16px;
    color: #fff;
	font-weight: 400;
	background-color: #3C0E13;
	border-bottom: none !important;
}

.city-list .salon .salon-button a:hover {
	text-decoration: underline !important;
}

.city-header {
	font-size: 26px;
    font-size: 2.6rem;
	border-bottom: 2px solid #3C0E13;
	font-weight: 600;
	padding-bottom: 8px;
}

.city-header a {
	border-bottom: none !important;
}

.distance {
	width: 169px;
	float: left;
	margin-bottom: 0;
}

.salon-button {
	float: right;
	margin-top: -6px;
}

.salon span {
	color: #000;
    font-weight: 400;
    font-size: 20px;
    font-size: 1rem;
    vertical-align: -webkit-baseline-middle;
}

.info-icon {
	vertical-align: bottom !important;
}

.salon-name {
	vertical-align: -webkit-baseline-middle;
}

.mapicon img, .listicon img {
	float: right;
	height: 36px;
	width: auto;
	cursor: pointer;
}

.listicon img {
	margin-right: 35px;
}

.navicons {
	margin: 20px 0;
	margin-top: 20px !important;
}

.map {
	margin-top: 88px;
}

.gm-style .gm-style-iw {
	height: 60px !important;
}

.gm-style .gm-style-iw {
    font-size: 15px !important;
    padding-top: 5px !important;
}

.go-to-salon {
	margin-top: 9px;
    text-decoration: underline;
}

/* ----- Salongside ----- */
.salon-container  .topp {
	background-color: #000;
	margin-left: calc(-180vw / 2 + 500px / 2);
	margin-right: calc(-180vw / 2 + 497px / 2);
	/* background-image: url(/wp-content/uploads/2018/10/inspirasjon.jpg);
	background-size: cover;
    background-repeat: no-repeat; */
}

.salon-container .topp div p {
	color: #fff !important;
	text-align: center;
	margin-bottom: 0;
}

.salon-container .topp {
	padding-bottom: 35px;
	margin-bottom: 35px;
    padding-top: 93px;
} 

.salon-container .topp h1 {
	text-align: center;
	max-width: 700px;
	margin: 0 auto 15px;
}

.salon-container .topp p a {
	color: #fff !important;
/*	border-bottom: 1px solid #fff;*/
}

.salon-container .topp p a:hover {
/*	border-bottom: 2px solid #fff !important;*/
}

.om-salong {
    margin: 35px 52px;  
    font-weight: 200;
    font-size: 2.5rem;
}

.inner-apningstider {
    min-height: auto; /* Remove fixed min-height */
    padding: 0 35px 35px 0;
}

.inner-behandlinger {
    min-height: auto; /* Remove fixed min-height */
    padding: 0 35px 35px 0;
}

.inner-apningstider {
	color: #453F3D;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	font-size: 20px;
	text-align: left;
	margin: 0 !important;
}

.inner-apningstider p {
	margin: 0 !important;
}

.inner-behandlinger {
	color: #000;
	padding: 0 35px 35px 0;
	text-align: left;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
}

.Beskrivelse {
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	color: #000;
}

.om-salongen {
    margin: 0 !important;
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
    font-weight: 300;
/*    line-height: 160%; */
}

.om-salongen.salon-wysiwyg-content {
	max-width: 100% !important;
}

.om-salong-title {
    font-size: 30px;
    font-weight: 600;
	font-style: normal;
	line-height: 160%;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
}

.apningstider {
    width: 100%;
    display: block;
    height: auto;
    min-height: 200px;
	padding: 0;
	margin: 0 52px 35px 52px;
}

.apningstider h2 {
	font-weight: 600;
	font-style: normal;
	font-family: 'Roboto Condensed', sans-serif;
	color: #453F3F;
	line-height: normal;
	font-size: 30px;
	margin-bottom: 8px;
	margin-top: 40px;
	text-align: left;
}

.salon-image-container {
	display: block;
	width: 100%;
	max-width: 760px;
	margin: 0 52px 35px 52px;
	clear: both;
}

.salon-image-container img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
}

.header-behandlinger {
	color: #241F20;
	/*background-color: #faa379;*/
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	line-height: 160%;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top: 0;
	margin-bottom: 0;
}
.salon-container .topp div p .book-salon {
	text-decoration: none !important;
	color: #000 !important;
}

.book-salon {
	background-color: #faa379;
	text-decoration: none;
	color: #241F20 !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	text-align: center;
	line-height: normal;
	margin-top: 30px;
	text-transform: uppercase;
}

.book-salon:hover {
	background-color: #faa379;
	text-decoration: none !important;	
	color: #241F20 !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	text-align: center;
	line-height: normal;
	margin-top: 30px;
	text-transform: uppercase;
}



.salon-container .topp p .book-salon a{
    text-decoration: none;
    color: #000 !important;
 /*   border-bottom: 0px solid #fff;*/
}

.phone-icon {
    width: 24px;
    height: 24px;
	vertical-align: middle;
	margin-left: 0;
	overflow: hidden;
}

.phone-icon-container {
	margin: 10px 0 35px 0 !important;
	padding-top: 20px;
}

.phone-icon-container a[href^="tel:"] {
	text-decoration: none;
}

p.behandlinger-pdf a {
	border-bottom: 1px solid #fff;
	font-weight: 600;
}

p.behandlinger-pdf a:hover {
	border-bottom: 2px solid #fff !important;
}

.apningstider hr {
	border-top: 2px solid #3C0E13;
	margin: 30px auto;
	width: 50%;
}

.behandlinger {
	display: flex;
	align-items: flex-start;
	gap: 35px;
	margin: 0 52px 35px 52px;
	padding: 0;
}

.behandlinger .inner-behandlinger {
	flex: 1;
	text-align: left;
	max-width: 760px;
}

.salon-image-behandlinger {
	flex: 0 0 auto;
	align-self: flex-start;
	max-width: 400px;
	width: 100%;
	margin-top: 0;
}

.salon-image-behandlinger img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
}

.beliggenhet {
	margin: 0 52px 20px 52px;
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	line-height: 160%;
	font-family: 'Roboto Condensed', sans-serif;
	color: #241F20;
	padding-top: 50px;
}

.beliggenhet-title {
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	line-height: 160%;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	margin-bottom: 15px;
	margin: 0 0 15px 0 !important;
}

.beliggenhet p {
	margin: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

.behandlinger h2 {
/*	color: #fff; */
}

.beh-apn {
	display: block;
	width: 100%; 
/*	margin-top: 50px;*/
}

.salon-container .map {
	margin: 100px 52px 0 52px;
}

/* Salon image and payment section */
.salon-image-payment-wrapper {
	margin-top: 55px;
}

.salon-image-mobile {
	margin-bottom: 20px;
	text-align: center;
}

.salon-image-mobile img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.salon-payment-mobile {
	margin: 0 15px 15px 15px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	font-size: 20px;
	color: #241F20;
}

.salon-om-salongen-mobile {
	margin: 0 15px 15px 15px !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	color: #241F20;
}

.salon-om-salongen-mobile .salon-om-salongen-title {
	font-size: 16px !important;
	font-size: 1.6rem !important;
	font-weight: 600 !important;
	font-style: normal;
	line-height: 160%;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: left;
	margin-top: 0 !important;
	margin-bottom: 8px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-transform: uppercase !important;
	color: #000;
}

.salon-om-salongen-mobile .salon-wysiwyg-content {
	font-size: 16px !important;
	font-size: 1.6rem !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	color: #241F20;
}

.salon-om-salongen-mobile .salon-om-salongen-text {
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

.salon-om-salongen-mobile p {
	margin: 0 !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

.salon-payment-mobile .salon-payment-title {
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	line-height: 160%;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	margin-bottom: 10px;
	margin-top: 0;
	text-align: left;
}


/* Desktop layout */
.salon-image-payment-row {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}

.salon-image-desktop {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding-right: 15px;
}

.salon-image-desktop img {
	width: 100%;
	height: auto;
	display: block;
}

.salon-payment-desktop {
	margin: 0 52px 0 52px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	font-size: 20px;
	color: #241F20;
}

.salon-om-salongen-desktop {
	margin: 0 52px 0 52px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	font-size: 20px;
	color: #241F20;
}

.salon-om-salongen-title {
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	line-height: 160%;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	margin-bottom: 15px;
	margin-top: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.salon-om-salongen-desktop .salon-wysiwyg-content {
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	color: #241F20;
}

.salon-payment-title {
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	line-height: 160%;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	margin-bottom: 15px;
	margin-top: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.salon-payment-desktop p {
	margin-bottom: 1em;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

.salon-image-payment-wrapper .map {
	margin-top: 0;
}

.salon-extra {
	margin: 30px 52px 0 52px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	font-size: 20px;
	color: #241F20;
}

.salon-extra-title {
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	line-height: 160%;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	margin-bottom: 15px;
	margin-top: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.salon-extra p {
	margin-bottom: 1em;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

.salon-faq-container {
	margin: 30px 52px 0 52px;
}

.salon-faq-title {
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	line-height: 160%;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	margin-bottom: 15px;
	margin-top: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.salon-faq-container .accordion {
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	max-width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: left;
}

.salon-faq-container .accordion a,
.salon-faq-container .accordion .content {
	text-align: left;
}

.salon-faq-container .accordion .content p {
	margin-left: 0 !important;
	margin-right: 0 !important;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
}

.salon-wysiwyg-content {
	max-width: 100% !important;
	width: 100% !important;
}

.salon-payment-desktop .salon-wysiwyg-content,
.salon-om-salongen-desktop .salon-wysiwyg-content,
.beliggenhet .salon-wysiwyg-content {
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	color: #241F20;
}

.salon-container .salon-wysiwyg-content p,
.salon-payment-desktop .salon-wysiwyg-content p,
.salon-payment-mobile .salon-wysiwyg-content p,
.salon-om-salongen-desktop .salon-wysiwyg-content p,
.salon-om-salongen-mobile .salon-wysiwyg-content p,
.salon-extra .salon-wysiwyg-content p,
.beliggenhet .salon-wysiwyg-content p {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 1em !important;
	max-width: 100% !important;
	width: auto !important;
	display: block !important;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
}

.salon-container .salon-wysiwyg-content > p:last-child,
.salon-payment-desktop .salon-wysiwyg-content > p:last-child,
.salon-payment-mobile .salon-wysiwyg-content > p:last-child,
.salon-om-salongen-desktop .salon-wysiwyg-content > p:last-child,
.salon-om-salongen-mobile .salon-wysiwyg-content > p:last-child,
.salon-extra .salon-wysiwyg-content > p:last-child,
.beliggenhet .salon-wysiwyg-content > p:last-child {
	margin-bottom: 0 !important;
}

.salon-instagram {
	margin-top: 30px;
}

/* Timebestilling
---------------------------------------------------------------------------------------------------- */


.iefix .ie {
    display: block;
    margin-top: 150px;
}

.ie{
	display: none;
}


/* Text / fonts
--------------------------------------------- */
h2.booking-header {
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	margin-top: 15px;
}

/* Timebestilling header
--------------------------------------------- */
.topp-bestill h1, .top-min-side h1 {
	color: #000;
	font-weight: 400;
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 0;
}

.topp-bestill {
	background-color: #fafafa;
	padding-right: 0;
	text-align: center;
	padding-top: 23px;
	margin-left: calc(-180vw / 2 + 500px / 2);
    margin-right: calc(-180vw / 2 + 500px / 2);
}

#topplinje {
	padding-bottom: 22px;
}

.active-step, .inactive-step, #stegprikk {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
}

#stegprikk {
	padding: 0 12px;
}

.inactive-step {
	color: rgba(0,0,0,.5)
}

.page-id-1977 .site-header, /*Timebestilling SE*/
.page-id-45 .site-header, /*Timebestilling*/
.page-id-976 .site-header, /* Min side*/
.page-id-1023 .site-header,/* Min side Nikita */
.page-id-1781 .site-header,/* Timebestilling SE */
.page-id-3490 .site-header
{
	background-color: #000;
	width: 100%;
}

.page-id-478 .site-footer, .page-id-45 .site-footer, .page-id-1781 .site-footer  {
	display: none;
}

.page-id-478 .footer-widgets, .page-id-45 .footer-widgets {
    margin-bottom: 0 !important;
}

/* Elements in Bestill time
--------------------------------------------- */

/* Loading button */
.loading {
	margin: 0 auto;
}

.quick-choice-wait {
	text-align: center;
}

.quick-choice-wait img {
	display: block;
	margin: 0 auto;
}

/* Elements */

.timebestilling-container .name-arrow {
	border-bottom: none !important;
	cursor: pointer;
}

.timebestilling-container .name-arrow div{
	display: inline-block;
}

.timebestilling-container .arrow {
	padding-top: 21px;
}

.timebestilling-container input {
	cursor: pointer;
}

input#frontSalon {
	padding-left: 0;
}

.form-group .underlinebox {
	padding: 0px 0 12px 0;
    cursor: pointer;
    margin-top: 15px;
}

.disable-choice {
	opacity: .4;
	cursor: not-allowed !important;
}

.disable-choice .underlinebox {
	pointer-events: none !important;
}

.timebestilling-container, .container {
	max-width: 700px;
	margin: 0 auto;
}

span.form-control {
	font-size: 16px;
	font-size: 1.6rem;
}

/*.quick-choice-group {
	padding-bottom: 15px;
}*/

.quick-choice-list {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 15px 0;
}

.quick-choice {
	background-color: #fafafa;
	color: #000;
	font-weight: 400;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 15px;
	margin-left: 0 !important;
	margin-right: 15px;
	width: 33.333%;
	display: inline;
	cursor: pointer;
}
.quick-choice:focus, .quick-choice:hover {
    background-color: #dedede;
}


.quick-choice-title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	padding-top: 22px;
	padding-bottom: 10px;
}

.underlinebox {
	border-bottom: 1px solid rgba(0,0,0,.22);
}

input[type="checkbox"] {
	margin-right: 15px;
}

.next-step, .choose-button {
	background-color: #3c0e13;
    color: #fff;
    font-weight: 400;
    float: none;
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    width: 100%;
    text-align: center;
	text-transform: uppercase;
}

.first-available {
	background-color: #3c0e13;
    padding: 23px 0;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
	text-align: center;
	width: 100%;
	margin-top: 15px;
    margin-bottom: 25px;
}

/* Only chosen hairdresser */
.require-resource {
	background-color: #fafafa;
    color: #000;
    padding: 10px;
    margin-top: 10px;
}

.require-resource p {
	display: inline;
}


.close-button:hover, 
.cancel-button:hover,
.close-button:focus,
.cancel-button:focus {
	background-color: transparent !important;
	text-decoration: underline;
	color: #000 !important;
}

.error-message {
    font-size: 14px !important;
    background-color: #FFCEC6;
    padding: 15px;
    color: #000;
    margin-top: 25px;
}

/* Pop-up components
--------------------------------------------- */
.booking ul {
    margin: 0;
}

.cancel-button {
	text-align: center;
	font-size: 20px;
	font-size: 2rem;
	text-transform: uppercase;
}

.close-button, .cancel-button {
	background-color: transparent;
    color: #000;
	font-weight: 400;
	display: block;
	width: 100%;
    padding: 0;
    margin: 15px 0;
}

.cancel-button-div {
	text-align: center;
	padding-top: 15px;
}

.close-button-div {
	text-align: right;
	padding: 15px 0;
}

.cancel-button-div a, .close-button-div a {
	display: inline;
}

.choose-button {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
    padding: 15px;
    font-weight: 600;
}

.salon-list-title, .service-title{
	display: block;
	border-bottom: 1px solid black;
	padding-bottom: 10px;
}

.service-title {
    font-weight: 400;
	font-size: 16px;
    font-size: 1.6rem;
}

.salon-list-title {
    font-weight: 300;
	font-size: 20px;
	font-size: 2rem;
	margin-top: 35px;
	-webkit-font-smoothing: subpixel-antialiased;
}

.name-arrow, .serviceName, .treatment-duration {
	border-bottom: 1px solid rgba(0,0,0,.22) !important;
}

.area, .area-title {
	padding: 10px 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	display: inline-block;
}

.serviceGroupName {
	margin-bottom: 20px;
}

.checkbox {
	margin-right: 15px;
}

/* Choose salon
--------------------------------------------- */
.search-salon {
	background-color: #fafafa;
	border: none;
	font-weight: 300;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 25px;
}

#salon-search {
	margin: 30px 0;
}

.arrow {
	display: inline-block;
	float: right;
	height: 20px;
	width: 20px;
	padding-top: 10px;
}

.salon-name {
	display:inline-block;
	font-size: 16px;
    font-size: 1.6rem;
}

.name-arrow div:first-child {
	width: 86%
}

.salon {
	padding: 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.301);
}

.salon-list{
    margin: 0 0 0 15px;
}

.salon-list ul {
	margin-bottom: 28px !important;
}

.salon button, .pick-employee button {
	background-color: #000;
    color: #fff;
    font-weight: 400;
	padding: 7px 22px;
	float: right;
}

.list-group {
	margin-left: 0 !important;
}

.list-group ul {
	margin-left: 0;
	margin-right: 0;
}

.list-group-item .name-arrow:hover {
	cursor: pointer;
}
/* Treatments
--------------------------------------------- */

/* Recommended services */
.rec-services {
	padding-top: 15px;
}

.rec-services div {
	padding: 10px 0 0 15px;
}

.rec-title {
	font-weight: 600;
	text-decoration: underline;
}

/* End recommended services */

.hidden-treatments {
	display: none !important;
}

.serviceName {
    width: 100%;
    padding: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	display: inline-block;
}

.serviceName div:first-child {
	display: inline-block;
}

.service-name {
	display: inline;
}

.service-duration {
	display: inline-block;
    float: left;
    padding-right: 26px;
}

.info-duration {
	float: right;
}


.info {
	display: inline-block;
	width: 20px;
	height: 20px;
	float: right;
	cursor: pointer;
}

.info-password {
	text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 17px;
}

#infooverlay {
    padding-top: 25px;
}

.close-info {
	text-decoration: underline;
    font-weight: 600;
    display: block !important;
    margin-top: 25px;
    cursor: pointer;
}

/* Choose emplyee
--------------------------------------------- */
.pick-employee {
	display: inline-block;
	float: right;
}

.employee-list {
	padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.301);
}

.employee-name {
	display: inline-block;
}

/* Calendar
--------------------------------------------- */

tbody {
    border-bottom: none;
}

td {
	border-top: none;
	text-align: center;
}

#calendar-container {
	max-width: 413px;
    margin: 0 auto 55px;
}

.calendar-day td {
	font-weight: 300;
}

#calendar-header {
	text-align: center;
    padding-bottom: 31px;
}

.unavailable, .available, .calendar-day td {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}

.unavailable {
	color: 	rgb(0,0,0,.39);
	pointer-events: none;
}

.available {
	font-weight: 600;
}

.available span {
	background: #fafafa;
	cursor: pointer;
}

.current-day span {
	background: #3c0e13;
	color: #fff;
}

#calendar-header img {
	max-width: 25px;
	cursor: pointer;
}

#calendar-month-year {
	padding: 0 25px;
	font-weight: 600;
	font-size: 16px;
}

.available span, .current-day span {
	border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 1em;
    display: inline-block;
    line-height: 2em;
    width: 2em;
}

.timeslot{
	display: inline-block;
	background-color: #EFEFEF;
	padding: 5px 15px;
	cursor: pointer;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    margin-bottom: 15px;
}

/*.timeslot:not(:last-child) {
	margin-bottom: 15px;
}*/

/*.timeslots {
	text-align: center;
}*/

/* --- Spinner --- */

.page-loading {
	text-align: center;
}

.page-loading p {
	margin-bottom: 0;
}

/* Log in / Register
--------------------------------------------- */

.consent {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 35px;
}

.my-page-wrapper .consent p {
	color: #000;
}

.my-page-wrapper .register-page .select-fields a {
	border-bottom: 1px solid #000 !important;
}

.my-page-wrapper .register-page .select-fields a:hover{
	border-bottom: 2px solid #000 !important;
}

.register-page .consent p a {
	color: #fff ;
	border-bottom: 1px solid #fff;
}

.register-page .consent p a:hover {
	border-bottom: 2px solid #fff;
}

.my-page-wrapper .register-page .consent p a {
	color: #000;
	border-bottom: 1px solid #000;
}

.my-page-wrapper .register-page .consent p a:hover {
	border-bottom: 2px solid #000;
}

.login-page button:hover, .register-new-user button:hover {
	background-color: transparent !important;
	text-decoration: underline;
	font-weight: 400;
}

.login-page, .register-new-user {
	background-color: #52656d;
	color: #fff;
	padding: 1px 35px 25px;
    margin-top: 148px;
}

.register-new-user button:hover {
	color: #fff !important;
}

.login-page .input-fields, .register-new-user .input-fields {
	border-bottom: 1px solid #fff;
}

.login-page img {
	height: 18px;
    vertical-align: sub;
}

.login-page .close-button, .register-new-user .close-button {
	color: #fff;
	text-align: right;
}

.login-page .close-button:hover, .register-new-user .close-button:hover {
	color: #fff !important;
	text-decoration: underline;
}

.active-logreg, .logreg {
	display: inline-block;
	font-weight: 600;
	font-size: 16px;
	font-size: 1.6rem;
	cursor: pointer;
}

.register{
	margin-left: 50px;
}

.active-logreg {
	border-bottom: 2px solid #fff !important;
}

.login-fields input, .register-fields input {
	background-color: transparent !important;
	border: none !important;
	/*width: 90%;*/
	color: #fff;
	font-weight: 400;
}

.login-fields input {
	width: 90%;
}


.register-fields input::placeholder {
	font-weight: 300;
}

.register-fields .select-fields h3, .register-fields .select-fields p,
.register-fields .select-fields p a {
	color: #fff;
}

.register-fields .select-fields p a {
    border-bottom: 1px solid #fff !important;
}

.register-fields .select-fields p a:hover {
    border-bottom: 2px solid #fff !important;
}


.login-fields, .register-fields {
    margin: 50px 15px 25px 15px;
}

.my-page-wrapper .login-fields, .my-page-wrapper .register-fields {
	margin: 0;
}

.login-fields ::placeholder, .register-fields ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.login-fields :-ms-input-placeholder, .register-fields :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.login-fields ::-ms-input-placeholder, .register-fields ::-ms-input-placeholder{ /* Microsoft Edge */
    color: #fff;
}

.login-fields div:not(.user-password),
.login-fields div:not(.login-page .login-fields),
.register-fields input:not(.register-page .register-fields input) {
	border-bottom: 2px solid rgb(255,255,255,.46) !important;
	margin-bottom: 25px;
}

button.confirm {
	background-color: transparent;
    border: 1px solid #fff;
	color: #fff;
    margin: 50px auto 30px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	text-transform: uppercase;
}

.password-retrieval {
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	padding-bottom: 35px;
	text-decoration: underline;
	cursor: pointer;
	font-weight: 600;
}

.phone, .password, .name, .surname, .email, .birthdate {
	padding-bottom: 15px;
	font-weight: 300;
    font-size: 16px;
	font-size: 1.6rem;	
}

/* Summary
--------------------------------------------- */
textarea.comment {
	margin-bottom: 25px;
	height: 120px;
}

.summary-container {
	background-color: #fafafa;
    padding: 25px;
}

.summary-salon, .summary-timeslot, .summary-employee {
	font-size: 16px;
	font-size: 1.6rem;
}

.summary-salon {
	text-transform: uppercase;
	font-weight: 600;
}

.summary-treatments {
	margin-top: 15px;
}

.summary-treatment, .summary-summary {
	width: 75%;
}

.summary-change-salon, .summary-change-timeslot, .summary-change-treatments, .summary-change-employee {
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: none;
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
	font-weight: 400;
}

.summary-duration, .summary-treatment, .summary-summary, .summary-summary-duration {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
}

.summary-duration, .summary-summary-duration {
	float: right;
}

.summary-change-treatments {
	display: block;
	padding-top: 15px;
}

.summary-summary, .summary-summary-duration {
	font-style: italic;
}

.treatment-duration {
	padding: 8px 0;
}

.summary-timeslot {
	padding-top: 5px;
}

textarea.comment::placeholder {
	color: #777 !important;
}

h3.summary-comment, h3.summary-header {
	padding-top: 25px;
	font-weight: 600;
}

h3.summary-header {
	font-size: 20px;
	font-size: 2rem;
}

h3.summary-comment {
	font-size: 14px;
	font-size: 1.4rem;
}


/* Confirmation
--------------------------------------------- */
.my-page {
	font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
}

.confirmation-header, 
.confirmation-text, 
.frontpage-link {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
}

.frontpage-link {
	padding-bottom: 25px;
}

.confirmation-header {
	padding: 35px 0;
}

.my-page, .confirm {
	display: flex; 
	justify-content: center;
	margin: 0 auto;
}

button.my-page {
	margin: 25px auto;
}

button.my-page a {
	color: #fff;
}

/* Min side
---------------------------------------------------------------------------------------------------- */
.outer-top-line {
	background-color: #fafafa;
	padding: 15px 0;
	margin-left: calc(-180vw / 2 + 500px / 2);
    margin-right: calc(-180vw / 2 + 500px / 2);
}

/* Log in / register new user
--------------------------------------------- */
.login-failed {
	color: #fff;
	background-color: #3c0e13;
	margin-bottom: 25px;
	padding: 15px;
}

.message {
	color: #fff;
	background-color: transparent;
	margin-bottom: 15px;
	padding: 2px;
}

.my-page-wrapper .message {
	color: #000;
}

.my-page-wrapper .login-page button:hover {
	background-color: #000 !important;
	text-decoration: underline;
}

.my-page-wrapper .top-min-side {
    background-color: #f2f2f2;
    margin-left: calc(-180vw / 2 + 500px / 2);
    margin-right: calc(-180vw / 2 + 500px / 2);
    padding: 25px 0;
	color: #000;
}

.top-min-side h1 {
	color: #000;
}

.my-page-wrapper h1 {
	text-align: center;
	text-transform: uppercase;
}

.top-line {
	max-width: 700px;
	margin: 2em auto 0 auto;
}

.account, .appointment, .logout {
	display: inline-block;
	cursor: pointer;
}

.account:hover, .appointment:hover, .logout:hover,
.account:focus, .appointment:focus {
	border-bottom: 2px solid #3c0e13;
}

.my-page-container .appointment:hover, .my-page-container .appointment:focus {
	border-bottom: none;
}

.top-line .appointment {
	margin-left: 25px;
}

.account.active, .appointment.active {
	border-bottom: 2px solid #3c0e13;
	font-weight: 600;
}

.logout {
	float: right;
}

.account-details select {
	border: 1px solid #000;
}

.line {
    display: block;
	padding: 8px 0;
	margin-bottom: 10px;
}

.personal-info {
	margin-bottom: 20px;
}

.line .icon {
	display: inline-block;
    max-width: 18px;
    vertical-align: -webkit-baseline-middle;
    padding-top: 9px;
	
}

.line input {
	max-width: 668px;
    float: right;
	display: inline-block;
	border: none;
	border-bottom: 1px solid #000;
}

.user-password, .register-input {
    margin: 40px 0;
}

.user {
	margin-bottom: 20px;
}

.register-input input {
	margin-bottom: 15px;
}

.my-page-wrapper .login-page, .my-page-wrapper .register-page {
    max-width: 500px;
    background-color: #fff;
    margin: 0 auto;
}

.my-page-wrapper .login-page img {
    height: 30px;
}

.my-page-wrapper .login-page input::placeholder, .my-page-wrapper .register-page input::placeholder,
.my-page-wrapper .login-page input::-webkit-input-placeholder, .my-page-wrapper .register-page input::-webkit-input-placeholder {
    background-color: transparent !important;
    border: none !important;
	color: #000 !important;
	font-weight: 300;
}


/* Edge support for Placeholder */
.my-page-wrapper .register-page input::-ms-input-placeholder, .my-page-wrapper .login-page input::-ms-input-placeholder {
    background-color: transparent !important;
    border: none !important;
	color: #000 !important;
}


.my-page-wrapper .login-fields {
	color: #000;
	margin-left: 0;
	margin-right: 0;
}

.my-page-wrapper .login-fields input, .my-page-wrapper .register-fields input {
    background-color: transparent !important;
    border: none !important;
    color: #000;
}

/*
.my-page-wrapper .register-fields input {
	width: 100%;
}*/

.my-page-wrapper .login-fields input {
	width: 90%;
}

.login-fields .user-password div {
    border-bottom: 1px solid #fff !important;
}

.my-page-wrapper .input-fields, .my-page-wrapper .register-new-user .input-fields {
	border-bottom: 1px solid #000;
}

/* .register-page .register-fields {
    margin: 50px 0 8px 0 !important;
} */

.register-page {
	padding: 1px 35px 25px;
}

.my-page-wrapper .register-page .register-fields {
    margin: 0 !important;
}

.login-button, .register-button {
	display: flex;
    justify-content: center;
}

.input-fields {
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}

.my-page-wrapper .info-password, .my-page-wrapper .password-retrieval {
	color: #000;
}

.my-page-wrapper .logreg, .my-page-wrapper .active-logreg {
	color: #000;
	font-weight: 600;
	margin-top: 35px;
    margin-bottom: 35px;
}

.my-page-wrapper .active-logreg {
	border-bottom: 2px solid #3c0e13 !important;
}

.my-page-wrapper button.confirm, 
.my-page-wrapper button.confirm:hover, 
.my-page-wrapper  .register-page button, 
.my-page-wrapper .register-page button:hover {
	margin: 15px auto 30px;
	background-color: #3c0e13 !important;
    border: none;
    color: #fff;
    font-weight: 400;
}


.sayso-nikita-logo {
	display: block;
    max-width: 208px;
    margin: 0 auto;
}

.saysonikitaimg {
	display: inline-block;
    max-width: 50%;
    padding-right: 25px;
}

.saysonikitaimg img {
	display: inline-block;
}
.saysonikitatext p {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}

.my-page-wrapper .saysonikitatext p {
	color: #000;
}


/* Account details
--------------------------------------------- */
/*.motta-sms h3, .motta-epost h3 {
    font-size: 18px;
	font-size: 1.8rem;
    margin-bottom: 5px;
}

.motta-sms select, .motta-epost select {
	font-size: 16px;
	font-size: 1.6rem;
    padding: 9px 25px;
    border-radius: 0 !important;
}

.compliment-points {
	padding-bottom: 15px;
}

.compliment-points p {
	font-size: 16px;
    font-size: 1.6rem !important;
}

.select-fields p {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 5px;
}

.select-fields .line {
	margin-bottom: 10px;
}

.select-fields .motta-sms h3, .select-fields .motta-epost h3 {
    font-size: 18px;
    font-size: 1.8rem !important;
	margin-bottom: 0;
}

.my-page-wrapper .select-fields .motta-sms h3, .my-page-wrapper .select-fields .motta-epost h3, 
.my-page-wrapper .select-fields p, .my-page-wrapper .select-fields a {
	color: #000 !important;
}

input[type="checkbox"] {
	width: auto !important;
}*/



.confirmation-block h3, .compliments-block h3 {
	font-size: 1.6rem;
    text-transform: uppercase;
    border-bottom: 2px solid #fff;
    padding-bottom: 17px;
    /* font-weight: 200; */
}

.my-page-wrapper .confirmation-block h3, .my-page-wrapper .compliments-block h3 {
	border-bottom: 2px solid #000;
	color: #000;
}

.my-page-wrapper .confirmation-block p, .my-page-wrapper .compliments-block p {
	color: #000;
}

.confirmation-block, .compliments-block {
	margin-top: 35px;
}

.confirmation-block p, .compliments-block p, .compliments-block input {
	font-size: 16px;
	font-size: 1.6rem;
}

.compliment-points p {
	margin-bottom: 15px;
}

.compliments-consent p {
	margin-bottom: 0;
}

.compliments-consent {
	margin-bottom: 35px;
	padding-top: 25px;
}

.userform-checkbox p {
	display: inline;
}

p.sum-compliments-points {
	font-weight: 600;
}

.register-page .register-input {
    margin: 40px 0 25px 0;
}

.register-page button {
	margin-top: 15px;
	border-radius: 0;
}

.register-page .select-fields {
	margin-top: 0;
}

.account-details button {
	border-radius: 0;
	margin-top: 2em;
}

.account-details button:hover {
	background-color: #3c0e13;
	text-decoration: underline;
}

/* Mine avtaler
--------------------------------------------- */
.my-appointments .treatment-list {
	background-color: #fafafa;
	padding: 35px;
	margin-top: 15px;
}

.my-appointments .appointment {
	display: block;
    padding-left: 0;
}

.my-appointments .salon-name {
	font-size: 17px;
	font-size: 1.7rem;
    font-weight: 600;
    border-bottom: 2px solid #000;
}

.select-fields {
	margin-top: 40px;
}

.my-page-container.container {
    margin-top: 30px;
}

.my-page-container button {
	background-color: #3c0e13;
}

.my-appointments .time-booked, .my-appointments .employee {
	font-size: 16px;
	font-size: 1.6rem;
}

.my-appointments .appointment:hover {
	text-decoration: none;
}

.my-appointments .appointment {
	cursor: auto;
}

.my-appointments .dur-but {
	border-bottom: 1px solid rgba(0,0,0,.22) !important;
}

.my-appointments .dur-but button {
	background-color: #3c0e13;
	color: #fff;
	font-weight: 400;
}

.my-appointments .treatment-duration {
	display: inline-block;
    width: 72%;
	margin-right: 25px;
	border-bottom: none !important;
}

.my-appointments .summary-treatment {
	font-weight: 600;
}

.my-appointments .a-treatment {
	margin: 25px 0;
}

.my-appointments .appointment button {
	margin-top: 5px;
    padding: 10px;
    font-size: 1.2rem;
    float: right;
}

.cancellation {
	display: inline;
}

button.cancellation {
	margin: 15px 15px 15px 0;
    padding: 12px 25px;
}



/* Pagebuilder 
---------------------------------------------------------------------------------------------------- */

/* Theme colors and styling */
.orange { 
	background-color: #DC773B;
	color: #000;
}
	button.orange:hover {
		background-color: #f79860;
		color: #000;
	}

.pink { 
	background-color: #FCE3DB;
	color: #000;
}
	button.pink:hover {
		background-color: #ecc7c7;
		color: #000;
	}

.white { 
	background-color: #fff;
	color: #000;
}
	button.white:hover {
		background-color: #f7f6f6;
		color: #000;
	}

.black { 
	background-color: #000;
	color: #fff;
}
	.black a {
		color: #fff;
	}
	button.black:hover {
		background-color: #2b2b2b;
	}

.transparent { 
	background-color: transparent;
}

.outlined {
	border: 2px solid #000;
	background-color: transparent;
	color: #000;
}
	button.outlined:hover {
		background-color: #ececec;
		color: #000;
	}

/* Standard theme styling */
.page-template-page_pagebuilder .site-header,
.page-template-page_vacancies .site-header {
	background-color: #000;
    width: 100%;
}

.page-template-page_pagebuilder .site-inner,
.page-template-page_vacancies .site-inner {
	margin-top: 69px !important;
	margin-bottom: 0;
}

.page-template-page_pagebuilder h1 {
	color: #000;
}

.career-builder h2 {
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 600;
}

.career-builder > div {
	margin-bottom: 35px;
}

@media screen and (max-width: 959px) {
	.career-builder h2 {
		font-size: 16px !important;
	}

	.career-builder > div {
		margin-bottom: 25px;
	}
}

/* Top image */
.page-template-page_pagebuilder .top-header {
    height: 62vh;
}
	.top-header #mainPhoto {
		height: 100%;
    	background-size: cover;
        display: flex;
	    flex-direction: column;
	    justify-content: center;
	    background-position: center;
	}
	.top-header .deco-text,
	.top-header .buttons {
		text-align: center;
	}
	.top-header .deco-text {
		padding-bottom: 23px;
		font-size: 55px;	
	    color: #fff;
    	font-weight: 600;
    	text-transform: uppercase;
	}

@media screen and (max-width: 959px){
	.page-template-page_pagebuilder .site-inner,
	.page-template-page_vacancies .site-inner {
		margin-top: 58px !important;
	}
		.top-header .deco-text {
			font-size: 45px;
			padding-bottom: 15px;
			line-height: 1.2;
		}
}

@media screen and (max-width: 580px) {
	.page-template-page_pagebuilder .top-header {
	    height: 46vh;
	}
	.top-header .deco-text {
		font-size: 38px;
	}

	#top-buttons {
		padding-top: 30vh;
	}

	.campaign-left {
		width: 17%;
	}

	.campaign-text {
		width: 65%;
	}
}

/* Breadcrumbs */
#breadcrumbs {
    max-width: 1600px !important;
    font-size: 14px;
    padding: 15px 0;
}
	@media screen and (max-width: 959px) {
		#breadcrumbs {
			font-size: 12px;
			margin-bottom: 0;
		}
	}

/* Intro */
.intro {
/*	background-color: #FCE3DB;*/
	color: #000;
    padding-top: 30px;
    padding-bottom: 30px;
    /* Make full width background color element */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-bottom: 55px;
}
	.page-template-page_vacancies .intro {
		margin-bottom: 0;
	}
	.intro h1 {
		color: #000;
		text-transform: uppercase;
	}
	.intro .excerpt {
		font-size: 22px;
		text-align: left;
		display: block;
		max-width: 960px;
	}
	@media screen and (max-width: 959px) {
		.intro {
	    	margin-bottom: 25px;
	    	padding: 30px;
		}
			.intro h1 {
				font-size: 18px;
				margin-bottom: 10px;
			}
			.intro .excerpt {
			    font-size: 16px;
			}
	}
	@media screen and (max-width: 768px) {
		.intro {
		    padding: 15px;
		}
	}
	@media screen and (min-width: 960px) {
		.intro-content {
		    max-width: 1600px;
		    padding-left: 35px !important;
		    margin: 0 auto;
		    padding-right: 35px !important;
		}
	}

/* Media & text */
.section_media-text {
	display: grid;
    margin-bottom: 129px !important;
    align-items: center;
}
	.media-left {
		grid-template-columns: 45% 55%;
	}
	.media-right {
		grid-template-columns: 55% 45%;
	}
	.textblock {
    	padding: 55px;
    	z-index: 9;
	}
	.media-left .textblock {
    	margin-left: -10%;
	}
	.media-right .textblock {
		margin-right: -10%;
	}

	@media screen and (max-width: 959px) {
		.section_media-text {
    		display: flex;
    		flex-direction: column;
		    margin-bottom: 25px !important;
		}
			.section_media-text.media-right {
    			flex-flow: column-reverse;
			}
			.media-left .textblock,
			.media-right .textblock {
			    margin-left: auto;
			    margin-right: auto;
			}
			.textblock {
			    margin-top: 0;
			    min-height: auto;
			    font-size: 16px;
			    padding: 25px;
			}
	}


/* Media */
.media-embed.aligned-left {
	text-align: left;
}
.media-embed.aligned-center {
	text-align: center;
}
.media-embed.aligned-right {
	text-align: right;
}

/* Textblock */
.textblock-wrapper,
.textblock-content {
	max-width: 860px;
	margin: 0 auto;
}
	.align-left .textblock-content {
		margin-left: 0;
	}
	.align-right .textblock-content {
		margin-right: 0;
	}
/* 	.textblock-wrapper .aligned-left {
		float: left;
		padding-left: 0 !important;
	}
	.textblock-wrapper .aligned-center {
		text-align: auto;
	}
	.textblock-wrapper .aligned-right {
		float: right;
		padding-right: 0 !important;
	} */
	.textblock-wrapper.page-width {
		max-width: 100%;
	}



/* Navigation Grid */
.nav-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 40px;
	grid-row-gap: 40px;
}
	.nav-grid-element {
		height: 350px;
	    background-size: cover;
    	background-position: center;
    	display: grid;
       	align-items: end;
	}
	.nav-grid a {
		text-decoration: none;
	}
	.nav-grid-element_content {
	    background-color: rgb(0 0 0 / 72%);
	    color: #fff;
	    padding: 15px;
	}
	.nav-grid-heading {
		text-transform: uppercase;
		font-weight: 500;
		text-decoration: none;
	}
	.nav-grid-heading:after {
		content: "";
		display: inline-block;
		height: 24px;
		width: 43px;
		background-size: 100% 100%;
		background-image: url(/wp-content/uploads/2021/01/circle-arrow-right.svg);
		background-repeat: no-repeat;
		margin-bottom: -5px;
		margin-left: 6px;
	}
	@media screen and (max-width: 960px) {
		h4 {
		    font-size: 18px;
		    font-size: 1.8rem;
			margin-bottom: 7px;
		}
		.nav-grid p {
		    font-size: 16px;
		}
	}
	@media screen and (max-width: 850px) {
		.nav-grid {
		    grid-template-columns: 1fr 1fr;
		    grid-column-gap: 33px;
		    grid-row-gap: 33px;
		}
	}
	@media screen and (max-width: 620px) {
		.nav-grid {
		    grid-template-columns: 1fr;
		}
			.nav-grid-element {
			    height: 250px;
			}
	}

/* Button group */
.buttons {
	padding-bottom: 35px;
}
	.buttons .aligned-left div,
	.buttons .aligned-right div,
	.buttons .aligned-center div {
		display: inline-grid;
	    grid-auto-flow: column;
	    grid-column-gap: 25px;
	}
	.buttons .aligned-right {
		text-align: right;
	}
	.buttons .aligned-center {
		text-align: center;
	}
	.buttons button {
		text-transform: uppercase;
	}
	.buttons a {
		text-decoration: none;
	}

	@media screen and (max-width: 959px) {
		.buttons button {
			font-size: 12px;
    		padding: 15px;
		}
		.buttons .aligned-left div,
		.buttons .aligned-right div,
		.buttons .aligned-center div{
		    grid-column-gap: 10px;
		}
	}

/* Media Queries
---------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 769px) {
	h3:not(.extra-info h3):not(.footer-widgets h3) {
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: 300 !important;
    }
    
    .vc_grid-filter-dropdown .vc_grid-styled-select, .vc_grid-filter-select .vc_grid-styled-select {
	    border: 2px solid #000 !important;
	    border-top: none !important;
	    border-right: none !important;
	    border-left: none !important;
	}

	.vc_grid-filter-dropdown .vc_grid-styled-select select {
		margin-right: 0 !important;
		font-size: 18px !important;
	}

	.login-page {
		margin-top: 160px;
	}
}

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

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

	.site-header {
		position: absolute;
		width: 100%;
		z-index: 9999;
	}

        /* Sticky menu  */

	button#responsive-menu-pro-button {
		position: fixed !important;
	}

	.fixed {
		position: fixed;
		top: 0;
		left: 0;
		animation: smoothScroll 1s forwards;
		background-color: #000 !important;
	}

	.fixed .wrap {
		padding-bottom: 9px;
	}

	@keyframes smoothScroll {
		0% {
			transform: translateY(-40px);
		}
		100% {
			transform: translateY(0px);
		}
    }
    
	/* Genesis Menu
	--------------------------------------------- */

	.genesis-nav-menu .menu-item {
		display: inline-block;
	}

	.genesis-nav-menu .menu-item:focus,
	.genesis-nav-menu .menu-item:hover {
		position: relative;
	}

	.genesis-nav-menu > .menu-bold > a {
		font-weight: 700;
	}

	.genesis-nav-menu > .menu-highlight > a {
		background-color: #000;
		border-radius: 3px;
		color: #fff;
		font-weight: 600;
		margin-left: 15px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.genesis-nav-menu > .menu-highlight > a:hover,
	.genesis-nav-menu > .menu-highlight > a:focus {
		background-color: #0073e5;
	}

	.genesis-responsive-menu .genesis-nav-menu .sub-menu,
	.genesis-responsive-menu .genesis-nav-menu .sub-menu a {
		width: 180px;
	}

	.genesis-nav-menu .sub-menu {
		border-top: 1px solid #eee;
		opacity: 0;
		padding-left: 0;
		position: absolute;
		transition: opacity .4s ease-in-out;
	}

	.genesis-nav-menu .sub-menu a {
		border: 1px solid #eee;
		border-top: 0;
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.genesis-nav-menu .sub-menu .sub-menu {
		margin: -46px 0 0 179px;
	}

	/* Responsive Menu
	--------------------------------------------- */

	.genesis-responsive-menu {
		display: block;
		padding-top: 15px;
	}

	.menu-toggle,
	.sub-menu-toggle {
		display: none;
		visibility: hidden;
	}

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

	.nav-primary {
		clear: none;
		float: right;
		width: auto;
		margin-right: 104px;
/*    	margin-top: 42px;*/
	}

	.nav-primary .genesis-nav-menu a {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* Site-Inner
	--------------------------------------------- */

	.site-inner {
		margin-top: 0 !important;
		max-width: 1600px;
		padding-left: 35px !important;
		padding-right: 35px !important;
	}

	.search .site-inner {
		margin-top: 147px !important;
	}

	.page-template-forside .site-inner {
	    margin-bottom: 45px;	
	}
	/* Content
	--------------------------------------------- */
	.box h3 {
		font-size: 32px;
    	font-size: 3.2rem;
	}

	.box p {
    	font-size: 21px;
    	font-size: 2.1rem;
	}

	.top-empty {
		height: 126px !important;
	}

	.container, .corona-info {
		margin-top: 125px;
    }

    .corona-info .wpb_content_element {
    	margin-bottom: 0;
    }

    .corona-info-text {
    	/* padding: 15px 0; */
    }

    .page-id-1777 .corona-info {
	    margin-top: 0;
	    padding: 25px 0;
	    text-align: center;
    	font-weight: bold;
	}

	.navicons {
		margin-top: 0;
	}

    
	.content {
		float: left;
		width: 100%;
	}

	.sidebar-content .content {
		float: right;
	}

	.full-width-content .content,
	.landing-page .content {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	/* Sidebar
	--------------------------------------------- */

	.sidebar {
		float: right;
		width: 30%;
	}

	.sidebar-content .sidebar {
		float: left;
	}

	/* Author Box
	--------------------------------------------- */

	.author-box {
		background-color: #f5f5f5;
		padding: 30px;
	}

	/* After Entry
	--------------------------------------------- */

	.after-entry {
		padding: 40px 60px;
	}

	.after-entry .enews {
		padding-left: 30px;
		padding-right: 30px;
	}

	/* Column Classes
	--------------------------------------------- */

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: left;
		margin-left: 2.564102564102564%;
	}

	.one-half,
	.three-sixths,
	.two-fourths {
		width: 48.717948717948715%;
	}

	.one-third,
	.two-sixths {
		width: 31.623931623931625%;
	}

	.four-sixths,
	.two-thirds {
		width: 65.81196581196582%;
	}

	.one-fourth {
		width: 23.076923076923077%;
	}

	.three-fourths {
		width: 74.35897435897436%;
	}

	.one-sixth {
		width: 14.52991452991453%;
	}

	.five-sixths {
		width: 82.90598290598291%;
	}

	.first {
		clear: both;
		margin-left: 0;
	}

	/* Entry Misc.
	--------------------------------------------- */

	.after-entry,
	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-pings {
		margin-bottom: 60px;
	}

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

	.footer-widgets .wrap {
		max-width: 1600px;
	}

	.footer-widget-area {
		float: left;
		margin-bottom: 0;
		width: 33.33%; /* fallback for older browsers */
		width: calc(100% / 3);
	}


	/* Site footer
	--------------------------------------------- */

	.site-footer {
		display: none;
    }
    
    /* Timebestilling
	--------------------------------------*/

	.topp-bestill h1, .top-min-side h1 {
		font-weight: 600;
		font-size: 44px;
		font-size: 4.4rem;
	}

	.topp-bestill, .top-min-side {
		padding: 35px 0 30px;
	}

	.active-step, .inactive-step, #stegprikk {
		font-size: 16px;
		font-size: 1.6rem;
	}

	span.form-control {
		font-size: 18px;
		font-size: 1.8rem;
	}

	.form-group {
		margin-bottom: 25px;
	}

	.quick-choice-title {
		padding-top: 0;
	}

	.quick-choice-title {
		font-weight: 600;
	    font-size: 16px;
	    padding-bottom: 15px;
	    font-size: 1.6rem;
	}

	.salon-list-title {
		font-size: 22px;
		font-size: 2.2rem;
	}

	.choose-button {
		position: relative;
    }
    
    .serviceName {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.unavailable, .available, .calendar-day td {
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
	}

	input, select, textarea {
	    font-size: 18px;
	    font-size: 1.8rem;
	}

	.area, .area-title {
		font-size: 16px;
		font-size: 1.6rem;
	}

}

@media screen and (min-width: 769px) and (max-width: 960px) {

	/* Text / fonts */
	.box h3 {
		font-size: 32px;
		font-size: 3.2rem;
	}

	.box p {
		font-size: 18px;
		font-size: 1.8rem;
	}
}

@media screen and (min-width:760px) and (max-width: 860px) {
	.salon span {
		font-size: 16px;
		font-size: 1.6rem;
		margin-top: 10px;
	}
}

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

	.site-inner {
		margin-top: 78px !important;
	}


	.page-template-page_campaign .site-inner,
	.page-template-forside .site-inner,
	.single-salonger .site-inner,
	.page-template-single-salonger .site-inner {
		margin-top: 0 !important;
	}

	.site-header {
		z-index: 2;
		position: absolute;
	}

	.btn-fancy {
	    font-size: 1.2rem;
	    margin: 5px 0;
	}

	/* Text / Font */

	/* Responsive menu */
	#responsive-menu-pro, #responsive-menu-pro-additional-content {
	    display: block !important;
	}

	#responsive-menu-pro {
		width: 100% !important;
		float: none;
	}

	#responsive-menu-pro-additional-content {
		width: 100% !important;
		float: none;
		padding-right: 5% !important;
		top: 100px !important;
	}

	#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {
	    font-size: 2.3rem !important;
	}

	#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item .responsive-menu-pro-item-link {
	    font-size: 1.5rem !important;
	}

	#responsive-menu-pro-container {
		width: 56% !important;
	}

	/* Custom */
	.wp-custom-logo .site-container .title-area {
    	max-width: 68px !important;
	}

	.entry-content .topp, .entry-content .list-container, .page-id-976 .top {
		margin-top: -78px;
    	z-index: 1;
	}

	#video-topp,
	#video-topp-se {
		margin-top: -108px !important;
		z-index: 1 !important;
	}

	.bottom-empty {
		height: 20px !important;
	}

	.top-empty {
		height: 66px !important;
	}

	.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a {
	    padding-right: 63px !important;
	}

	.vc_grid-filter-dropdown.vc_grid-filter-center {
		width: 75%;
	}

	.vc_grid-filter-dropdown .vc_grid-styled-select select {
	    font-size: 16px !important;
	}

	select {
		padding-left: 0;
	}

		/* Menu */
	.nav-primary {
	    width: 71%;
	    display: inline-block;
	    text-align: right;
	}

	.genesis-nav-menu {
		margin-top: 31px;
		display: none;
	}

	.genesis-nav-menu .menu-item {
		display: inline-block;
		padding-left: 15px;
		padding-right: 15px;
	}

	.genesis-nav-menu a {
		font-size: 16px;
		font-size: 1.6rem;
	}

	button.menu-toggle {
		display: none !important;
	}

	/* Campaign
	--------------------------------------------- */
	.campaign-top-header h1 {
	    font-size: 20px;
	}

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

	.footer-widgets {
		margin-bottom: 87px;
	}

	/* Site footer
	--------------------------------------------- */
	.site-footer {
		display: block;
		position: fixed;
		width: 100%;
		bottom: 0;
		height: 58px;
		font-size: 15px;
		font-size: 1.5rem;
		text-align: center;
		color: #fff !important;
		z-index: 9;
	}

	.site-footer a {
		color: #fff !important;
	}

	#finn-salong {
		float: left;
    }
    
    #timebestilling {
		float: right;
		margin-top: -24px;
		background-color: #272727;
		text-decoration: none;
	}

	#timebestilling, #finn-salong {
		display: inline-block;
	    width: 50%;
	    color: #fff;
	    height: 87px;
	    text-transform: uppercase;
	    font-weight: 400;
	}

	/* Hide site footer menu */
	.page-id-31 .site-footer, .page-id-1975 .site-footer, .page-id-2706 .site-footer {
		display: none;
	}

	/* 404 side
	--------------------------------------------- */
	.error404 {
		margin-top: -79px !important;
	}

	/* Salongside
	--------------------------------------------- */
	.salon-container .topp h1, .salon-container .topp p {
		max-width: 400px;
		margin: 0 auto;
	}

	.salon-container .topp h1 {
		padding-bottom: 25px;
	}

	/* Timebestilling
	--------------------------------------------- */
	#timebestilling {
		float: right;
		margin-top: -24px;
		background-color: #272727;
		text-decoration: none;
	}

	#timebestilling, #finn-salong {
		display: inline-block;
	    width: 50%;
	    color: #fff;
	    height: 59px;
	    text-transform: uppercase;
	    font-weight: 400;
	}

	.close-button, .cancel-button {
	    font-size: 14px;
	    font-size: 1.4rem;
	}

	/* Header */
	.page-id-45 	.logo-no /*Timebestilling*/, .page-id-2384 .logo-no/*Min side*/ {
	    max-width: 111px;
	}

	.summary-total button.next-step {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	}


	/* Temporary Corona info - Style */

	.corona-info-text {
		/* padding: 15px 0; */
	}

	/* Min side
	--------------------------------------------- */
	.page-id-976 .login-fields input {
		width: 76%;
	}

	/* Mine avtaler */

	.dur-but {
		background-color: #fff;
		padding: 15px;
		margin-top: 20px;
		border-bottom: none;
	}

	.dur-but .treatment-duration {
		display: block;
		width: 100%;
		padding-top: 0;
	}

	.my-appointments .appointment button {
	    float: none;
	    display: block;
	    margin: 5px auto;
	}
	.my-appointments .treatment-list {
	    padding: 15px;
	}
	.cancellation {
		display: block;
		float: none !important;
		margin: 6px auto 0;
	}

	.cancellation button {
		float: none !important;
		margin: 0 auto;
		display: block;
		width: 100%;
		padding: 16px !important;
	}

	.service-name {
	    display: inline-block;
	    max-width: 183px;
	    word-break: break-word;
	}

	.login-page, .register-new-user {
	    margin-top: 35px;
	}
}

@media screen and (max-width: 768px) {
    /* Site inner
	--------------------------------------------- */
	.site-inner {
		padding: 0 15px;
    }

    /* Headings
	--------------------------------------------- */
    
	h1 {
	    font-size: 28px;
	    font-size: 2.8rem;
	}

	h3 {
		font-size: 20px;
		font-size: 2rem;
	}

	.about-menu h3 {
		font-size: 16px;
		font-size: 1.6rem;
	}

	h4 {
	    font-size: 18px;
	    font-size: 1.8rem;
	}

	.topp h4 {
	    font-size: 14px;
	    font-size: 1.4rem;
	    font-weight: 400;
	}

	.vc_grid-item p {
		font-size: 14px;
		font-size: 1.4rem !important;
    }

    p:not(#calendar-container p) {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.box p {
		font-weight: 300;
	}

	.box h3 {
		font-size: 32px;
		font-size: 3.2rem !important;
		font-weight: 300;
		margin-bottom: 24px !important;
	}

	.more-button p {
		font-weight: 400;
		font-size: 14px;
		font-size: 1.4rem !important;
		text-transform: uppercase;
    }
    
    /* Content
	--------------------------------------------- */
	.hidden-mobile {
		display: none;
	}
	
	.menu-item {
		z-index: 9999999999;
	}

	/* Cookie popup
	--------------------------------------------- */
	.cookie-bar-bar .ctcc-inner {
		display: block !important;
	}

	.ctcc-left-side {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.ctcc-right-side {
		display: block !important;
		margin-left: 0;
	}

	.cookie-bar-bar button#catapultCookie {
		margin: 0 !important;
	}

	/* Error 404
	--------------------------------------------- */
	.error404 h1 {
		font-size: 32px;
		font-size: 3.2rem;
    }

    /* Forside
    */

    .flex {display: block;}

    .button-group.flex {
	    display: flex;
	}

    .instagram {
        width: 100% !important;
    	display: block !important;
    	padding-left: 0;
	}

	.insta-and-coloumns .section--wide {
	    max-width: 100% !important;
	    float: none !important;
	    margin-top: 31px !important;
	}

	#bgImg {
		margin-bottom: 25px;
	}
    
    /* Inspirasjon
	--------------------------------------------- */
	.insta-inspo .vc_col-sm-6 {
	    width: 50% !important;
	    display: inline-block;
	}
 
	.vc_responsive .inspirasjonside .vc_grid-filter {
    	display: block !important;
	}

	.vc_grid-filter-dropdown .vc_grid-styled-select select {
		margin-right: 0 !important;
	}

	.vc_gitem-post-category-name span a {
		pointer-events: none !important;
    }
	.vc_gitem-post-category-name .vc_gitem-link {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}

	.vc_gitem-post-data-source-post_title {
	    font-weight: 300;
	    font-size: 20px !important;
	}

	.vc_gitem-post-category-name:not(:last-child):after {
	    content: "•";
	    padding-left: 7px;
	    padding-right: 7px;
	    font-size: 10px;
	}

	.vc_gitem-post-data {
	    margin-bottom: 7px;
	}

	.vc_grid-filter {
	    margin-bottom: 0px !important;
	}

	.insta p, .inspo-video p {
	    font-size: 22px !important;
	}

	.more-insta p {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 300;
	}

	.vc_grid .vc_pageable-load-more-btn {
	    margin-top: 0 !important;
	}

	.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
	    padding-bottom: 15px !important;
	}

	/* 1+3 bilde på innlegg */
	.bg_3_1 {
		min-height: 283px !important;
	    margin: 15px !important;
	}


	/* Finn salong
	--------------------------------------------- */

	.distance {
		width: 89px;
		float: left;
		/*margin-top: 8px;*/
		font-size: 16px !important;
		font-size: 1.6rem !important;
	}

	.city-list .salon-name {
		margin-top: 0;
		width: 52%;
		font-size: 14px;
		font-size: 1.4rem;
	}

	/* .salon-button {
		margin-top: -6px;
	} */

	.list-top {
		padding: 118px 0 62px;
	}

	.list-top input {
		max-width: 350px;
		margin-top: 38px;
		padding: 16px 0;
	}

	.list-top h1 {
		font-size: 28px;
		font-size: 2.8rem;
		max-width: 350px;
		margin: 0 auto;
	}

	.list-wrapper {
		margin-top: 43px !important;
	}

	.city-header {
		font-size: 2rem;
		font-size: 20px;
	}

	.salon {
		padding: 12px 0 9px;
	}

	.salon-list {
		margin-left: 0 !important;
	}

	.city-list .salon-name a {
		font-size: 1.6rem;
	}

	.city-list .salon-name {
		margin-left: 10px;
		max-width: 55%;
		word-break: normal;
		vertical-align: inherit;
	}

	.city-list .salon .button {
		padding: 5px 8px;
		font-size: 14px;
	}

	.salon span {
		vertical-align: super;
	}

	.listicon img {
		margin-right: 23px;
	}
	
	.mapicon img, .listicon img {
		height: 23px;
	}


	/* Salongside */
	.apningstider, .behandlinger {
		width: 100%;
		display: block;
		padding: 0;
		margin-bottom: 35px;
	}

	.map {
		margin-top: 66px;
	}

	.om-salong p, .apningstider p, .behandlinger p {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.salon-container .topp h1 {
		padding: 0 25px;
		font-size: 22px;
		font-size: 2.2rem;
	}

	.salon-container .topp div p {
		font-size: 14px;
    	font-size: 1.4rem;
	}

    
    /* Footer
	--------------------------------------------- */

	h3.widget-title {
		font-size: 14px !important;
		font-size: 1.2rem !important;
		font-weight: 600 !important;
		margin-bottom: 20px;
	}

	.textwidget  p, .footer-widgets ul li a {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}

    /* Timebestilling
	--------------------------------------------- */

	.topp-bestill h1 {
		margin-bottom: 10px;
	} 

    .inner-apningstider {
        text-align: left;
    }
}


@media screen and (max-width: 716px) {
	/* Min side
	--------------------------------------------- */
	.line input {
    	max-width: 96%;
	}
}


@media screen and (max-width: 685px) {
	#responsive-menu-pro-container {
		width: 95% !important;
	}
}

@media screen and (max-width: 480px) {
	.nav-primary .menu-item span {
	    color: #fff !important;
	    font-size: 12px;
	    font-size: 1.2rem;
	    padding: 5px;
	}

	.genesis-nav-menu .menu-item {
		padding-left: 0;
		padding-right: 0;
	}

	.nav-primary {
		text-align: left;
		padding-left: 15px;
	}

	/* Norwegian language specific positioning for mobile */
	body.lang-no button#responsive-menu-pro-button {
		top: 100px !important;
	}

	.nav-primary .menu-item span {
		padding: 0px;
		margin-left: 6px;
	}
	
	#video-topp.vc_row-o-full-height,
	#video-topp-se.vc_row-o-full-height {
		min-height: 55.167vh !important;
    }
    
    /* Finn salong
	--------------------------------------------- */
	.distance {
		font-size: 14px !important;
		font-size: 1.4rem !important;
		width: 66px;
	}

	/* Min side
	--------------------------------------------- */
	.register {
		float: right;
	}

	.page-id-976 .login-page img {
    	height: 20px;
	}

	.line input {
    	max-width: 93%;
	}

	/* Timebestilling */
	.salon-name {
		max-width: 70%;
	}


	/* Buttons */
	.first-row.rows p {
		padding-top: 100px;
	}
	
	.campaign-text-4 {
		font-size: clamp(8px, 1.8vw, 10px);
		line-height: 1.1;
		padding: 0 3px;
		word-wrap: break-word;
		overflow-wrap: break-word;
		padding-bottom: 10px;
		line-clamp: 2;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media screen and (max-width: 442px) {
	.page-id-2382 .site-header /*Timebestilling*/ {
	    height: 76px;
	}

	/* Timebestilling */
	.active-logreg, .logreg {
		font-size: 14px;
	    font-size: 1.4rem;
	}
}



/* Print Styles
---------------------------------------------------------------------------------------------------- */

@media print {

	*,
	*::before,
	*::after {
		background: transparent !important;
		box-shadow: none !important;
		color: #000 !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]::after {
		content: " (" attr(href) ")";
	}

	abbr[title]::after {
		content: " (" attr(title) ")";
	}

	a[href^="javascript:"]::after,
	a[href^="#"]::after,
	.site-title > a::after {
		content: "";
	}

	thead {
		display: table-header-group;
	}

	img,
	tr {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 2cm 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	.content,
	.content-sidebar {
		width: 100%;
	}

	button,
	input,
	select,
	textarea,
	.breadcrumb,
	.comment-edit-link,
	.comment-form,
	.comment-list .reply a,
	.comment-reply-title,
	.edit-link,
	.entry-comments-link,
	.entry-footer,
	.genesis-box,
	.header-widget-area,
	.hidden-print,
	.home-top,
	.nav-primary,
	.nav-secondary,
	.post-edit-link,
	.sidebar {
		display: none !important;
	}

	.title-area {
		text-align: center;
		width: 100%;
	}

	.site-title > a {
		margin: 0;
		text-decoration: none;
		text-indent: 0;
	}

	.site-inner {
		padding-top: 0;
		position: relative;
		top: -100px;
	}

	.author-box {
		margin-bottom: 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		orphans: 3;
		page-break-after: avoid;
		page-break-inside: avoid;
		widows: 3;
	}


	img {
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	blockquote,
	pre,
	table {
		page-break-inside: avoid;
	}

	dl,
	ol,
	ul {
		page-break-before: avoid;
	}

}

.banners {
    position: relative;
}

.banners .slides {
	display: flex;
	/* justify-content: center; */
    flex-direction: column;
	gap: 1.5rem;
}

.banners .btn {
	position: absolute;
	top: calc(50% - 30px);
	display: none;
	background-color: transparent;
    padding: 0;
    width: 2rem;
    height: 2rem;
    border-bottom: 3px solid #000;
    border-left: 3px solid #000;
    z-index: 10;
    border-radius: 3px;
}

.banners .btn:focus {
	outline:0;
}

.banners .btn.btn--prev {
	left: -23px;
    transform: rotate(45deg);
}

.banners .btn.btn--next {
	right: -23px;
    transform: rotate(-135deg);
}

.banner {
	min-width: calc(50% - 0.8rem);
	max-width: 100%;
	flex: 1 1 0px;
}

.banner__wrapper {
	display: flex;
    flex-direction: column;
}

.banner__image {
	min-height: 320px;
	position: relative;
}

.banner__image img {
	object-fit: cover;
	width: 100%;
	height: 50vh;
}

.banner__price-bomb {
	position: absolute;
    top: 3rem;
    right: 3rem;
    width: 8rem;
    height: 8rem;
    border-radius: 9999px;
	display: flex;
	justify-content: center;
	align-items: center; 
    font-size: 3rem;
	background-color: #000;
	color: #FFF;
	font-weight: 600;
}

.banner__price-bomb--white {
	background-color: #FFF;
	color: #000;
}

.banner__content {
	padding: 4rem 2rem 2rem 2rem;
	display: flex;
    justify-content: center;
    flex-direction: column;
}

.banner__content h1 {
	color: revert;
	font-size: 8rem;
}

.banner__content p {
	font-size: 2rem !important;
}

.banner__support-text {
	font-size: 1rem;
	font-style: italic;
}

/* Desktop */
@media screen and (min-width: 442px) {
	.banners .slides {
		flex-direction: row;
	}

	.banner {
		max-width: 75%;
		/* max-height: 365px; */
	}

	.banner__wrapper {
		flex-direction: row;
	}

	.banner__image {
		width: 50%;
	}

	.banner__content {
		width: 50%;
		max-height: 365px;
		overflow: hidden;
	}

	.banner__image img {
		/* height: 100%; */
		height: 365px;
	}

	.banners .btn {
		display: block;
	}
}

/* Mobile and Phone */
@media screen and (max-width: 820px) {

	.top-header {
		height: 60vh;
	}

	.banner {
		flex: auto;
		width: 100%;
		max-width: 100%;
	}

	.banners .slides {
		gap: 4.5rem;
	}

	.button-group a.full-width-mobile {
		width: 100%;
		text-align: center;
		font-size: 3rem;
	}

	.section-headline {
		font-size: 1.2rem;
	}
}


.slides {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}

.slides::-webkit-scrollbar {
	height: 0;
}

.slides > .slide {
	scroll-snap-align: start;
	flex-shrink: 0;
	transform-origin: center center;
	transform: scale(1);
	transition: transform 0.5s;
	position: relative;
}

.button-group {
	padding-bottom: 4rem;
	margin-top: 100px;
}

.support-text {
	color: #FFF;
	text-align: center;
}
.support-text p {
	max-width: 80vw !important;
}

.section-headline {
	text-align: center;
	margin-bottom: 2rem;
	color: #000;
	font-weight: 600;
	font-size: 20px;
	padding: 15px 25px;
	text-transform: uppercase;
	letter-spacing: .15rem;
	transition: all .3s;
	font-weight: 600;
	margin-top: 120px; 
}

@media screen and (max-width: 959px) {
	.section-headline {
		font-size: 1.4rem;
		margin-top: 130px;
	}
}

@media screen and (max-width: 959px) {
	#top-buttons .btn-fancy {
		font-size: 20px;
	}
}

/* Top tabs */
.tab-background {
    background: #E6E6E7;
}


.tabs {
	text-align: center;
}


.tab-left {
    margin-top: 15px;
    width: 15%;
	  height: 50px;
    flex-shrink: 0;
    border-radius: 16px 16px 0px 0px; 
    display:inline-block;
    vertical-align: bottom;
}

.tab-right {
    width: 15%;
	  height: 50px;
    flex-shrink: 0;
    border-radius: 16px 16px 0px 0px; 
    display:inline-block;
    vertical-align: bottom;
}

.tab-active {
	background: #FFF;
	position: relative;
	z-index: 99997;
}

.tab-passive {
	background: #D0D0D1;
}

.tab-bottom {
	background-color: #FFFFFF;
	height: 10px;
}

.tab-img {
    display: block;
    height: 50%;
    margin: 10px;
    margin-left:auto;
    margin-right: auto;
  }

  .tab-right {
    position: relative;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }

  .tab-left {
    position: relative;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }


  .tab-passive:before {
    content: "";
    position:absolute;
    bottom:0;
    left:-40px;
    height:40px;
    width: 40px;
    border-bottom-right-radius: 40%;
    box-shadow: 20px 0 0 0 #D0D0D1; 
  }
  .tab-passive:after {
    content: "";
    position:absolute;
    bottom:0;
	right: -40px;
    height:40px;
    width: 40px;
    border-bottom-left-radius: 40%;
    box-shadow: -20px 0 0 0 #D0D0D1; 
  }
  
  .tab-active:before {
    content: "";
    position:absolute;
    bottom:0;
    left:-40px;
    height:40px;
    width: 40px;
    border-bottom-right-radius: 40%;
    box-shadow: 20px 0 0 0 #FFFFFF; 
  }

  .tab-active:after {
    content: "";
    position:absolute;
    bottom:0;
    right: -40px;
    height:40px;
    width: 40px;
    border-bottom-left-radius: 40%;
    box-shadow: -20px 0 0 0 #ffffff; 
  }


@media screen and (max-width: 1024px) {
	.tab-left {
		margin-top: 15px;
		width: 20%;
		height: 60px;
		flex-shrink: 0;
		display:inline-block;
		vertical-align: bottom;
	}

	.tab-right {
		width: 20%;
		height: 60px;
		flex-shrink: 0;
		display:inline-block;
		vertical-align: bottom;
	}

}

@media screen and (max-width: 768px) {
	.tab-left {
		margin-top: 15px;
		width: 30%;
		height: 60px;
		flex-shrink: 0;
		display:inline-block;
		vertical-align: bottom;
	}

	.tab-right {
		width: 30%;
		height: 60px;
		flex-shrink: 0;
		display:inline-block;
		vertical-align: bottom;
	}

}

@media screen and (max-width: 580px) {
	.tab-left {
		margin-top: 10px;
		width: 35%;
		height: 50px;
		flex-shrink: 0;
		display:inline-block;
		vertical-align: bottom;
	}

	.tab-right {
		width: 35%;
		height: 50px;
		flex-shrink: 0;
		display:inline-block;
		vertical-align: bottom;
	}

}

.salon-container .topp a[href^="tel:"] {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.om-salong-title {
		font-size: 16px;
		text-align: left;
		text-transform: uppercase;
	}

	.apningstider h2 {
		font-weight: 600;
		font-style: normal;
		font-family: 'Roboto Condensed', sans-serif;
		color: #453F3F;
		line-height: normal;
		font-size: 16px;
		margin-bottom: 8px;
		margin-top: 0px;
		text-align: left;
		text-transform: uppercase;
	
	}
}

@media screen and (max-width: 768px) {
    /* Salongside mobile adjustments */
    .om-salong {
        margin: 15px 15px;
    }

    .beh-apn {
        margin-top: 15px;
    }

    .apningstider {
        margin: 0 15px 15px 15px;
        padding: 0;
    }

    .salon-image-container {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 0;
        margin-bottom: 35px;
        display: block;
        clear: both;
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);
        box-sizing: border-box;
    }
    
    .salon-image-container img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
        box-sizing: border-box;
    }

    .behandlinger {
        flex-direction: column;
        gap: 15px;
        margin: 0 0 15px 0;
        padding: 0;
    }

    .inner-apningstider, .inner-behandlinger {
        padding: 15px 15px 15px 0;
        min-height: auto;
    }

    .inner-apningstider {
        text-align: left;
    }

    .inner-behandlinger {
        padding: 15px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    
    .Beskrivelse {
        font-size: 16px !important;
        font-size: 1.6rem !important;
        font-family: 'Roboto Condensed', sans-serif;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        color: #000;
    }

    .header-behandlinger {
        font-size: 16px;
        font-size: 1.6rem;
        text-transform: uppercase;
    }

    .salon-image-behandlinger {
        width: 100%;
        margin-bottom: 15px;
    }

    .salon-image-mobile {
        margin: 15px 15px;
        margin-bottom: 15px;
        text-align: center;
    }

    .salon-image-mobile img {
        margin: 0 auto;
    }

    .map {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px;
        margin-bottom: 0;
        width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
        box-sizing: border-box;
    }

    .salon-container .map {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px;
        margin-bottom: 0;
        width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
        box-sizing: border-box;
    }

    .salon-image-payment-wrapper {
        margin-top: 15px;
        margin-left: 0;
        margin-right: 0;
        display: block;
        width: 100%;
    }

    .salon-image-payment-row {
        display: block;
        margin-bottom: 15px;
    }

    .salon-image-mobile {
        margin-bottom: 15px;
    }

    .salon-payment-mobile {
        margin: 0 15px 15px 15px !important;
        font-size: 16px !important;
        font-size: 1.6rem !important;
        padding: 0;
        font-family: 'Roboto Condensed', sans-serif;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        color: #241F20;
    }

    .salon-payment-mobile .salon-payment-title {
        font-size: 16px !important;
        font-size: 1.6rem !important;
        font-weight: 600 !important;
        font-style: normal;
        line-height: 160%;
        font-family: 'Roboto Condensed', sans-serif;
        text-align: left;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-transform: uppercase !important;
        color: #000;
    }
    
    .salon-payment-mobile .salon-wysiwyg-content {
        font-size: 16px !important;
        font-size: 1.6rem !important;
        font-family: 'Roboto Condensed', sans-serif;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        color: #241F20;
    }
    
    .salon-payment-mobile .salon-payment-text {
        font-size: 16px !important;
        font-size: 1.6rem !important;
    }
    
    .salon-payment-mobile p {
        margin: 0 !important;
        font-size: 16px !important;
        font-size: 1.6rem !important;
    }

    .salon-image-payment-wrapper .map {
        margin-top: 0;
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
        box-sizing: border-box;
    }

    .beliggenhet {
        margin: 0 15px 2px 15px;
        padding-top: 20px;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 160%;
    }
    
    .beliggenhet .salon-wysiwyg-content {
        font-size: 16px !important;
        font-size: 1.6rem !important;
        font-family: 'Roboto Condensed', sans-serif;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
    }
    
    .beliggenhet .salon-wysiwyg-content p {
        font-size: 16px !important;
        font-size: 1.6rem !important;
    }

    .beliggenhet-title {
        font-size: 16px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .salon-extra {
        margin: 15px 15px 0 15px;
        font-size: 16px;
        font-size: 1.6rem;
    }

    .salon-extra-title {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: left;
        margin-top: 30px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .salon-faq-container {
        margin: 15px 15px;
        margin-top: 50px;
    }

    .salon-faq-title {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: left;
        margin-top: 20px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .salon-faq-container .accordion a {
        padding-right: 3rem;
    }

    .salon-faq-container .accordion a::after {
        right: 0.5rem;
    }

    .salon-instagram {
        margin: 15px 15px;
        margin-top: 15px;
    }
}

/* GF Job Form */
.gfjob-submit {
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
}	

.gfjob-rec {
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
}

/* Gravity Form Background for Page ID 22655 */
.gravity-form-wrapper {
    background-color: rgba(244, 163, 121, 0.3);
    padding: 30px;
    border-radius: 8px;
    margin-top: 20px;
}

.gravity-form-wrapper .gform_wrapper {
    margin: 0;
}

.gravity-form-wrapper .gform_fields {
    margin: 0;
}

.gravity-form-wrapper .gfield {
    margin-bottom: 20px;
}

.gravity-form-wrapper .gfield_label {
    font-weight: 600;
/*    margin-bottom: 8px; */
    display: block;
}

.gravity-form-wrapper input[type="text"],
.gravity-form-wrapper input[type="email"],
.gravity-form-wrapper input[type="tel"],
.gravity-form-wrapper textarea,
.gravity-form-wrapper select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

.gravity-form-wrapper .gform_footer {
    margin-top: 20px;
}

.gravity-form-wrapper .gform_button {
    background-color: #FF9E6F;
    color: #241F20!important;
    padding: 12px 50px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.gravity-form-wrapper .gform_button:hover {
    background-color: #333;
}

/* Use direct child selectors for the first two fields + footer */
#gform_fields_10 {
	display: flex;
	flex-wrap: wrap; /* Wrap for responsive fallback */
  }
  
  /* Target first row: name (field_10_1) and mobile (field_10_6) */
  #gform_fields_10 > #field_10_1,
  #gform_fields_10 > #field_10_6 {
	flex: 1 1 auto;
	min-width: 0;
	margin-bottom: 0; /* remove bottom space to keep inline */
  }
  
  /* Add gap between name and mobile fields */
  #gform_fields_10 > #field_10_1 {
	margin-right: 20px;
  }
  
  /* Submit button should not stretch */
  #gform_10_footer {
	flex: 0 0 auto;
	align-self: flex-end;
	margin-left: 12px; /* space between input and button */
  }
  
  /* Keep checkbox and other fields below */
  #field_10_3,
  #field_10_4 {
	flex: 1 1 100%;
	margin-top: 16px;
  }
  
  /* Consistent styling for field_10_1 and field_10_6 labels and inputs */
  #field_10_1 .gfield_label,
  #field_10_6 .gfield_label,
  #field_11_1 .gfield_label,
  #field_11_6 .gfield_label {
	font-size: 16px;
	font-weight: 600;
/*	margin-bottom: 8px; */
	display: block;
	text-transform: uppercase;
  }
  
  /* Make the "Ditt navn" sub-label uppercase as well */
  #field_10_1 .gform-field-label--type-sub,
  #field_11_1 .gform-field-label--type-sub {
	text-transform: uppercase;
  }
  
  #field_10_1 .ginput_container,
  #field_10_6 .ginput_container,
  #field_11_1 .ginput_container,
  #field_11_6 .ginput_container {
	margin-top: 8px;
  }
  
  #field_10_1 input,
  #field_10_6 input,
  #field_11_1 input,
  #field_11_6 input,
  #input_10_4_6,
  #input_11_4_6 {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 16px;
	background-color: rgba(69, 63, 61, 0.1);
	color: #000;
  }
  
  .gfjob-info {
	margin-left: 0px !important;
	font-size: small;
	font-style: italic;
  }
  
 #label_10_3_1,
 #label_11_3_1 {
	font-weight: 600;
 }
 
 /* Ensure text content (h2 and paragraphs) takes full width and is always first */
 #field_10_10,
 #field_11_10 {
	flex: 1 1 100%;
	margin-bottom: 20px;
 }
 
.gfjob-excerpt {
	font-size: 20px;
	color: #241F20;
	line-height: 160%;
	margin-left:0px !important;
	margin-bottom: 8px !important;
}

.gfjob-text {
	margin-top: 16px;
	font-size: 16px;
	color: #241F20;
	line-height: 160%;
	margin-left:0px !important;
}

.gfjob-header {
	font-size: 40px;
	color: #241F20;
	line-height: normal;
	font-weight: 600;
	margin-left:0px !important;
	margin-bottom: 10px !important;
}

#gfield_description_10_4,
#gfield_description_11_4 {
	font-size: 14px;
	color: #241F20;
	line-height: 160%;
	margin-left:0px !important;
	text-transform: uppercase;
 }
 
 /* Hide label for input_10_4_6 */
 #input_10_4_6_container label,
 #input_11_4_6_container label {
	display: none;
 }
 
 /* Style checkbox in field_10_3  and field_11_3*/
 #field_10_3	 input[type="checkbox"],
 #field_11_3 input[type="checkbox"] {
	width: 24px;
	height: 24px;
	border: 2px solid #000;
	background-color: transparent;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
 }
 
 #field_10_3 input[type="checkbox"]:checked,
 #field_11_3 input[type="checkbox"]:checked {
	background-color: #000;
	position: relative;
	background-size: 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
	position: relative;
	width: 22px;
	height: 22px;
	outline: 2px solid #000;
	border: 1px #fff solid;
 }
 
 #field_10_3 input[type="checkbox"]:checked::after,
 #field_11_3 input[type="checkbox"]:checked::after,
 #field_10_3 input[type="checkbox"]:checked::after,
 #field_11_3 input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 16px;
	font-weight: bold;
 }
 
 /* Move field_10_9 below the submit button */
 #field_10_9,
 #field_11_9 {
	flex: 1 1 100%;
	margin-top: 20px;
	order: 999;
 }

/* Mobile adjustments for gfjob-header */
@media screen and (max-width: 768px) {
	.gfjob-header {
		font-size: 28px !important;
	}
}

@media screen and (max-width: 480px) {
	.gfjob-header {
		font-size: 24px !important;
	}
}

/* Mobile adjustments for gfjob-header */
@media screen and (max-width: 768px) {
	.gfjob-header {
		font-size: 28px !important;
	}
	
	.gfjob-excerpt {
		font-size: 18px !important;
		margin-bottom: 12px !important;
	}
	
	.gfjob-text {
		font-size: 14px !important;
		margin-top: 12px !important;
		line-height: 140% !important;
	}
}

@media screen and (max-width: 480px) {
	.gfjob-header {
		font-size: 24px !important;
	}
	
	.gfjob-excerpt {
		font-size: 16px !important;
		margin-bottom: 10px !important;
	}
	
	.gfjob-text {
		font-size: 13px !important;
		margin-top: 10px !important;
		line-height: 130% !important;
	}
}

/* Remove underline from book-link */
.book-link,
.book-link:hover,
.book-link:focus,
.book-link:visited {
    text-decoration: none !important;
}

/* Also ensure the book-salon button itself has no underline */
.book-salon .book-link,
.book-salon .book-link:hover,
.book-salon .book-link:focus,
.book-salon .book-link:visited {
    text-decoration: none !important;
}

img { -webkit-user-drag: none; user-select: none; }

/* WPBakery single image */
.vc_single_image-img {
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	user-select: none;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
  }
  
  /* WPBakery image galleries / sliders */
  .wpb_gallery img,
  .vc_grid-item img,
  .vc_media_grid img,
  .vc_masonry_grid img,
  .vc_masonry_media_grid img,
  .vc_gitem-zone-img img,
  .vc_zoom_image {
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	user-select: none;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
  }
  
  /* Some WPBakery grids use background-image on a wrapper instead of <img> */
  .vc_gitem-zone-img,
  .vc_masonry_media_grid .vc_grid-item-mini,
  .vc_media_grid .vc_grid-item-mini {
	-webkit-touch-callout: none;
	user-select: none;
  }
  
/* ==========================================================================
   Booking app – vilkår link (must stay black)
   ========================================================================== */

   .wrapper .box.receipt .confirm-image .confirm-info .text-vilkar a,
   .wrapper .box.receipt .confirm-image .confirm-info .text-vilkar a:link,
   .wrapper .box.receipt .confirm-image .confirm-info .text-vilkar a:visited,
   .wrapper .box.receipt .confirm-image .confirm-info .text-vilkar a:hover,
   .wrapper .box.receipt .confirm-image .confirm-info .text-vilkar a:active,
   .box.receipt .confirm-image .confirm-info .text-vilkar a,
   .box.receipt .confirm-image .confirm-info .text-vilkar a:link,
   .box.receipt .confirm-image .confirm-info .text-vilkar a:visited,
   .box.receipt .confirm-image .confirm-info .text-vilkar a:hover,
   .box.receipt .confirm-image .confirm-info .text-vilkar a:active,
   .confirm-image .confirm-info .text-vilkar a,
   .confirm-image .confirm-info .text-vilkar a:link,
   .confirm-image .confirm-info .text-vilkar a:visited,
   .confirm-image .confirm-info .text-vilkar a:hover,
   .confirm-image .confirm-info .text-vilkar a:active,
   .text-vilkar a.vilkar-link,
   .text-vilkar a.vilkar-link:link,
   .text-vilkar a.vilkar-link:visited,
   .text-vilkar a.vilkar-link:hover,
   .text-vilkar a.vilkar-link:active {
	 color: #000000 !important;
   }