/*
 Theme Name: Ocab Divi Child theme
 Theme URI: https://www.ocab.se
 Description: Divi Child Theme for Ocab
 Author: Ocab/Marcus Liljehammar
 Author URI: https://www.ocab.se
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* General */

html {
	overflow-x: hidden;
}
body {
	min-height: 100% !important;
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
	color: #262626 !important;
}

/* CLS-fix? */
img, svg {
	height: auto;
}

h1, h2, h3, h4, h5 h6, .mega-menu-link, .et_pb_toggle_title, .woocommerce-Price-amount, .small-heading {
	font-family: 'Open Sans Condensed Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
	font-weight: normal !important;
}

p, .ctdqb-post-excerpt {
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

.grecaptcha-badge {
	bottom: 80px !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

#wpr-usedcss {
	display: none !important;
}

.no-scroll {
    overflow: hidden;
    height: 100%;
}

.menu-open-container {
	overflow-y: auto !important; /* Allows scrolling within the menu */
	height: 100vh !important; /* Adjust based on your menu's specific needs */
}

.nolink {
	pointer-events: none !important;
	text-decoration: none !important;
	color: #ffffff !important;
}

.no-link > a {
	cursor: default !important;
	text-decoration: none !important;
}

.single_add_to_cart_button, .cart button, .woocommerce.et_pb_button_helper_class button.button, .woocommerce-page.et_pb_button_helper_class button.button {
	background-color: #006CB7 !important;
	border-radius: 50px !important;
}

.ocab-blue-btn {
	background-color: #006cb7 !important;
	color: #FFF !important;
	font-family: 'Open Sans Condensed Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
	text-decoration: none !important;
	font-size: 20px !important;
	border-radius: 50px !important;
	margin: 20px 0 !important;
}

.no-link-decoration a {
	text-decoration: none !important;
}

/* Top navigation */
#ocab-top-navigation {
	width: 100%;
	top: 0;
	transition: height 0.3s ease;
}

#ocab-top-logo a {
	display: flex;
}

.et_pb_row .et_pb_column #ocab-top-logo img {
	transition: height 0.3s ease;
}

.mega-toggle-animated-box {
	transition: scale 0.3s ease;
}

.mega-toggle-block:before {
	transition: margin 0.3s ease;
}
/*Shrink header-class on scroll */
.scroll-shrink {
	height: 60px !important;
}

.scroll-shrink .et_pb_row .et_pb_column #ocab-top-logo img {
	width: 92px !important;
	height: 40px !important;
}

.scroll-shrink .mega-toggle-animated-box {
	transform: scale(0.8);
}

.scroll-shrink .mega-toggle-block:before {
	margin-right: 0 !important;
	font-size: 12px;
}

/* Sök-funktion */
#search-header {
  display: flex;
  align-items: center;
}

#search-header .et_pb_search_icon:before {
  color: #006cb7 !important;
  right: -1.4rem !important;
}

#search-header .et_pb_search_icon {
  cursor: pointer;
  transform: translateY(-50%);
}

#search-header input.et_pb_s {
  height: 34px !Important;
  width: 0px;
  padding: 0px;
  transition: width 0.4s ease-in-out;
}

.usp_grid {
    display: grid;
    grid-template-columns: 4fr 50%;
    width: 100%;
    justify-items: center;
	grid-row-gap: 20px;
}

