/*
CTC Separate Stylesheet
Updated: 2025-05-15 10:49:39
Theme Name: The7 Child
Theme URI: https://the7.io/
Template: dt-the7
Author: Geektown
Author URI: https://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Tags: multipurpose,responsive,retina ready,SEO ready,mobile friendly,iOS,material design,clean,minimal,business,corporate,portfolio,creative,photography,one page site,micro site
Version: 12.4.1.1747306179
*/

/*Justering för att menyn ska få plats på mindre skärmar*/
.main-nav > li > a {
	margin: 24px 8px 24px 8px;
}

@media (min-width:1200px) {
	.main-nav > li > a {
		margin: 24px 18px 24px 28px;
	}
}

/*Justering för placering av språkval*/
@media screen and (min-width: 993px) {
	.main-nav > li:first-child{
		margin-left:auto;
	}

	.main-nav .pll-parent-menu-item{
		margin-left: auto;
	}

	.pll-parent-menu-item .menu-item-text{
		position:relative;
	}

	/*Strecket*/
	.pll-parent-menu-item [data-level="1"] .menu-text{
		padding-left: 0.75em;
		padding-right: 1.5em;
	}

	.pll-parent-menu-item [data-level="1"] .menu-item-text:before{
		content:'';
		width:1px;
		height: 1.5em;
		background-color: #000;
		display: block;
		position:absolute;
		top: -0.125em;
	}

	/*Vitt streck*/
	.light-preset-color .pll-parent-menu-item [data-level="1"] .menu-item-text:before{
		background-color: #FFF;
	}
}

/*Eventgalleri på startsidan*/
@media (min-width: 768px) {
	.nbhk-eventoverview-title {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}

.nbhk-eventoverview-title h2{
    font-size: 31px;
}

.nbhk-eventoverview-title-link{
    text-decoration:none;
	display: flex;
	align-items: center;
}

@media (min-width: 768px) {
	.nbhk-eventoverview-title-link{
		justify-content: flex-end;
	}
}

.nbhk-eventoverview-title-link i {
    font-size:46px;
    background:none;
    margin: auto 0 auto 12px;
}

.nbhk-eventoverview-title-link:hover i {
	color: #2945F0;
}

.nbhk-eventoverview-title-link:not(:hover) i {
    color: #EF7723;
}

/*Eventgalleriet*/
.nbhk-eventoverview{
    padding:1.5em 0 1.5em 0;
}

.nbhk-eventoverview-3col{
	display:grid;
	/*grid-template-columns: repeat(3, 1fr);*/
	grid-template-columns: repeat(auto-fit, minmax(min(19rem, 100%), 1fr));
	gap: 30px; /*1.5em;*/
}

/*Om det inte finns någon rubrik innan i blocket, lägg till mer padding upptill*/
.nbhk-wrapper-12col .nbhk-eventoverview:first-child{
	padding-top: 3em;
}

.nbhk-event-card{
	background-color: #FFF;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	position: relative;
}

.nbhk-event-card:only-child{
	max-width: 397px;
	justify-self: center;
}

/*Dölja ett kort på mobiler*/
@media (max-width:702px) {
	.nbhk-event-card.hide-mobile{
		display:none;
	}
}

.nbhk-event-card-image img{
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 1.5;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}

.nbhk-event-card-date{
	background-color: #EF7723;
	color: #FFF;
	font-size: 1rem; /*1.125rem;*/
	font-weight: 700;
	min-width: 40%;
	display: inline-block;
	position: absolute;
	padding: 11px 20px 9px;
    line-height: 1;
	box-sizing: border-box;
	border-top-right-radius: 10px;
	transform: translate3d(0, -100%, 0);
}

.nbhk-event-card h3{
	font-size: 1rem;
    line-height: 1.2;
    font-weight: bold;
    box-sizing: border-box;
    padding: 1.25em; /*20px;*/
	min-height: 6.5625em; /*105px;*/
}

.nbhk-event-card-image:has(a:hover) + .nbhk-event-card-date + h3 a,
.nbhk-event-card h3 a:hover{
	text-decoration: underline;
}

/*Pagination*/
.nbhk-pagination{
	padding: 2.5em 0;
    margin: 0 !important;
    display: flex;
    justify-content: center;
}

.nbhk-pagination li{
	list-style-type: none;
	padding: 0;
	margin: 0;	
	text-align: center;
	display: inline-block;
}

.nbhk-pagination-btn{
	/*Remove all default button styles*/
	background: none;
	border: none;
	box-shadow: unset;
	color: inherit;
	font: inherit;
	cursor: pointer;
	padding: 0 7px;
	font-weight: 700;
	box-sizing: border-box;
	color: #004179; 
}

.nbhk-pagination-btn-current,
.nbhk-pagination-btn:hover{
	border-bottom:1px solid #004179;
}

.screen-reader-only{
	clip: rect(0 0 0 0);
	clip-path: inset(100%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	max-width: 1px;
}

/*Specialevent*/
.nbhk-specialevent{
	background-color: #e8eef3;
	border-radius: 0.5em;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(19rem, 100%), 1fr));
	margin-top: 3em;
}

