/* ------------------------------------------------

  Project:   Cove - Architecture & Interior WordPress Theme

  Author:    ThemeHt

------------------------------------------------ */



/* ------------------------

    Table of Contents



  1. General

  2. Transition

  3. Pre Loader

  4. Scroll to Top

  5. Header

  6. Footer

  7. Page Title



 

/* ------------------------

    General

------------------------*/

a, a:focus { text-decoration: none !important; }

a, a:visited { text-decoration: none; color: var(--themeht-text-color);}

a:focus, a:hover { color: var(--themeht-text-color); text-decoration: none !important; }

a, button, input { outline: medium none !important; }

*::-moz-selection { background: var(--themeht-text-color); color: var(--themeht-white-color); text-shadow: none; }

::-moz-selection { background: var(--themeht-text-color); color: var(--themeht-white-color); text-shadow: none; }

::selection { background: var(--themeht-text-color); color: var(--themeht-white-color); text-shadow: none; }





/* ------------------------

    Transition

------------------------*/

a,

.btn,

button,

img,

span,

input,

.dropdown-item,

.nav-item.dropdown .dropdown-menu a:before,

.social-icons li:hover a,

.rounded-button i,

.featured-item,

.service-item,

.service-desc,

.step-item,

.step-number,

.portfolio-item,

.portfolio-desc,

.swiper-button-next, .swiper-button-prev,

.service-widget li a:before,

.service-widget li a:after{

  -webkit-transition: all 0.5s ease-in-out 0s;

  -moz-transition: all 0.5s ease-in-out 0s;

  -ms-transition: all 0.5s ease-in-out 0s;

  -o-transition: all 0.5s ease-in-out 0s;

  transition: all 0.5s ease-in-out 0s;

}



/* ------------------------

    Pre Loader

------------------------*/

#ht-preloader { background: var(--themeht-bg-dark-color); bottom: 0; height: 100%; left: 0; overflow: hidden !important; position: fixed; right: 0; text-align: center; top: 0; width: 100%; z-index: 99999; display: flex;  justify-content: center; align-items: center; }

.loader { position: relative; }

.loader span { -webkit-animation-name: wobble; animation-name: wobble; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; color: var(--themeht-primary-color); font-size: var(--loader-font-size); position: relative; line-height: 1; display: inline-block; font-family: var(--themeht-typography-secondary-font-family); font-weight: 400; }



/* ------------------------

    Scroll to Top

------------------------*/

.scroll-top { position: fixed; right: 50px; bottom: 50px; height: 60px; width: 60px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset  0 0 0 2px rgba(255, 255, 255, 0.2); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; background: var(--themeht-white-color); }

.scroll-top.active-progress { opacity: 1; visibility: visible; transform: translateY(0); }