.usp_grid .usp_col {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.usp_grid .usp_col::before {
	content: '';
	background: url(https://www.ocab.se/wp-content/uploads/blue_check.svg) no-repeat;
	background-size: 100%;
	width: 37px;
	height: 37px;
	display: flex;
}

.usp_grid .usp_col p {
	margin-left: 10px;
	line-height: 1.5rem;
	max-width: 150px;
}

/* FAQ Modules */
.faq-modules-wrap .et_pb_section .et_pb_row .et_pb_column .et_pb_toggle {
	margin: 0 !important;
    padding: 0 !important;
}

.faq-modules-wrap .et_pb_section .et_pb_row .et_pb_column .et_pb_toggle  h4 {
	padding: 13px 0 !important;
}

/* Max Mega Menu */
.mega-menu-item .mega-menu-link {
	font-family: "Open Sans Condensed Bold" !important;
}

.mega-toggle-block:before {
	content: 'meny';
    width: 33px;
    align-self: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #006cb7;
	margin-right: 8px;
    font-family: 'Open Sans Condensed Bold';
}

.menu-headlink .mega-sub-menu .mega-menu-item .mega-description-group:after {
	content: 'Les mer';
	display: flex;
    width: 63px;
    height: 20px;
    background-color: #006cb7;
    background-image: url(https://www.ocab.se/wp-content/uploads/arrow-right-white.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 77px 14px;
    color: #fff;
    padding: 10px 20px;
    line-height: normal;
    font-size: 16px;
    border-radius: 50px;
    margin-top: 16px;
}

@media only screen and (max-width: 768px) {
	.menu-headlink .mega-sub-menu .mega-menu-item .mega-description-group:after {
		background-image: url(https://www.ocab.se/wp-content/uploads/arrow-right-blue.svg);
		color: #006cb7;
		background-color: #fff;
		margin-top: 0;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 1200px) {
	#mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
		font-size: 18px !important;
	}

	#ocab-top-navigation #search-header {
		display: none;
	}
}

/* Footer-meny */
#menu-fotmeny-1a {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#menu-fotmeny-1a .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
	display: flex!important; 
}
#menu-fotmeny-1a .et_mobile_nav_menu {
	display: none !important;
}

.ctdqb-post-feature-image {
	height: 200px;
}

/* Post excerpts and titles in news cards */
.ctdqb-post-excerpt {
    overflow: hidden;
	display: -webkit-box;
    -webkit-line-clamp: 3; /* Change this to your desired maximum number of lines */
    -webkit-box-orient: vertical;
	height: 85px;
}

.ctdqb-post-title {
	 overflow: hidden;
	display: -webkit-box;
    -webkit-line-clamp: 2; /* Change this to your desired maximum number of lines */
    -webkit-box-orient: vertical;
	white-space: normal;
	height: 81px;
	display: block;
}

@media (max-width: 768px) {
    #page_to_checkout .woocommerce-billing-fields__field-wrapper {
        display: flex;
		flex-direction: column;
    }

	#page_to_checkout .woocommerce-shipping-fields__field-wrapper {
        display: flex;
		flex-direction: column;
		width: 100%;
    }

    .combined-fields {
        flex-direction: column; /* Stack items vertically on mobile */
    }

    .combined-fields > div {
        flex: 1 1 100%; /* Each item takes full width on mobile */
    }

	.active-borderTop {
		width: 100%;
	}
}

#loader_wrap {
	display: none;
	width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#loader_img {
	width: 80px;
    height: 80px;
}

#loader_text {
	color: #006cb7;
    font-size: 25px;
    width: 290px;
    text-align: center;
	line-height: 28px;
    padding: 26px 0;
}

/* Validations */
.woocommerce-invalid-required-field {
    border: 2px solid red !important; /* Highlight invalid fields */
}

.woocommerce-error {
	background: transparent !important;
    color: red !important;
    padding-top: 8px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
    margin: 0 !important;
	display: inline-flex;
	flex-direction: row-reverse;
}

.woocommerce-error::after {
	content: 's';
	font-family: 'ETModules';
	font-size: 20px;
	display: inline-flex;
	padding-right: 10px;
	width: 20px;
	height: 20px;
}

/* WC "Så här går det till"-lista */
 .wc-how-process-list{
  margin: 0;
  padding: 0;
  list-style-type: none !important;
}

.wc-how-process-list li {
  counter-increment: step-counter;
  margin-bottom: 15px;
}

.wc-how-process-list li:before {
  content: counter(step-counter);
  margin-right: 8px;
  font-size: 21px;
  background-color: #006cb7;
  color: white;
  font-weight: bold;
  padding: 2px 10px;
  border-radius: 50px;
}

.price .vat-included {
	display: flex;
    color: #626262;
    font-size: 16px;
    font-family: 'Open Sans';
    margin-top: 8px;
}
@media only screen and (max-width: 768px) {
	.price .vat-included {
		justify-content: center;
	}
}

/* WC - Thanks for your order */
.order-summary {
	border: 1px solid #dedddd;
	width: 100%;
}

.order-summary thead tr {
	background: #006cb7;
    color: white;
    font-family: 'Open Sans Condensed Bold';
    font-size: 21px;
}

.order-summary thead tr th {
	text-align: left;
	padding: 10px;
}

.order-summary tbody tr td {
	padding: 10px;
	font-size: 18px;
}

.order-billing-addr {
	padding: 30px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.note {
	margin-top: 25px;
} 

.summary-row {
	width: 48%;
}

@media only screen and (max-width: 768px) {
	.order-billing-addr {
		flex-direction: column;
	}

	.order-billing-addr:first-child {
		padding-bottom: 10px;
	}

	.summary-row {
		width: 100%;

	}
}

/* Buttons width to 100% on smart devices */
@media only screen and (max-width: 768px) {
	.et_pb_button {
		width: 100% !important;
		text-align: center;
	}
}
.mobile_menu_bar {
	display: flex !important;
	align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}
.mobile_menu_bar:after {
	content: 'meny';
    width: 33px;
    align-self: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #006cb7;
    font-family: 'Open Sans Condensed Bold';
}

a:hover, .et-db #et-boc .et-l a:hover {
	text-decoration: underline;
}
/* Buttons should not underline */
.et_pb_button {
	text-decoration: none !important;
}

