/*
 Theme Name:     BDK Child Theme
 Theme URI:      https://www.bording.dk
 Description:    BDK Child Theme
 Author:         Bording Danmark
 Author URI:     https://www.bording.dk
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
#screenshot {
    width: 1200px;
    height: 900px;
    background: url('screenshot.png') no-repeat center center;
    background-size: cover;
}
/* =Theme Admin customization ends here
------------------------------------------------------- */

/*Global Header navigation top menu (Desktop)
--------------------------------------------------------*/
@media only screen and (min-width: 981px){
	.global-header .et_pb_column {
		display: flex;
		align-items: center;
	}
	/*Heder navigation top menu*/
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li>a {
		border-radius: 8px !important;
		padding: 8px 16px !important;
		font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		line-height: 24px !important;
		letter-spacing: 0.4px !important;
	}
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li>a:hover {
		background: linear-gradient(112deg, rgba(22, 60, 83, 0.50) -2.94%, rgba(22, 60, 83, 0.20) 98.74%) !important;
		backdrop-filter: blur(20px) !important;
		-webkit-backdrop-filter: blur(20px) !important;
		opacity: 1 !important;
	}
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li>a>.mega-indicator {
		display: none !important;
	}
	/*Heder navigation dropdown menu*/
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li>ul.mega-sub-menu {
		max-width: 200px !important;
		width: 200px !important;
		border-radius: 10px !important;
		border: 1px solid rgba(255, 255, 255, 0.93) !important;
		background: linear-gradient(96deg, rgba(245, 250, 255, 0.90) -3.67%, rgba(245, 250, 255, 0.60) 100%) !important;
		box-shadow: 0 4px 12px 8px rgba(0, 0, 0, 0.05) !important;
		backdrop-filter: blur(40px) !important;
		-webkit-backdrop-filter: blur(40px) !important;
		overflow: hidden !important;
	}
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li>ul.mega-sub-menu>li>a {
		padding: 12px 24px !important;
		font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 24px !important;
		color: #2B2B2B !important;
	}
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li>ul.mega-sub-menu>li>a:hover {
		background: rgba(255, 255, 255, 0.30) !important;
	}
}

/*Header top Menu shrink*/
.dsm_fixed_header_shrink_active div.et_pb_section.et_pb_section_0_tb_header.global-header-scroll {
	border: 1px solid rgba(255, 255, 255, 0.93);
	background-image: linear-gradient(96deg, rgba(245, 250, 255, 0.90) -3.67%, rgba(245, 250, 255, 0.80) 100%) !important;
	box-shadow: 0 4px 12px 8px rgba(0, 0, 0, 0.05) !important;
	backdrop-filter: blur(40px) !important;
	-webkit-backdrop-filter: blur(40px) !important;
}
.dsm_fixed_header_shrink_active .ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li>a {
	color: #2B2B2B !important;
}
.dsm_fixed_header_shrink_active .ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li>a:hover {
	background: linear-gradient(112deg, rgba(22, 60, 83, 0.10) -2.94%, rgba(22, 60, 83, 0.05) 98.74%) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
}

.dsm_fixed_header_shrink_active div.global-header-scroll .global-header .ns-logo .et_pb_image_wrap img {
    content: url("/wp-content/uploads/2025/12/ns-logo-color.svg") !important;
}
.global-header-scroll .global-header .ns-logo img {
	transition: all 0.5s ease;
}


