/*
Theme Name: GV Reklame
Author: GV Reklame
Description: GV Reklame stylesheet
Version: 1.0.0
Text Domain: GV Reklame
*/

* {scroll-padding-top: 6rem;}
html {scroll-behavior: smooth}
html, body {height: 100%;}
body, .editor-styles-wrapper.block-editor-writing-flow {
	--font: myriad-pro, -apple-system, system-ui, BlinkMacSystemFont, “Segoe UI”, Helvetica, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”, sans-serif;
	--accent-font: univia-pro, var(--font);
	--light: 300;
	--regular: 400;
	--bold: 700;
	
	--blue-main: #192948;
	--orange-main: #F07F13;
	--blue-dark: #000726;
	--white: #FAFAFA;
	--grey1: #E3EBEC;
	--blue-bright: #1E5C9D;
	--blue-brighter: #3D94E2;
	
	--error: #F05713;
	
	--dark-bg: var(--blue-dark);
	--bright-bg: var(--grey1);
	
	--text-color-br: var(--grey1);
	--text-color-d: var(--blue-dark);
	
	--light: 300;
	--regular: 400;
	--bold: 600;
	
	--br-sm: 5px;
	--br-md: 10px;
	--br-lg: 25px;
	--br-xl: 50px;
	--border-width: 7px;
	
	--transition: all .3s ease;
	
	--moz-box-shadow: 0 2px 5px -1px rgba(156,136,129,.3);
	--webkit-box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
	--box-shadow: 0 2px 5px -1px rgb(156 136 129 / 30%);
	
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	font-family: var(--font);
	color: var(--text-color-br) !important;
	text-align: left;
	background-color: var(--dark-bg);
	word-spacing: 0.5px;
	letter-spacing: .3px;
	
	display: flex;
	flex-direction: column;
}
@media only screen and (max-width:767px) {
	body {
		--br-sm: 3px;
		--br-md: 10px;
		--br-lg: 20px;
	}
}
#main {
	flex: 1 0 auto;
	width: 100%;
	overflow: clip;
}
@media only screen and (min-width:575px) {
	.container-fluid.narrow {max-width: 90%}
}

.gt-current-lang {display: none;}
.menu-items a.glink span {color: var(--blue-main);}
.menu-items a.glink span:hover, .menu-items a.glink span:focus {color: var(--orange);}

.orange {color: var(--orange);}

/* Content handling */
h1, h2, h3, p.subhead, .style-h2 h2, .subhead {font-family: var(--accent-font);}
h1 {
    font-size: 3.5rem;
    font-weight: bold;
    padding-bottom: 1rem;
}
.post h1 {hyphens: none}

.policy h2, .post-content h2 {padding-top: 2rem;}
h2.sm-h2 {font-size: 1.35rem;}
.post-content h3 {
	font-size: 1.5rem;
	padding-top: 1.25rem;
	font-weight: var(--light);
}
.post-content .first-head h2, .post-content h2:first-child {padding-top: 0; margin-top: 0;}
.post-content .btn {margin-bottom: 2rem;}
h4 {font-size: 1.2rem;}

h1 em, h2 em, h3 em, .em-swap em, .subhead em{
    color: var(--orange-main);
    font-style: normal;
}
.orange-bg h1 em, .orange-bg h2 em, .orange-bg h3 em, .orange-bg .em-swap em, .orange-bg .subhead em {
	color: inherit;
}

.lead p {
    font-size: 1.25rem;
    font-weight: 300;
}
.caveat {
	font-size: .95rem;
	font-style: italic;
}
p.subhead, .style-h2 h2, .subhead {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
}
.lys-bg p.subhead {color: var(--blue-main);}
.badge {
    background: var(--orange-main);
    color: var(--blue-dark);
    margin-bottom: .5rem;
	width: fit-content;
}
.badge a {text-decoration: none;}
/*.style-h2 h2 {
    font-size: 1rem;
    position: relative;
    margin-bottom: 2rem;
}
.style-h2 h2:after {
    content: "";
    border: 0;
    position: absolute;
    border-top: 2px solid var(--white);
    margin-top: 30px;
    left: 0;
    width: var(--br-xl);
}*/

.white-bg, .blog-post {
	background: var(--white);
	color: var(--text-color-d);
}
.bright-bg {
	background: var(--bright-bg);
	color: var(--text-color-d);
}
.dark-bg {
	background: var(--dark-bg);
	color: var(--text-color-br);
}
.orange-bg {
	background: var(--orange-main);
	color: var(--text-color-d);
}
.round-bg {
	border-radius: var(--br-lg);
	overflow: hidden;
}
.p-bg {padding: var(--sm-spacer);}

@media only screen and (max-width:766px) {
	.large-h1 h1, h1 {font-size: 2.5rem;}
	h2 {font-size: 1.7rem;}
	h3 {font-size: 1.3rem;}
}
@media only screen and (min-width:1600px) {
	body {font-size: 1.1rem;}
	.lead p {font-size: 1.35rem;}
}
@media only screen and (max-width:992px) {
	h1 {
		overflow-wrap: break-word;
		word-break: break-word;
		max-width: 100%;
		display: block;
	}
}

a {
    color: #e7e7e7;
    text-decoration: underline;
    font-weight: bold;
}
a:hover, a:focus {
	color: var(--orange-main);
	text-decoration: none;
}
.lys-bg a:hover, .lys-bg a:focus {
	color: var(--orange-main);
	text-decoration: none;
}

a.bold {color: var(--orange-main);}
a.bold:hover, a.bold:focus {color: var(--white);}
.lys-bg.post p a, .lys-bg.post ul li a, .lys-bg.post ol li a {color: var(--blue-main);}