/* Center and adjust max width to WP Post content */
.et_pb_post_content {
	display: flex;
	flex-direction: column;
}
.wp-block-group {
	max-width: 100%;
}

.et-menu .menu-item-has-children>a:first-child:after {
	font-size: 25px;
	right: -5px;
	font-weight: 700;
}

.et_pb_menu__icon .et_pb_menu__search-button {
  right: 8px;
  position: absolute;
  top: 30px;
}

/* Scroll to top button */
.et_pb_scroll_top.et-pb-icon {
	border-radius: 50%;
	bottom: 53px !important;
	right: 40px !important;
	padding: 7px !important;
	font-size: 39px !important;
	background: #006cb7 !important;
}

#jour-peekaboo {
  display: inline-flex;
  align-items: center;
  position: fixed !important;
  z-index: 100;
  right: -29px;
  top: 210px;
  width: 180px;
}

/* Regular class for regular nav */
.regular-nav ~ .current_page_item a {
	color: #006cb7 !important;
}

/*Mobile sticky price/product bar */
#sticky-mobile-product-bar {
	display: none;
	width: 100% !important;
	transition: top 0.3s ease;
}

#sticky-mobile-product-bar .price .amount {
	font-size: 1.7rem !important;
    font-weight: 700 !important;
}

#sticky-mobile-product-bar .et_pb_wc_add_to_cart {
	display: flex !important;
	align-items: center !important;
}

/* Google Maps Marker styling in Single Servicecenter-pages */
.scenter-name {
	font-family: 'Open Sans Condensed Bold', 'Helvetica', Arial, sans-serif;
	font-size: 21px;
	color: #262626;
}
.scenter-adress {
	font-family: 'Open Sans', 'Helvetica', Arial, sans-serif;
	font-size: 16px;
	color: #262626;
	font-weight: 500;
    padding: 10px 0;
}
.scenter-tel {
	font-family: 'Open Sans', 'Helvetica', Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
}


/* child-pages grid on featured sub pages */

/* Grid container */
.child-pages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); /* Adjust the column width as needed */
    gap: 20px; /* Adjust the gap between grid items */
}

/* Grid item */
.child-page {
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    overflow: hidden;
    box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.3);
}

.child-page a {
	text-decoration: none !important;
	color: inherit !important;
}

/* Image row */
.child-page .image-row {
    display: flex;
    justify-content: flex-start; 
    align-items: flex-start;
}

/* Image */
.child-page .image-row img {
    max-width: 100%; /* Ensure the image doesn't exceed its container */
	width: 100% !important;
    height: 150px; /* Maintain aspect ratio */
	object-fit: cover;
    object-position: bottom center;
}

/* Content row */
.child-page .content-row {
    padding: 10px 20px;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Title */
.child-page .content-row h4 {
	padding: 10px 0;
	font-size: 27px;
    color: #006CB7 !important;
}

/* Excerpt */
.child-page .content-row .excerpt {
    margin-top: 2px;
    font-size: 16px;
    line-height: normal;
}

.child-page .s-btn {
	text-transform: lowercase;
	border: none;
	background-color: transparent;
	font-size: 18px;
    font-weight: 700;
	color: #006cb7;
	padding: 10px 0;
	display: flex;
	text-align: left;
	cursor: pointer;
}

.child-page .s-btn:after {
	content: '5';
	font-family: 'ETModules';
	color: #006cb7;
	font-size: 1.6rem;
    align-self: center;
}

/* Child Pages - List */
ul.child-pages-list, .tab-shortlinks-menu nav ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
	ul.child-pages-list, .tab-shortlinks-menu nav ul  {
		list-style: none;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		padding: 0;
	}

	ul.child-pages-list li.child-pages-item, .tab-shortlinks-menu nav ul li.menu-item {
		padding: 10px 0 !important;
	}
}

ul.child-pages-list li.child-pages-item, .tab-shortlinks-menu nav ul li.menu-item {
	padding: 5px;
	display: inline-flex;
}

ul.child-pages-list li.child-pages-item a, .tab-shortlinks-menu nav ul li.menu-item a {
	color: #262626;
	text-decoration: underline;
	font-family: 'Open Sans Condensed Bold';
	font-size: 1.3rem;
}

ul.child-pages-list li.child-pages-item:after, .tab-shortlinks-menu nav ul li.menu-item:after {
	content: '5';
	font-family: 'ETModules';
	font-weight: 700;
	font-size: 2rem;
	color: #006cb7;
	left: -5px;
    position: relative;
}

