/*
Theme Name: Interior Design Firm
Theme URI: https://www.ovationthemes.com/products/free-interior-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: The Interior Design Firm WordPress Theme is a beautifully crafted, highly functional theme designed for interior designers, home decor stores, and luxury decor businesses. Whether you specialize in modern decor, vintage aesthetics, or eco-friendly home styling, this theme offers the perfect digital platform to showcase your expertise. Featuring a clean and elegant design, it provides a visually appealing way to present your portfolio, services, and products. With seamless navigation, responsive layouts, and SEO-optimized code, this theme ensures a smooth browsing experience across all devices. Built for interior decor shops, custom furniture brands, and decorative accessories sellers, it allows businesses to highlight their offerings, from designer rugs and chandeliers to artistic wall decor and seasonal home accents. Customization is effortless with its drag-and-drop page builder, letting you tailor every detail to match your brand identity. The one-click demo import feature makes setup quick and hassle-free, allowing you to launch your website in minutes. The theme supports eCommerce functionality, making it ideal for selling luxury home decor, decorative mirrors, handcrafted furniture, and home organization accessories. Whether you're a boutique decor shop, an online decor retailer, or an interior styling expert, this theme provides a professional, high-end platform to grow your brand and attract more clients. Demo: https://trial.ovationthemes.com/interior-design-firm/
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: interior-design-firm
Tags: blog, portfolio, photography, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, template-editing, translation-ready

Interior Design Firm WordPress Theme, Copyright 2025 pewilliams
Interior Design Firm is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
    outline: 1px solid;
}
.btn-block a:focus{
    outline: 1px solid var(--wp--preset--color--primary);
}
/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a{
        position: relative;
    }
    .wp-block-navigation ul li a::before {
        content: "";
        background: var(--wp--preset--color--secondary);
        opacity: 0;
        margin: 0 auto;
        height: 3px;
        width: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        -moz-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }
    .wp-block-navigation ul li a:hover::before,
    .wp-block-navigation ul li a:focus::before {
        opacity: 1;
        width: calc(100% - 3px);
    }
    .wp-block-navigation ul li a:hover,
    .wp-block-navigation ul li a:focus,
    .wp-block-navigation .current-menu-item a{
        font-weight: 600 !important;
    }
    .wp-block-navigation .current-menu-item a::before{
        content: "";
        position: absolute;
        opacity: 1;
        background: var(--wp--preset--color--secondary);
        margin: 0 auto;
        height: 3px;
        left: 0;
        right: 0;
        bottom: -10px;
        width: calc(100% - 3px);
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--primary);
        border-bottom: 2px solid var(--wp--preset--color--primary);
        box-shadow: 2px 2px 8px #cfc8d8;
    }
    .wp-block-navigation ul ul li a:hover::before,
    .wp-block-navigation ul ul li a:focus::before,
    .wp-block-navigation ul ul .current-menu-item a::before {
        width: 0 !important; 
    }
    .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
        color: var(--wp--preset--color--primary) !important;
    }
    .wp-block-navigation ul li:last-child a{
        border-bottom: none;
    }
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        background-color: var(--wp--preset--color--primary-light) !important;
        font-weight: 400 !important;
    }
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    width: 100%;
    border: 1px solid var(--wp--preset--color--border-color);
    border-top-color: var(--wp--preset--color--primary);
    border-bottom-color: var(--wp--preset--color--primary);
}
.wp-block-navigation__responsive-container.is-menu-open li a,
.wp-block-navigation__responsive-container.is-menu-open li li a,
.wp-block-navigation__responsive-container.is-menu-open li li:last-child a{
    border-bottom: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-navigation__responsive-container.is-menu-open li:last-child a{
    border-bottom: none;
}
.wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation__responsive-container.is-menu-open li a:focus,
.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{
    background-color: var(--wp--preset--color--primary-light) !important;
    color: var(--wp--preset--color--primary) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 26px;
        height: 26px;
    }
    .wp-block-navigation__responsive-container-open svg{
        fill: var(--wp--preset--color--heading);
    }
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--black);
    }

    .wp-block-navigation__responsive-container-close{
        top: 0;
        right: 20px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 2.5rem;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: left;
    }

    /*
    * Submenu Css
    */
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
        gap: 3px;
        font-weight: 300 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
        content: '--';
    }
    
}
.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--border-color);
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--foreground);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--wp--preset--color--foreground);
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
}
.sidebar-heading{
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    width: auto;
}
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
    list-style: square;
}
.sidebar-box .wp-block-archives-list li ,
.sidebar-box .wp-block-categories-list li,
.sidebar-box .wp-block-page-list li{
    list-style: circle;

}
.sidebar-box .wp-block-archives-list li::marker,
.sidebar-box .wp-block-categories-list li::marker,
.sidebar-box .wp-block-page-list li::marker{
    color: var(--wp--preset--color--primary);
}
.sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{
    padding-left: 20px;
}
.sidebar-box ul li a{
    text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
    background: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--black);
}
.sidebar-box .wp-block-tag-cloud a:hover{
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
}
/*post css*/
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: var(--wp--preset--color--section-bg);
}
/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: var(--wp--preset--spacing--20);
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--primary);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background-color: var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--white);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--background);
    background-color: var(--wp--preset--color--heading);
}

