/*
 Theme Name:   Vocal Child Theme
 Theme URI:    http://vocal.axiomthemes.com/
 Description:  Vocal Child Theme
 Author:       AxiomThemes
 Author URI:   http://axiomthemes.com/
 Template:     vocal
 Version:      1.0
 Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
 Text Domain:  vocal
*/


/* =Theme customization starts here
------------------------------------------------------------ */

.sc_layouts_title_breadcrumbs{
    display: none !important;
}

@media screen and (min-width: 801px) {
    .logo_image{
        width: 165px !important;
    }
    
}


/* .sc_item_title .accent2{

} */

body.home{
    background-color: #161006!important;
    color: #fff;
}
body.home .elementor-section:has(.sc_blogger_item.sc_item_container ){
    background-color: #161006!important;
}

.home_hero_bg{

}
#home_video .e-hosted-video{
    --video-aspect-ratio: 1;
}
@media (max-width: 767px){
    .home_hero_bg{
        top: -34px !important;
    }
    #home_video .e-hosted-video{
        --video-aspect-ratio: 1 / 1.35;
        margin-top: 24px !important;
    }

}
body.home .sc_item_title_text2{
    display: block !important;
    line-height: 1.2 !important;
    padding-top: 12px !important;
}
    body.home .sc_item_title_text2{
        color: #88776C!important;
    }

    body.home .home_hero_text_ico path{
        fill: #BE9479;
    }

    .home_hero_text_ico{
        width: 24px !important;
    }
    .home_hero_text {
        width: calc(100% - 48px)!important;
        margin-left: auto;
    }

/* home_hero_text */
/* home_hero_text_ico */