/* Mobile menu (Tab/Mobile)
--------------------------------------------------------*/
@media only screen and (max-width: 980px) {
	.global-header .et_pb_column {
		display: flex;
		align-items: center;
	}
	.global-header .et_pb_column .ns-custom-menu {
		position: absolute !important;
	}
	/*Menu toggle with Burger icon*/
	.ns-custom-menu .mega-menu-wrap .mega-toggle-blocks-right .mega-toggle-block {
		margin: 0px !important;
	}
	.ns-custom-menu .mega-menu-wrap .mega-toggle-blocks-right .mega-toggle-block .mega-toggle-label span {
		font-family: Raleway !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		letter-spacing: 0.4px !important;
	}
	.dsm_fixed_header_shrink_active	.ns-custom-menu .mega-menu-wrap .mega-toggle-blocks-right .mega-toggle-block .mega-toggle-label span {
		color: #2B2B2B;
	}
	.ns-custom-menu .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block::after {
		content: url('icon-menu-open.svg') !important;
		margin-left: 8px !important;
	}
	.dsm_fixed_header_shrink_active .ns-custom-menu .mega-menu-wrap .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block::after {
		content: url('icon-menu-open_black.svg') !important;
		margin-left: 8px !important;
		width: 24px;
	}
	
	.ns-custom-menu .mega-menu-wrap .mega-menu-toggle.mega-menu-open .mega-toggle-blocks-right .mega-toggle-block::after {
		content: url('icon-menu-close.svg') !important;
		margin-left: 8px !important;
	}
	.dsm_fixed_header_shrink_active .ns-custom-menu .mega-menu-wrap .mega-menu-toggle.mega-menu-open .mega-toggle-blocks-right .mega-toggle-block::after {
		content: url('icon-menu-close_black.svg') !important;
		margin-left: 8px !important;
		width: 24px;
	}
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu {
		border-radius: 16px !important;
		border: 1px solid #FFF !important;
		background: linear-gradient(144deg, rgba(255, 255, 255, 0.98) 44.93%, rgba(225, 242, 248, 1) 98.65%) !important;
		box-shadow: 0 4px 40px 16px rgba(0, 0, 0, 0.13) !important;
		backdrop-filter: blur(30px) !important;
		-webkit-backdrop-filter: blur(30px) !important;
		padding: 12px 24px !important;
		margin-top: 25px !important;
	}
	/*Mobile first level menu*/
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li {
		padding: 10px 0px !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.40) !important;
	}
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li:last-child {
		border-bottom: none !important;
	}
	
	.ns-custom-menu nav.mega-menu-wrap > ul.mega-menu > li:not(.mega-menu-item-has-children) > a::after {
		content: url("icon-arrow-right.svg") !important;
		width: 24px;
		height: 24px;
		display: inline-flex !important;
		position: absolute !important;
		right: 0px !important;
	}
	.ns-custom-menu nav.mega-menu-wrap > ul.mega-menu > li.mega-menu-item-has-children>a>.mega-indicator::after {
		content: url("icon-arrow-right.svg") !important;
		transition: all 0.1s ease-in-out !important;
	}
	.ns-custom-menu nav.mega-menu-wrap > ul.mega-menu > li.mega-menu-item-has-children.mega-toggle-on>a>.mega-indicator::after {
		transform: rotate(90deg) !important;
	}
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li>a {
		font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif !important;
		color: #2B2B2B !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		line-height: 24px !important;
		letter-spacing: 0.4px !important;
		padding: 0px !important
	}
	/*Mobile sub menu*/
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li>ul.mega-sub-menu {
		padding: 8px 12px 4px !important;
	}
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li>ul.mega-sub-menu>li {
		padding: 4px 0px !important;
	}
	.ns-custom-menu nav.mega-menu-wrap>ul.mega-menu>li>ul.mega-sub-menu>li>a {
		font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif !important;
		color: #2B2B2B !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 24px !important;
		letter-spacing: 0.4px !important;
		padding: 0px !important
	}
}

/*--------------------Desktop and Mobile menu end---------------------------*/



/*hyperlink*/
.a-link a {
	color: #2B2B2B;
	text-decoration: underline;
	transition: 0.3s ease;
}
.a-link a:hover {
	color: #B70F1A;
	text-decoration: underline;
}

/*Footer menu link*/
.footer-menu-link ul {
	list-style-type: none;
	padding: 0px;
}
.footer-menu-link ul li {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 16px 0;
}
.footer-menu-link a {
    color: #fff;
    display: flex;
	justify-content: space-between;
}
.footer-menu-link a::after {
    content: url(/wp-content/uploads/2025/01/arrow-narrow-right.svg);
	position: absolute;
	right: 0;
}

