/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/* global stuff */

[data-megamenu-slide=true] {
  --lqd-megamenu-slide-trans-dur: 1s;
}

.top-header-contacts a {
    color: white;
    font-size: 14px;
}

.lqd-mobile-sec .main-nav>li>a {
    font-size: 20px;
    font-weight: 700;
}

.menu-item-has-children a {
    font-size: 20px;
    font-weight: 500;
}

.submenu-expander {
    background: none;
    top: 10px !important;
}

.iconbox .iconbox-icon-container {
    border-radius: 100%;
    padding: 20px;
}

@media screen and (min-width: 768px){
    .cta-bar {
        border-radius: 10px;
    }
}

ul.social-icon {
    display: flex;
}

.fa-twitter:before {
    content: url(icons/x-twitter.svg) !important;
  width: 23px;
  display: inline-block;
}

/* image hover with icon button */
.btn-icon-bordered:hover .btn-icon {
    border-color: white !important;
}



/* menu */

@media (min-width:768px) {
    .menu-hover {
        padding-top: 40px;
        padding-bottom: 40px;
        font-size: 20px;
        font-weight: 700;
    }
}

.menu-hover:hover{
	background: #99212D;
}

.menu-hover:hover p {
    color: #fff !important;
}

.megamenu.megamenu-fullwidth .megamenu-container {
    background: none !important;
}



/* Homepage */
#homepage-asym
.lqd-asym-slider-img-wrap {
    margin-inline-start: 0em;
    border-radius: 10px;
}

#homepage-asym
.lqd-asym-slider-t {
    margin-bottom: 0em;
}

.homepage-asym .lqd-asym-slider-content p {
    font-family: Messina !important;
}

#homepage-asym .lqd-asym-slider-img-wrap {
        height: 700px !important;
    }

button.lqd-asym-slider-arrow.lqd-asym-slider-next, .lqd-asym-slider-btn .btn{
    border-top-right-radius: 10px;
}

button.lqd-asym-slider-arrow.lqd-asym-slider-prev {
    border-bottom-left-radius: 10px;
}

.lqd-fb-style-1 .lqd-fb-bg {
    opacity: 0 !important;
    transition: all ease 0.75s;
}

.lqd-fb-style-1:hover .lqd-fb-bg {
    opacity: 1 !important;
}


#working-carousel .lqd-fb-style-1 .lqd-fb-content p {
    color: #500614 !important;
}

#working-carousel .lqd-fb-style-1:hover .lqd-fb-content p, #working-carousel .lqd-fb-style-1:hover .lqd-fb-content h2  {
    font-weight: 700;
}



#things-to-do .lqd-fb-content.pos-abs.pos-bl.w-100.p-4.py-lg-7.px-lg-8.backface-hidden {
    display: flex;
    flex-direction: column;
}


#things-to-do .lqd-fb-style-6 .lqd-fb-content h6 {
    order: 2;
    margin-top: 24px !important;
    text-transform: initial !important;
    font-size: 0.9em;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 24px;
    box-sizing: border-box;
    color: white;
    cursor: none;
    display: block;
    font-family: Poppins, sans-serif;
    opacity: 1 !important;
}


#things-to-do .lqd-fb-style-6:hover .lqd-fb-img {
    transform: scale(1.09, 1.09);
    border-radius: 10px;
}

@media (max-width:767px) {
    .homepage-asym .lqd-asym-slider-content h2 {
        font-size: 39px !important;
    }

    .homepage-asym .lqd-asym-slider-content h4 {
        font-size: 25px !important;
    }

    #homepage-asym .lqd-asym-slider-t {
        margin-bottom: 30px;
    }

    

    .lqd-tabs-style-3 .lqd-tabs-nav li {
        width: 100%;
    }

    .lqd-tabs-nav-wrap {
        margin-top: 2rem;
    }
}

/* living in hover effects */
.lqd-fb-style-1 .lqd-fb-bg {
    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
}

.living-overlay .lqd-overlay{
	    transition: all ease 1s;
    transition-duration: 1s;
    background-image: linear-gradient( to right, hsl(211deg 100% 50% / 0%), hsl(0deg 0% 100% / 0%) );
    z-index: 1;
}

.living-overlay .lqd-overlay:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient( to bottom, color(srgb 0.93 0.56 0.09 / 0), hsl(33.93deg 84.92% 50.59%) );
    z-index: -1;
    transition: opacity 0.5s linear;
    opacity: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.living-overlay .lqd-overlay:hover:before {
    opacity: 1;
}