.home_hero_form .form-style-2{
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
    .home_hero_form .columns_wrap{
        display: flex;
        gap: 12px;
        margin: 0 !important;
    }
    .home_hero_form .column-1_2{
        padding: 0 !important;
        width: calc(50% - 6px)!important
    }
    .home_hero_form .wpcf7-form input{
        padding: 16px!important;
        font-weight: 300!important;
        letter-spacing: .08em!important;
        border: 1px solid #BE9479 !important;
    }
    .home_hero_form .wpcf7-form .wpcf7-not-valid{
        border-color: red!important;
    }
    .home_hero_form .wpcf7-form .line{
        display: none !important;
    }
    .home_hero_form .wpcf7-form .wpcf7-submit{
        background: #BE9479!important;
        color: #fff!important;
        padding: 17px 35px 17px 35px !important;
    }
        .home_hero_form .wpcf7-form .submit-style-in:before{
            display: none !important;
        }

    .home_hero_form .wpcf7-spinner{
        display: none !important;
    } 

    body .home_hero_form .wpcf7-form .wpcf7-response-output,
    body .home_hero_form .wpcf7-form input,
    body .home_hero_form .wpcf7-form *::-webkit-input-placeholder{
        color: #fff !important;
    }


    
@media screen and (max-width: 800px) {

    .elementor-col-50:has(.home_hero_form){
        padding-top: 20px!important;
    }
        section:has(.home_hero_form) .elementor-widget-spacer,
        .elementor-col-50:has(.home_hero_form) .elementor-spacer{
            display: none !important;
        }

        body.home .sc_item_title_text .accent2{
            font-size: 44px !important;
        }
        body.home .sc_item_title_text2 br{
            display: block !important;
        }

    .home_hero_text_ico,
    .home_hero_text {
        display: none !important;
    }

    .home_hero_form{
        margin-bottom: 36px !important;
    }
    .home_hero_form .form-style-2{
        flex-direction: column;
    }
        .home_hero_form .columns_wrap{
            flex-direction: column;
        }
        .home_hero_form .column-1_2{
            width: 100% !important;
        }

        .home_hero_form p{
            width: 100%;
        }
        .home_hero_form .wpcf7-submit-style{
            display: block;
        }
        .home_hero_form .wpcf7-form .wpcf7-submit{
            display: block;
            width: 100%;
        }



}


/*      DARK MODE       */
/*  body class */

body.scheme_default {
    --theme-color-text_link: #BE9479;
}

body{
    background: #120c03!important;
    color: #fff;
}
    body.home section.arm_header._scrolled,
    body:not(.home ) section.arm_header{
        background: #161006!important;
    }
    body .top_panel_custom_header-simple section.arm_header .sc_layouts_menu_nav a{
        font-weight: 400;
    }
    body .top_panel_custom section.arm_header .sc_layouts_menu_nav a,
    body .top_panel_custom section.arm_header .social_item,
    body .top_panel_custom section.arm_header .social_item span{
        color: #fff!important;
    }
    body .top_panel_custom section.arm_header .sc_layouts_menu_nav a{
        font-size: 18px;
    }
    body section.arm_header .sc_layouts_menu_nav a::after{
        background: #fff!important;
    }
    body .arm_header a.elementor-icon .fa-phone-alt,
    body .arm_header .sc_layouts_menu_mobile_button_burger .sc_layouts_item_icon {
        color: #fff;
    }

    body.home .sc_item_title,
    body.home .sc_item_title span,
    body.home .elementor-widget-container{
        color: #fff;
    }

    body .sc_button.sc_button_default {
        background: #BE9479!important;
    }

    /* body .arm_home_cirlce_bg .elementor-widget-container{
        background: rgba(244, 241, 232, .1)!important;
    }
        body #bg_canvas_backshape{
            display: none !important;
        } */

   
    body.home .sc_services_item_text{
        display: none !important;
    }
    
    body .section_tg .sc_item_title {
        color: #88776C!important;
    }
    body .section_tg svg circle{
        fill: #BE9479!important;
    }

    body .section_reviews{
        background: #161006!important;
        color: #fff;
    }
        body .section_reviews .sc_testimonials_item_content,
        body .section_reviews .sc_testimonials_item_author_title{
            color: #fff!important;
        }
            body .sc_testimonials_decoration .sc_testimonials_item_content:before{
                color: #BE9479;
            }
            body .sc_testimonials_decoration .slider_container.slider_controls_side .slider_controls_wrap>a:before{
                color: #BE9479;
            }
    

    body .section_form_bottom .elementor-col-50:has(.wpcf7-form) > .elementor-widget-wrap{
        background: #BE9479!important;
    }
    body .section_form_bottom span.sc_item_subtitle {
        color: #88776C!important;
    }
    body .section_form_bottom .wpcf7-form input, 
    body .section_form_bottom .wpcf7-form *::-webkit-input-placeholder,
    body .section_form_bottom .wpcf7-form textarea,
    body .section_form_bottom .wpcf7-form select{
        color: #fff!important;
        border-color: #fff!important;
    }
    body .sidebar_inner .wpcf7-form input, 
    body .sidebar_inner .wpcf7-form *::-webkit-input-placeholder,
    body .sidebar_inner .wpcf7-form textarea,
    body .sidebar_inner .wpcf7-form select{
        color: #fff!important;
        border-color: #fff!important;
    }
    body .sidebar_inner .wpcf7-form .wpcf7-submit,
    body .section_form_bottom .wpcf7-form .wpcf7-submit{
        color: #BE9479!important;
        background: #fff!important;
        padding: 17px 35px 17px 35px !important;
    }
        body .section_form_bottom .wpcf7-submit-style .submit-style-in:before{
            display: none!important;
        }

    body .section_form_bottom .wpcf7-form .wpcf7-not-valid{
        border-color: red!important;
    }

    body .sc_blogger_item_content .post_meta,
    body .sc_blogger_item_content a{
        color: #fff!important;
    }



    body .page_content_wrap{
        background: #161006;
        color: #fff;
    }
        body .page_content_wrap .wp-block-heading{
            color: #fff!important;
        }

    body header section:has(h1){
        background: #161006!important;
    }
        body   header section h1{
            color: #fff!important;
        }
       

    body .sidebar_inner{
        background: #BE9479!important;
        color: #fff!important;
    }
    body .sidebar_inner .widget_title{
        color: #fff!important;
    }
    body .widget_contacts a{
        color: #fff!important;
    }



    body .adp-popup .elementor-col-50 .elementor-widget-wrap{
        background: #BE9479!important;
    }
    body .adp-popup input::-webkit-input-placeholder,
    body .adp-popup input{
        color: #fff !important;
    }

    body #post-1453 > .post_content  > .elementor > section:nth-child(1)  {
        background: #161006 !important;
        color: #fff;
    }
    .contact_page_content {
        padding-top: 60px !important;
    }
        body .contact_page_content .sc_item_title,
        body .contact_page_content .elementor-widget-container a {
            color: #fff !important;
        }
        body .contact_page_content .social_icon {
            color: #fff!important;;
            border-color: #fff!important;;
        }
        body .contact_page_content .wpcf7-form input, 
        body .contact_page_content  .wpcf7-form *::-webkit-input-placeholder,
        body .contact_page_content .wpcf7-form textarea,
        body .contact_page_content .wpcf7-form select{
            color: #fff!important;
            border-color: #fff!important;
        }
            body .contact_page_content .wpcf7-form .style-line .line:before{
                background: #fff!important;
            }
            body .contact_page_content .wpcf7-form .style-line[class*="icon-"]:before{
                color: #fff!important;
            }
        body .contact_page_content .wpcf7-form .wpcf7-submit,
        body .contact_page_content .wpcf7-form .wpcf7-submit{
            color: #BE9479!important;
            background: #fff!important;
            padding: 17px 35px 17px 35px !important;
        }
        body .contact_page_content .wpcf7-form .wpcf7-not-valid{
            border-color: red!important;
        }


    .wpcf7-not-valid-tip,
    .wpcf7-response-output.trx_addons_message_box_error{
        display: none !important;
    }

    .wpcf7 form.sent .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_success,
    body .wpcf7 .wpcf7-response-output.trx_addons_message_box_success{
        color: #fff !important;
    }

    body .page_content_wrap {
        background: #161006;
        color: #fff;
    }
   
    body  h1,
    body .content_wrap a,
    body .content_wrap .post_author_name,
    body .content_wrap .section_title,
    body .content_wrap .post_meta_single .post_meta_likes:before {
        color: #fff;
    }

    .masonry_wrap .masonry_item{
        position: relative !important;
        top: unset !important;
        left: unset !important;
    }

    body .page_content_wrap .post_item  a{
        color: #fff!important;
    }
    body .post_item .wp-post-image{
        display: block;
        aspect-ratio: 16/9;
        object-fit: cover;
    }
    body .masonry_wrap .masonry_item .post_layout_classic-masonry_3 .post_title.entry-title a {
        margin-left: -50px;
    }
    
    body .masonry_wrap .masonry_item .post_layout_classic-masonry_3 .post_header:before{
        background-color: #fff!important;
    }

    

    body:not(.home) .elementor-section:not(:has(#sb_instagram), .section_form_bottom, .trx_addons_has_bg_text){
        background-color: #161006!important;
        color: #fff;
    }
    
    body .page_content_wrap #post-5002 .section_form_bottom .elementor-widget-wrap > section.elementor-section {
        background-color: transparent !important;
    }
    body .sc_item_title,
    body .sc_skills_total {
        color: #fff!important;
    }

    body .trx_addons_scroll_to_top  {
        background: #BE9479 !important;
    }
    .nav-links-single .nav-links a .post-title,
    .nav-links-single .nav-links a .post-title{
        color: #fff;
    }
        .nav-links-single .nav-links a:hover .post-title{
            color: #BE9479;
        }
