@import url("fonts/style.css"); 
:root{
    --cnvs-themecolor: #28447b;
    --cnvs-themecolor-rgb: 40, 68, 123;
    --cnvs-body-font: Arial, sans-serif;
    --cnvs-primary-font: "times new roman", Arial, sans-serif;
    --cnvs-secondary-font: Arial, serif;
    /*--bs-body-bg:#f8f7f2; "times new roman", */
    
    /*
    --cnvs-body-font: "Futura Standard Light", "Inter", sans-serif;
    --cnvs-primary-font: "Optima Regular", "Inter", sans-serif;
    --cnvs-secondary-font: "Optima Regular", "Playfair Display", serif;
    */
}
.primary-menu-open .primary-menu.order-5 {
    border-top: var(--cnvs-primary-menu-submenu-border);
}
.bg-custom-color{ background-color: #F8F6EE;}
.aspect-16-9{aspect-ratio: 1600 / 900;}
.aspect-3-2{aspect-ratio: 300 / 200!important;}
.aspect-2-3{aspect-ratio: 288 / 364;}
.aspect-1-1{aspect-ratio: 800 / 800!important;}
.rounded-16px{border-radius: 16px;}

.wpcf7-not-valid-tip{position: absolute; display: none !important;}
.wpcf7-response-output{margin-left: 0; margin-right: 0;}
.wpcf7 form .wpcf7-response-output{border: 0 !important; padding-right: 3rem !important;}

.menu-link{
    font-family: var(--cnvs-body-font);
}
@media (min-width: 992px) {
    .slider-caption{max-width: 60%;}

}
.slider-caption h2, .slider-caption .h2{font-size: 6rem;}
.slider-caption p{font-size: 1.5rem;}

/* Front Page */
@media (min-width: 992px) {
    .counter {
        --cnvs-counter-font-size: 36px;
    } 
    .counter-border > div:nth-child(n+2)::before{
      display: block;
      position: absolute;
      left: 0;
      top: 0;  
      content: '';
      height: 100%;
      width: 2px;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));
    }
}
#productlist .portfolio-image,
#productlist .portfolio-image > a {
    transition: all .5s cubic-bezier(0.0, 0.0, 0.5, 1.0);
    transform-origin: center;
}


#productlist .portfolio-item:hover .portfolio-image { transform: scale(0.97); }

#productlist .portfolio-item:hover .portfolio-image > a {
    transform: scale(1.17);
}

@media (min-width: 992px) {
    .single-product .product-content .content-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
        height: 100%;
    }
}
@media only screen and (max-width: 768px) {
    .counter {
        --cnvs-counter-font-size: 24px;
    } 
}
.portfolio-image:hover .video-overlay,
.portfolio-image:hover .bg-overlay{opacity: 0;}

.portfolio-image .bg-overlay-images{
    transition: all .5s cubic-bezier(0.0, 0.0, 0.5, 1.0);
    opacity: 0;
}
.portfolio-image:hover .bg-overlay-images{opacity: 1;}


/* Producs
---------------------------------------------------------------------------- */
.product-cats h5{background-color: #343434; color: #FFF;}
.product-cats .items-nav li a {
    display: block;
    position: relative;
    padding: 12px 15px;
    color: #888;
    transition: all .1s linear;
    border-bottom: 1px solid #dee2e6;
}
.product-cats .items-nav li:last-child a{border-bottom: 0 ;}

.product-cats .items-nav li:hover a {
    background-color: #F5F5F5;
    color: #111;
}
.product-cats .items-nav li ul.children{list-style: none;}
.product-cats .items-nav li ul.children li a{padding-left: 2rem; font-weight: 300;font-size: 14px;}

.pagination-sm {
    --bs-pagination-padding-x: 1rem;
}

/* feature-box
---------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .feature-box-border-horizontal .feature-box { position: relative; }

    .feature-box-border-horizontal .feature-box:not(.noborder) .fbox-icon::before,
    .feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after {
        content: "";
        position: absolute;
        top: 31px;
        left: calc(50% + 32px);
        width: calc(100% - 64px);
        height: 2px;
        border: 1px solid #EEE;
        z-index: 0;
    }

    .feature-box-border-horizontal.border-dashed .feature-box:not(.noborder) .fbox-icon::before,
    .feature-box-border-horizontal.border-dashed.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after {
        border-style: dashed;
    }

    .feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after {
        display: block;
        border-color: #222;
        width: 0;
        transform-origin: top left;
        transition: width .3s ease-in-out;
    }

    /* .feature-box-border-horizontal .feature-box:not(.noborder):nth-child(1) .fbox-icon::before { background-color: #222; } */

    .feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder):hover .fbox-icon::after {  width: calc(100% - 64px); }

    .feature-box-border-horizontal .fbox-icon i,
    .feature-box-border-horizontal .fbox-border.fbox-light .fbox-icon i {
        line-height: 60px;
        font-size: 24px;
        z-index: 1;
        text-align: center;
        box-shadow: 0 0 0px 10px #FFF;
    }

    .feature-box-border-horizontal .feature-box.flex-column:not(.noborder) .fbox-icon::before,
    .feature-box-border-horizontal.border-hover-animate .feature-box.flex-column:not(.noborder) .fbox-icon::after {
        left: calc(0% + 100px);
    }
}