.overlay-link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* Lists */
ul, ol {
	margin-top: 1rem;
	padding-inline-start: 18px;
}
ul.bulletlist, .bulletlist ul {
    list-style: none;
    border-left: 2px solid var(--orange-main);
}
ul.bulletlist li:before, .bulletlist li:before {
    content: "";
    width: 13px;
    height: 2px;
    margin-left: -18px;
    margin-top: 12px;
    position: absolute;
    background: var(--orange-main);
}
.checklist, .crosslist, footer ul {padding-inline-start: 0}
li {padding-bottom:1rem}
.bulletlist li:last-child {padding-bottom: 0;}
.checklist, .crosslist, .cleanlist, footer ul {list-style: none}
.checklist li:before, .checklist p:before, .crosslist li:before, .crosslist p:before {
    content: "";
    display: inline-block;
    vertical-align: top;
	margin-top: 2px;
    margin-right: 8px;
    width: 17.5px;
    height: 20px;
	background-color: var(--white);
}
.checklist li:before, .checklist p:before {
	-webkit-mask: url('/wp-content/uploads/2025/02/check.svg') center / contain no-repeat;
	mask: url('/wp-content/uploads/2025/02/check.svg') center / contain no-repeat;
}
.crosslist li:before, .crosslist p:before {
	-webkit-mask: url('/wp-content/uploads/2025/02/cross.svg') center / contain no-repeat;
	mask: url('/wp-content/uploads/2025/02/cross.svg') center / contain no-repeat;
}
.flipper:not(.hero) :is(.checklist, .crosslist) li:before {background-color: var(--blue-dark);}

/* Backgrounds */
.lys-bg {background-color: var(--white);}
.lys-bg p, .lys-bg ul li, .lys-bg ol li, .lys-bg h2, .lys-bg h3, .lys-bg h4 {color: var(--blue-dark);}
.lys-bg a {color: var(--orange-main);}

/* SKJERMLESER */
.screenreader-desktop {
	position: fixed;
	left: -999px;
	width: 1px;
	height: 1px;
	top: 0;
}
.screenreader-desktop:focus {
	color: var(--white);
	text-decoration: none;
	background: var(--blue-main);
	display: inline-block;
	height: auto;
	width: auto;
	position: fixed;
	margin: auto;
	z-index: 10000;
	top: 15px;
	left: 15px;
	padding: 8px 16px;
	border-radius: var(--br-lg);
	-moz-box-shadow: var(--moz-box-shadow);
	-webkit-box-shadow: var(--webkit-box-shadow);
	box-shadow: var(--box-shadow);
}

/* Spacing */
body {
	--sm-spacer: 2rem;
	--md-spacer: 3.5rem;
	--lg-spacer: 4rem;
}
@media only screen and (min-width:768px) {
	body {
		--max: 5vw;
	}
}
@media only screen and (min-width:1600px) {
	body {
		--sm-spacer: 3rem;
		--md-spacer: 6rem;
		--lg-spacer: 9rem;
		--max: 10vw;
	}
}
@media only screen and (max-width:767px) {
	body {
		--sm-spacer: 1.5rem;
		--md-spacer: 2rem;
		--lg-spacer: 3rem;
	}
}
.sm-spacer, .sm-spacer-top {padding-top: var(--sm-spacer);}
.sm-spacer, .sm-spacer-btm {padding-bottom: var(--sm-spacer);}
.md-spacer, .md-spacer-top, .round-bg .bg-spacer {padding-top: var(--md-spacer);}
.md-spacer, .md-spacer-btm {padding-bottom: var(--md-spacer);}
.lg-spacer, .lg-spacer-top {padding-top: var(--lg-spacer);}
.lg-spacer, .lg-spacer-btm, .round-bg .bg-spacer {padding-bottom: var(--lg-spacer);}
.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}

.wp-block-columns {padding: 15px;}

