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



/* LOGO */
.wd-logo img[src$=".svg"] {filter: invert(61%) sepia(72%) saturate(3074%) hue-rotate(358deg) brightness(101%) contrast(95%); /* Halma orange */ }

body.home .wd-logo img[src$=".svg"] {
  filter: invert(1);
}
body.home .wd-logo img[src$=".svg"]:hover {
  filter: invert(61%) sepia(72%) saturate(3074%) hue-rotate(358deg) brightness(101%) contrast(95%); /* Halma orange */
}
@media (prefers-color-scheme: dark) {
  .wd-logo img[src$=".svg"] {
    filter: invert(1);
  }
}


body [class*="color-scheme-light"] { color: white !important; --wd-text-color: white !important; }

/* MENÜ BUTTON */
.wd-header-fs-nav .wd-tools-icon,
.wd-header-mobile-nav .wd-tools-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.halma-menu-icon {
    width: auto;
    height: 150px;
    transition: transform 0.3s ease, filter 0.3s ease;
	top: -35px;
  position: absolute;
}

/* Mobile ggf. kleiner */
.wd-header-mobile-nav .halma-menu-icon {
    height: 110px;
  right: 15%;
  top: -30px;
}

/* Hover-Effekt */
.wd-header-fs-nav:hover .halma-menu-icon,
.wd-header-mobile-nav:hover .halma-menu-icon {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* "Menu"-Text ausblenden */
.wd-header-fs-nav .wd-tools-text,
.wd-header-mobile-nav .wd-tools-text {
    display: none;
}



/* STANDARDS */
.headlargetext, body .text-rotator { font-size: 500%; text-transform: uppercase; font-weight: 900; line-height: 80%; }
.largetext { font-size: 140%; line-height: 110%; }
.kopfintro .headlargetext { font-family: "DIN Next Black"; }

/* Startseite */
body.home .whb-general-header { background: #35BFF1 !important; }
body :is(.headlargetext, .text-rotator) { font-size: 820%; }


.rotator-content, .rotator-content .headlargetext, .text-rotator span { text-transform: none; }
body .text-rotator, body .rotator-content { font-family: DIN Next Heavy Regular; font-weight: 900; }

.whitecolor, .whitecolor h1, .whitecolor h2, .whitecolor h3, .whitecolor h4, .whitecolor p, .whitecolor span, .whitecolor ul, .whitecolor li,  .whitecolor a, .whitecolor a.button span, .color-scheme-light p, .color-scheme-light li, .color-scheme-light span { color: white; }
.whitecolor a, .color-scheme-light a { color: white !important; }
.whitecolor span.button, .whitecolor .wpcf7-submit { background: #52e978 !important; color: #fff !important; }
.whitecolor a.button:hover span, .whitecolor .largebgtext, .whitecolor span.button:hover, .whitecolor .wpcf7-submit:hover { background: #929292 !important; color: white !important; }
.whitecolor form input, .whitecolor form textarea { border-color: white; }

.Zwischenheadline .largetext { font-size: 200%; line-height: 80%; font-family: DIN Next Heavy Regular; font-weight: 900; color: #ccc; }

.service-tabs .largetext { font-size: 200%; line-height: 80%; font-family: DIN Next Heavy Regular; font-weight: 900; color: #ccc; }
.service-tabs a { line-height: 80%; font-family: DIN Next Heavy Regular; font-weight: 900; }
.vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text { line-height: 80%; font-family: DIN Next Heavy Regular; font-weight: 900; font-size: 150%; color: ; }

.service-tabs .vc_tta-title-text { color: var(--wd-primary-color); }
.vc_tta-tab.vc_active .vc_tta-title-text { color: #35bff1; }

a { color: #f99b1b; transition: 0.3s ease; font-weight: 700;}
a.wd-social-icon:hover { text-decoration: none; }

h1 { font-size: 200%; color: var(--wd-text-color); line-height: 120%;}

body p strong { font-family: DIN Next Heavy Regular; color: var(--wd-text-color); }

.front-button img { max-width: 400px; transform: rotate(30deg) scale(0.8); transition: 0.4s ease; -webkit-filter: drop-shadow(20vw / -3) calc(20vw / 4) calc(20vw / 3) rgba(0,0,0,.3)); filter: drop-shadow(calc(20vw / -3) calc(20vw / 4) calc(20vw / 3) rgba(0,0,0,.3)); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.front-button img:hover { transform: rotate(0deg) scale(1); }

/* MENU */
.wd-fs-menu { background-color: var(--wd-primary-color) !important; }
body .wd-nav-fs > li > a { padding-block: 0; font-size: 600%; font-family: DIN Next Heavy Regular; }
.wd-nav-fs > li > a:hover, .wd-nav-fs > li > a:hover span { color: #35bff1; }
.wd-nav > li > a { color: white; }
.wd-nav a {  }
body.home .wd-tools-element > a { color: #fff; }
body .wd-tools-element > a { color: var(--wd-primary-color); }
.wd-nav .menuklein a { font-size: 100%; font-family: inherit; }
.wd-nav[class*="wd-style-underline"] .nav-link-text::after { display: none; }
.wd-nav[class*="wd-style-underline"] .nav-link-text { padding-block: 0; line-height: 1; }

#menu-item-1468 a { text-transform: none !important; }

.wd-nav .socialbuttons { width: 30%; display: inline-block; margin-right: 1%; width: 4%; display: inline-block !important; max-width: 4%; margin-top: 30px; }
#menu-item-1470 { margin-left: 41%; }
.wd-nav .socialbuttons a { font-size: 100%; font-family: inherit;  background: #fff; padding: 4px; border-radius: 50%; width: 60px !important; font-size: 30px; min-height: 60px !important; } 
.wd-nav .socialbuttons a span { color: #f99b1b !important ; }
#menu-hauptmenu #menu-item-1470, #menu-hauptmenu #menu-item-1471, #menu-hauptmenu #menu-item-1472 { display: inline-block; width: inline; }
.wd-nav .socialbuttons a:hover { background: #35bff1 ; }

/*PORTFOLIO*/
.Introtext {  }
.vc_tta.vc_general .vc_tta-panel-title > a { background: none; }
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading { background: unset !important; border: none !important; }

.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a { color: var(--wd-primary-color) !important; text-align: center; }
.vc_tta-controls-icon.vc_tta-controls-icon-plus { display: none !important; }

:is(.banner-hover-background:not(.banner-background), .banner-hover-border:not(.banner-border)) .wrapper-content-banner::after { inset: 0 !important; }
.banner-hover-background:not(.banner-background) .wrapper-content-banner::after { background-color: rgb(249,155,27) !important; }

.portfolio-start .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; }
.banner-title { text-transform: uppercase; font-weight: 700; }
.banner-inner { margin-top: 0 !important; }
.content-banner { opacity: 0; transition: 0.3s ease ;}
.promo-banner:hover .content-banner { opacity: 1; } 

.wd-portfolio-btns, .wrap-meta { display: none !important; }
.wd-entities-title { font-size: 100% !important; }
.wd-project .portfolio-thumbnail::after { background-color: rgb(249,155,27) !important; }

.post-type-archive-portfolio .portfolio-filter { padding: 0 5%; }
/* .post-type-archive-portfolio .wd-logo img[src$=".svg"], .single-portfolio .wd-logo img[src$=".svg"] { background: var(--wd-primary-color); padding: 5px; } */

.wd-nav-portfolio > li > a { color: #ccc; }
.wd-nav-portfolio > li > a:hover { color: rgb(249,155,27); }
.wd-nav-portfolio > li { font-size: 320%; }

/* FOOTER */
.widget { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }
.wd-footer .wd-copyrights { font-size: 70% !important; }

.footer-column-2, .has-text-align-center { text-align: center; }
.footer-column-2 img { margin-bottom: 20px; }

.wd-footer a { color: #fff; font-weight: 400; }
.wd-footer a:hover { text-decoration: underline !important; font-weight: 600; }

.wp-block-social-links .wp-block-social-link-anchor { color: var(--wd-primary-color) !important; }



body .wd-side-hidden { z-index: 50000000; background: var(--wd-primary-color) !important; }
body .close-side-widget.wd-action-btn > a { color: white; font-size: 80%; }

body .scrollToTop { right: 48.5%; }

.wd-header-mobile-nav .wd-tools-icon::before {
  display: none;
}


/*RESPONSIVE*/
@media only screen and (max-width: 768px) {
	.headlargetext, body .text-rotator, .largetext { font-size: 200% !important; }
	.teamreihe .promo-banner-wrapper { margin-bottom: 20px; }
	.front-button img { width: 200px; }
	body .kopfintro { overflow: visible; padding-top: 30px !important; padding-bottom: 0 !important; }
	body .kopfintro .vc_col-sm-3, body .kopfintro .vc_col-sm-3 .vc_column-inner { padding-top: 0 !important; }
	body .kopfintro .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; }
	body .kopfintro .vc_col-sm-9 .wpb_text_column { margin-bottom: 15px; }
	.kopfintro img { position: absolute; bottom: -60px; right: 0; z-index: 999; }
	.kopfintro .headlargetext { font-size: 240% !important;}
	.portfolio-start .vc_column_container.vc_col-sm-3 { width: 50% !important; display: inline-block; }
	.portfolio-start .vc_column_container.vc_col-sm-3 .promo-banner-wrapper { height: 200px !important; --wd-img-height: 200px;}
	.wd-side-hidden { --wd-side-hidden-w: min(420px, 100vw); }
	.wd-nav-mobile > li > a, .wd-nav-mobile > li > ul li > a, .mobile-nav .wd-heading { border-bottom: none !important; }
	.wd-nav-mobile .menuklein { font-size: 80% !important; font-family: "DIN Next Light Regular";  }
	.wd-nav-mobile > li > a { font-size: 320%; text-align: center; font-family: "DIN Next Black"; line-height: 100% !important; }
	.wd-nav .socialbuttons a span { margin: auto; }
	.wd-nav .socialbuttons { width: 14%; max-width: 14%; }
	.wd-nav-mobile > li > a span { margin: auto !important; }
	.wd-nav-mobile .menu-item-1470 { margin-left: 25% !important; }
	.mobile-nav .wd-heading { margin-bottom: 30px; }
	body .scrollToTop { right: 47%; }
	
}