/* working in hover effects */


.working-overlay .lqd-overlay{
        transition: all ease 1s;
    transition-duration: 1s;
    background-image: linear-gradient( to right, hsl(211deg 100% 50% / 0%), hsl(0deg 0% 100% / 0%) );
    z-index: 1;
}

.working-overlay .lqd-overlay:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient( to bottom, color(srgb 0.93 0.56 0.09 / 0), hsl(124.14deg 36.71% 53.53%) );
    z-index: -1;
    transition: opacity 0.5s linear;
    opacity: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.working-overlay .lqd-overlay:hover:before {
    opacity: 1;
}


/* things in hover effects */


.things-overlay .lqd-overlay{
        transition: all ease 1s;
    transition-duration: 1s;
    background-image: linear-gradient( to right, hsl(211deg 100% 50% / 0%), hsl(0deg 0% 100% / 0%) );
    z-index: 1;
}

.things-overlay .lqd-overlay:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient( to bottom, color(srgb 0.93 0.56 0.09 / 0), hsl(198.62deg 77.33% 70.59%) );
    z-index: -1;
    transition: opacity 0.5s linear;
    opacity: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.things-overlay .lqd-overlay:hover:before {
    opacity: 1;
}







/* timeline */

@media screen and (min-width: 768px) {
    .lqd-pb-style-6 .lqd-pb-content {
        width: 35%;
        min-height: 270px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: left;
    }
}

.lqd-pb-content h3 {
    line-height: 1;
}


.lqd-pb-style-6 .lqd-pb-active-shape {
    width: 358px ;
    height: 358px ;
    border: none ;
}

.process-btn {
    padding: 0.8rem 1.5rem;
    margin: 20px 0;
    border-radius: 4px;
    font-family: inherit;
    font-weight: 500;
    overflow: hidden;
    background: var(--color-primary);
    color: #fff;
}

@media screen and (min-width: 768px){
    .lqd-pb-zigzag-2 .lqd-pb-icon-container:after, .lqd-pb-zigzag-2 .lqd-pb-number-container:after {
        height: 50px;
        border-left: 2px dashed #500614;
    }

    .lqd-pb-zigzag-2 .lqd-pb-icon-container:before, .lqd-pb-zigzag-2 .lqd-pb-number-container:before {
        top: -77px;
        height: 60px;
        border-left: 2px dashed #500614;
    }

    .lqd-pb-zigzag-2 .lqd-pb:after {
        right: 195px;
        left: 195px;
        border-bottom: 2px dashed #500614;
    }
}