/*       end  DARK MODE      */


/*      VIDEO GALLERY  */

.bg_img img,
    .bg_img svg,
    .bg_img video,
    .bg_img iframe{
        display: block;
        width: 100%!important;
        height: 100%!important;
        object-fit: cover!important;
        object-position: center;
    }

    .video_gallery{
        overflow: hidden;
    }
    .video_gallery_list{
        display: flex;
        flex-wrap: wrap;
        gap: 3rem;
    }
        .video_gallery_item{
            cursor: pointer;
            width: calc( (100% - 6rem) / 3);
        }
            .video_gallery_item .bg_img{
                position: relative;
                aspect-ratio: 1/1.2;
            }
                .video_gallery_item img{
                    transition: .3s ease all;
                }
                .video_gallery_item .mejs-container{
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%!important;
                    height: 100%!important;
                    opacity: 0;
                    visibility: hidden;
                    transition: .3s ease all;
                }
                .video_gallery_item video{
                    opacity: 0;
                    visibility: hidden;
                    transition: .3s ease all;
                }
                .video_gallery_item .bg_img::before{
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0,0,0,.36);
                    transition: .3s ease all;
                }
                .video_gallery_item .bg_img::after{
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 3rem;
                    height: 3rem;
                    transform: translate(-50%, -50%);
                    transition: .3s ease all;
                    background-size: cover;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.9998 4.7998C13.3966 4.7998 4.7998 13.3966 4.7998 23.9998C4.7998 34.603 13.3966 43.1998 23.9998 43.1998C34.603 43.1998 43.1998 34.603 43.1998 23.9998C43.1998 13.3966 34.603 4.7998 23.9998 4.7998ZM32.4862 24.643L20.3134 31.6702C19.7006 32.0238 19.1998 31.7342 19.1998 31.027V16.971C19.1998 16.2638 19.7006 15.9742 20.3134 16.3278L32.4862 23.355C33.099 23.7102 33.099 24.2894 32.4862 24.643Z" fill="white"/></svg>');
                }

            .video_gallery_item._active .bg_img::before,
            .video_gallery_item._active .bg_img::after,
            .video_gallery_item._active img{
                opacity: 0;
                visibility: hidden;
            }
            .video_gallery_item._active .mejs-container,
            .video_gallery_item._active video{
                opacity: 1;
                visibility: visible;
            }

    @media (hover:hover){

        .video_gallery_item:hover .bg_img::after{
            transform: translate(-50%, -50%) scale(1.1);
        }
    }

    @media screen and (max-width:800px){

        .video_gallery_list{
            gap: 24px;
        }
        .video_gallery_item {
            width: calc(50% - 12px);
        }
            .video_gallery_item .bg_img{
                aspect-ratio: 1 / 1.5;
            }

            .video_gallery_item .mejs-controls{
                justify-content: space-between;
            }
            .video_gallery_item .mejs-currenttime-container,
            .video_gallery_item .mejs-time-rail,
            .video_gallery_item .mejs-duration-container{
                display: none !important;
            }
    }