/* Images and video files */
.video-fluid {
    max-width: 100%;
    height: auto;
}
img.rounded, .wp-block-gallery img, .wp-block-image img, video:not(#videoBG), .rounded-img img {border-radius: var(--br-sm) !important;}
.blog-list-img img, .blog-hero-img img, .placeholder, .team-img img {border-radius: var(--br-sm);}

.svg-icon + h2, .svg-icon + h3 {padding-top: 0;}
img.icon, .icons svg {
	height: 65px;
	margin: 1rem 0;
	width: fit-content;
}
.svg-icon {
	max-height: 60px;
	margin: .5rem 0;
	width: fit-content;
}
p.icon-title {font-weight: var(--bold);}
img.lyslogo {
	max-height: 50px;
	margin-bottom: 1rem;
}
.justify-icon .img.icon, .justify-icon .icons svg, .icons .justify-icon svg {margin: 0 auto;}
@media only screen and (max-width:576px) {
	img.icon, .icons svg {height: 50px;}
}

iframe.youtube {
    aspect-ratio: 16 / 9;
    width: 100%;
}
iframe.youtube.rounded {
	border-radius: var(--br-md);
	overflow: hidden;
}
@media (max-width: 600px) {
	.youtube.reel {aspect-ratio: 7 / 9;}
	.youtube.reel-sm {aspect-ratio: 5 / 9;}
}

/* Navigation */
.menu-logo {
	position: absolute;
	z-index: 100;
	top: 20px;
	left: 5%;
	max-width: 75%;
}

@media only screen and max-width:576px {
	.menu-logo {max-width: 90%;}
}

.navbar {padding: 1rem;}
a.nav-link {
    color: var(--blue-main);
	text-decoration: none;
}
a.nav-link:hover, a.nav-link:focus {color: var(--orange-main);}
.navbar-nav .active>.nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show>.nav-link, .sub-item .active {
	color: var(--orange-main);
	font-weight: var(--bold);
	cursor: default;
}
.sub-item, .dropdown-item {
	padding-left: 1rem;
	text-decoration: none;
}
.sub-item a, .dropdown-item a {font-weight: var(--regular);}
.dropdown-menu {
	display: block;
	background-color: transparent;
	border: none;
}
.dropdown-menu .menu-item.active a {color: var(--orange-main);}
.navbar li.current-menu-ancestor > a {
    border-bottom: none;
    font-style: italic;
	color: var(--blue-main) !important;
}
.dropdown-item:hover, .dropdown-item:focus {
	background: transparent;
	border: none;
}
.dropdown-toggle::after {display:none;}
.sub-item:focus, .sub-item:hover, .dropdown-item:hover, .dropdown-item:focus {
    color: var(--orange-main);
    background-color: transparent;
}

.hamburger-lines::before {
    content: "";
    width: 250px;
    height: 55px;
    background: var(--blue-dark);
    position: absolute;
    z-index: 99;
    border-radius: var(--br-xl) 0 0 var(--br-xl);
    margin-left: -30px;
    margin-top: -14px;
}

.nav-container .checkbox {
	position: absolute;
    display: block;
    right: 0;
    height: 60px;
    width: 150px;
    top: 14px;
    z-index: 110;
    opacity: 0;
    cursor: pointer;
}
.navbar .menu-items {
	position: fixed;
	min-width: 600px;
	z-index: 1;
	right: 0;
	transform: translate(150%);
	transition: transform 0.5s ease-in-out;
	background-color: var(--white);
	padding: 3rem;
	overflow-y: scroll;
	top: 0;
	-moz-box-shadow: var(--moz-box-shadow);
	-webkit-box-shadow: var(--webkit-box-shadow);
	box-shadow: var(--box-shadow);
	border-bottom-left-radius: var(--br-lg);
}
.navbar .menu-items p {color: var(--blue-dark);}
.menu-items .divider {border-top: 1px solid var(--grey1);}
.nav-container input[type="checkbox"]:checked ~ .menu-items, .nav-container input[type="checkbox"]:checked ~ .nav-btn {transform: translateX(0)}
.hamburger-lines {
	display: block;
    height: 26px;
    width: 32px;
    position: absolute;
    top: 30px;
    right: 7%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hamburger-lines .line {
	display: block;
	height: 4px;
	width: 100%;
	border-radius: 10px;
	background: var(--white);
	z-index: 100;
}
.hamburger-lines .line1 {
	transform-origin: 0% 0%;
	transition: transform 0.4s ease-in-out;
}
.hamburger-lines .line2 {transition: transform 0.2s ease-in-out}
.hamburger-lines .line3 {
	transform-origin: 0% 100%;
	transition: transform 0.4s ease-in-out;
}
.nav-container input[type="checkbox"]:checked ~ .menu-items {transform: translateX(0)}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {transform: rotate(45deg)}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {transform: scaleY(0)}
.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {transform: rotate(-45deg)}
.close-burger label {
	color: transparent;
	opacity: 0;
	top: 30px;
	position: absolute;
	right: 15px;
}
.close-burger input[type="checkbox"]:checked ~ label {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
}
.gtranslate {
	position: absolute;
	top: 30px;
	right: 200px;
}

nav.rank-math-breadcrumb {font-size: .8rem;}

@media only screen and (max-width:767px) {
	.navbar .menu-items {
		width: 70%;
		min-width: 200px;
		height: 95%;
		padding: 4rem 2rem;
	}
}
@media only screen and (min-width:992px) {
	.navbar .menu-items {
		width: 80%;
		padding: 3rem 7rem;
		height: 100vh;
	}
	.navbar-nav li {margin-bottom: 1rem;}
}
@media only screen and (min-width:1600px) {
	.nav-container .checkbox {width: 500px;}
	.gtranslate {
		right: 13%;
		z-index: 99999999;
	}
}

/* Breadcrumbs */
.breadcrumb, nav.rank-math-breadcrumb {
	background-color: transparent;
	display: block;
	padding-left: 0;
}
.breadcrumb li a, .rank-math-breadcrumb p {font-size: .8rem !important}
.breadcrumb li a, .rank-math-breadcrumb p a, a.author {color: var(--sand)}
.breadcrumb li a:hover, .rank-math-breadcrumb p a:hover, a.author:hover {color: var(--white)}
.rank-math-breadcrumb p .last {color: var(--white)}

/* Buttons and links */
.overlay-link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.clean-link a, a.clean-link {
	color: inherit;
	text-decoration: none !important;
}

a.read-more {
	padding: 0 3px;
	color: var(--orange);
	border-bottom: 2px solid var(--orange);
	width: fit-content;
	margin-bottom: 1rem;
	text-decoration: none;
	font-weight: var(--bold);
	transition: var(--transition);
	-webkit-transition: var(--transition);
	display: inline-block;
	border-radius: 0;
}
p.read-more {cursor: pointer;}
a.read-more:hover, a.read-more:focus {
	color: var(--white);
	text-decoration: none;
	border-color: var(--white);
}
a.read-more:after {
	content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
	margin-bottom: 4px;
    width: 20px;
    height: 20px;
	background-color: var(--orange);
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-webkit-mask: url('/wp-content/uploads/2025/02/arrow-right.svg') center / contain no-repeat;
	mask: url('/wp-content/uploads/2025/02/arrow-right.svg') center / contain no-repeat;
}
a.read-more:hover:after, a.read-more:focus:after {
	background-color: var(--white) !important;
	transform: rotate(-45deg);
}
.flipper:not(.blog-post) .read-more {
	color: var(--white);
	border-color: var(--white);
}
.flipper:not(.blog-post) a.read-more:after {background-color: var(--white);}
.blog-post a.read-more:hover, .blog-post a.read-more:focus, .white-bg a.read-more:hover, .white-bgt a.read-more:focus {
	color: var(--blue-main);
	border-color: var(--blue-main);
}
.blog-post a.read-more:hover:after, .blog-post a.read-more:focus:after, .white-bg a.read-more:hover:after, .white-bg a.read-more:focus:after {background-color: var(--blue-main) !important;}

p a, li a, a {color: var(--blue2);}
p a:hover, p a:focus, li a:hover, li a:focus, a:hover, a:focus {color: var(--kobolt);}

.btn, .cookies-btn, button.cky-banner-element, .crt-load-more {
    border-radius: 50px;
	text-align: center;
    color: var(--white) !important;
	font-weight: var(--bold);
    line-height: 120%;
    padding: 16px 40px;
    display: inline-block;
    text-decoration: none;
	margin-top: 1rem;
	margin-bottom: 1rem;
	transition: var(--transition);
	-webkit-transition: var(--transition);
}

.primary-btn, button.cky-banner-element {
	border: 2px solid var(--orange-main);
	background: var(--orange-main);
}
.primary-btn:hover, .primary-btn:focus, .wpcf7-submit:hover, input#submit:focus, .wpcf7-submit:hover, input#submit:focus {
	background: var(--white);
	border-color: var(--white);
    color: var(--blue-dark) !important;
    text-decoration: none;
    box-shadow: none;
	transform: scale(1.05);
}
.orange-bg .primary-btn {
	border-color: var(--white);
	background: var(--white) !important;
	color: var(--blue-dark) !important;
}
.flipper:not(.orange-bg) :is(.primary-btn):is(:hover, :focus) {
	background: var(--blue-dark);
	color: var(--white) !important;
}

.secondary-btn, .crt-load-more {
    border: 2px solid var(--orange-main) !important;
    background: none;
    color: var(--orange-main) !important;
}
.secondary-btn.white {
    border: 2px solid var(--white);
    background: none;
    color: var(--white) !important;
}
.secondary-btn:hover, .secondary-btn:focus, .crt-load-more:hover, .crt-load-more:focus {
	border-color: var(--white) !important;
	color: var(--white) !important;
}
.orange-bg .secondary-btn {
	border-color: var(--white) !important;
	color: var(--white) !important;
}
.orange-bg .secondary-btn:hover, .orange-bg .secondary-btn:focus {
	border-color: var(--black) !important;
	color: var(--black) !important;
}
.flipper:not(.orange-bg) :is(.secondary-btn, .crt-load-more):is(:hover, :focus) {
	border-color: var(--blue-dark) !important;
	color: var(--blue-dark) !important;
}
.cookies-btn {background-color: var(--blue-dark);}
.cookies-btn:hover, .cookies-btn:active {background-color: #B53683}

.myButton {
    border: none;
	padding: 0;
    background-color: transparent;
    color: var(--orange-main);
    margin-bottom: 1.5rem;
    display: block;
}
.myButton:hover, .myButton:focus, .myButton.active {
    padding-left: 15px;
    transition: .3s;
	outline: none;
}
button h3 {
    display: inline-block;
    font-size: 1rem;
}
.myButton a {
	color: var(--orange-main);
	font-weight: var(--regular);
	text-decoration: none;
}
.myButton.active, .myButton.active a {color: var(--white);}
.myButton::after {
    content: "❯";
    display: inline-block;
    margin-right: -12px;
    width: 12px;
    height: 12px;
    margin-left: 3px;
}

/* Hero */
.hero {padding-top: 7rem;}

.header-section.hero {
	margin-bottom: 0px;
    margin-top: 0px;
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding-top: 20vh !important;
    padding-bottom: 20vh !important;
}
.header-section {
    position: relative;
    background-color: #00003E;
    color: #fff;
    margin-top: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 40px;
    overflow: hidden;
}
.header-section.hero video, .header-section.hero img {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header-section.header-section .container-fluid {
    position: relative;
    z-index: 2;
}
/* Image hero */
.full-height {height: 100vh}
.background-image {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position: relative;
}
.background-image:before {
	content: "";
	position: absolute;
	left: 0; right: 0;
	top: 0; bottom: 0;
	background: rgba(0,7,38,.85);
}
.home-text-sec {
    position: absolute;
    width: 100%;
    top: 70%;
    left: 0;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (max-width:576px) {
	.hero {padding-top: 6rem;}
	.btn {
		padding: 12px 10px;
		width: 100%;
	}
	.hero a.read-more, .banner a.read-more {
		display: block;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 577px) {
    .btn-sep .primary-btn + .read-more, .btn-sep .secondary-btn + .read-more, .btn-sep .primary-btn + .secondary-btn {
        margin-left: 1rem;
    }
}

/* LAYOUT */
.lyst-banner {
	background: var(--white);
	color: var(--blue-dark);
}
.reg-banner {
	background: var(--blue-dark);
	color: var(--white);
	border-bottom: 2px solid var(--white);
}
.banner .banner-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--blue-main);
    min-height: 500px;
    right: 0;
}
@media only screen and (max-width:576px) {
	.banner .banner-img {min-height: 60vw;}
}
@media only screen and (min-width:577px) {
	.banner {min-height: 500px;}
}
@media only screen and (min-width:1600px) {
	.banner, .banner .banner-img {min-height: 650px;}
}

/* Galleri */
.acf-gallery-masonry {column-gap: 15px;}
.masonry-item {
	break-inside: avoid;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	border-radius: var(--br-sm);
}
.masonry-item img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: inherit;
	transition: transform 0.3s ease;
}
.masonry-item:hover img {transform: scale(1.05);}

.acf-gallery-masonry.square img, .grid-img.square img { aspect-ratio: 1 / 1; object-fit: cover; }
.acf-gallery-masonry.portrait img, .grid-img.portrait img { aspect-ratio: 3 / 4; object-fit: cover; }
.acf-gallery-masonry.landscape img, .grid-img.landscape img { aspect-ratio: 16 / 9; object-fit: cover; }
.acf-gallery-masonry.original img, .grid-img.original img { aspect-ratio: auto; object-fit: contain; }

.acf-gallery-masonry.cols-1 { column-count: 1; }
.acf-gallery-masonry.cols-1 .masonry-item {
	max-width: 50%;
	margin: 0 auto 15px;
}
.minigal .acf-gallery-masonry.cols-1 .masonry-item {max-width: 100%;}
.acf-gallery-masonry.cols-2 { column-count: 2; }
.acf-gallery-masonry.cols-3 { column-count: 3; }
.acf-gallery-masonry.cols-4 { column-count: 4; }
.acf-gallery-masonry.cols-5 { column-count: 5; }

@media (max-width: 992px) { .acf-gallery-masonry { column-count: 2 !important; } }
@media (max-width: 600px) { .acf-gallery-masonry { column-count: 1 !important; } }

@media (min-width: 1200px) {
    .card-columns {column-count: 5;}
	.card-columns.narrow {column-count: 3;}
}
/*@media (min-width: 1600px) {
    .acf-gallery-masonry.cols-2, .acf-gallery-masonry.cols-3, .acf-gallery-masonry.cols-4, .acf-gallery-masonry.cols-5 {column-count: 5;}
}*/
@media (min-width: 576px) {
	.card-columns.half-col {column-count: 2;}
}

/* Slideshow */
.slideshow-container, .sitat-container {
	position: relative;
	padding: 3rem 0;
}
.sitat-container {
	position: relative;
	padding: 5rem 0;
}
.slideshow-container::after, .sitat-container::after {
    content: "";
    height: 100px;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    top: 120px;
    position: absolute;
    background: url('/wp-content/uploads/2025/09/gv-quote-fill.svg') center no-repeat;
    opacity: .1;
}
.sitat-container::after {top:30px;}
.mySlides {display: none}
.testimonial-btn {
    min-height: 400px;
}
.prev, .next {
    cursor: pointer;
    position: absolute;
    margin-top: 150px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
.prev {left: 0}
.next {right: 0}
.slideshow-container a.next, .slideshow-container a.prev {color:#000726}
.dot {
	cursor: pointer;
	height: 10px;
	width: 10px;
	margin: 0 2px;
	background-color: #e7e7e7;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}
.slideshow-container .active, .dot:hover {
	background-color: #707070;
	height: 12px;
	width: 12px;
}
/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}
@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}
@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

.separate {
    border: 0;
    border-top: 2px solid var(--white);
    display: inline-block;
    margin: 0;
    margin-top: 0.5rem;
    padding-bottom: 1rem;
    width: 50px;
}

/* Blogg */
.blog-list-img {
	aspect-ratio: 16/9;
	overflow: hidden;
	border-radius: var(--br-sm);
}
.blog-list-img:hover img {
	transform: scale(1.05);
}

.blog-post {
	padding: 1.5rem;
	border-radius: var(--br-sm);
}
.toc-container {
	padding: 1rem;
	background: var(--blue-main);
	border-radius: var(--br-sm);
	position: -webkit-sticky;
	position: sticky;
	top: 6rem;
	max-height: calc(100vh - 6rem);
}
.toc-container h2, .tldr-sub {
    font-size: 1rem;
    font-weight: var(--bold);
    margin-bottom: 1rem;
}
.toc-container li {padding-bottom: 1rem;}
.toc-container li a {
	text-decoration: none;
	font-weight: var(--regular);
}
.toc-container li a:hover, .toc-container li a:focus {color: var(--orange);}
@media only screen and (max-width: 992px) {
	.blog-post {padding: 1rem;}
	.toc-container {
        margin-bottom: 1rem;
        max-height: 192px;
        overflow: auto;
    }
}

.post-content .container-fluid.md-spacer {padding: 0;}

/* Ansatte / Team */
.cat-menu {
    z-index: 1050;
    position: relative;
}
.cat-menu a {
    min-height: 30px;
    display: inline-block;
    text-decoration: none;
    background: var(--blue-main);
    padding: .5rem 1rem;
    border-radius: 50px;
    margin-bottom: .5rem;
    color: var(--white);
	font-weight: var(--regular);
	transition: var(--transition);
	-webkit-transition: var(--transition);
}
.cat-menu a:hover, .cat-menu a:focus {
	background: var(--orange-main);
	color: var(--blue-dark);
}
.cat-menu .lysskiltButton.active {
	background: var(--white);
	color: var(--blue-dark);
	pointer-events: none;
}
@media only screen and (max-width:767px) {
	.fixed-top {z-index: 1060;}
}

/* Misc */
.boxes {display: flex;}
.same-h {
	display: flex;
    flex-direction: column;
	height: 100%;
	flex: 1;
}
.justify {justify-content: center;}
.justify-h {justify-content: center;}
.push-down {margin-top: auto;}
.row.nowrap-row, .row.nowrap, .nowrap {
	flex-wrap: nowrap;
	overflow-x: auto;
}
.nowrap {
	display: flex;
	gap: 15px;
}
.nowrap .same-h-img, .nowrap video {height: 300px;}
.fill-img img {
	border-radius: var(--br-md);
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.left-radius img {border-radius: var(--br-md) 0 0 var(--br-md);}
@media only screen and (min-width:450px) {
	.nowrap .same-h-img, .nowrap video {height: 400px;}
}
@media only screen and (min-width:992px) {
	.left-lg-radius img {border-radius: var(--br-md) 0 0 var(--br-md) !important;}
	.right-lg-radius img {border-radius: 0 var(--br-md) var(--br-md) 0 !important;}
}

.service-btn {
	padding: .75rem 0;
	display: block;
	border: 1px solid var(--grey1);
	border-radius: 50px;
	margin: 0 auto;
	margin-bottom: 1rem;
	text-align: center;
}
.service-btn.active {
	color: var(--orange);
	border-color: var(--orange);
}
a.service-btn {text-decoration: none;}
.service-btn:not(.active):hover, .service-btn:not(.active):focus {
	border-color: var(--blue-brighter);
	color: var(--blue-brighter);
}
img.same-h-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.service-img-box {display: block;}
@media only screen and (max-width:429px) {
	.nowrap .same-h-img {
        width: auto !important;
        max-width: fit-content;
    }
}
@media only screen and (min-width:430px) {
	.same-h-img {min-height: 400px;}
}
@media only screen and (max-width:992px) {
	.service-btn {
		padding: .25rem 1rem;
		display: inline-block;
	}
}
@media only screen and (min-width:1400px) {
	.service-img-box {aspect-ratio: 1 / 1;}
}

/* Scroll bar */
.custom-scroll {padding-bottom: 30px;}
.custom-scroll::-webkit-scrollbar {height: 10px;}
.custom-scroll::-webkit-scrollbar-track {
	background-color: var(--blue-bright);
	border-radius: 15px;
	max-width: 60% !important;
	margin-top: 3rem;
	margin-left: 25vw;
	margin-right: 25vw;
}
.custom-scroll::-webkit-scrollbar-thumb {
  background-color: var(--white);
  border-radius: var(--br-lg);
}
@-moz-document url-prefix() {
	.custom-scroll {
		scrollbar-width: thin;
		scrollbar-color: var(--white) var(--blue-bright);
		margin: 1rem;
	}
}

/* Misc */
.img-placeholder, .placeholder {
	width: 100%;
	padding-bottom: 100%;
	background: var(--blue-main);
}

.quote-bg, .quote-simple {margin: 1rem 0;}
.quote-by {font-style: italic;}
.quote-bg .quote {
	border-radius: var(--br-sm);
	background: var(--grey1);
	position: relative;
	padding: 1rem;
	position: relative;
}
.manual-quote {position: relative;}
.quote-bg .quote:before, .manual-quote:before {
	content: "";
    display: block;
	margin-top: 2px;
	margin-bottom: 5px;
    width: 25px;
    height: 25px;
	background-color: var(--blue-main);
	-webkit-mask: url('/wp-content/uploads/2025/09/gv-quote-fill.svg') center / contain no-repeat;
	mask: url('/wp-content/uploads/2025/09/gv-quote-fill.svg') center / contain no-repeat;
}
.manual-quote:before {
	width: 50px;
    height: 50px;
	background-color: var(--orange-main);
	margin-left: calc(50% - 25px);
}
.flipper .manual-quote:before {background-color: var(--blue-main);}
.orange-bg .manual-quote:before {background-color: var(--white);}
.quote-simple .quote {
	border-left: 3px solid var(--blue-main);
	margin: .75rem 0;
	padding-left: .75rem;
}

/* Table */
#main tr:nth-child(odd) {background-color: var(--betong);}
.wp-block-table .has-fixed-layout, #main table {
    border-radius: var(--br-md);
    overflow: hidden;
}
#main th, .wp-block-table tr:first-child {
	background-color: var(--kobolt) !important;
	font-weight: var(--bold);
	color: var(--white);
}
#main th, #main td {
	padding: 1rem;
	text-align: left;
	border: none;
}

/* Services */
.service-box {
	overflow: hidden;
	position: relative;
	border-radius: var(--br-lg);
	-webkit-transition: all .3s ease;
}
.service-box, .service-box img, .mask {height: 350px;}
.service-box img {
	width: 100%;
	object-fit: cover;
	-webkit-transition: all .3s ease;
}
.service-box:hover img, .service-box:focus img {transform: scale(1.05);}
.mask {
    content: "";
    width: 100%;
    background: linear-gradient(0deg,rgba(25, 41, 72, 1) 0%, rgba(25, 41, 72, 0) 100%);
    position: relative;
    margin-top: -350px;
}
.service-box .overlay-link {z-index: 10;}
.service-content {
    padding: 1rem;
    position: absolute;
    color: var(--white);
	width: 100%;
    top: 50%;
    left: 0;
    z-index: 2;
	text-shadow: 2px 2px 15px #000;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.service-content h3 {text-align: center;}

@media only screen and (min-width:1600px) {
	.service-box, .service-box img, .mask {height: 500px;}
	.service-content {padding: 3rem;}
}
@media only screen and (max-width:576px) {
	.service-box, .service-box img, .mask {height: 250px;}
	.mask {margin-top: -250px;}
}

/* Contact banner */
.banner h2 {font-weight: var(--bold);}

p.phone:before, p.email:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
	margin-top: 2px;
    width: 20px;
    height: 20px;
	background-color: var(--white);
}
p.phone:before {
	-webkit-mask: url('/wp-content/uploads/2024/12/phone.svg') center / contain no-repeat;
	mask: url('/wp-content/uploads/2024/12/phone.svg') center / contain no-repeat;
}
p.email:before {
	-webkit-mask: url('/wp-content/uploads/2024/12/email.svg') center / contain no-repeat;
	mask: url('/wp-content/uploads/2024/12/email.svg') center / contain no-repeat;
}

/* Accordions 
.accordion {margin-bottom: 30px;}
.accordion button {
	color: var(--orange-main);
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem;
    padding-left: 0;
    background: none;
    border: none;
    border-top: 1px solid var(--white);
    text-align: left;
    -webkit-transition: all .3s linear;
}
.accordions-button.collapsed {
    border-top: 1px solid var(--white);
    -webkit-transition: all .3s linear;
}
.accordions-button:before {
    content: "\00d7";
    float: right;
    color: var(--orange-main);
    font-size: 1.5rem;
    margin-top: -1rem;
    transform: rotate(0deg);
    -webkit-transition: all .3s linear;
}
.accordions-button.collapsed:before {transform: rotate(-45deg);}
.accordion button:focus {outline: none;}
p.accordions-title {margin-bottom: 0;}
.accordions-content p:last-child {margin-bottom: 0;}
.accordions {margin-bottom: 30px;}

.flipper .accordions-button {border-color: var(--blue-main);}
.flipper .accordion button, .flipper .accordions-button:before {color: var(--blue-main);}*/
/* Accordions */
.accordion {
	padding: 1rem;
	margin-bottom: 15px;
	background: var(--blue-main);
	border-radius: var(--br-sm);
}
.accordion button {
	color: var(--white);
	position: relative;
	display: block;
 	width: 100%;
	background: transparent;
	border: none;
	text-align: left;
	font-weight: var(--bold);
	padding: 0;
	padding-right: 1.5rem;
}
.accordion button.collapsed {}
.accordion button:after {
    content: "";
	top: 1px;
    float: right;
	width: 20px;
	height: 20px;
	right: 0;
    position: absolute;
    transform: rotate(0);
    -webkit-transition: all .3s linear;
	background-color: var(--white);
	-webkit-mask: url('/wp-content/uploads/2025/02/cross.svg') center / contain no-repeat;
}
.accordion button.collapsed:after {transform: rotate(45deg);}
.accordion button:focus {outline: none;}
.acc-spacer {height: 1rem;}
p.accordions-title {margin-bottom: 0;}
.accordions-content p:last-child {margin-bottom: 0;}
.accordions {margin-bottom: 30px;}

.flipper .accordion {background: #e7e7e7;}
.flipper .accordion button {color: var(--blue-main);}
.flipper .accordion button:after {background-color: var(--blue-main);}

/* Social media */
@media only screen and (min-width:767px) {
	.socials .row {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
	}
	.socials .col-md-3 {flex: 1 1 22%;}
}
a.social-link {color: var(--white);}
a.social-link:hover, a.social-link:focus {text-decoration: none;}
.socials p {padding-top: 1rem;}
.social-icon {padding-bottom: 1rem;}
.social-icon:last-child {margin-right: 0;}
.social-icon:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
	background-color: var(--white);
}
.social-icon:hover:before {transform: scale(1.1);}

.social-icon.li:before {-webkit-mask: url('/wp-content/uploads/2024/12/linkedin.svg') center / contain no-repeat;}
.social-icon.ig:before {-webkit-mask: url('/wp-content/uploads/2024/12/instagram.svg') center / contain no-repeat;}
.social-icon.fb:before {-webkit-mask: url('/wp-content/uploads/2024/12/facebook.svg') center / contain no-repeat;}
.social-icon.yt:before {-webkit-mask: url('/wp-content/uploads/2024/12/youtube.svg') center / contain no-repeat;}
.social-icon.tt:before {-webkit-mask: url('/wp-content/uploads/2024/12/tiktok.svg') center / contain no-repeat;}
.social-icon.x:before {-webkit-mask: url('/wp-content/uploads/2024/12/twitter-x.svg') center / contain no-repeat;}

/* Forminator */
#main .forminator-ui.forminator-design--flat .forminator-button-submit {
	border-radius: 50px;
	font-weight: var(--bold);
	padding: 12px 30px;
	margin: 1rem 0;
	-webkit-transition: all .3s linear;
	width: fit-content;
	background: var(--blue2) !important;
	color: var(--white) !important;
	position: relative;
}
#main .forminator-ui.forminator-design--flat .forminator-button-submit {
    border-radius: 50px;
	text-align: center;
	font-size: 1rem !important;
	background: var(--orange-main) !important;
    color: var(--white) !important;
	font-weight: var(--bold) !important;
    line-height: 120%;
    padding: 16px 40px;
    display: inline-block;
    text-decoration: none;
	margin-top: 1rem;
	margin-bottom: 1rem;
	transition: var(--transition);
	-webkit-transition: var(--transition);
}
#main .forminator-ui.forminator-design--flat .forminator-button-submit:hover, #main .forminator-ui.forminator-design--flat .forminator-button-submit:focus {
	transform: scale(1.05);
    box-shadow: none !important;
	color: var(--white) !important;
}