/*Cover image in image module*/
.cover-img-module .et_pb_image_wrap {
	height: 480px;
}
.cover-img-module .et_pb_image_wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*Hvad andre siger*/
.testimonial .dica_divi_carouselitem .dica-image-container { 
	position: absolute !important;
	bottom: 15px;
	width: 60px !important;
	height: auto;
}
.testimonial .dica-item-content .content {
	display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 10px;
}
.testimonial .dica-item-content .content p:last-child {
	margin-top: auto;
}
.testimonial .author-info {
    position: absolute;
    bottom: 25px;
    left: 105px;
}

/*Image with text slider*/

#image-slider .dica-item-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.60) 44.93%, rgba(153, 208, 227, 0.30) 98.65%);
	box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.13);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	margin: auto -10% auto 0px;
	border-radius: 16px;
	padding: 40px;
	border: 1px solid rgba(255,255,255,0.60);
}
#image-slider .dica_divi_carouselitem .dica-item-content {
	width: 40% !important;
}
#image-slider .wiper-slide-duplicate-prev, #image-slider .wiper-slide-duplicate-next{
	display: none !important;
}

@media only screen and (max-width: 980px) {
		#image-slider .dica_divi_carouselitem .dica-item-content {
		width: 100% !important;
	}
}

/*Full height of the image module*/
.full-height-image-column {
	height: 100%;
}

.full-height-image-column .et_pb_image_wrap {
	height: 100%;
}

.full-height-image-column img {
	object-fit: cover;
	height: 100%;
}

/* Vessel list view*/
.vessel-list .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, auto));
    grid-gap: 40px; 
}
.vessel-list .et_pb_ajax_pagination_container .et_pb_post {
	position: relative;
    background: linear-gradient(112deg, rgba(255, 255, 255, 0.60) -2.94%, rgba(255, 255, 255, 0.30) 98.74%);
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.10);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: 16px;
    margin: 0;
	padding: 32px;
	transition: all 0.3s ease;
}
.vessel-list .et_pb_ajax_pagination_container .et_pb_post:hover {
	box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.20);
}
.vessel-list .et_pb_ajax_pagination_container .et_pb_post::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(112deg, rgba(255, 255, 255, 0.90) -2.94%, rgba(255, 255, 255, 0.45) 98.74%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
	border-radius: 16px;
    z-index: -1;
}

.vessel-list .et_pb_ajax_pagination_container .et_pb_post:hover::before {
    opacity: 1;
    z-index: 0;
}

@media only screen and (max-width: 767px) {
	.vessel-list .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1, minmax(0, auto));
	}
}

/*Pupup box*/
.ns-popup-box  .ns-image {
	width: 100%;
	height: auto !important;
	overflow: hidden;
}
.ns-popup-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ns-popup-box .ns-content {
	padding: 40px 48px;
}

/*Imagemap-menu-list*/
#imagemap-menu-list {
	margin-bottom: 10px;
}
#imagemap-menu-list li {
    background: rgba(228, 243, 255, 0.0);
    width: fit-content;
    padding: 10px !important;
    border-radius: 4px;
	transition: 0.3s;
}
#imagemap-menu-list li:hover {
    background: rgba(228, 243, 255, 0.60);
}
/*Popup box*/
@media only screen and (max-width: 768px) {
	.pum-container {
		width: 100% !important;
		height: auto;
		top: auto;
		bottom: auto;
		z-index: 999999999;
	}
}

