/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Body */
.wd-content-layout { padding-bottom: 0px; }

:is(ul, ol) li {
	margin-bottom: 5px;
}

/* Canvas */
#scroll-wrapper {
	height: 2666px; /* Justera beroende på hur mycket scroll du vill ha */
	position: relative;
	z-index: 30;
}

#canvas-container, #canvas-container * {
	overflow: visible !important;
}

#canvas-container {
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

canvas {
	height: 727px;
}

/* Added 16 juni 2025 */
canvas { padding-left: 200px; }

/* Titel */
h1.woodmart-title-container.title {
	letter-spacing: 10px;
}

.title-after_title {
	letter-spacing: 8px;
	font-family: var(--wd-title-font);
	text-transform: uppercase !important;
}

/* Font stuff */
.uppercase p {
	text-transform: uppercase;
}

.title-subtitle {
	font-size: 20px;
	margin-bottom: 0px;
}

/* Button */
a.btn.btn-style-link {
	color: #f2debb !important;
	--btn-brd-width: 0px !important;
}
a.btn.btn-style-link:hover {
	color: #fff !important;
}

/* Front page */
.blue-front-box:hover .vc_column-inner {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url('/wp-content/uploads/2025/06/bundly-abstract-waves-bg-images-4-scaled.jpg') !important;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/* Mobile Menu */
.wd-cross-icon > a::before { font-size: 20px !important; }
.mobilmenylogo img { max-width: 250px; } 
.mobile-nav.wd-side-hidden {
	background-color: #fff;
}
.mobile-nav {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 0px 12% 12% 12%;
}
.cart-widget-side .wd-heading {
	padding: 10px;
}
.wd-heading {
	border-bottom: 0px !important;
	padding: 20px 0px 0px 0px;
}
.mobile-nav .close-side-widget.wd-action-btn.wd-style-text > a { color: #000; font-size: 0px !important; }
.mobile-nav .mobile-pages-menu { order: 3; }
.mobile-nav .widgetarea-mobile { order: 2; padding: 0px; }

.mobile-nav .wd-nav-opener { border-left: 0px !important; }

.wd-nav > li > a {
	font-family: var(--wd-header-el-font);
	text-transform: var(--wd-header-el-transform);
	font-size: 16px;
	line-height: 2;
}

.wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > .menu-item > a, .wd-nav .wd-sub-menu .wd-drilldown-back > a {
	font-family: var(--wd-header-el-font);
	font-size: 16px;
	line-height: 2;
}

.wd-drilldown-slide .menu-item > [class*="sub-menu"] {
	box-shadow: none !important;
}
.mobile-nav .wd-nav-mobile > li > a { color: #000 !important; padding: 5px 20px 5px 20px !important; }
.mobile-nav .wd-sub-menu li > a { color: #000 !important; padding: 5px 20px 5px 20px !important; }

.wd-nav-mobile li a {
	border-bottom: 1px solid #e4e4e4 !important;
}
.wd-nav-opener { color: #000 !important; }
.mobile-nav .wd-nav-opener.wd-active { background-color: transparent !important; }
.wd-nav-mobile li:active > a, .wd-nav-mobile li.opener-page > a { background-color: transparent !important; }


/* Misc */
#how-it-works-wrapper {
	margin-top: -550px !important;
}
@media (max-width: 1660px) {
	#how-it-works-wrapper {
		margin-top: -450px !important;
	}
}
@media (max-width: 1350px) {
	#how-it-works-wrapper {
		margin-top: -350px !important;
	}
}
@media (max-width: 1024px) {
	#how-it-works-wrapper {
		margin-top: -250px !important;
	}
}
@media (max-width: 767px) {
	#how-it-works-wrapper {
		margin-top: 0px !important;
	}
}

.wd-info-box .box-with-text .info-box-icon {
	font-family: var(--wd-title-font);
	font-weight: 400;
}
.wd-info-box.icon-text-box .info-box-content h3.info-box-title::before {
	height: 4px;
	border-top: 4px solid #fff;
    border-top-width: 4px;
    border-top-color: rgb(255, 255, 255);
	content:'';
	display: block;
	position: relative;
	top: 10px;
	width: 15%;
	padding-bottom: 30px; 
}

