/*
Theme Name: Craftio Child
Description: This is a child theme for Craftio Theme
Author: Templatation
Template: craftio
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* NAV mobil */
@media only screen and (max-width: 599px) {
.navbar-brand img {max-width: 60%;}
.header.home-page-four .header-navigation.sticky-fixed {height: 110px;}
.header.home-page-four .navbar-brand {padding: 0px 0px 10px 0;}
.navbar-brand {margin-top: -70px;}
}

@media only screen and (orientation: landscape) {
.navbar-brand img {max-width: 50% !important;}
.header.home-page-four .header-navigation.sticky-fixed {height: 110px;}
.header.home-page-four .navbar-brand {padding: 0px 0px 10px 0;}
.navbar-brand {margin-top: 10px;}
}

/* If the screen size is 600px wide or less, hide the element */
@media (min-width: 700px) and (orientation: landscape) {
/* .hdr_top_bar {display: none;} */
/* .header_social {display: none;} */
}

@media (max-width: 480px) {
.why-choose-us {background-image: url(https://www.zimmerei-stockmeier.de/stockmeier/uploads/2021/01/spacer.png) !important;}
.hdr_top_bar {display: none;}
.header_social {display: none;}
}
@media (min-width: 481px) and (max-width: 1024px) {
.why-choose-us {background-image: url(https://www.zimmerei-stockmeier.de/stockmeier/uploads/2021/01/spacer.png) !important;}
.hdr_top_bar {display: none;}
.header_social {display: none;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.site-main .tt-sidebar-service-list a {font-size: 13px !important;}
.vc_col-sm-3 {width: 35% !important;}
.vc_col-sm-9 { width: 65% !important;}
}


.why-choose-us {
    background-image: url(https://www.zimmerei-stockmeier.de/wp-content/uploads/2021/01/stockmeier-johann.jpg);
}

.primary-menu-container {
    background-color: #fff;
    padding: 0px 12px 12px 12px;
}

/* Typo */
.what-we-do .single-what-we-do h3 {
    font-size: 22px !important;
}
.inner-banner h2, .video-content h3, .title h3 {
    color: #fff !important;
}
.contact-form-area .title h3 {
    color: #6c311a !important;
}
.cf-title h3, .what-we-do .title h3 {
    color: #6c311a !important;
}
.tt-sidebar-service-list .title h3 {
    color: #6c311a !important;
}
.call-to-action .title-info .inner h3 {
    color: #fff !important;
}
.our-history .title h3 {
    color: #6c311a !important;
}

/* Header */
.cf-title2 h3, .why-choose-us .title h3 {
    color: #9e865e !important;
}
.header-topbar-home-three .right-text ul li.phone span a {
    color: #9e865e;
}
.header-topbar-home-three .contact-text p {
    color: #9e865e;
}
.header-topbar-home-three .right-text ul li.social a {
    color: #9e865e;
}
.faq-request-area .title h3 {
    color: #6c311a !important;
}

/* Navigation */
.header .header-navigation ul.navigation-box > li:hover > a {
    color: #6c311a !important;
    background-color: transparent;
}
.header .header-navigation ul.navigation-box > li > a {
    font-weight: 400;
    font-size: 19px;
}
.tt-sidebar-service-list li a.active {
    text-decoration: none;
    background-color: #6c311a;
}

/* Servicebar */
.service-style-two-main {
    margin-top: -10px !important;
}
.service-style-two .single-service-style-two.bg-light-light {
    background: #cca25c !important;
}

/* Unsere Leistungen */
.what-we-do .single-what-we-do .img-box .box {
    background: #4d2e23 !important;
}

/* Kontaktform */
.dsgvo {
    margin-bottom: 1px;
}
.contact-form-area .wpcf7 p {
    display: block !important;
}

/* Footer */
.footer .footer-bottom {
    opacity: .4;
    background-color: #82582c;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* Owl carusel */
body.page-id-7 .single-what-we-do {
    padding: 0px 8px 0px 8px;
}
.owl-dots {
    display: none;
}