.scroll-top::after { position: absolute; font-family: 'bootstrap-icons'; content: '\F145'; text-align: center; line-height: 60px; font-size: 30px; color: var(--themeht-text-color); left: 0; top: 0; height: 60px; width: 60px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.scroll-top:hover::after { opacity: 0; }

.scroll-top::before { position: absolute; font-family: 'bootstrap-icons'; content: '\F145'; text-align: center; line-height: 60px; font-size: 30px; opacity: 0; background-image: linear-gradient(298deg, var(--themeht-text-color), var(--themeht-text-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 0; top: 0; height: 60px; width: 60px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.scroll-top:hover::before { opacity: 1; }

.scroll-top svg path { fill: none; }

.scroll-top svg.scroll-circle path { stroke: var(--themeht-text-color); stroke-width: 2; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; }



/* ------------------------

  Header

------------------------*/

#header-wrap {position: relative;z-index: 999;background: #ffffff;border-bottom: 1px solid rgba(255, 255, 255, 0.08);}

#header-wrap.fixed-header {border-bottom: 1px solid #ffffff;background-color: #ffffff;position: fixed !important;top: 0;left: 0;width: 100%;z-index: 999 !important;animation: smoothScroll 1s forwards;}



/*--navigation--*/

.navbar-brand.logo {/* background: var(--themeht-primary-color); */padding: 10px;display: flex;height: 100%;align-items: center;position: relative;margin-right: 0;}

.logo img {/* max-height: var(--logo-desktop-height); */}

.navbar { padding: 0; }

.navbar-nav .nav-item{margin: 0 5px;}

.navbar-nav .nav-item.dropdown .dropdown-menu li{margin: 10px 0;}

.navbar-nav .nav-item.dropdown .dropdown-menu { background: var(--themeht-bg-dark-color); border: 1px solid rgba(255,255,255,0.1); border-radius: 0; padding: 20px; }

.navbar-nav .nav-link {font-family: var(--themeht-typography-secondary-font-family);font-weight: 400;padding: 0 .50rem .10rem !important;color: #797979;font-size: 16px;border-radius: 0;position: relative;box-shadow: inset 0 0 0 0 var(--themeht-text-color);transition: color .5s ease-in-out, box-shadow .5s ease-in-out;}

.navbar-nav .dropdown-menu .dropdown-item { background-color: inherit; background-repeat: no-repeat; background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); transition: .9s cubic-bezier(.32, .32, .15, 1.17); background-size: 0 100%; display: inline; padding: 0; color: var(--themeht-white-color); position: static; }

.nav-link.dropdown-toggle::after { transition: color .5s ease-in-out; border: solid var(--themeht-white-color); border-width: 0 2px 2px 0; width: 0.425rem; height: 0.425rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); vertical-align: 0.15em; margin-left: 5px; }

.dropdown-submenu { position: relative !important; box-shadow: none !important; display: block; }

.navbar-nav .dropdown-submenu > .dropdown-menu { top: 3% !important;}

.dropdown-submenu a.dropdown-toggle::after {border: solid var(--themeht-white-color); border-width: 0 2px 2px 0; width: 0.425rem; height: 0.425rem; transform: translateY(-50%) rotate(-45deg); position: absolute; right: 0; top: 50%; margin-top: 0; }

.dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-left: .1rem; margin-right: .1rem; margin-top: 0 !important; }

.dropdown-submenu > .dropdown-item { padding-right: 2.5rem; position: relative; }



@media (min-width:992px) {

    .navbar-nav .dropdown-submenu:hover > .dropdown-menu { top: 0 !important; display: block; }

    .navbar-nav .nav-link.active, .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover, .navbar-nav .show > .nav-link { color: var(--themeht-text-color); box-shadow: inset 200px 0 0 0 var(--themeht-primary-color); }

    .navbar-nav .nav-link.active.dropdown-toggle::after, .navbar-nav .nav-link.dropdown-toggle:hover::after, .navbar-nav .show > .nav-link.dropdown-toggle::after { border: solid var(--themeht-text-color); border-width: 0 2px 2px 0; }

    .navbar-nav .dropdown-menu { min-width: 12em !important; max-width: 20em !important; }

    .navbar-nav .dropdown > .dropdown-menu { transform-origin: top center; transform: scaleY(0); opacity: 0; top: 100%; position: absolute; display: block; pointer-events: none; background: var(--themeht-white-color); }

    .navbar-nav .dropdown:hover > .dropdown-menu { transform: scaleY(1); display: block; opacity: 1; pointer-events: auto; visibility: visible; top: 100%; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }

    .navbar-nav .dropdown-menu .dropdown-item.active, .navbar-nav .dropdown-menu .dropdown-item:active, .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar-nav .dropdown-menu .dropdown-item:hover {color: var(--themeht-primary-color); background-size: 100% 100%; }

}

@media (max-width:991.98px) {

    .header, .sticky-header, .home.page .header { padding-right: 0; }

    .right-nav { margin-right: 30px; }

    .navbar-nav .nav-item { margin: 0; }

    .navbar-toggler { background: none; border: 1px solid var(--themeht-primary-color); height: 40px; width: 40px; padding: 0; border-radius: 0; margin-left: auto; }

    .navbar-toggler:focus { box-shadow: none; }

    .ht-toggler svg { width: 40px; height: 40px; display: inline-block; }

    .ht-toggler .line { fill: none; stroke: var(--themeht-primary-color); stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); }

    .ht-toggler .line1 { stroke-dasharray: 60 207; stroke-width: 3; }

    .ht-toggler .line2 { stroke-dasharray: 60 60; stroke-width: 3; }

    .ht-toggler .line3 { stroke-dasharray: 60 207; stroke-width: 3; }

    .ht-toggler[aria-expanded="true"] .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 3; }

    .ht-toggler[aria-expanded="true"] .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 3; }

    .ht-toggler[aria-expanded="true"] .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 3; }

    .navbar-collapse { background: var(--themeht-bg-dark-color); max-height: 400px; left: 0; padding: 20px; position: absolute; z-index: 99; top: 100%; width: 100%; overflow: auto; border: 1px solid rgba(255, 255, 255, 0.1); }

    .navbar-nav .dropdown-toggle::after { position: absolute; top: 50%; right: 0; margin: -.1rem 0.5em 0 0; border-color: var(--themeht-white-color); }

    .navbar-nav .nav-link { padding: 10px 0 !important; color: var(--themeht-white-color); }

    .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-link.show { border-bottom: 1px solid var(--themeht-border-light-color); color: var(--themeht-white-color); }

    .navbar-nav .nav-link.active.dropdown-toggle::after { border: solid var(--themeht-white-color); border-width: 0 2px 2px 0; }

    .navbar-nav .dropdown-menu .dropdown-item.active { background: none;}

    .navbar-nav .nav-item.dropdown .dropdown-menu { background: var(--themeht-bg-dark-color); padding: 10px 20px; }

    .navbar-nav .dropdown-menu .dropdown-item { color: var(--themeht-white-color); display: block; }

    .dropdown-submenu a.dropdown-toggle::after { border: solid var(--themeht-white-color); border-width: 0 2px 2px 0; width: 0.425rem; position: absolute; top: 14px; right: 0; }

}