/* Progress Block 
---------------------------------------------------------------------------- */
.progress-wrap .fbox-icon a.active{background-color: transparent;} 
.progress-wrap .fbox-icon a i{
    box-shadow: 0 0 0px 10px #333;
    background-color: #f2f2f2;
    color: #111;
    border: 2px solid #ccc;
    overflow: hidden;
}
.progress-wrap .fbox-icon a.active i{background-color: #333; color: #FFF;}
.progress-wrap .feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder) .fbox-icon::before {border: 1px solid #000;}
.progress-wrap .feature-box-border-horizontal.border-hover-animate .feature-box:not(.noborder) .fbox-icon::after{border-color: #FFF;}
.progress-wrap .tab-content .feature-box{display: flex;}
.progress-wrap .tab-content .feature-box:nth-child(1):not(.noborder)::before{display: none;}

.feature-box-border-vertical .feature-box { position: relative; }

.feature-box-border-vertical .feature-box:not(.noborder)::before,
.feature-box-border-vertical.border-hover-animate .feature-box:not(.noborder)::after {
    content: "";
    position: absolute;
    top: calc(64px + 13px);
    left: 59px;
    width: 2px;
    height: calc(100% - 90px);
    background-color: #EEE;
    z-index: 0;
}

.feature-box-border-vertical.border-hover-animate .feature-box:not(.noborder)::after {
    background-color: #0F6458;
    height: 0;
    transition: height .3s ease-in-out;
}

.feature-box-border-vertical .feature-box:nth-child(1):not(.noborder)::before { background-color: #0F6458; }

.feature-box-border-vertical.border-hover-animate .feature-box:hover:not(.noborder)::after { height: calc(100% - 90px); }

.feature-box-border-vertical .fbox-icon i,
.feature-box-border-vertical .fbox-border.fbox-light .fbox-icon i {
    line-height: 60px;
    font-size: 24px;
    z-index: 1;
    text-align: center;
}
/* News */
.post-list .entry {
    background-color: #FFF;
    padding: 0;
    vertical-align: top;
    border-bottom: 0;
    -webkit-transform-origin: 50% 50% 0px;
    transform-origin: 50% 50% 0px;
    -webkit-transition: all 250ms 
    cubic-bezier(.02, .01, .5, 1);
    -o-transition: all 250ms cubic-bezier(.02, .01, .5, 1);
    transition: all 250ms 
    cubic-bezier(.02, .01, .5, 1);
}
.post-list .entry-content p {
    margin-bottom: 0;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 22px !important;
}
.post-list .entry::after { display: none; }
.post-list .entry-meta li::before { content: none; }
.post-list .entry-meta li {
    margin-left: 0;
    margin-right: 0;
}

.post-list .entry-title, .post-list .entry-meta, .post-list .entry-content {
    padding: 0 20px;
}
.post-list .entry-meta {
    font-size: 0.8125rem;
    text-transform: uppercase;
    border-top: 1px solid #E9EBEE;
    padding: 15px 0;
    margin: 15px 15px 0;
}

/* Material Page */
#slider-subscribe .wpcf7-form-control-wrap{width: 80%;}
#slider-subscribe .input-group .btn{width: 20%;}