/*woocommerce*/
.wp-block-group.woocommerce.product{
    margin-block-start: 0;
}
.wc-block-product,
.wc-block-grid__product,
.woocommerce .products li,
.wp-block-woocommerce-related-products li,
.products-block-post-template li {
    text-align: center;
    padding: 10px !important;
    background: var(--wp--preset--color--section-bg);
}
.wc-block-grid__product{
    margin: 0 10px;
}
a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img {
    width: 100%;
}
.wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating {
    margin: 0 auto 0.5em;
    color: #f4bc16;
}
.wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{
    color: #cfc8d8;
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    padding: 0;
    border-radius: 0px;
    margin: 5px !important;
    min-height: 8px;
    line-height: 26px;
    min-width: 60px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
av.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--white);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: var(--wp--preset--color--heading);
    border-color: var(--wp--preset--color--heading);
}
nav.woocommerce-MyAccount-navigation ul li:hover a,
nav.woocommerce-MyAccount-navigation ul li a:focus{
    color: var(--wp--preset--color--background);
    outline: none;
}
.woocommerce ul.products li.product .button{
    padding: var(--wp--preset--spacing--30);
    border-radius: 30px;
}
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-radius: 0;
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    display: inline-block;
    
}
.added_to_cart.wc-forward{
    margin-left: 10px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading);
    border-radius: 0 !important;
    border: solid 2px var(--wp--preset--color--heading) !important;
    padding: 5px 8px !important;
}
.wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{
  font-size: 18px !important;
  font-weight: bold;
}
.woocommerce #review_form #respond textarea{
   background: var(--wp--preset--color--section-bg);
    border: 1px solid var(--wp--preset--color--border-color);
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wc-block-components-sidebar-layout.wc-block-cart{
    padding-top: 30px;
}
.wc-block-cart{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 30px;
    border-radius: 10px;
    color: var(--wp--preset--color--heading);
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title{
    padding: 10px !important;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-components-totals-wrapper:after{
    border-color:  var(--wp--preset--color--border-color);
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--wp--preset--color--primary);
}
.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    background: transparent;
}
@media screen and (max-width:999px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 30px !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 16px 22px;
    }
    .wc-block-cart{
        padding: 0;
        border: none;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        padding-top: 0;
    }
}
@media screen and (max-width:600px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .single-product .wp-block-woocommerce-product-meta .wp-block-group{
        display: block !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 25px !important;
    }
    .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
}
/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 20px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .post-grid-layout.wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 30px !important;
    }
    
}
@media screen and (max-width:991px){
    .blog-section .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media screen and (max-width: 999px) and (min-width: 782px){
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .sidebar-col,.post-col{
        flex-basis: 50% !important;
    }
    .page-sidebar-col{
        flex-basis: 40% !important;
    }
    .page-text-col{
        flex-basis: 60% !important;
    }
}
@media screen and (max-width:781px){
    .post-title .wp-block-separator{
        width: 30px !important;
    }
    .post-title h4{
        font-size: 21px;
    }
    .archieve-meta time ,.archieve-meta .wp-block-post-author-name{
        font-size: 13px !important;
    }
}
@media screen and (max-width:767px){
    .blog-section .wp-block-post-template,
    .post-grid-layout.wp-block-post-template,
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .search-results .wp-block-post-template{
        display: block !important;
    }
    .blog-section .wp-block-post-template,
    .post-grid-layout.wp-block-post-template li,
    .page-template-blog-right-sidebar .wp-block-post-template li,
    .page-template-blog-left-sidebar .wp-block-post-template li,
    .search-results .wp-block-post-template li{
        margin-bottom: 30px;
    }
    .blog-section .wp-block-post-template,
    .post-grid-layout.wp-block-post-template li:last-child,
    .page-template-blog-right-sidebar .wp-block-post-template li:last-child,
    .page-template-blog-left-sidebar .wp-block-post-template li:last-child,
    .search-results .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 25px !important;
        text-align: center !important;
    }
    .error-heading{
        font-size: 110px !important;
    }
}