/*--Header Search--*/

.search-icon a { font-size: 20px; color: var(--themeht-white-color); line-height: 1; }

.search-input { position: fixed; left: 0; width: 100%; z-index: 999; text-align: center; background: var(--themeht-bg-dark-color); border-bottom: 1px solid var(--themeht-primary-color); z-index: 9999; top: 0; display: none; padding: 80px 0; }

.search-inner { padding: 15px 0; position: relative; }

.search-input label { width: 100%; }

.search-input .search-field { width: 100%; background: transparent; border: none; height: 100%; padding-right: 60px; }

.search-input .search-form button[type="submit"] { width: 0; height: 0; padding: 0; border: 0; font-size: 20px; right: 50px; color: var(--themeht-body-color); position: absolute; top: 5px; }

.search-input .search-submit:hover { color: var(--themeht-text-color); }

.right-nav { position: relative; margin-left: 30px; }

.search-input .search-form { margin: 0 auto; background: var(--themeht-white-color); padding: 15px 10px; }

.close-search { position: absolute; bottom: -40px; right: 0; cursor: pointer; font-size: 30px; color: var(--themeht-body-color); }

.close-search:hover { color: var(--themeht-white-color); }





/* ------------------------

    Footer

------------------------*/

.footer {background-color: #000000;}

.footer .widget-title { margin-bottom: 30px; }

.primary-footer {position: relative;z-index: 99;padding: 63px 0;}

.secondary-footer{ border-top: 1px solid rgba(255,255,255,0.1); padding: 30px 0;color: var(--themeht-white-color);}

.footer h5{ position: relative; color: var(--themeht-white-color);}

.media-icon.list-inline li { display: inline-block; }

.media-icon li { margin-bottom: 25px !important; font-size: 16px; font-weight: 400; display: flex; align-items: flex-start;}

.media-icon li:last-child { margin-bottom: 0 !important; }

.media-icon li i { font-size: 20px; color: var(--themeht-primary-color); vertical-align: middle; line-height: 20px; margin-right: 10px;}

.media-icon li a, .media-icon li p { color: var(--themeht-rgba-color); }

.media-icon li a:hover { color: var(--themeht-primary-color); text-decoration: underline !important;}

.footer-menu li { margin-bottom: 15px; text-transform: capitalize;}

.footer-menu li:last-child { margin-bottom: 0; }

.footer-menu li a {color: var(--themeht-rgba-color); position: relative; padding-left: 0 !important;}

.footer-menu li a:hover {color: var(--themeht-primary-color); text-decoration: underline !important;}

.footer-menu li a:before{display:none;}

.footer .social-icons.footer-social li{margin-bottom: 0;}

.social-icons.footer-social li a {height: 40px; width: 40px; line-height: 40px; font-size: 18px; color: var(--themeht-rgba-color); border: 1px solid rgba(255,255,255,0.1);}



.subscribe-form { display: flex; align-items: center; position: relative; margin-bottom: 10px; }

.subscribe-form input { background: transparent !important; border: none !important; border-bottom: 1px solid var(--themeht-border-light-color) !important; color: var(--themeht-rgba-color) !important; padding: 0.375rem 40px 0.375rem 0 !important; }

.subscribe-form button { background: none; border: inherit; color: var(--themeht-primary-color); line-height: inherit; position: absolute; right: 0; top: auto; padding: 0; font-size: 20px; }

.subscribe-form input[type="email"]:focus { color: var(--themeht-white-color); border: none !important; border-bottom: 1px solid var(--themeht-primary-color) !important; }

.subscribe-form ::-webkit-input-placeholder { color: var(--themeht-rgba-color) !important; opacity: 1; }

.subscribe-form :-moz-placeholder { color: var(--themeht-rgba-color) !important; opacity: 1; }

.subscribe-form ::-moz-placeholder { color: var(--themeht-rgba-color) !important; opacity: 1; }

.subscribe-form :-ms-input-placeholder { color: var(--themeht-rgba-color) !important; opacity: 1; }





/* ------------------------

    Page Title

------------------------*/

.page-title h1 { font-size: 60px; line-height: 75px; word-break: break-word; margin-bottom: 0; }

.post-single-bg-img { height: 30rem; padding: 0; }

.has-post-thumbnail .post-single-thumb { height: 30rem; padding: 0; }



.page-title{background: var(--themeht-bg-dark-color);padding: 30px 0;}

.breadcrumb { background: none; display: inline-block; margin: 0; text-transform: capitalize;}

.breadcrumb-item { display: inline-block; }

.breadcrumb-item, .breadcrumb-item a { color: var(--themeht-white-color) }

.breadcrumb-item.active, .breadcrumb-item a:hover { color: var(--themeht-primary-color); }

.breadcrumb-item + .breadcrumb-item:before {color: var(--themeht-primary-color);}



.page-title h1{color: var(--themeht-primary-color); margin-top: 30px}















.whatsapp-button {

    position: fixed;

    bottom: 70px;

    left: 15px;

    z-index: 99;

    background-color: #25d366;

    border-radius: 50px;

    color: #ffffff;

    text-decoration: none;

    width: 50px;

    height: 50px;

    /* font-size: 30px; */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);

    -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);

    box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);

    animation: effect 5s infinite ease-in;

}



.call-button {

    position: fixed;

    bottom: 12px;

    left: 15px;

    z-index: 99;

    background: linear-gradient(to bottom, #ebba65 0%, #ba8b3c 100%) !important;

    border-radius: 50px;

    color: #ffffff;

    text-decoration: none;

    width: 50px;

    height: 50px;

    font-size: 25px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);

    -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);

    box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);

    animation: effect 5s infinite ease-in;

}