/*Meet the team*/
.employees .et_pb_team_member {
	display: flex;
	flex-direction: column !important;
}
.employees .et_pb_team_member_image {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0px !important;
	max-height: 375px;
	margin-bottom: 15px !important;
}
.employees .et_pb_team_member_image img {
	width: 100%;
}
.employees h4.et_pb_module_header {
	padding-bottom: 0px !important;
}
.employees .et_pb_team_member:hover img {
    transform: scale(1.1);
}
.employees .et_pb_team_member img {
    transition: 0.3s;
}
.employees .et_pb_column {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

/*our-story*/

.our-story .tmdivi-content {
	box-shadow: 0px 2px 30px 10px rgba(0, 0, 0, 0.10) !important;
}

/*Ship Specification custom fields*/
.ship-specification {
    padding: 20px 0px 20px 0px;
}
.ship-specification:not(:last-child) {
    border-bottom: 1px solid #eceff4;
}
.ship-specification h4 {
    font-size: 14px;
    color: #414758
}
.ship-specification {
    font-size: 16px;
    margin: 0px;
    line-height: 1.2em;
    color: #2B2B2B;
}

@media only screen and (max-width: 980px) {
	.et_pb_row {
		width: 90% !important;
	}
	p {
		font-size: 14px !important;
	}
	a {
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
	}
	.full-width-row {
		width: 100% !important;
	}
	.employees .et_pb_column {
		grid-template-columns: repeat(2, 1fr);
	}
	.employees .et_pb_column .et_pb_module {
        margin-bottom: 0px !important;
    }
	.vores-historie .tmdivi-wrapper .tmdivi-story .tmdivi-label-small {
		font-size: 28px !important;
	}
	.vores-historie .tmdivi-media.full {
		width: 100%;
		height: 200px !important;
	}
	.vores-historie .tmdivi-wrapper .tmdivi-content {
		padding: 15px !important;
	}
	.home-page-promo p {font-size: 55px !important ;}
}
@media only screen and (max-width: 450px) {
	.vores-historie .tmdivi-wrapper .tmdivi-story {
		margin-bottom: 0px !important;
	}
	.employees .et_pb_column {
		grid-template-columns: repeat(1, minmax(0, auto));
	}
}

/*Timeline Vores historie*/

.vores-historie .tmdivi-wrapper .tmdivi-content {
	border-radius: 16px !important;
	border: 1px solid #FFF !important;
	background: linear-gradient(112deg, rgba(246, 245, 243, 0.70) -2.94%, rgba(246, 245, 243, 0.40) 98.74%) !important;
	box-shadow: 0 4px 80px 16px rgba(0, 0, 0, 0.10) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
	padding: 30px;
}
.vores-historie .tmdivi-wrapper .tmdivi-arrow {
	background: linear-gradient(112deg, rgba(246, 245, 243, 0.70) -2.94%, rgba(246, 245, 243, 0.40) 98.74%) !important;
	box-shadow: 0 4px 80px 16px rgba(0, 0, 0, 0.10) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
}
.vores-historie .tmdivi-wrapper .tmdivi-description,
.vores-historie .tmdivi-wrapper .tmdivi-description p {
	margin-bottom: 0px !important;
}
.vores-historie .tmdivi-content .tmdivi-labels {
	position: relative !important;
    left: 0 !important;
    text-align: left !important;
	margin: 0px !important;
}
.vores-historie .tmdivi-wrapper .tmdivi-icon i {
    color: transparent !important;
    background-image: url("icon-ns-timeline.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    display: inline-block;
}
.vores-historie .tmdivi-vertical.tmdivi-wrapper .tmdivi-end::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -25px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #B3B6BC; 
	background: transparent;
}
.vores-historie .tmdivi-end-fill:not(.tmdivi-end-out-viewport) .tmdivi-end:after {
    border-top: 12px solid #E7323E; 
}

.vores-historie .tmdivi-end-out-viewport:not(.tmdivi-start-out-viewport) .tmdivi-story:not(.tmdivi-out-viewport) .tmdivi-icon {
	background: #E7323E;
}
.vores-historie .tmdivi-wrapper .tmdivi-description {
	padding: 0px !important;
	order: 2 !important;
}
.vores-historie .tmdivi-media.full {
	order: 3 !important;
}
.vores-historie .tmdivi-media img {
	margin: 0px !important;
}
.vores-historie .tmdivi-content {
	gap: 16px !important;
}

/*Image parallux movement*/
.vores-historie .tmdivi-media.full {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}
.vores-historie .tmdivi-media.full img {
    width: 110%; 
    height: 110%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(var(--y, 0)) scale(var(--scale, 1));
    transition: transform 0.4s ease;
    will-change: transform;
}