#main .forminator-ui.forminator-design--flat .forminator-radio {color: var(--white) !important;}
#main .forminator-ui.forminator-design--flat .forminator-radio .forminator-radio-bullet:before {background-color: var(--blue-main) !important;}

.iti__country-container {display: none;}
.forminator-label {
	font-size: .75rem !important;
	color: var(--sand) !important;
	border: 1px solid var(--white);
}
#main .forminator-ui.forminator-design--flat .forminator-input, #main .forminator-ui.forminator-design--flat .forminator-textarea, #main .forminator-design--flat .forminator-response-message.forminator-success {
    border-radius: var(--br-lg);
    padding: .75rem 1rem;
    margin-top: 5px;
}
#main .forminator-ui.forminator-design--flat .forminator-textarea {border-radius: var(--br-md);}
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-phone {margin-top: 5px;}
#main .forminator-design--flat .forminator-response-message.forminator-success {background-color: var(--white) !important;}

#main .forminator-design--flat .forminator-has_error .forminator-input, #main .forminator-design--flat .forminator-has_error .forminator-textarea {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
#main .forminator-ui.forminator-design--flat .forminator-error-message {
	background: transparent !important;
	color: var(--error) !important;
	font-size: .8rem !important;
}
.forminator-ui.forminator-custom-form[data-design=flat] .forminator-error-message {
    padding: 0 2px !important;
}