/* Blog */
body.blog .wd-page-title .title { color: #506e79; }

.wd-post .article-body-container { text-align: left !important; }
.wd-entry-meta-extra {
	display: inline-block;
	margin-bottom: 14px;
	margin-right: 0px;
	vertical-align: middle;
	font-weight: 400;
	font-size: 0px;
}
.wd-entry-meta-extra ul li { font-size: 14px; }

.entry-meta-list li { margin-right: 5px !important; }
.wd-entry-meta { margin-right: 0px !important; }
.wd-entry-meta .meta-author::after { content:'|'; }
.wd-entry-meta .meta-date::after { content:'|'; }

.blog-design-masonry .post-title { font-size: 18px !important; }
.wd-entities-title {
	font-family: var(--wd-header-el-font);
	text-transform: uppercase;
	font-weight: 600;
}
.wd-entities-title a { color: #506e79; }

.read-more-section a {
	color: #000;
	font-size: 14px !important;
}
.read-more-section a:hover {
	color: #506e79;
}

/* Testimonial */
.testimonial-content {
	font-size: 22px;
	font-style: italic;
}
.testimonial-content footer {
	font-size: 16px;
	font-style: normal;
}

.testimonials.color-scheme-light, .testimonials.color-scheme-light .testimonial-content footer > span {
	color: #fff;
}
.testimonials.color-scheme-dark, .testimonials.color-scheme-dark .testimonial-content footer > span {
	color: #000;
}

/* Contact Form */
form.wpcf7-form label span.title-form {
	text-transform: var(--wd-title-transform);
	font-weight: var(--wd-title-font-weight);
	font-family: var(--wd-title-font);
}

/* Booking - Color */
.wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_active, .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_completed, .wpbc_steps_for_timeline .wpbc_steps_for_timeline_step.wpbc_steps_for_timeline_step_failed {
	background-color: #506e79 !important;
}
.wpbc_times_selector div.wpbc_time_selected {
	border:var(--wpbc_timepicker-border-width) solid #506e79 !important;
	background: #506e79 !important;
}
.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc-cell-box {
	border: var(--wpbc_cal-day-cell-border-width) solid #506e79 !important;
	background: #506e79 !important;
}

.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over .wpbc-cell-box, .datepick-inline .datepick .datepick-days-cell-over .wpbc-cell-box, .datepick-inline .datepick .wpbc-cell-box:has(a:focus) {
	border: var(--wpbc_cal-day-cell-border-width) solid #506e79 !important;
	background: #506e79 !important;
}
.wpbc_steps_for_timeline .wpbc_steps_for_timeline_step_line.wpbc_steps_for_timeline_line_active {
	background: #506e79 !important;
}
.wpbc_container.wpbc_form input.wpbc_button_light:focus, .wpbc_container.wpbc_form input.wpbc_button_light:hover, .wpbc_container .wpbc_button_light:focus, .wpbc_container.wpbc_container_booking_form .wpbc_button_light:focus, .wpbc_container .wpbc_button_light:hover, .wpbc_container.wpbc_container_booking_form .wpbc_button_light:hover {
	border: 2px solid #506e79 !important;
}
.wpbc_container .wpbc_button_light {
	font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
	font-weight: 600 !important;
	color: #fff !important;
	padding: 5px 28px !important;
    height: 48px !important;
    font-size: 14px !important;
	background: #506e79 !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	border: 0px !important;
	text-transform: uppercase;
	line-height: 1 !important;
}
.wpbc_container .wpbc_button_light:hover, .wpbc_container.wpbc_container_booking_form .wpbc_button_light:hover {
	border: 0px !important;
	background: #f2debb !important;
	color: #000 !important;
}
/* Booking - Text */
.wpbc_container_booking_form .wpbc__field label {
	text-transform: var(--wd-title-transform);
	font-weight: var(--wd-title-font-weight) !important;
	font-family: var(--wd-title-font);
}
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text .wpbc_ty__section_header {
	text-transform: var(--wd-title-transform) !important;
	font-family: var(--wd-title-font) !important;
}
.wpbc_ty__header, div.wpbc_container.wpbc_form textarea { background: #fff !important; }
.wpbc_after_booking_thank_you_section .wpbc_ty__container, .wpbc_wizard__border_container {
	box-shadow: none !important;
	border: 0px !important;
	background: transparent !important;
}


/* Footer */
.wd-prefooter { padding-bottom: 0px !important; }

.wd-footer a { color:#f2debb; }
.wd-footer a:hover { color:#fff; }

.wd-footer ul li a {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--wd-alternative-font);
}
.wd-footer ul li a:hover {
	color: #f2debb;
}

.wd-footer ul li {
	margin-bottom: 10px;
}

.wd-footer .wd-social-icons > a {
	color: #1a3b4e !important;
	background-color: #f2debb !important;
}
.wd-footer .wd-social-icons > a:hover {
	color: #000 !important;
	background-color: #fff !important;
}

@media (max-width: 1520px) {
	canvas {
		margin-top: 75px;
		height: 700px;
	}
}

@media (max-width: 1380px) {
	canvas {
		height: auto !important;
		max-height: 100%;
		max-width: 100%;
	}
}

@media (max-width: 1199px) { }

/* Tablet - Padding */
@media (max-width: 1024px) {
	canvas {
	  padding-left: 150px;
	}
}

/* Tablet */
@media (max-width: 991px) {
	canvas {
	  padding-left: 120px;
	}
}

/* Mobile */
@media (max-width: 767px) {
	html { padding: 0px; }

	canvas {
	  padding-left: 95px;
	}
	
}
@media (max-width: 576px) {
	canvas {
	  padding-left: 90px;
	}
}
@media (max-width: 480px) {
	#scroll-wrapper {
	  height: 1500px;
	}
	
	#canvas-container {
	  height: 355px;
	}
	canvas {
	  margin-top: 150px;
	  padding-left: 45px;
	}
}