@media screen and (max-width: 767px){
    .lqd-pb {
        flex-wrap: wrap;
    }

    .lqd-pb-column:after {
        content: "";
        border-right: 2px dashed #500614;
        position: relative;
        height: 100px;
        display: block;
        left: 0;
        right: 0;
        margin: 0 auto 30px;
        width: 2px;
    }

    .lqd-pb-style-6 .lqd-pb-active-shape {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    .lqd-pb-row .lqd-pb-column:last-of-type:after {
        content: none;
    }   


}
/* contact form fields */

.lqd-contact-form label {
    width: 100%;
}

.lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon, .lqd-contact-form i, .lqd-contact-form svg {
    top: calc(57% - var(--input-margin-bottom)/2);
}
/* commercial properties */


.searchandfilter > ul
{  padding: 0;
    display: block;
    column-count: 2;
}


@media (min-width:768px){
    .searchandfilter > ul
        {  padding: 0;
            display: grid;
          grid-template-columns: 1fr 1fr 1fr 1fr;
          grid-template-rows: 1fr 1fr;
          gap: 0px 25px;
          grid-auto-flow: row;
          grid-template-areas:
            "sf-field-post-meta-property_type sf-field-post-meta-area sf-field-post-meta-tenure sf-field-post-meta-size_sqft"
            "sf-field-search sf-field-search sf-field-search sf-field-submit";
        }

        .sf-field-post-meta-property_type { grid-area: sf-field-post-meta-property_type; }

        .sf-field-post-meta-area { grid-area: sf-field-post-meta-area; }

        .sf-field-post-meta-tenure { grid-area: sf-field-post-meta-tenure; }

        .sf-field-post-meta-size_sqft { grid-area: sf-field-post-meta-size_sqft; }

        .sf-field-search { grid-area: sf-field-search; }

        .sf-field-submit { 
            grid-area: sf-field-submit; 
            display: flex !important;
            align-items: self-end;
            padding-bottom: 10px !important;
        }

        .results-grid {
            display: grid;
              grid-template-columns: 1fr 1fr 1fr;
              gap: 0px 25px;
              grid-auto-flow: row;
              font-size: 16px;
              color: #500614;
              font-weight: 500;
        }
}

@media (max-width: 575px) {
    .searchandfilter > ul
    {  
        column-count: 1;
    }

    .sf-field-submit { 
            margin-top: 35px !important;
    }
}

.searchandfilter label{
    width: 100%;
}

.sf-field-search label{ 
    width: 100%;
}

 .sf-field-search label input{ 
    width: 100%;
    border: 1px solid #500614;
    color: #500614;
    border-radius: 0;
    font-size: 16px;
    padding: 15px;

}



.sf-field-submit input[type="submit"] {
    background: #E62336;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    padding: 15px 40px;
    width: 100%;
    font-weight: 700;
}

.searchandfilter > ul > li h4{
    color: #500614;
    font-size: 20px;
    font-weight: 700;
    padding-top: 0;
}

.ui-selectmenu-button.ui-button{
    border: 1px solid #500614;
    color: #500614;
    border-radius: 0;
    font-size: 16px;
    padding: 15px;
    width: 100% !important;
    background: #fff;
}



.property {
    margin-bottom: 48px;
}

.property-image {
    background: gray;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 230px;
    overflow: hidden;
    object-fit: cover;
    margin-bottom: 30px;
    position: relative;
}

.property-image img {
    width: 100%;
}

.results-grid h3 {
    font-size: 20px;
    font-family: Messina;
    font-weight: 700;
    line-height: 150%;
}

.nmp {
    margin: 50px auto;
}

/* contact page */

.lqd-contact-form .ui-button.ui-selectmenu-button .ui-selectmenu-icon {
    transform: none;
}


/* news page */
.lqd-blog-post .lqd-post-header h1.entry-title {
        font-size: 61px;
}


.single-post .lqd-post-header .entry-meta {
    justify-content: center;
}

.single-post .lqd-post-header .entry-meta .byline {
    display: none;
}

.single-post .lqd-post-header .entry-meta .cat-links {
    display: none;
}

.posted-on {
    align-items: center;
}

@media (max-width:767px) {
    .featured-post h2.entry-title {
        font-size: 20px !important;
    }
}

footer.lqd-lp-footer .lqd-lp-meta, .lqd-lp-meta time{
    display: none;
}

nav.post-nav a {
    color: #500614;
}

nav.post-nav svg {
    display: none;
}

nav.post-nav .nav-previous .nav-subtitle {
    border: 1px solid #E62336;
    color: #E62336;
    border-radius: 4px;
    padding: 13px 22px;
    background: #fff;
    font-size: 16px;
    text-transform: capitalize;
}

nav.post-nav .nav-previous .nav-subtitle:hover {
    background: #E62336;
}

nav.post-nav .nav-next .nav-subtitle {
    border: 1px solid #E62336;
    color: #fff;
    border-radius: 4px;
    padding: 13px 22px;
    background: #E62336;
    font-size: 16px;
    text-transform: capitalize;
}

nav.post-nav .nav-next .nav-subtitle:hover {
    background: #fff;
    color: #E62336;
}

nav.post-nav {
    margin-top: 50px;
    border-top: 2px dashed #500814;
    padding-top: 0;
}

.blog-post-footer:before {
    border-top: 2px dashed #500614;
    top:45px;
}

.blog-post-footer:after {
    content: "";
    display: inline-block;
    border-bottom: 2px dashed #500614;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
}

footer.blog-post-footer.entry-footer div {
    padding: 50px 24px 0;
}

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

    .lqd-blog-post .lqd-post-header h1.entry-title {
        font-size: clamp(31px,4vw,61px);
    }

    blog-post-footer:after {
        left: 0;
        right: 0;
    }

    nav.post-nav {
        display: none;
    }
}


/* Downloads page */

#downloads-row .wpb_wrapper {
    height: 100%;
    padding-bottom: 30px;
}

#downloads-row .wpb_wrapper a.btn{
    position: absolute;
    bottom: 0;
}


/* landing page template */



button.flickity-button.flickity-prev-next-button.previous {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

button.flickity-button.flickity-prev-next-button.next {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.carousel-nav.carousel-nav-solid .flickity-button {
    margin: 0;
}