/* Logo slideshow */
.client-slideshow {
    overflow: hidden;
    width: 100%;
    padding: 1rem 0;
}
.client-logos {
    display: flex;
    flex-wrap: nowrap;
}
.client-logos img {
    flex: 0 0 auto;
    height: 100px;
    margin-right: 3rem;
    white-space: nowrap;
}
@media only screen and (max-width:767px) {
	.client-logos img {
		height: 60px;
		margin-right: 2rem;
	}
}

/* Referanser */
.project-container {
	white-space: nowrap;
	overflow: auto;
}
.project-container .card {
	display: inline-block;
	border: none;
	border-radius: var(--br-lg);
	overflow: hidden;
	margin: 0;
	margin-right: 15px;
}
.project-container .card.max-col {height: 50vh;}
.project-container .card:last-child {margin-right: 0;}
.project-container .card img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

button#readMoreBtn {
    border: none;
    background: transparent;
    color: var(--blue2);
    border-bottom: 2px solid var(--blue2);
}
button#readMoreBtn:hover, button#readMoreBtn:focus {
    color: var(--kobolt);
    border-bottom: 2px solid var(--kobolt);
}
#paragraphContainer {
	display: grid;
	gap: 1rem;
}
@media (min-width: 768px) {
	#paragraphContainer {grid-template-columns: repeat(2, 1fr);}
	.hidden-mobile {display: block !important;}
	#readMoreBtn {display: none !important;}
}
@media (min-width: 992px) {
	#paragraphContainer {grid-template-columns: repeat(3, 1fr);}
}
@media (min-width: 1400px) {
	#paragraphContainer {grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 767px) {
	#paragraphContainer {grid-template-columns: 1fr;}
	.hidden-mobile {display: none;}
	.para p {margin-bottom: 0;}
	#readMoreBtn {
		display: block;
		margin-top: 1rem;
	}
}

