/*
Theme Name: Akturum Theme
Theme URI: https://www.b-design.dk/staging/akturum/
Author: Brian Jørgensen @ Flying October
Author URI: https://www.flyingoctober.com/
Description: Et tema til Akturum
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl.2.0.html
*/

body.admin-bar header{
    top: 32px; /* The height of the WordPress admin bar */
}

body {
	margin: 0;
	background-color: var(--color1);
	color: var(--color6);
	font-family: "Garet", sans-serif;
}

.error-404 h1 {
	font-size: 62px;
	letter-spacing: 1.5px;
	margin: 0;
}

.error-404 a {
	text-decoration: underline;
	color: #0A252D;
}

.error-404 ul {
	margin: 40px 0 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.error-404 ul li {
	list-style: none;
}

.desktop {
	display: block;
}

.mobile {
	display: none;
}

.bottom_btn.mobile {
	display: none;
}

h2 {
	font-family: var(--specialfont);
	font-style: var(--fontstyle);
}

h2.folder_anchor {
	font-family: "Garet", sans-serif;
	font-style: normal;
	font-size: 18px;
	letter-spacing: 2.6px;
}

a {
	color: var(--color6);
	text-decoration: none;
}

header {
	background-color: var(--color1);
	height: 85px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.header-search {
	position: absolute;
	right: 5px;
	top: 5px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

button.search_icon {
	display: block;
	height: 26px;
	width: 26px;
	background-color: #254B57;
	border: none;
	padding-top: 4px;
}

.header-search form input {
	height: 26px;
	border-radius: 0;
	border: none;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .1s ease;
}

.header-search form input.expanded {
	transform: scaleX(1);
}

.header-search form input:focus-visible {
	border-radius: 0;
	outline: none;
	
}

.topnav_logo {
	height: 37px;
	margin-left: 7px;
}

nav.topNav {
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: center;
	padding: 13px 5% 0;
	height: calc( 85px - 13px );
}

nav.topNav ul.menu {
	display: flex;
	flex-direction: row;
	margin: 0;
	padding: 0;
	height: 100%;
}

nav.topNav li {
	list-style: none;
}

nav.topNav li a {
	display: flex;
	align-items: center;
	padding: 0 22px;
	height: 100%;
	box-sizing: border-box;
	color: var(--color6);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2.8px;
}

nav.topNav li:hover a {
	background-color: #1a343b;
}

nav.topNav ul.sub-menu {
	display: flex;
	position: absolute;
	left:0;
	background-color: #1a343b;
	width: 100%;
	transform: scaleY(0);
	transform-origin: top;
	transition: all .2s ease;
	padding: 5%;
	justify-content: space-between;
	flex-wrap: wrap;
    align-items: flex-start;
	gap: 5%;
}

nav.topNav ul.sub-menu {
	transform: scaleY(0); /* Scaled down state */
}

nav.topNav ul.sub-menu.shown ul.sub-menu {
	transform: scaleY(1); /* Scaled down state */
}

nav.topNav li .sub-menu.shown {
    transform: scaleY(1); /* Show on hover */
}

/*nav.topNav li.menu-item-has-children:hover ul.sub-menu {
	transform: scaleY(1);
}*/

nav.topNav ul.sub-menu > li a {
	color: var(--color6);
	font-family: "Garet", sans-serif;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 2.6px;
	font-weight: bold;
	padding: 0;
	text-transform: none;
	margin-bottom: 15px;
	cursor: default;
}

nav.topNav ul.sub-menu li {
	width: 20%;
}

nav.topNav ul.sub-menu li.menu-item-subsidiary {
	width: 16%;
	margin-bottom: 40px;
}

nav.topNav ul.sub-menu ul.sub-menu li {
	width: 100%;
}

nav.topNav ul.sub-menu ul.sub-menu {
	display: block;
	position: relative;
	padding: 0;
}

nav.topNav ul.sub-menu ul.sub-menu li a {
	color: var(--color6);
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1.4px;
	font-weight: 400;
	text-transform: none;
	display: block;
    padding: 0 5px;
    margin-left: -5px;
    margin-bottom: 5px;
	cursor: pointer;
}

nav.topNav ul.sub-menu ul.sub-menu li a:hover {
	color: var(--color1);
    background-color: var(--color6);
    font-size: 14px;
    letter-spacing: 1.4px;
}

nav.topNav ul.sub-menu li.menu-item-featured {
	width: 50%;
	height: 330px;
	position: relative;
	overflow: hidden;
}

nav.topNav ul.sub-menu > li.menu-item-featured a {
	margin-bottom: 0;
	display: block;
	height: 100%;
}

nav.topNav ul.sub-menu > li.menu-item-featured a .menu-item-title {
	position: absolute;
	display: flex;
	height: 100%;
	width: 100%;
	bottom: 0;
	padding: 40px;
	font-size: 36px;
	box-sizing: border-box;
	align-items: flex-end;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
	cursor: pointer;
	overflow: hidden;
}

nav.topNav .menu-item-featured img {
    width: 100%;
    height: 100%;
    display: block;
	object-fit: cover;
	transform: scale(1);
	transition: transform .3s ease;
}

nav.topNav .menu-item-featured a:hover img {
	transform: scale(1.1);
}

nav.topNav ul.sub-menu > li.menu-item-bottom-button {
	width: 100%;
	display: flex;
	gap: 40px;
    justify-content: flex-start;
	padding: 40px 0 0;
}

nav.topNav ul.sub-menu > li.menu-item-bottom-button a {
	cursor: pointer;
	display: inline-block;
	padding: 25px 80px;
	margin-bottom: 0;
	background-color: var(--color1);
	font-size: 14px;
    letter-spacing: 1.4px;
	font-weight: 400;
	text-transform: uppercase;
	transition: background-color .2s ease;
	z-index: 999;
}

nav.topNav ul.sub-menu > li.menu-item-bottom-button a:hover {
	background-color: var(--color6);
	color: var(--color1);
}

nav.topNav ul.sub-menu > li a.virksomheder_menu_item {
    cursor: pointer;
	margin-bottom: 0;
}

nav.topNav ul.sub-menu > li a.virksomheder_menu_item div {
    width: 100%;
	font-size: 0;
}

.virksomheder_menu_item_wrapper {
    overflow: hidden;
}

.virksomheder_menu_item_text {
    position: relative;
    z-index: 2;
}

.virksomheder_menu_item_image {
    transform: scale(1);
    transition: all .3s ease;
	z-index: 1;
}

nav a.virksomheder_menu_item:hover .virksomheder_menu_item_image {
    background-size: 110%;
    transform: scale(1.1);
}

article.main_article {
	margin-top: 85px;
}

.hero_slide {
	background-color: var(--color3);
}

.hero_slide h1 {
	font-size: 17px;
	font-family: "Garet", sans-serif;
	text-transform: uppercase;
	letter-spacing: 5.44px;
	margin: 0 0 9px;
}

.hero_slide h2 {
	font-size: 75px;
	hyphens: auto; 	
	-webkit-hyphens: auto;     
	-ms-hyphens: auto; 	
	overflow-wrap: break-word;     
	word-break: normal;
	letter-spacing: 0px;
	line-height: 97px;
	margin: 0;
	font-weight: 800;
}

.hero_slide p {
	font-size: 16px;
	letter-spacing: 0.48px;
}

.hero_slide.swiper-slide {
	height: auto;
}

.hero_slide_content {
	display: flex;
	height: 100%;
	flex-direction: row;
}

.hero_slide_img {
	width: 50%;
}

.hero_slide_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero_slide_text {
	width: 50%;
	padding: 5%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
    justify-content: center;
}

.hero_slide_text a {
	display: inline-block;
	background-color: var(--color_hero_btn);
	color: var(--color6);
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 4.8px;
	padding: 25px 80px;
	text-align: center;
	margin-top: 50px;
	transition: all 0.2s ease;
}

.hero_slide_text a:hover {
	background-color: var(--color6);
	color: var(--color1);
}

.events-hero {
	background-color: var(--color6);
	padding: 70px 5%;
}

.events-hero h2 {
	margin: 0 0 70px;
	color: var(--color1);
	text-transform: uppercase;
	font-size: 17px;
	letter-spacing: 5.44px;
	text-align: center;
	font-weight: 500;
	font-family: 'Garet', sans-serif;
}

.events-hero-content {
	display: flex;
	gap: 66px;
	box-sizing: border-box;
	flex-direction: row;
}

.events-hero-items {
	display: flex;
	gap: 66px;
	margin: 0;
	padding: 0;
    flex-direction: column;
}

.events-hero-items.small {
	width: 33.33%;
	list-style: none;
}

.events-hero-items.large {
	width: calc(66.66% + 66px);
	list-style: none;
	height: calc( 100vh - 140px - 70px - 17px );
}

.events-hero-items a {
	display: block;
	height: 100%;
	background-size: cover;
	text-decoration: none;
	padding: 45px 50px;
	border: 0 solid;
    background-clip: border-box;
    background-repeat: no-repeat;
    background-origin: border-box;
    transition: all .1s ease;
}

.events-hero-items a:hover {
	border-color: var(--color3);
    border: 25px solid;
    padding: 20px 25px;
    background-clip: border-box;
    background-repeat: no-repeat;
    background-origin: border-box;

}

.events-hero-items a h2{
	color: var(--color6);
	font-weight: 800;
	font-size: 40px;
	letter-spacing: 0;
	text-transform: none;
	text-align: left;
	margin: 0;
	line-height: 50px;
	margin-bottom: 20px;
}

.events-hero-items a p{
	color: var(--color6);
	margin: 0;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 8px;
}

.events-hero-items a p.date{
	font-weight: 700;
}

.events-hero-items a p.time{
	font-weight: 500;
}

.events-hero li h2 {
	text-align: left;
}

.page_article {
	display: flex;
	min-height:100vh;
}

.article_text, .article_image{
	width: 50%;
}

.article_text {
	padding: 5% ;
	box-sizing: border-box;
}

.article_text_wrapper {
	display: flex;
	height: 100%;
	flex-direction: column;
    justify-content: center;
}

.page_article h2 {
	font-family: "Garet", sans-serif;
	font-style: normal;
	margin: 0 0 20px 0;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 5.44px;
	font-weight: 500;
}

.page_article h3 {
	font-family: var(--specialfont);
	font-style: var(--fontstyle);
	font-size: 87px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1;
	margin: 0 0 25px;
}

.page_article p {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.48px;
	line-height: 26px;
}

.page_article img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page_article a {
	margin-top: 50px;
	background-color: var(--color3);
	display: inline-block;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--color6);
	font-size: 15px;
	letter-spacing: 4.8px;
	padding: 25px 80px;
	transition: all .2s ease;
}

.page_article a:hover {
	background-color: var(--color2);
	color: var(--color6);
}

.page_article h3.akturum_color, .page_article h2.akturum_color{
	color: var(--color1);
}

div.article_text_wrapper.akturum_color p {
	color: var(--color1);
}

.page_article a.akturum_color {
	background-color: #AB9A7B;
	color: var(--color6);
}

.page_article a.akturum_color:hover {
	background-color: var(--color4);
	color: var(--color2);
}

.pages_list {
	background-color: var(--color6);
	padding: 5%;
}

.pages_list h2 {
	text-align: center;
	color: var(--color1);
	font-size: 17px;
	letter-spacing: 5.44px;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Garet', sans-serif;
	margin: 0 0 70px;
}

.pages_list_wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 6.66%;
	justify-content: flex-start;
}

.page_list_item_wrapper {
	width: 20%;
	margin-bottom: 70px;
	text-decoration: none;
}

.page_list_item {
	width: 100%;
}

.page_list_item img {
	width: 100%;
	height: 247px;
	object-fit: cover;
}

.page_list_item h3 {
	color: var(--color1);
	font-weight: 800;
	font-size: 34px;
	margin: 38px 0 0;
	letter-spacing: 0;
}

.page_list_item p {
	color: var(--color1);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.48px;
}

.events-list {
	background-color: #E0DDD6;
	padding: 5% 0;
}

.events-list.bundle {
	background-color: #F8F7F5;
	padding: 5% 0;
}

.events-list h2 {
	font-weight: 500;
	text-transform: uppercase;
	color: var(--color1);
	font-size: 17px;
	letter-spacing: 5.44px;
	text-align: center;
	margin: 0 0 80px 0;
	font-family: 'Garet', sans-serif;
}

.event_slide {
	width: 400px;
	overflow: hidden;
}

.event_slide {
	display: block;
	width: 100%;
	background-color: #F8F7F5;
	text-align: center;
	height: auto;
}

.events-list.bundle .event_slide {
	background-color: var(--color6);
}

.events-list.bundle .event_slide_date {
	margin-bottom: 1em;
}

.events-list.bundle .event_slide_time {
	letter-spacing: 0.48px;
}

.event_slide.swiper-slide {
	height: auto;
}

.event_slide_img_wrapper {
    position: relative;
    overflow: hidden; /* Hide overflow for smooth scaling */
}

/* Target the image and set the transition for smooth transform */
.event_slide_item_wrapper img {
    transition: transform 0.3s ease-in-out;
}

/* Scale the image when hovering over the parent container (which includes the <a>) */
.event_slide_item_wrapper:hover img {
    transform: scale(1.1); /* Adjust the scale value as needed */
}
.event_slide_item_wrapper {
	display: flex;
	flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.event_slide_img_wrapper {
	height: 334px;
}

.event_slide img {
	width: 100%;
	height: 334px;
	object-fit: cover;
}

.event_slide h3 {
	font-family: var(--specialfont);
	font-weight: 800;
	color: var(--color1);
	letter-spacing: 0;
	font-size: 32px;
}

.event_slide p {
	color: var(--color1);
	letter-spacing: 5.44px;
	font-size: 17px;
	margin: 0;
}

.event_slide_date {
	font-weight: 700;
	text-transform: uppercase;
}

.event_slide_time {
	font-weight: 500;
}

.event_slide a {
	display: block;
	margin-top: 60px;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 4.8px;
	font-weight: 500;
	color: var(--color6);
}

.subpage_hero {
	background-color: var(--color3);
}

.subpage_hero_banner {
	height: 50vh;
}

.subpage_hero_banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.subpage_hero_content {
	display: flex;
	flex-direction: row;
}

.subpage_hero_main {
	width: 50%;
	padding: 5% 5% 5% 0;
	box-sizing: border-box;
}

.subpage_hero_extra {
	width: 50%;
	padding: 5%;
	box-sizing: border-box;
}

.subpage_hero_main h1 {
	font-family: var(--specialfont);
	font-size: 75px;
	hyphens: auto;
	-webkit-hyphens: auto;
    -ms-hyphens: auto;
	overflow-wrap: break-word;
    word-break: normal;
	letter-spacing: 0;
	line-height: .99;
	font-weight: 800;
	margin: 0;
}

.subpage_hero_main .ancestor_title {
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 5.44px;
	text-transform: uppercase;
	margin: 0 0 20px;
}

.subpage_hero_opening {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0.75px;
}

.subpage_hero_maincontent {
	font-size: 16px;
	font-weight: 500;
	line-height: 35px;
}

.subpage_article_first {
	background-color: var(--color1);
	display: flex;
	flex-direction: row;
}

.subpage_article_second {
	display: flex;
	background-color: var(--color3);
	backdrop-filter: brightness(0.8);
	flex-direction: row;
}

.subpage_article_content, .subpage_article_image {
	width: 50%;
}

.subpage_article_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.subpage_article_content {
	padding: 5%;
	box-sizing: border-box;
}

.subpage_article_content h2 {
	font-family: var(--specialfont);
	font-weight: 800;
	font-size:50px;
	letter-spacing: 1.5px;
	line-height: 60px;
}

.subpage_article_content_main {
	font-size:16px;
	letter-spacing: 0.48px;
	line-height: 35px;
	font-weight: 500;
}

.subpage_article_content a {
	display: inline-block;
	background-color: var(--color3);
	color: var(--color6);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 4.8px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 25px 80px;
}

.subpage_article_second .subpage_article_content {
	backdrop-filter: brightness(0.75);
}

.subpage_hero_box1 {
	background-color: var(--color1);
}

.subpage_hero_box2 {
	background-color: var(--color3);
	margin-top: 64px;
}

.subpage_hero_box2 .subpage_hero_box_wrapper {
	backdrop-filter: brightness(0.75);
}

.subpage_hero_box_wrapper {
	text-align: center;
	padding: 80px 50px;
}

.subpage_hero_box_wrapper h3 {
	font-family: var(--specialfont);
	color: var(--color6);
	font-size: 39px;
	letter-spacing: 0;
	font-weight: 800;
	margin: 0 0 28px;
}

.subpage_hero_box_wrapper p {
	color: var(--color6);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.48px;
	margin: 0;
}

.subpage_hero_box_wrapper p.price {
	margin-top: 45px;
	font-size: 38px;
	font-weight: 800;
}

.subpage_hero_box_wrapper a {
	display: inline-block;
	background-color: var(--color3);
	color: var(--color6);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 4.8px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 25px 80px;
	margin-top: 45px;
}

.hero_float {
	position: relative;
	top: -200px;
}

footer {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.48px;
	line-height: 26px;
}

footer h4 {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.54px;
}

footer nav ul {
	display: flex;
	margin: 0;
	padding: 0;
	width: 100%;
	flex-wrap: wrap;
}

footer nav li {
	display: flex;
	list-style: none;
	background-color: #163640;
	width: 20%;
	
	align-items: center;
	justify-content: center;
}

footer nav li:nth-child(even) {
	background-color: #0F2D36;
}

footer nav a {
	color: var(--color6);
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 0;
	box-sizing: border-box;
	text-align: center;
	/*text-indent: -9999px;*/
}

footer nav a img {
	transform: scale(1);
	transition: all .2s ease;
}

footer nav a:hover img {
	transform: scale(1.1);
}

.footer_main_wrapper h4 {
	margin: 0;
	padding-bottom: 10px;
}

.footer_main_logo {
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	padding-left: 5%;
	box-sizing: border-box;
	padding-top: 21px;
	margin-left: -7px;
}

.footer_main_logo img {
	height: 40px;
}

.footer_main_contact {
	display: flex;
	flex-direction: row;
	padding: 5%;
	justify-content: space-between;
    gap: 20px;
	flex-wrap: nowrap;
}

.footer_main_contact a {
	color: var(--color6);
	text-decoration: none;
}

.footer_main_contact a:hover {
	text-decoration: underline;
}

table.openinghours {
	border-collapse: collapse; 
	background-color: #10343E;
	vertical-align: top;
}

table.openinghours tr {
	border-bottom: 1px solid #3A6879;
	
}

table.openinghours tr:last-child {
	border-bottom: none;
}

table.openinghours td {
	padding: 10px 15px;
	vertical-align: top;
}

table.openinghours tr.indent {
	background-color: #17414D;
}

table.openinghours tr.indent td:first-child {
	padding-left: 40px;
}

.footer_main_extra_alert{
	background-color: var(--color2);
	padding-left: 100px;
	padding-bottom: 32px;
	padding-top: 32px;
	padding-right: 5%;
	width: 66.66%;
	min-height: calc( 150px - 64px);
	border-bottom-right-radius: 200px;
	border-top-right-radius: 200px;
	margin-left: -100px;
	display: flex;
	align-items: center;
	gap: 15px;
	position: fixed;
    top: 131px;
    z-index: 2;
	transition: all 2s ease;
	transform: translateX(0);
	opacity: 1;
}

.footer_main_extra_alert.hidden{
	transform: translateX(-200px);
	opacity: 0;
}

.footer_main_extra {
	background-color: var(--color3);
	padding-left: 100px;
	padding-bottom: 32px;
	padding-top: 32px;
	padding-right: 5%;
	width: 66.66%;
	min-height: calc( 150px - 64px);
	border-bottom-right-radius: 200px;
	border-top-right-radius: 200px;
	margin-left: -100px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.footer_main_socials {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	width: calc( 30% - 10px );
	justify-content: flex-end;
}

.footer_main_left_top {
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
}

.footer_main_left_bottom {
	display: flex;
	height: 100%;
	align-items: flex-end;
}

.footer_main_left {
	display: flex;
	flex-direction: column;
	max-width: 70%;
}

.footer_main_info {
	width: calc( 45% - 10px);
}

.events_page_wrapper {
	padding: 0 5% 40px;
	background-color: var(--color6);
}

.events_page_list {
	display: flex;
	flex-wrap: wrap;
	gap:5%;
}

.events_page_wrapper .event_slide {
	width: 30%;
	margin-bottom: 70px;
}

.page_hero {
	height:80vh;
}

.frontpage_video {
	height: 80vh;
}

.frontpage_page_list {
	display: flex;
	flex-wrap: wrap;
	gap: 5%;
	padding: 5%;
}

.frontpage_page_list a {
	display: flex;
	background-color: var(--color2);
	height: 400px;
	background-position: center center;
	background-size: cover;
	justify-content: flex-start;
	align-items: flex-end;
	color: var(--color6);
    font-weight: 800;
    font-size: 40px;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    margin: 0;
    line-height: 50px;
	text-decoration: none;
	box-sizing: border-box;
	margin-bottom: 5%;
	padding: 45px 50px;
	border: 0 solid;
	background-clip: border-box;
    background-repeat: no-repeat;
    background-origin: border-box;
	transition: all .1s ease;
}

.frontpage_page_list a:hover {
	border: 25px solid;
    padding: 20px 25px;
    background-clip: border-box;
    background-repeat: no-repeat;
    background-origin: border-box;
}

.frontpage_page_list a.short {
	width: 30%;
}

.frontpage_page_list a.normal {
	width: 47.5%;
}

.frontpage_page_list a.long {
	width: 100%;
}

.footer_main_wrapper {
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 600px auto;
	/*min-height: calc( 100vh - 355px );*/
}

.frontpage_page_list a.moeder:hover {
	border-color: #ab9a7b;
}

.frontpage_page_list a.konference:hover {
	border-color: #254b57;
}

.frontpage_page_list a.messe:hover {
	border-color: #1a343b;
}

.frontpage_page_list a.firmafest:hover {
	border-color: #784350;
}

.frontpage_page_list a.privatfest:hover {
	border-color: #658f7a;
}

.frontpage_page_list a.nicolai_cafe:hover {
	border-color: #b49592;
}

.frontpage_page_list a.forum_kolding:hover {
	border-color: #254b57;
}

.frontpage_page_list a.slotssoebadet:hover {
	border-color: #254b57;
}

.frontpage_page_list a.badstue:hover {
	border-color: #ab9a7b;
}

.frontpage_page_list a.danhostel_kolding {
	height: 500px;
}

.frontpage_page_list a.danhostel_kolding:hover {
	border-color: #658f7a;
}

.frontpage_page_list a.events:hover {
	border-color: #ab9a7b;
}

.footer_main_wrapper td {
	padding-right: 10px;
}

.footer_main_wrapper table:last-child {
	border-spacing: 0;
	margin-bottom: 0;
}

.footer_main_wrapper table {
	border-spacing: 0;
	margin-bottom: 50px;
}

.footer_main_extra_text p {
	margin: 0;
}

.footer_main_wrapper p {
	margin-bottom: 0;
}

.footer_main_info h4:first-child {
	padding-top: 0;
}

.footer_main_info h4 {
	padding-top: 50px;
}

.swiper-button-prev, .swiper-button-next {
	background-color: var(--color3);
	bottom:0;
	top:auto;
	color: var(--color6);
	font-size: 20px;
	filter: opacity(0.8) brightness(1.2);
	visibility: visible;
	z-index: 999;
} 

.swiper-button-prev {
	left: 0;
	padding: 20px 23px 15px 29px;
}

.swiper-button-next {
	right: 0;
	padding: 20px 29px 15px 23px;
}

.swiper-button-prev:after {
	content: url(https://b-design.dk/staging/akturum/wp-content/themes/akturum/img/prev.svg);
}

.swiper-button-next:after {
	content: url(https://b-design.dk/staging/akturum/wp-content/themes/akturum/img/next.svg);
}

.personale_page_wrapper {
	padding: 5%;
	background-color: #324953;
}

.personale_page_wrapper h2, .personale_page_wrapper h1 {
	font-size: 17px;
	letter-spacing: 5.44px;
	font-weight: 500;
	text-align: center;
	margin: 100px 0;
}

.personale-category {
	display: flex;
	gap: 5%;
	flex-wrap: wrap;
}

.personale-item {
	display: flex;
	width: 30%;
	background-color: var(--color6);
	color: var(--color1);
	flex-direction: column;
    align-items: center;
	margin-bottom: 40px;
}

.personale-item img {
	width: 100%;
	height: 330px;
	object-fit: cover;
}

.image_placeholder {
	height: 330px;
	width: 100%;
	background-color: var(--color3);
}

.personale-details {
	display: flex;
	flex-direction: column;
    align-items: center;
	padding: 50px;
}

.personale-details h2, .personale-details h3 {
	margin: 0 0 40px 0;
	font-size: 30px;
	font-weight: 800;
	text-align: center;
}

.personale-details p {
	margin: 0 0 40px 0;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 4.8px;
	text-transform: uppercase;
	text-align: center;
}

.personale-details a {
	font-size: 17px;
	margin: 0 0 5px 0;
	font-weight: 400;
	letter-spacing: 1.7px;
	color: var(--color1);
	text-decoration: none;
}

.personale-details a:hover {
	text-decoration: underline;
}

.event_filter {
	padding: 13px 5%;
	display: flex;
	gap:22px;
	background: var(--color6);
	z-index: 2;
	width: 100%;
	font-size: 16px;
	box-sizing: border-box;
}

.event_filter select {
	font-size: 17px;
	letter-spacing: 4.8px;
	font-weight: 400;
    font-family: 'Garet', sans-serif;
	color: var(--color1);
	padding: 30px 26px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	background-image: url("img/arrow_down.png");
	background-repeat: no-repeat;
	background-position: right 30px center;
	box-sizing: border-box;
	max-width: 100%;
}


.event_filter .filter_img {
	display: flex;
	align-items: center;
    justify-content: center;
}

.event_filter input {
	font-size: 17px;
	letter-spacing: 4.8px;
	font-weight: 400;
    font-family: 'Garet', sans-serif;
	background-color: var(--color2);
	color: var(--color6);
	border: none;
	width: 265px;
	padding: 5px 20px;
	transition: all .3s ease;
}

.event_filter input:hover {
	background-color: var(--color4);
	color: var(--color1);
	cursor: pointer;
}

@media only screen and (max-width: 1366px) {
	
	.hero_slide h2, .subpage_hero_main h1 {
		font-size:55px;
		line-height: 77px;
	}
	
	.page_article h3 {
		font-size: 62px;
	}
	
	.page_list_item h3 {
		font-size: 24px;
	}
	
	.event_slide h3 {
		font-size: 22px;
	}
	
	.events-hero-items a h2{
		font-size: 30px;
		line-height: 40px;
	}
	
	.frontpage_page_list a {
		font-size: 30px;
		line-height: 40px;
	}
	
	nav.topNav .top-level > a {
		font-size: 13px;
		padding: 0 10px;
		letter-spacing: 1.8px;
	}
	
	.topnav_logo {
		height: 30px;
		margin-right: -30px;
		margin-left: -7px;
	}
	
}

@media only screen and (max-width: 1024px) {
	
	nav.topNav .top-level > a {
		font-size: 11px;
		padding: 0 10px;
		letter-spacing: 1.8px;
	}
	
	.topnav_logo {
		height: 20px;
		margin-right: -30px;
		margin-left: -7px;
	}
	
	.pages_list_wrapper {
		gap: 5%;
	}
	
	.page_list_item_wrapper {
		width: 30%;
	}
	
	.page_article h3 {
		font-size: 52px;
	}
	
	.hero_slide h2, .subpage_hero_main h1 {
		font-size:40px;
		line-height: 57px;
	}
	
	.footer_main_extra {
		margin-top: 20px;
		padding-right: 32%;
	}
	
	.footer_main_left {
		width: 45%;
	}
	
	.footer_main_contact {
		flex-wrap: wrap;
	}
	
	.footer_main_info {
		width: calc( 55% - 20px );;
	}
	
	.footer_main_socials {
		width: 100%;
	}
	
	.subpage_hero_box_wrapper h3 {
		font-size: 28px;
	}
	.subpage_hero_opening {
		font-size: 18px;
	}
	
	.subpage_hero_box_wrapper p.price {
		font-size: 28px;
	}

	.personale-item {
		width: 47.5%;
	}
	
	.frontpage_page_list a {
		font-size: 20px;
		line-height: 30px;
		padding: 25px 30px;
	}
	
	.frontpage_page_list a:hover {
		border: 15px solid;
		padding: 10px 15px;
	}
	
	.events_page_wrapper .event_slide {
		width: 47.5%;
	}

}

@media only screen and (max-width: 768px) {
	
	.event_filter {
		flex-direction: column;
		align-items: center;
	}
	
	.desktop {
		display: none;
	}
	
	.mobile {
		display: block;
	}
	
	.subpage_article_content h2 {
		font-size: 32px;
		line-height: 40px;
	}
	
	.subpage_article_content, .subpage_article_image {
		width: 100%;
	}
	
	.subpage_article_first {
		flex-direction: column;
	}

	.subpage_article_second {
		flex-direction: column;
	}
	
	.bottom_btn.mobile {
		display: block;
		margin-left: 15px;
	}
	
	.bottom_btn.mobile a {
		margin-top: 20px;
		color: var(--color6);
		text-decoration: none;
		padding: 40px;
	}
	
	.bottom_btn.mobile a:hover {
		color: var(--color1);
		background-color: var(--color6);
	}
	
	.dropdown_btn {
		color: var(--color6);
		font-size: 32px;
		width: 50px;
		height: 50px;
		text-align: center;
		display: flex;
		align-items: center;
        justify-content: center;
		text-decoration: none;
	}
	
	nav.topNav .submenu {
		transition: all .3s ease;
	}
	
	nav.topNav ul.menu {
		display: block;
        position: absolute;
        left: 0;
        top: 85px;
        background-color: #1a343b;
        width: 100%;
        overflow-y: auto;
        min-height: calc(100vh - 85px);
        padding: 5%;
        padding-left: calc(5% - 15px);
		transform: scaleY(0);
		transform-origin: top;
		transition: all .3s ease;
	}
	
	nav.topNav ul.menu ul.sub-menu {
		background-color: #1a343b;
        top: 0%;
        right: 0;
        min-height: auto;
        overflow-y: auto;
        transform: scaleY(1);
        position: inherit;
        padding: 0;
	}
	
	nav.topNav ul.sub-menu li.menu-item-featured, nav.topNav ul.sub-menu > li.menu-item-bottom-button {
		display: none;
	}
	
	nav.topNav ul.menu.show {
		transform: scaleY(1);
		height: 100%;
	}
	
	nav.topNav li.menu-item-has-children a {
		display: none;
	}
	
	nav.topNav li a {
		color: var(--color6);
		font-family: "Garet", sans-serif;
		font-style: normal;
		font-size: 18px;
		letter-spacing: 2.6px;
		font-weight: bold;
		padding: 0;
		text-transform: none;
		margin-bottom: 15px;
		cursor: default;
		padding-left: 15px;
	}
	
	nav.topNav li ul li a{
		display: block;
	}
	
	nav.topNav li ul.sub-menu li {
		width: 100%;
	}
	
	nav.topNav li ul.sub-menu li ul {
		display: none;
		height: 0;
		transform: scaleY(0);
	}
	
	nav.topNav li:hover .sub-menu:not(.hidden) {
		transform: none;
	}
	
	nav.topNav li li:hover .sub-menu:not(.hidden) {
		transform: scaleY(1);
		height: 100%;
	}
	
	nav.topNav ul.sub-menu ul.sub-menu.hidden {
		transform: scaleY(0);
		display: none;
		height: 0;
	}
	
	nav.topNav ul.sub-menu.hidden, nav.topNav ul.sub-menu {
		transform: scaleY(1);
		display: block;
		position: inherit;
		padding: 0;
	}
	
	nav.topNav li.virksomheder {
	}
	
	nav.topNav li.virksomheder::before {
		content: "Vores virksomheder"; /* Set the text content */
		color: var(--color6);
		font-family: "Garet", sans-serif; /* Apply the "Garet" font */
		font-style: normal;
		font-size: 18px;
		letter-spacing: 2.6px;
		font-weight: bold;
		padding: 0;
		text-transform: none;
		margin-bottom: 15px;
		cursor: default;
		display: inline-block;
		align-items: center;
		padding-left: 15px;
		padding-right: 20px;
		background-image: url(img/caret-right-solid.svg);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 10px 10px;
	}
	
	nav.topNav li.virksomheder:hover::before {
		background-image: url(img/caret-down-solid.svg);
	}
	
	nav.topNav li.virksomheder ul.sub-menu > li a::after {
		content: none;
	}

	/*nav.topNav li.virksomheder::after {
		content: "\f0da"; 
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: 10px;
		padding-left: 10px;
		display: inline-block;
		float: right;
	}*/
	
	nav.topNav li.virksomheder ul.sub-menu {
		display: none;
	}
	
	nav.topNav li.virksomheder:hover ul.sub-menu {
		display: block;
	}
	
	nav.topNav ul.sub-menu li.menu-item-subsidiary {
		width: 100%;
	}
	
	nav.topNav ul.sub-menu ul.sub-menu li a {
		padding: 15px 0 15px 15px;
        margin-left: 0;
	}
	
	nav.topNav ul.sub-menu ul.sub-menu li a::after {
		content: none;
	}
	
	nav.topNav ul.sub-menu > li a {
		display: flex;
		align-items: center;
        padding-left: 15px;
	}
	
	nav.topNav ul.sub-menu > li a::after {
		font-family: "Font Awesome 5 Free";
        font-size: 10px;
        content: "\f0da";
        padding-left: 10px;
	}
	
	nav.topNav ul.sub-menu > li:hover a::after {
		content: "\f0d7";
	}

	nav.topNav ul.sub-menu li.menu-item-subsidiary {
		/*display: none;*/
	}
	
	
	nav.topNav>ul>li.menu-item-has-children>a {
		display: none;
	}
	
	nav.topNav ul.sub-menu.hidden, nav.topNav ul.sub-menu {
		transform: scaleY(1);
		position: relative;
		display: block;
	}
	
	nav.topNav ul.sub-menu li.menu-item-featured, nav.topNav ul.sub-menu > li.menu-item-bottom-button {
		display: none;
	}
	
	nav.topNav li>ul {
		transform: scaleY(1);
	}
	
	nav.topNav {
		flex-wrap: wrap;
	}
	
	nav.topNav ul.sub-menu {
		background-color: #1a343b;
		top: 0%;
    	right: 0;
		min-height: auto;
    	overflow-y: auto;
		transform: scaleY(1);
		position: inherit;
		padding: 0;
	}
	
	nav.topNav ul.sub-menu li {
		width: 100%;
	}
	
	nav.topNav ul.menu {
		display: none;
	}
	
	nav.topNav ul.sub-menu ul.sub-menu {
		display: none;
	}
	
	nav.topNav ul.sub-menu li:hover>ul.sub-menu {
		display: block;
	}
	
	nav.topNav ul.sub-menu ul.sub-menu li a {
		padding: 15px 0 15px 15px;
	}
	
	nav.topNav ul.sub-menu li.menu-item-subsidiary {
		width: 100%;
		/*display: none;*/
	}
	
	nav.topNav ul.menu.show {
		display: block;
		position: absolute;
        left: 0;
        top: 85px;
        background-color: #1a343b;
        width: 100%;
		overflow-y: auto;
		min-height: calc( 100vh - 85px );
		padding: 5%;
		padding-left: calc(5% - 15px);
	}
	
	nav.topNav li {
		background-color: #1a343b;
		width: 100%;
	}
	
	nav.topNav ul.dropdown .featured {
		display: none;
		width: 100%;
	}
	
	nav.topNav ul.dropdown a.featured_link {
		padding: 15px;
		font-size: 20px;
	}
	
	nav.topNav .top-level > a {
		padding: 15px 0;
		display: none;
	} 
	
	.bottom_btn {
		display: none;
	}
	
	.topnav_logo {
		height: 34px;
		margin-left: -7px;
	}
	
	.page_hero {
		height: auto;
	}
	
	.hero_slide_content {
		flex-direction: column;
	}
	
	.hero_slide_img, .hero_slide_text {
		width: 100%;
	}
	
	.hero_slide_text {
		padding-bottom: 100px;
	}
	
	.hero_slide h2, .subpage_hero_main h1 {
		font-size:38px;
		line-height: 57px;
	}
	
	.page_article {
		flex-direction: column-reverse;
		min-height: auto;
	}
	
	.article_text, .article_image {
		width: 100%;
	}
	
	.events-hero-items a {
		padding: 20px 25px;
	}

	.events-hero-items a:hover {
		border: 10px solid;
		padding: 10px 15px;
	}

	.events-hero-items a h2{
		font-size: 24px;
		letter-spacing: 0;
		text-transform: none;
		text-align: left;
		margin: 0;
		line-height: 30px;
		margin-bottom: 20px;
	}
	
	.events-hero-content {
		gap: 20px 
	}
	
	.events-hero-items {
		gap: 20px;
	}

	.events-hero-items.large {
		width: calc(66.66% + 20px);
	}
	
	.page_article h3 {
		font-size: 42px;
	}
	
	.page_list_item_wrapper {
		width: 47.5%;
	}
	
	.footer_main_left {
		width: 100%;
		max-width: 100%;
    }
	
	.footer_main_info {
        width: 100%;
    }
	
	.footer_main_wrapper table {
		width: 100%;
	}
	
	.subpage_hero_content {
		flex-direction: column;
	}
	
	.subpage_hero_extra {
		width: 100%;
		padding: 5% 5% 0 5%;
	}
	
	.hero_float {
		top: -100px;
	}
	
	.subpage_hero_main {
		width: 100%;
		padding: 0 5% 5% 5%;
	}
	
	.subpage_hero_box_wrapper p.price {
		font-size: 22px;
	}
	
	.subpage_hero_main .ancestor_title {
		font-size: 14px;
	}
	
	footer nav li {
		width: 100%;
	}
	
	footer nav a {
		width: 50%;
	}

	.personale-item {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.frontpage_page_list a.short {
		width: 100%;
	}
	
	.frontpage_page_list a {
		font-size: 30px;
		line-height: 40px;
	}
	
	.events_page_wrapper .event_slide {
		width: 100%;
	}
	.footer_main_extra_alert {
		width: 80%;
	}
}

@media only screen and (max-width: 500px) {
	
	.hero_slide_text a {
		margin-top: 10px;
		padding: 15px 80px;
		font-size: 14px;
	}
	
	.page_list_item_wrapper {
		width: 100%;
	}
	
	.hero_slide_text p {
		margin-bottom: 5px;
	}
	
	.hero_slide h2, .subpage_hero_main h1 {
		font-size:30px;
		line-height: 47px;
	}
	
	.hero_slide h1 {
		font-size: 14px;
	}
	
	.events-hero-content {
		flex-direction: column;
	}
	
	.events-hero-items {
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	.events-hero-items.small {
		width: 100%;
		list-style: none;
	}
	.events-hero-items.large {
		width: 100%;
	}
	
	.events-hero-items a {
		width: 100%;
		min-height: 180px;
	}
	
	.events-hero-items a p {
		font-size: 12px;
		letter-spacing: 5px;
	}
	
	.page_article h3 {
		font-size: 32px;
		line-height: 47px;
	}
	
	.subpage_hero_box_wrapper {
		padding: 20px;
	}
	
	.subpage_hero_box_wrapper a {
		width: 100%;
		padding: 25px 0;
		font-size: 14px;
	}
	
	.footer_main_logo img {
		height: 35px;
	}
	
	footer h4 {
		font-size: 16px;
	}
	
	.footer_main_extra {
		width: 100%;
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		padding: 15px;
		margin-left: 0;
	}
	
	.footer_main_extra_mark {
		width: 30%;
	}
	
	.footer_main_extra_mark img {
		width: 100%;
		height: auto;
	}
	
	footer nav a {
		width: 100%;
	}
	
	table.openinghours tr.indent td:first-child {
		padding-left: 0;
	}
	
	.frontpage_page_list a.normal {
		width: 100%;
	}
	
	.footer_main_left_bottom {
		width: 100%;
	}
	
}