/* Servicekontor Filter Search */
ul.category-filter {
	list-style: none;
    display: inline-flex;
}

ul.category-filter li {
    padding: 12px 30px;
    background-color: #006cb7;
    color: #fff;
    border-radius: 4px;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: 'Open Sans Condensed Bold';
    margin-right: 20px;
    cursor: pointer;
}

ul.category-filter li:last-child {
    margin-right: 0;
}

ul.category-filter li.active {
	text-decoration: underline !important;
}

/** Special Pages **/


/* OFFICES Search */
.postnummer-sok-ruta {
	width: 100%;
	height: auto;
	font-family: inherit;
	position: relative;
	width: 500px;
	margin: 0 auto;
}

@media only screen and (max-width: 780px) {
	.postnummer-sok-ruta {
		width: 100%;
	}
}
.postnummer-form-wrap {
	width: 100%;
	height: auto;
}
.postnummer-input {
	width: 100%;
	height: 61px;
	background-color: #F8F8F8;
	border: 3px solid #006cb7;
	border-radius: 9px;
	font-size: 22px;
	padding-left: 20px;
}
.loader-img {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 15px;
	right: 80px;
	display: none;
}
.search-btn-wrap {
	display: flex;
	position: absolute;
	top: 6px;
	right: 6px;
}

.search-btn {
	appearance: none;
	-webkit-appearance: none;
	border: none;
	background-color: #006cb7;
	color: #fff;
	font-weight: 600;
	padding: 0.75rem;
	font-size: 18px;
	border-radius: 8px;
	cursor: pointer;
}

.error-wrap {
	width: 70%;
	height: auto;
	text-align: center;
	margin: 30px auto;
	display: none;
}

.error-wrap h4, .error-wrap h2 {
	padding: 10px 0;
}

.search-error {
	width: 50px;
	padding-top: 20px;
}

.search-error-img {
	width: 60px;
	height: auto;
	display: inline-flex;
}

/* Search-function*/
#search-header {
	display: flex;
	align-items: center !important;
	margin-left: 10px;
}

#search-header .et_pb_code_inner {
	line-height: 10px !important;
}

#search_modal_wrap {
	background-color: #ffffff;
    width: 250px;
    height: auto;
    position: absolute;
	display: none;
    top: 60px;
    padding: 10px;
	border-radius: 0px 0px 5px 5px;
	box-shadow: inset 0px 0px 2px #5050504a;
}

#search_modal_inner_wrap {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
}

.search_modal_inner_wrap {
	width: 100%;
}

#search_modal_wrap .search_modal_inner_wrap #search-field {
	width: 100%;
	height: 100%;
	font-weight: 600 !important;
    font-size: 20px !important;
    color: #0E2A45 !important;
	background-color:rgba(0, 108, 183, 0.15) !important;
	border-radius: 5px;
	padding-left: 10px;
	border: none !important;
}

#search_modal_wrap .search_modal_inner_wrap #search-field::placeholder {
	color: #0e2a45ad !important;
}

#search_modal_wrap .search_modal_inner_wrap #search-field:focus {
	border: 1px solid #0e2a4567 !important
}

.search_modal_inner_wrap h2 {
	color: #ffffff !important;
}

#search-form {
	display: inline-flex;
	height: 40px;
}

#search_icon {
	width: 23px;
	height: auto;
	cursor: pointer;
}

#search_button {
	display: flex;
	background-color: #006cb7;
	color: #fff;
	font-family: 'Open Sans Condensed Bold', 'Open Sans', Arial, sans-serif;
	font-size: 17px;
	border-radius: 50px;
	border: none;
	padding: 10px 0;
	border-radius: 50px;
	width: 80px;
	justify-content: center;
	margin-left: 6px;
    line-height: 22px;
	cursor: pointer;
}

.search_open {
	display: flex !important;
	top: 60px !important;
	transition: top 0.3s ease;
}

/* Search Results-page */
.search-results-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.search-results-heading {
	padding-bottom: 3px;
	font-size: 32px;
}

.search-result-item {
	list-style: none;
	padding: 10px 0;
}

.search-result-item h3 {
    font-size: 24px;
	color: #006cb7;
	padding-bottom: 3px;
	text-decoration: underline !important;
}

.total-results {
	font-size: 16px;
	margin-bottom: 25px;
	color: #666;
}

.results-permalink {
	color: #777 !important;
}

.results-excerpt {
	margin-bottom: 20px;
}

.search-result-item p {
    font-size: 16px;
    color: #262626;
}

.pagination {
    margin-top: 20px;
	display: flex;
	justify-content: center;
	width: 100%;
}