/* Timeline */
p.year {font-size:1.2rem}
.timeline img {
    border-radius: 50%;
    object-fit: cover;
    width: 230px;
    height: 230px;
}
.line-left::before, .line-right::before, .line-left::after, .line-right::after {
    content: "";
    background: #F5841F;
    position: absolute;
}
.line-left::before, .line-right::before {
	height: 20px;
    width: 20px;
	border-radius: 50%;
    right: 0;
    margin-right: -71px;
    top: 105px;
}
.line-right::before {
    left: 0;
	margin-left: -69px;
}
.line-left::after, .line-right::after {
    height: 2px;
    width: 81px;
    top: 50%;
	z-index: -1;
}
.line-right::after {
	left: 0;
    margin-left: -65px;
}
.timeline {position: relative;}
.timeline::after{
    content: '';
    position: absolute;
    width: 3px;
    background-color: #F5841F;
    top: 120px;
    bottom: 0;
}
.timeline::before {
	content: "";
	position: absolute;
	display: inline-block;
	bottom: 0;
    width: 30px;
    height: 31px;
	margin-bottom: -2rem;
	left: calc(50% - 15px);
	background-color: var(--orange-main);
	-webkit-mask: url('/wp-content/uploads/2025/10/arrow-down-gv-reklame.svg') center / contain no-repeat;
	mask: url('/wp-content/uploads/2025/10/arrow-down-gv-reklame.svg') center / contain no-repeat;
}
.timeline-content {padding: 1rem 0 3rem 0;}
@media only screen and (min-width:992px) {
	.line-right::before {margin-left: -89px;}
	.line-right::after {margin-left: -69px;}
	
	.line-left::before {margin-right: -91px;}
	.line-left::after {width: 87px;}
}
@media only screen and (min-width:1200px) {
	.line-left::before, .line-right::before {
		right: 0;
		margin-right: -106px;
	}
	.line-left::after, .line-right::after {width: 103px;}
	.line-right::before {margin-left: -104px;}
	.line-right::after {
		left: 0;
		margin-left: -84px;
	}
}
@media only screen and (max-width:767px) {
	.timeline::before {left: 0;}
	.timeline::after {top: 0;}
	.timeline img, .timeline-content {margin-left: 25px}
	.timeline-content {margin-left: 40px;}
	.line-right::before, .line-left::before {
		left: 0;
		margin-left: 7px;
	}
	.line-right::after, .line-left::after {
		left: 0;
		margin-left: 15px;
	}
}
@media only screen and (min-width:767px) {
	.timeline::after{
		left: 50%;
		margin-left: -1.5px;
	}
}

