/*
Theme Name: Classic Barbershop Child
Theme URI: https://www.theclassictemplates.com/products/free-barbershop-wordpress-theme
Template: classic-barbershop
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Classic Barbershop offers a timeless and stylish online presence tailored specifically for barbershops and grooming businesses. This theme seamlessly combines a nostalgic aesthetic with modern functionality to create a visually appealing and user-friendly experience. At the core of this theme is its classic design, evoking the traditional charm of barbershops. The layout is crafted to be clean, intuitive, and easily navigable, ensuring that visitors can effortlessly explore the services and offerings. The theme also incorporates elements like vintage-inspired typography and imagery to capture the essence of a classic barbershop. Responsive design is a key feature, ensuring that the website looks and functions flawlessly across various devices, from desktops to smartphones. This adaptability is crucial for reaching a diverse online audience. Customization options are also available, allowing barbershops to personalize the theme to match their brand identity. Whether adjusting color schemes, fonts, or layout elements, the theme provides flexibility for businesses to create a unique online presence. Dedicated sections for services, pricing, and a portfolio of barbers' work contribute to the theme's functionality. Integration of booking systems or appointment scheduling features is common, streamlining the customer experience and facilitating online reservations. This theme enables barbershops to showcase their services, connect with customers online, and evoke the timeless ambiance of a traditional grooming establishment in the digital landscape.
Tags: blog,one-column,two-columns,three-columns,four-columns,grid-layout,left-sidebar,right-sidebar,custom-logo,post-formats,featured-images,full-width-template,custom-colors,editor-style,wide-blocks,custom-header,translation-ready,custom-background,custom-menu,sticky-post,threaded-comments,rtl-language-support,portfolio,education,theme-options
Version: 0.7.4.1726480584
Updated: 2024-09-16 10:56:24

*/
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

body {
    margin: 0;
    padding: 0;
    font-size: 20px !important;
    color: #fff;
    font-family: "Nanum Myeongjo", serif !important;
    font-weight: 400;
    font-style: normal;
    box-sizing: border-box;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}
body .mainhead {
    background-color:rgba(0,0,0,0.5) !important;
}
body .sticky-head {
    background-color:rgba(0,0,0,0.9) !important;
}
#pageholder a {
	color: #d1b745;
}
#footer .copywrap a:hover {
    color: #d1b745;
    text-decoration: underline;
}
.mainhead {
    padding-top: 20px;
}
a.crew_logo {
    display: block;
    max-width: 200px;
}
#pageholder .contact-us a {
    padding: 15px 25px;
    background-color: #d1b745!important;
    font-family: "Montserrat", sans-serif !important;
    color: #352b23;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
}
.contentsecwrap p {
    margin-bottom: 20px;
    line-height: 1.8;
    font-weight: 200;
}
#pageholder h1,
#pageholder h2,
#pageholder h3,
#pageholder h4,
#pageholder h5,
#pageholder p,
#pageholder li,
#pageholder li a {
	color:#fff;
}
#pageholder h1 {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 1.2;
    margin-top: 50px;
    margin-bottom: 50px;
}
.text_col1 {
    max-width: 600px;
    margin: 0 auto 100px auto;
}
#pageholder .light_button a {
    background-color: #d1b745;
}
#pageholder .site-main .wp-block-button__link {
    background-color: #d1b745 !important;
    color: #352b23 !important;
    font-family: "Montserrat", sans-serif !important;
}
body.custom-background {
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
#pageholder .boxout1 {
    background-color: #fff !important;
}
#pageholder .boxout1 .padded_panel {
    padding: 0 5%;
}

@media screen and (min-width: 767px) {
        #pageholder .row {
        justify-content: space-between;
    }
    .hide_on_desktop {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    #pageholder .row > * {
        flex-shrink: 0;
        width: 50%;
        max-width: 50%;
    }
    a.crew_logo {
        padding-left: 5%;
    }
}