.pagination a {
    padding: 8px 16px;
    background-color: #006cb7;
    margin-right: 5px;
    text-decoration: none;
    color: #ffffff;
}

.page-numbers.current {
    padding: 8px 16px;
}


/** Woo Checkout **/
.woocommerce-checkout .blockUI.blockOverlay {
	opacity: 1 !important;
	display: flex !important;
	flex-direction: column;
	position: absolute !important;
}
.woocommerce-checkout .blockUI.blockOverlay:before {
    content: url('https://www.ocab.se/wp-content/uploads/spinner-round.svg');
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
	position: absolute;
	top: 26% !important;
    left: 50% !important;
	transform: scale(3);
	text-align: initial !important; 
	animation: none !important;
	background: none !important;
}

.woocommerce-checkout .blockUI.blockOverlay:after {
    content: "Vänta medan vi förbereder din beställning...";
	font-family: 'Open Sans Condensed Bold', Arial, Helvetica, sans-serif;
	max-width: 260px;
    height: 50px;
    text-align: center;
    font-size: 24px;
    display: flex !important;
    margin: 0 auto;
    color: #006CB7;
    position: absolute;
    left: 32% !important;
    bottom: 48% !important;
    left: 0;
    bottom: 30%;
}

@media only screen and (max-width: 440px) {
	.woocommerce-checkout .blockUI.blockOverlay:before {
		transform: scale(3.3) !important;
		top: 47% !important;
		left: 54% !important;
	}

	.woocommerce-checkout .blockUI.blockOverlay:after {
		left: 8% !important;
		bottom: 37% !important;
	}
}
.regret-order-link {
	background-color: #e85a5a;
    color: white;
    padding: 10px 13px;
    border-radius: 50px;
    border: none;
    font-size: 16px;
    font-weight: 600;
	font-family: 'Open Sans', Arial, 'Helvetica', sans-serif;
	margin-top: 10px;
	cursor: pointer;
}