/* FOOTER */
footer {
	background: var(--dark-bg);
	padding-top: 4rem;
	padding-bottom: 4rem;
	color: var(--white);
	font-size: .8rem;
	position: relative;
	margin-top: var(--sm-spacer);
	border-top: 2px solid var(--white);
}
footer:after {
	content: "";
	background: url(/wp-content/uploads/2024/04/linjer-1.svg) center no-repeat;
	width: 200px;
	height: 201px;
	bottom: 0;
	right: 0;
	position: absolute;
}
footer ul {padding-inline-start: 0}
footer a, footer .menu li a {
	font-weight: var(--regular);
	text-decoration: underline;
	color: var(--white);
}
footer .menu li {margin-bottom: 1rem}
.footer-visual {
	width: 200px;
	margin-top: -8rem;
}

.footer-logo img {
	width: 140px;
	max-width: 95%;
	margin-right: 1rem;
	margin-bottom: 1.5rem;
	height: auto;
}
.logo-info {display: inline-block;}

/* XXL breakpoint */
.px-all-15 {
	padding-left: 15px;
	padding-right: 15px;
}
@media only screen and (max-width: 767px) {
	.py-sm-15 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.wp-block-columns, .px-15 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.container-fluid .container-fluid .fluid-xxl-max, .container-fluid .container-fluid .fluid-max {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
@media only screen and (min-width: 768px) {
	.py-15 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.fluid-xxl-max, .fluid-max, .wp-block-columns {
		margin-left: var(--max);
		margin-right: var(--max);
	}
	.container-fluid .container-fluid .fluid-xxl-max, .container-fluid .container-fluid .fluid-max {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.px-md-15 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}
@media only screen and (min-width: 992px) {
	.px-lg-15 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.col-lg-5x {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		padding-right: 15px;
		padding-left: 15px;
	}
}
@media only screen and (min-width: 1600px) {
	.container-fluid {max-width: 1500px;}
	.container-fluid.no-max {max-width: none;}
	.left-lg-radius img, .right-lg-radius img {border-radius: var(--br-md) !important}
	.hero-cols .fluid-max {margin-left: auto !important;}
	.container.container-xxl-fluid {
		width: 100%;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	.fluid-max.xxl-max {
		margin-left: 0;
		margin-right: 0;
	}
	.container-fluid .container-fluid .fluid-xxl-max, .container-fluid .container-fluid .fluid-max {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.text-xxl-center {text-align: center;}
	.pt-xxl-2, .py-xxl-2 {padding-top: 2rem !important;}
	.pb-xxl-2, .py-xxl-2 {padding-bottom: 2rem !important;}
	.pt-xxl-3, .py-xxl-3 {padding-top: 5rem !important;}
	.pb-xxl-3, .py-xxl-3 {padding-bottom: 5rem !important;}
	.pt-xxl-5, .py-xxl-5 {padding-top: 10rem !important;}
	.pb-xxl-5, .py-xxl-5 {padding-bottom: 10rem !important;}
	.mt-xxl-3, .my-xxl-3 {margin-top: 5rem;}
	.mb-xxl-3, .my-xxl-3 {margin-bottom: 5rem;}
	.mt-xxl-5, .my-xxl-5 {margin-top: 10rem;}
	.mb-xxl-5, .my-xxl-5 {margin-bottom: 10rem;}
	.col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-xxl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
  	.col-xxl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-xxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;	
	}
	.col-xxl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-xxl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.offset-xxl-1 {margin-left: 8.333333%;}
}
@media only screen and (min-width: 2000px) {
	.container-fluid {max-width: 1900px;}
}