.nbhk-specialevent-image img{
	display: block;
	margin: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nbhk-specialevent-content{	
	box-sizing: border-box;
	padding: 2em 2em 2.25em 2em;
}

@media (min-width: 1300px) {
	.nbhk-specialevent-content{
		padding: 3em;
	}

	.nbhk-specialevent-content p{
		max-width: 83%;
	}
}

.nbhk-specialevent-date{
    background-color: #004da6;
    color: #FFF;
    font-weight: 700;
    box-sizing: border-box;
    padding: 0.43em 1.071em; /*6px 15px;*/
    font-size: 0.875rem; /*14px*/
}


.nbhk-specialevent-content h1 a,
.nbhk-specialevent-content h2 a,
.nbhk-specialevent-content h3 a,
.nbhk-specialevent-content h4 a,
.nbhk-specialevent-content h5 a,
.nbhk-specialevent-content h6 a {
	text-decoration: none;
	color: inherit;
}

.nbhk-specialevent-content h1 a:hover,
.nbhk-specialevent-content h2 a:hover,
.nbhk-specialevent-content h3 a:hover,
.nbhk-specialevent-content h4 a:hover,
.nbhk-specialevent-content h5 a:hover,
.nbhk-specialevent-content h6 a:hover {
	text-decoration: underline;	
}

.nbhk-specialevent-content h1,
.nbhk-specialevent-content h2,
.nbhk-specialevent-content h3,
.nbhk-specialevent-content h4,
.nbhk-specialevent-content h5,
.nbhk-specialevent-content h6 {
	font-weight: 700;
	line-height: 1.2;
	font-size: 1.25rem;
	margin: 1lh 0 0.5lh;
}

@media (min-width: 768px) {
	.nbhk-specialevent-content h1,
	.nbhk-specialevent-content h2,
	.nbhk-specialevent-content h3,
	.nbhk-specialevent-content h4,
	.nbhk-specialevent-content h5,
	.nbhk-specialevent-content h6 {
		font-size: 1.5rem;
	}
}

.nbhk-specialevent-content p{
	line-height: 1.4;
}

/*Eventinfo på eventsidan*/
.nbhk-eventinfo{
	margin: 0 auto;
	box-sizing: border-box;
	/*padding: 0 15px;*/
}

/*@media (min-width: 768px) {
	.nbhk-eventinfo{
		width: 66.666667%;
	}
}*/

.nbhk-eventinfo-ingress{
	font-size: 1.25rem;
	color: #000;
}

.nbhk-eventinfo h1{
	text-align:center;
	margin: 60px auto 35px;
}

.nbhk-eventinfo-list {
	margin: 20px 0 !important;
	padding:0;
}

.nbhk-eventinfo-list li{
	list-style-type: none;
}

.nbhk-eventinfo-btn{
	background: none;
	border: none;
	box-shadow: unset;
	color: #1E73BE;
	font: inherit;
	cursor: pointer;
	padding: 6px 2px;
	line-height: 1.125;
	text-decoration: none;

	display: inline-flex;
	align-items: center;
	justify-content: center;
}

button.nbhk-eventinfo-btn:hover,
a.nbhk-eventinfo-btn:hover{
	color: #1E73BE;
}

button.nbhk-eventinfo-btn:hover span,
a.nbhk-eventinfo-btn:hover span{
	text-decoration: underline;
}

.nbhk-eventinfo-btn i{
	font-size: 18px;
	margin-right: 10px;
	color: #1E73BE;
    background: none;
}

.nbhk-eventinfo-submit{
	background-color: #004da6;
	color: #FFF;
	transition: all 0.3s ease-out;
	box-shadow: unset;
	font:inherit;
	text-align: center;
	box-sizing: border-box;
	border-radius: 25px;
	border: 0px solid #004da6;
	padding: 14px 28px;
	text-decoration: none;
	display: inline-flex;
	line-height: 18px;
	margin-top: 25px;
}

.nbhk-eventinfo-submit:hover{
	color: #FFF;
	background-color: #2945f0;
	border-color: #2945f0;
}