.wpcf7-spinner {
	background-color: transparent !important;
	background-image: url(https://www.ocab.se/wp-content/uploads/spinner-round.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 50px !important;
    height: 50px !important;
	margin: 30px auto !important; 
    opacity: 1;
    border: none;
    border-radius: 100%;
    padding: 0;
    position: relative;
	display: none;
}
.wpcf7-spinner:before {
	display: none !important;
}

/* WP Forms */

.wpforms-field-description {
	display: none !important;
}

.wpforms-container {
	padding-bottom: 15px !important;
}

.wpforms-field {
	padding: 5px !important;
}
.primary-form .wpforms-field-container .wpforms-field input:not(input[type="checkbox"], input[type="radio"]), .wpforms-field-container .wpforms-field textarea, .wpforms-field-container .wpforms-field select {
	max-width: 100% !important;
	font-weight: 600 !important;
    font-size: 20px !important;
    color: #0E2A45 !important;
    text-align: left !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 20px !important;
    padding-right: 16px !important;
    padding-bottom: 20px !important;
    padding-left: 16px !important;
    border-color: RGBA(255, 255, 255, 0) !important;
    border-style: solid !important;
    border-radius: 5px 5px 5px 5px !important;
    background-color: rgba(0, 108, 183, 0.15) !important;
}

.primary-form .wpforms-field-container .wpforms-field input:not(input[type="radio"]), .wpforms-field-container .wpforms-field select {
	height: 70px !important;
}

.wpforms-field-container .wpforms-field label, .wpforms-field-container .wpforms-field fieldset legend  {
	font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: normal !important;
    font-size: 20px !important;
    color: #0E2A45 !important;
    text-align: left;
    margin-right: 0px !important;
    margin-bottom: 5px !important;
    margin-left: 0px !important;
    padding-top: 15px !important;
    padding-right: 0px !important;
    padding-bottom: 5px !important;
    padding-left: 0px !important;
}

.wpforms-field-container .wpforms-field .wpforms-field-required .choice-1 {
	/*padding: 15px 0 !important;*/
}

.wpforms-field-container .wpforms-field .wpforms-field-required .choice-1 input[type="checkbox"], .wpforms-field-container .wpforms-field .wpforms-field-required .choice-1 input[type="checkbox"]::before {
	width: 26px !important;
	height: 26px !important;
	border-width: 2px !important;
	border-color: #006cb7 !important; 
}

.wpforms-field-container .wpforms-field .wpforms-field-required .choice-1 input[type="checkbox"]::after {
	transform: translate(0, 1px) scale(0.85) rotate(-45deg) !important;
    left: calc(1px + var(--wpforms-field-border-size, 1px)) !important;
    top: calc(-1px + var(--wpforms-field-border-size, -1px)) !important;
}

.wpforms-field-container .wpforms-field .wpforms-field-required .choice-1 label {
	margin-left: 15px !important;
	padding: 0 !important;
}

.wpforms-field-gdpr-checkbox {
	padding: 30px 0 0 0 !important;
}

.wpforms-field-gdpr-checkbox ul li label {
	font-size: 18px !important;
	max-width: 90%;
    line-height: normal;
}

.wpforms-submit {
	color: #FFFFFF !important;
    border-color: RGBA(255, 255, 255, 0) !important;
    border-radius: 50px !important;
    font-size: 22px !important;
    font-family: 'Open Sans Condensed Bold', sans-serif !important;
    background-color: #006CB7 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 30px !important;
    margin-right: auto !important;
    margin-left: auto !important;
	width: 100% !important;
	height: 58px !important
}

.wpforms-form em.wpforms-error {
	font-size: 19px !important;
    font-weight: 600 !important;
}

.wpforms-field-divider {
	border-top-width: 0px !important;
	border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgba(0, 108, 183, .7) !important;
    max-width: 85% !important;
    margin: 10px auto !important;
}

.wpforms-confirmation-container-full {
	background: transparent !important;
	border: none !important;
	padding: 20px 20px 0 20px;
    margin-bottom: 0 !important;
}

.wpforms-confirmation-container-full p .confir-img {
	width: 125px !important;
	margin: 0 auto;
}

.wpforms-confirmation-container-full .confir-h2 {
	text-align: center;
	font-size: 35px;
    margin-bottom: 16px;
}

.wpforms-confirmation-container-full .confir-h3 {
	text-align: center;
    font-size: 23px;
    margin-top: 0;
}

.wpforms-confirmation-container-full .confir-p {
	text-align: center;
}

.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader {
	border: 2px solid rgba(0, 108, 183, 0.1) !important;
}

.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader svg {
	color: #006cb7;
	opacity: 1 !important;
}

.wpforms-container-full .wpforms-field-file-upload .dz-clickable .dz-message .modern-title {
	color: #0E2A45 !important;
}

.wpforms-container-full .wpforms-field-file-upload .dz-clickable .dz-message .modern-hint {
	color: #0E2A45 !important;
	opacity: 0.8;
}

.wpforms-field-label-inline a {
	text-decoration: underline !important;
}

/*.wpforms-required-label {
	display: none;
}*/

.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul {
	width: 100% !important;
	padding: 20px 0 !important;
}

.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul .depth-1 {
	width: 100% !important;
	height: 90px !important;
    display: flex !important;
    align-items: center !important;
	margin: 0 !important;
	border-radius: 8px !important;
	opacity: 0.4;
	transition: all .2s ease-in-out;
}

.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul .choice-1 {
	background-color: #3065b5 !important;
	font-size: 40px !important;
}

.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul .choice-2 {
	background-color: #3487a1 !important;
	font-size: 40px !important;
}

.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul .depth-1 label:after {
	font-family: 'Open Sans Condensed Bold', Arial, Helvetica, sans-serif !important;
	font-size: 24px !important;
	color: #fff !important;
	display: flex;
	justify-content: flex-end;
	margin-right: 30px;
}

.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul .choice-3 {
	background-color: #f6d135 !important;
	font-size: 40px !important;
}

.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul .choice-3 .wpforms-field-label-inline {
	color: #262626 !important
}

.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul li input[type="radio"] {
	margin-top: 0;
    height: 16px !important;
	margin-right: 30px !important;
	margin-left: 30px !important;
}

.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul li .wpforms-field-label-inline {
	width: 100% !important;
	height: 100% !important;
    align-items: center !important;
	display: flex !important;
    justify-content: space-between !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: 'Open Sans Condensed Bold', Arial, Helvetica, sans-serif !important;
	font-size: 32px !important;
	color: #fff !important;
}

.form-type-radio fieldset ul {
	padding: 10px 0 !important;
	display: flex !important;
}

.form-type-radio fieldset ul li  {
	display: inline-block !important;
	padding: 0 !important;
}

.form-type-radio fieldset ul .depth-1 label {
	font-size:  20px !important;
	margin-left: 15px !important;
}

@media only screen and (max-width: 780px) {
	.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul .depth-1 .wpforms-field-label-inline {
		font-size: 24px !important;
	}

	.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul .choice-1 label:after,
	.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul .choice-2 label:after,
	.wpforms-form .wpforms-field-container .jouravtal-radio fieldset ul .choice-3 label:after   {
		font-size: 16px !important;
		text-align: right;
	}
}

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

	.jouravtal-cards {
		padding: 20px 0 !important;
	}

	.jouravtal-cards .jour-content {
		height: auto !important;
	}
}