/*      end     VIDEO GALLERY  */




@media screen and (max-width: 767px){
    .menu_mobile #menu_mobile-item-19048 .sub-menu{
        display: block !important;
    }
}

.single-cpt_services .page_content_wrap{
    padding-top: 48px;
}
.single-cpt_services .elementor-widget-container:has(h1.sc_layouts_title_caption){
    margin: 0 !important;
}

@media screen and (max-width:800px){

    .page-id-4027 h1,
    .archive header h1,
    .single-cpt_services header h1{
        margin-top: 48px !important;
    }
}


.comments_wrap ,
.post_meta.post_meta_other,
.post_meta_comments,
.post_meta_item.post_date{
    display: none !important;
}


/*          ARM POPUP            */


html._open_arm_popup,
body._open_arm_popup{
    overflow: hidden!important;
}

.arm_overlay{
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    transition: .3s ease all;
    visibility: hidden;
    opacity: 0;
    z-index: 9998;
}
    .arm_overlay._open {
        visibility: visible;
        opacity: 1;
    }

.arm_popup{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.7);
    transform-origin: center;
    transition: .3s ease all;
    width: 420px;
    max-width: calc(100% - 20px);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
}
    .arm_popup._open{
        transform: translate(-50%,-50%) scale(1);
        visibility: visible;
        opacity: 1;
    }

    .arm_popup_wrap{
        position: relative;
        background: #161006;
        color: #fff;
        padding: 48px;
    }
        .arm_popup_close{
            cursor: pointer;
            position: absolute;
            top: 24px;
            right: 24px;
            transition: .5s ease all;
            transform: rotate(0deg);
        }
            .arm_popup_close:hover{
                transform: rotate(270deg);
            }
            .arm_popup_close svg{
                width: 20px;
                height: auto;
                display: block;
            }

    .arm_popup_title{
        width: 100%;
        color: #fff;
        font-size: 28px;
        margin-bottom: 24px;
    }

    .arm_popup_content input,
    .arm_popup_content select,
    .arm_popup_content .select_container:after{
        color: #fff!important;
    }
    .arm_popup_content *::-webkit-input-placeholder{
        color: #fff;
        opacity: 0.8;
    }

    .arm_popup .wpcf7-submit-style{
        margin-top: 16px;
    }

    .arm_popup .wpcf7-response-output,
    .arm_popup .wpcf7-response-output.wpcf7-validation-errors, 
    .arm_popup .wpcf7-not-valid-tip, 
    .arm_popup .ajax-loader{
        display: none!important;
    }



@media screen and (max-width:600px) {
    .arm_popup_wrap{
        padding: 36px 24px;
    }
    .arm_popup_title{
        font-size: 24px;
    }
    .arm_popup_close{
        top: 16px;
        right: 10px;
    }

    ._open_callback_btn {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }
}
/*       end  ARM POPUP            */


@media (min-width: 767px) {
    body.category .page_content_wrap {
        padding-top: 0 !important;
    }
}

.about_us_circle{
    filter: invert(1);
}