/**
Theme Name: Larry Interiors
Author: Quinji Tech
Author URI: https://quinji.com
Description: This is an Astra Child Theme for Larry Interiors Site.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: larry-interiors
Template: astra
*/

/**********************
	Need Samples Button
**********************/
.need-samples-btn:hover{
	background-color: #EEB311 !important;
}

/*
Header CSS
*/
.ehf-header #masthead {
    z-index: auto !important;
}
/***********************
	Sidebar Menu Border CSS
************************/

.hfe-nav-menu__layout-vertical > .hfe-nav-menu > li {
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
    border-color: #cccccc;
    border-top-width: 1px;
}


/************************
	For Tablet View 
*************************/
@media only screen and (max-width: 1024px){
.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal li, .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu{
    width: 100% !important;
    max-width: 400px !important;
    margin: 0 auto !important;
}

.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal li, .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu > nav {
        left:0 !important;
        width:100% !important;
        position: sticky !important;
	}
}

/***********************
    Section Who We Serve Button's CSS
***********************/
.team-button{
    position: absolute;
    bottom:21px;
}

.team-button-row2{
    width:100%;
    position: absolute;
    bottom:-25px;
}

.team-button > div > div > a.elementor-button, .team-button-row2 > div > div > a.elementor-button {
    width:100%;
}
/***********************
    Section Who We Serve Button's CSS End
***********************/


/**********************
    Section Flooring opions Button's CSS
***********************/
.flooring-button{
    position: absolute;
    bottom: -10px;
}

.flooring-button-row2{
    position: absolute;
    bottom:-26px;
}

.flooring-button > div > div > a.elementor-button, .flooring-button-row2 > div > div > a.elementor-button {
    width: 100%;
}
/***********************
    Section Flooring Options Button's CSS End
***********************/

/**********************
    Products Page Section Flooring opions Button's CSS
***********************/
.prod-flooring-button{
    position: absolute;
    bottom: -26px;
}

.prod-flooring-button-row2{
    position: absolute;
    bottom:-25px;
}

.prod-flooring-button > div > div > a.elementor-button, .prod-flooring-button-row2 > div > div > a.elementor-button {
    width: 100%;
}
/***********************
    Products Page Section Flooring Options Button's CSS End
***********************/


#triangle-topright {
    width: 400px;
    height: 400px;
    border-top: 450px solid rgb(138,2,10);
    border-left: 450px solid transparent;
    background-position: top right;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -999;
}

#expertise-delivered{
    width: 100%;
    height: 250px;
    transform: skew(-46deg);
    background: rgb(138,2,10);
}

.elementor-5112 .elementor-element.elementor-element-3eeb2af .elementor-heading-title {
    font-size: 16px !important;
}

.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a){
    text-decoration: none !important;
}

/* #menu-item-932{
    border-bottom-style: dashed 4px;
    border-bottom-color: #000000;
} */

.elementor-10 .elementor-element.elementor-element-7b3116c nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{
    background-color: #e3e2e3;
    color:black;
}

.elementor-10 .elementor-element.elementor-element-7b3116c nav.hfe-dropdown .menu-item a.hfe-sub-menu-item :active{
    background-color: #DDDDDD;
    color:black;
}

.hfe-has-submenu-container .current-menu-item .current-menu-ancestor .sub-menu-active{
       background-color: #8a020a;
} 

@media (max-width: 768px) {
    #triangle-topright {
        width: 180px;
        height: 200px;
        border-top: 200px solid #8a020a;
        border-left: 200px solid transparent;
        background-position: top right;
        position: absolute;
        top: 0;
        right: 0;
    }

    .team-button{
        position: absolute;
        bottom:-25px;
    }
    
    .team-button-row2{
        width:100%;
        position: absolute;
        bottom:-25px;
    }

    #expertise-delivered{
        width: 100%;
        /* right:50%; */
        height: 250px;
        /* transform: skew(-46deg); */
        background: rgb(138,2,10);
    }

    .flooring-button{
        position: absolute;
        bottom: 20px;
    }

    .flooring-button-row2{
        position: absolute;
        bottom:20px;
    }
    
    .prod-flooring-button{
        position: absolute;
        bottom: -24px;
    }

    .prod-flooring-button-row2{
        position: absolute;
        bottom:-25px;
    }
}



@media (max-width: 390px) {
    #triangle-topright {
        width: 100px;
        height: 200px;
        border-top: 100px solid rgb(138,2,10);
        border-left: 100px solid transparent;
        background-position: top right;
        position: absolute;
        top: 0;
        right: 0;
    }
    
     .prod-flooring-button{
        position: absolute;
        bottom: 20px;
    }

    .prod-flooring-button-row2{
        position: absolute;
        bottom:20px;
    }
}