.wpforms-selected {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	opacity: 1 !important;
	transform: scale(1.04);
}

.gdpr-line .wpforms-field-required .wpforms-selected {
	border: none !important;
	transform: scale(1);
	opacity: 1;
}

.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-rows .wpforms-layout-row {
	flex-direction: row !important;
}

@media only screen and (max-width: 980px) {
	.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-rows .wpforms-layout-row {
		flex-direction: column !important;
	}

	.et-db #et-boc .et-l .et_pb_module div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-rows .wpforms-field-layout-row .wpforms-layout-column-50 {
		width: 100% !important;
	}
}

/* END WPFORMS */

/* NO SPECIFIC STYLING */

.wp-block-button__link, .blue-btn a {
	color: #ffffff !important;
	font-size: 18px !important; 
    font-family: 'Open Sans Condensed Bold', Arial, Helvetica, sans-serif !important;
}

details.wp-block-details {

}

details.wp-block-details summary {
	font-size: 20px;
    font-family: 'Open Sans Condensed Bold', Arial, Helvetica;
	margin-bottom: 10px;
}

details.wp-block-details summary::marker {
	color: #006cb7 !important;
}

details.wp-block-details h2 {
	padding-top: 10px !important;
}


#cookiescript_injected {
	background-color: #006cb7 !important;

}

#cookiescript_injected .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background, #cookiescript_injected .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background, #cookiescript_injected_fsd .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background, #cookiescript_injected_fsd .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
	border-color: #fff !important;
    background-color: #fff !important;
}

#cookiescript_injected .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark, #cookiescript_injected_fsd .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
	color: #006cb7 !important;
}

#cookiescript_injected .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background, #cookiescript_injected .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background, #cookiescript_injected_fsd .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background, #cookiescript_injected_fsd .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background {
	background-color: rgb(207 235 255 / 26%);
}

#cookiescript_injected .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark, #cookiescript_injected_fsd .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
	background-color: rgb(207 235 255 / 26%);
	color: #ffffff82 !important;
}

#cookiescript_accept, #cookiescript_save {
	background-color: #fff !important;
	color: #006cb7 !important;
}

#cookiescript_reject {
	border: 2px solid #ffffff !important;
	background: transparent !important;
}

#cookiescript_badge {
	background: #006cb7 !important;
}

#cookiescript_header {
	font-weight: 700 !important;
	font-family: 'Open Sans Condensed Bold' !important;
    font-size: 25px !important;
}

@media only screen and (max-width: 768px) {
	#cookiescript_header {
		font-size: 23px !important;
		margin: 0 0 9px !important;
	}
}

#cookiescript_badgetext {
	text-transform: unset !important;
	font-weight: 600 !important;
}

.leadership-col {
	padding: 40px 0 !important;
}

.leadership-col .wp-block-column h3 {
	padding: 20px 0 8px !important;
}

.dynamic-maillink, .dynamic-telelink {
	color: #fff;
	text-decoration: underline;
	font-size: 18px;
	text-align: left;
}

.dynamic-maillabel, .dynamic-telelabel {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

.dynamic-telelabel, .dynamic-telelabel {
	padding: 0;
	margin: 0;
}

#telefon-box {
	margin-bottom: 0;
	padding: 12px 0;
}

#epost-box {
	margin: 0;
}

#adress-box .et_pb_text_inner :first-child {
	padding-bottom: 5px !important;
	height: 30px;
}

.contact-info-row {
	display: flex;
	flex-direction: row;
	align-items: center !important;
	text-align: left;
}

@media only screen and (max-width: 980px) {
	.contact-info-row {
		flex-direction: column;
	}
	.leadership-col {
		padding: 30px 30px 0 30px !important;
	}

	.leadership-col .wp-block-column {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0 auto;
		text-align: center;
	}
}

/* content menu */
#content-menu ul li {
	line-height: normal;
	background: #f5f4f3;
	display: flex;
	width: 100%;
	border-radius: 4px;
  }

