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

html { scroll-behavior: smooth; }
div.wpb_row { scroll-margin-top: 50px; }
.wd-content-layout { padding-bottom: 0px !important; }
body.blog .wd-content-layout { padding-bottom: 40px !important; }


:is(.color-scheme-light, .whb-color-light) .wd-nav[class*="wd-style-"] {
  --nav-color: #fff;
  --nav-color-hover: rgba(255,255,255,0.5);
  --nav-color-active: rgba(255,255,255,1);
  --nav-chevron-color: rgba(255,255,255,1);
}
[class*="color-scheme-light"] {
	--wd-text-color: #fff;
}

/* Header */
.whb-sticked .whb-color-light:not(.whb-with-bg) {
  background-color: #fff;
}

.whb-sticked .wd-nav[class*="wd-style-"] > li > a {
  color: #014993;
}
.whb-sticked .wd-nav[class*="wd-style-"] > li:is(.wd-has-children, .whb-sticked .menu-item-has-children) > a::after {
  color: #014993;
}

.whb-color-light .wd-header-text { color: #fff !important; }
.whb-sticked .whb-color-light .wd-header-text { color: #014993 !important; }

.whb-sticked .whb-top-bar { border-color: rgba(1, 73, 147, 0.5); }

.whb-sticked .wd-nav[class*="wd-style-underline"] .nav-link-text::after {
	background-color: #014993;
}

.wd-nav[class*="wd-style-underline"] .nav-link-text::after {
	background-color: #fff;
}

/* social */
.wd-social-icons.wd-size-small {
  --wd-social-size: 24px !important;
  --wd-social-gap: 10px !important;
  --wd-social-icon-size: 14px !important;
}

.whb-sticked .wd-social-icons > a { color: #014993; }
.wd-social-icons.wd-size-small > a {
	border: 0px solid;
	width: auto;
	border-radius: 0;
	padding: 0px 8px;
}

.whb-main-header a.wd-social-icon.social-instagram::after { content:"Instagram"; margin-left: 5px; }
.whb-main-header a.wd-social-icon.social-linkedin::after { content:"LinkedIn"; margin-left: 5px;}

.wd-social-icons.wd-style-bordered > a.social-instagram:hover {
  background: #833AB4;
}

/* Titel */
.wd-page-title {
	padding-top: 235px !important;
	padding-bottom: 80px !important;
}
.wd-page-title .container {
	max-width: 100%;
	margin-right: 2.5% !important;
	margin-left: 2.5% !important;
}
.wd-page-title .container h1.entry-title {
	margin-bottom: 20px;
	line-height: 85px;
	font-size: 75px;
}
.wd-page-title .container .yoast-breadcrumb { margin-bottom: 35px; }
.wd-page-title .container .yoast-breadcrumb a { color: #e7e9eb !important; }
.wd-page-title .container .yoast-breadcrumb a:hover { color: #fff !important; }

/* Sidebar Meny */
.wd-nav-vertical.wd-design-default > li:not(:last-child) { border-bottom: 1px solid #a1daf7 !important; }
.wd-nav-vertical.wd-design-default { border: 1px solid #a1daf7 !important; }
.wd-nav-vertical.wd-design-default > li:is(.wd-opened, :hover) > a { background-color: #a1daf7 !important; color: #014993 !important; }

.wd-nav-vertical > li.current-menu-parent, .wd-nav-vertical > li.current-menu-item { border-left: 4px solid #a1daf7 !important; }


/*Sidebar Kontakt*/
.side-kontakt li > a { color: #014993; }
.side-kontakt li > a:hover {
	padding-left: 0px;
	color: #a1daf7;
}
.side-kontakt li > a:hover::before {
-webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    width: 22px;
	left: 0px;
}
.side-kontakt li.ta-menu-title > a::before {
	color: #ff7638;
	top: 0rem;
}
.side-kontakt li > a::before {
	font-family: "woodmart-font";
	content: '\f113';
	display: inline-block;
	width: 16px;
	position: relative;
	left: 0px;
	color: #014993;
	top: 0px;
	line-height: 1;
	font-size: 12px;
	vertical-align: baseline;
	text-align: center;
	overflow: hidden;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* Blogg */
body.single-post h3.entry-title {
	margin-bottom: 20px;
	line-height: 85px;
	font-size: 75px;
}

@media (max-width: 1800px) {
	#sidebarmenu > .vc_column-inner {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	#kontaktblock > .vc_column-inner {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}

/* Tablet - Padding */
@media (max-width: 1024px) { }

/* Tablet */
@media (max-width: 991px) { }

/* Mobile */
@media (max-width: 767px) { }
@media (max-width: 576px) { }
@media (max-width: 480px) { }