/*homepage*/
.banner-excerpt{
    width: 60%;
}
.banner-img-box img{
    width: 100%;
}
.text-span{
    color: var(--wp--preset--color--secondary) !important;
}
.banner-text-box .wp-block-button__link{
    line-height: 1.5rem !important;
}
/*design sec*/
.sec-heading-box{
    text-align: center;
}
.sec-heading-box h3{
    display: inline-block;
    position: relative;
    padding-left: 110px;
    padding-right: 110px;
}
.sec-heading-box h3:before,.sec-heading-box h3:after{
    content: '';
    height: 2px;
    display: block;
    width: 100px;
    background: var(--wp--preset--color--secondary);
    top: 50%;
    left: 0;
    position: absolute;
    transform: translateY(-50%);
}
.sec-heading-box h3:after{
    right: 0;
    left: auto;
}
.design-box{
    position: relative;
}
.design-box img{
    width: 100%;
}
.design-text-box{
    position: absolute;
    left: 5%;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.design-text-box p{
    display: inline-block;
}
.design-text-box p a{
    text-decoration: none;
}
.design-box:hover .design-text-box p a{
    color: var(--wp--preset--color--white) !important;
}
.design-box:hover .design-text-box p{
    color: var(--wp--preset--color--white) !important;
    background-color: var(--wp--preset--color--primary) !important;
}
/*blog*/
.blogsec-heading-box h3{
    display: inline-block;
    position: relative;
    padding-right: 110px;
}
.blogsec-heading-box h3:after,.blogsec-heading-box h3:before{
    content: '';
    height: 2px;
    display: block;
    width: 100px;
    background: var(--wp--preset--color--secondary);
    top: 50%;
    right: 0;
    position: absolute;
    transform: translateY(-50%);
}
.blogsec-heading-box h3:before{
    left: 0;
    right: auto;
    display: none;
}
.blogsec-sub-heading{
    width: 50%;
}
.blog-wrap {
    position: relative;
}
.blog-txt-box{
    position: absolute;
    left: 0;
    right: 10%;
    bottom: 0;
    z-index: 99;
}
.blog-date-box{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}
.blog-wrap a:hover,
.blog-wrap a:focus{
    color: var(--wp--preset--color--secondary) !important;
}
/*footer*/
.custom-footer-class{
    margin-top: 0;
}
.f-about-text{
    width: 50%;
}
.footer-widgets .wp-block-list{
    padding-left: 0;
}
.footer-widgets .wp-block-list li{
    list-style: none;
    margin-bottom: 15px;
}
.footer-widgets .wp-block-list li:last-child{
    margin-bottom: 0;
}
.footer-widgets .wp-block-list li a{
    text-decoration: none;
}
.social-block .wp-block-social-links .wp-social-link:hover,
.social-block .wp-block-social-links .wp-social-link:focus,
.footer-txt .wp-block-social-links .wp-social-link:hover,
.footer-txt .wp-block-social-links .wp-social-link:focus{
    color: var(--wp--preset--color--secondary) !important;
}
.footer-widgets .wp-block-list li a:hover,
.footer-widgets .wp-block-list li a:focus{
    color: var(--wp--preset--color--secondary) !important;
}
@media screen and (max-width:1599px){
    .f-about-text{
        width: 70%;
    }
    .banner-text-box h2{
        font-size: 35px !important;
    }
}
@media screen and (max-width:1399px){
    .banner-image-cover{
        min-height: 500px !important;
    }
    .blogsec-sub-heading{
        width: 70%;
    }
    .banner-excerpt {
        width: 90%;
    }
}
@media screen and (max-width:1299px){
    .f-about-text{
        width: 80%;
    }
    .sec-heading-box h3,
    .blogsec-heading-box h3{
        font-size: 30px !important;
    }
    .blogsec-sub-heading,
    .sec-sub-heading{
        font-size: 16px !important;
    }
    .banner-text-box h2{
        font-size: 32px !important;
    }
}
@media screen and (max-width:1199px){
    .social-block .wp-block-social-links .wp-social-link svg,
    .footer-txt .wp-block-social-links .wp-social-link svg{
        height: 20px;
        width: 20px;
    }
    .banner-image-cover{
        min-height: 450px !important;
    }
    .banner-text-box h2{
        font-size: 25px !important;
    }
    .blog-wrap .wp-block-cover{
        min-height: 400px !important;
    }
    .f-about-text{
        width: 100%;
    }
    .banner-excerpt {
        width: 100%;
    }
}
@media screen and (max-width:999px){
    .logo-block{
        flex-basis: 45% !important;
    }
    .nav-block{
        flex-basis: 10% !important;
    }
    .social-block{
        flex-basis: 20% !important;
    }
    .btn-block{
        flex-basis: 25% !important;
    }
    .nav-block nav{
        justify-content: center !important;
    }
}
@media screen and (max-width:991px){
    .banner-excerpt {
        width: 100%;
    }
    .design-text-box p{
        font-size: 12px !important;
    }
    .design-text-box p {
        font-size: 10px !important;
        padding-left: var(--wp--preset--spacing--40) !important;
        padding-right: var(--wp--preset--spacing--40) !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .sec-heading-box h3, .blogsec-heading-box h3 {
        font-size: 20px !important;
    }
    .blogsec-sub-heading, .sec-sub-heading {
        font-size: 14px !important;
    }
    .footer-widgets{
        flex-wrap: wrap !important;
    }
    .footer-widgets .wp-block-column{
        flex-basis: 45% !important;
    }
    .footer-txt{
        justify-content: center !important;
    }
    .banner-text-box,.banner-img-box{
        flex-basis: 50% !important;
    }
}
@media screen and (max-width:781px){
    .logo-block h1{
        text-align: center;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block{
        flex-basis: 20% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.btn-block{
        flex-basis: 40% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.social-block{
        flex-basis: 20% !important;
    }
    .btn-block .wp-block-buttons,
    .banner-image-cover .wp-block-buttons{
        justify-content: center !important;
    }
    .nav-block nav{
        justify-content: left !important;
    }
    .banner-image-cover{
        min-height: 700px !important;
        text-align: center;
    }
    .banner-text-box h2{
        font-size: 30px !important;
    }
    .design-cols{
        flex-wrap: nowrap !important;
    }
    .footer-widgets.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 45% !important;
    }
}
@media screen and (max-width:599px){
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block{
        flex-basis: 20% !important;
        order: 3;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.btn-block{
        flex-basis: 100% !important;
        order: 2;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.social-block{
        flex-basis: 70% !important;
        order: 4;
    }
    .logo-block{
        order: 1;
    }
    .banner-image-cover{
        min-height: 500px !important;
    }
    .banner-text-box h2{
        font-size: 20px !important;
    }
    .sec-heading-box h3,.blogsec-heading-box h3{
        padding-left: 25px;
        padding-right: 25px;
    }
    .blogsec-heading-box{
        text-align: center;
    }
    .sec-heading-box h3:before, .sec-heading-box h3:after,
    .blogsec-heading-box h3:after{
        width: 25px;
    }
    .blogsec-heading-box h3:before{
        display: block;
        width: 25px;
    }
    .blogsec-sub-heading, .sec-sub-heading {
        font-size: 12px !important;
    }
    .design-cols{
        flex-wrap: wrap !important;
    }
    .blogsec-sub-heading{
        width: 100%;
        text-align: center;
    }
    .footer-widgets.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 100% !important;
        text-align: center;
    }
}