#content-menu ul li.current_page_item a {
	color: #fff;
	background-color: #006cb7;
}
  
  #content-menu ul li:hover {
	background: #0e2a45;
	cursor: pointer;
  }
  
  #content-menu ul li a {
	color: #262626 !important;
	font-weight: 700;
	padding-bottom: 0;
	width: 100%;
    height: 100%;
    padding: 14px 0px;
  }

  #content-menu ul li a:hover {
	color: #ffffff !important;
  }

  /* Map search */
  .ocab-map-outer-wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
  }

  .search-wrap {
	margin-bottom: 15px !important;
  }

  #locationSearch {
	max-width: 100% !important;
	font-weight: 600 !important;
    font-size: 20px !important;
    color: #0E2A45 !important;
    text-align: left !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 16px !important;
    padding-bottom: 10px !important;
    padding-left: 16px !important;
    border-color: #0e2a4542 !important;
    border-style: solid !important;
    border-radius: 3px 3px 3px 3px !important;
    background-color: rgba(0, 108, 183, 0.15) !important;
	font-size: 17px !important;
  }

  #locationSearch::placeholder {
	font-size: 16px !important;
	color: hsla(209, 66%, 16%, 0.643) !important;
	font-weight: 500;
  }

  @media only screen and (max-width: 768px) {
	#locationSearch {
		height: 50px !important;
		border-radius: 0px 3px 3px 0px !important;
	}

	.search-wrap {
		margin: 20px !important;
		display: flex;
	}

	#searchButton {
		border-radius: 0px 3px 3px 0px !important;
	}
  }

  #searchButton {
	border: none;
	background-color: #006cb7;
	color: #ffffff;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	border-radius: 10px;
	font-weight: 700;
	font-size: 18px;
	cursor: pointer;
	padding: 11px 20px !important;
  }

  #servicekontor-map {

  }

  /** Tjenester */

  .tjenst-section {
	padding: 50px 0 !important;
  }

  .tjenester-section-inner {
	width: 1080px;
	display: flex;
    flex-direction: column;
    margin: 0 auto;
  }

  .tjenester-section-inner .wp-block-heading, .tjenester-section-inner .wp-block-columns {
	max-width: 100%;
  }

  .tjenester-section-inner .wp-block-columns .wp-block-column {
	margin-top: 30px;
  }

  .tjenester-section-inner.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	margin: 0 !important;
  }


  @media (max-width: 980px) {
	.tjenester-section-inner {
		width: 100%;
		padding: 0 20px;
  	}
  }

/* Force content-menu to use desktop in divi */
@media (max-width: 980px) {
	.force-desktop-menu .et_pb_menu__wrap {
	  display: block !important;
	}
  
	.force-desktop-menu .et_mobile_nav_menu {
	  display: none !important;
	}
  
	.force-desktop-menu .et_pb_menu__menu {
	  display: flex !important;
	  flex-direction: row !important;
	  justify-content: flex-end; /* Or center/left based on your layout */
	}
  
	.force-desktop-menu .et_pb_menu__menu > li {
	  display: inline-block;
	}
  }

/* Set Divi Default top nav/hero width on mobile to 95% instead. */
@media only screen and (max-width: 1019px) {
	.et_pb_fullwidth_menu .et_pb_row {
		width: 95% !important;
	}
	.et_pb_fullwidth_header_container {
		width: 95% !important;
	}
	.et_pb_fullwidth_header_container .header-content-container .header-content {
		width: 100% !important;
	}
}
/* Hide client selector on pixels before mobile breakpoint to keep the header nav intact. */
@media only screen and (max-width: 1019px) {
	#client-selector {
		display: none !important;
	}
}

/* Fix for Advanced Tabs Pro hashed divs */

.et_pb_module_inner .dg_at_item_container .dg_at_content_wrapper .et_pb_section {
	padding-top: 0px !important;
    padding-bottom: 0px !important; 
}

/*.et_pb_module_inner .dg_at_item_container .dg_at_content_wrapper .et_pb_section .et_pb_row .et_pb_column .et_pb_bg_layout_light {
    margin-right: 0px !important;
}*/

.et_pb_module_inner .dg_at_item_container .dg_at_content_wrapper .et_pb_section .et_pb_row .et_pb_column .et_pb_text {
	padding-right: 0px !important;
}

.et_pb_module_inner .dg_at_item_container .dg_at_content_wrapper .et_pb_section .et_pb_row .et_pb_column .et_pb_module .et_pb_text_inner h2 {
	font-size: 29px;
}

/*.et_pb_module_inner .dg_at_item_container .dg_at_content_wrapper .et_pb_section .et_pb_row .et_pb_column .et_pb_button_module_wrapper .et_pb_button {
	border-width: 0px !important;
    border-radius: 11px !important;
    font-size: 17px !important;
	padding-top: 10px !important;
    padding-bottom: 10px !important;
	width: 100% !important;
}*/

.et_pb_module_inner .dg_at_item_container .dg_at_content_wrapper .et_pb_section .et_pb_row .et_pb_column .et_pb_button_module_wrapper .et_pb_button ::after {
	line-height: inherit;
    font-size: inherit !important;
    opacity: 1 !important;
    margin-left: .3em;
    left: auto;
    font-family: FontAwesome !important;
    font-weight: 900 !important;
}