/*
 Theme Name:   EQ Homes
 Description:  Custom theme
 Author:       Carnoustie Creative
 Author URI:   https://www.carnoustiecreative.co.uk
 Template:     baseline
 Version:      1.0.9
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  baseline-child

font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;

font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;

*/

@font-face {
    font-family: 'lunchtype24expanded_regular';
    src: url('fonts/lunchtype24-regular-expanded-webfont.eot');
    src: url('fonts/lunchtype24-regular-expanded-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lunchtype24-regular-expanded-webfont.woff2') format('woff2'),
         url('fonts/lunchtype24-regular-expanded-webfont.woff') format('woff'),
         url('fonts/lunchtype24-regular-expanded-webfont.ttf') format('truetype'),
         url('fonts/lunchtype24-regular-expanded-webfont.svg#lunchtype24expanded_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lunchtype24expanded_medium';
    src: url('fonts/lunchtype24-medium-expanded-webfont.eot');
    src: url('fonts/lunchtype24-medium-expanded-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lunchtype24-medium-expanded-webfont.woff2') format('woff2'),
         url('fonts/lunchtype24-medium-expanded-webfont.woff') format('woff'),
         url('fonts/lunchtype24-medium-expanded-webfont.ttf') format('truetype'),
         url('fonts/lunchtype24-medium-expanded-webfont.svg#lunchtype24expanded_medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lunchtype24expanded_light';
    src: url('fonts/lunchtype24-light-expanded-webfont.eot');
    src: url('fonts/lunchtype24-light-expanded-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lunchtype24-light-expanded-webfont.woff2') format('woff2'),
         url('fonts/lunchtype24-light-expanded-webfont.woff') format('woff'),
         url('fonts/lunchtype24-light-expanded-webfont.ttf') format('truetype'),
         url('fonts/lunchtype24-light-expanded-webfont.svg#lunchtype24expanded_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

:root {
    --eq-cararra: #F0ECE4;
    --eq-dove-grey: #686663;
    --eq-zeus: #1F1E1B;
    --eq-radius: 1rem;
}

.baseline {
    --baseline-aos-distance: 100px;
    --baseline-aos-distance-negative: -100px;
}

.baseline strong {
    font-family: 'lunchtype24expanded_medium';
    font-weight: normal;
}

body.baseline {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.3;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.6rem, 2vw, 1.9rem);
}

@media ( min-width: 1000px ) {

    .baseline .container {
        max-width: 100%;
        width: 88%;
        margin: 0 6%;
        box-sizing: border-box;
    }

    .baseline footer .container {
        margin: 0 2%;
    }

}

.header-wrap .container,
#footer-bottom-container.container {
    max-width: 96%;
    width: 96%;
}

.logo a {
    display: block;
    width: 100%;
    height: 100%;
}

.baseline h1,
.baseline h2 {
    font-family: 'lunchtype24expanded_medium';    
}

.baseline footer {    
    padding-top: 4rem;
    max-width: 100%;
    margin: 2rem;
    border-radius: var(--eq-radius);
}

.baseline .header-wrap {
    border-bottom: none;
}

.widget-area.footer-bottom p {
    margin-bottom: 0;
}

header .logo {
    background-image: url('eq-logo-black.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 12rem;
    aspect-ratio: 1/0.7;
    transition-duration: 0.4s;
}

.white-logo header .logo {
    background-image: url('eq-logo-white.svg');
}

.absolute-header .header-wrap {
    position: absolute;    
    box-sizing: border-box;
    width: 100%;    
    background: linear-gradient(180deg, rgba(29, 29, 27, 0.4) 0%, rgba(29, 29, 27, 0) 100%);
    border-radius: var(--eq-radius);    
    z-index: 7;
    transition-duration: 0.4s;
}

.baseline.header-not-at-top.absolute-header .header-wrap,
.baseline.header-not-at-top  .header-wrap {
    position: fixed;
    background-color: var(--eq-zeus);
    height: 8rem;
    width: calc(100% - 3rem);
}

@media ( max-width: 600px ) {

    .baseline.header-not-at-top.absolute-header .header-wrap,
    .baseline.header-not-at-top  .header-wrap {
        width: calc(100% - 2rem);
    }

    .baseline .flex-elm .wrapper {
        margin-top: 0;
        margin-bottom: 0;
    }

}

.baseline .mobile-nav.above {
    display: none;
}

.header-not-at-top header .logo {
    width: 7rem;
}

@media ( max-width: 600px ) {

    .header-not-at-top header .logo {
        padding-left: 2rem;
        margin-top: -0.4rem;
    }

}

.header-not-at-top .header-wrap .container {
    padding: 1.6rem 0;
    max-width: 98%;
}

.baseline #canvas {
    margin: 1.5rem;
}

@media ( max-width: 600px ) {

    .baseline #canvas {
        margin: 1rem;
    }

}

.absolute-header .flex-elm.first {
    margin-top: 0;
}

.cde-image-header {
    height: 85vh; 
}

.flex-elm {
    border-radius: var(--eq-radius);
}

.header-wrap .container {
    width: 100%;
    padding: 3rem 0;    
    margin: auto;
}

@media ( max-width: 600px ) {

    .header-wrap .container {
        padding: 1.5rem 1rem; 
    }

}

.header-wrap .logotitle.row {
    padding: 0;
}

.cde-image-header .container {
    height: 100%;
    max-width: 100%;
    width: 100%;
    padding: 6%;    
    margin: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 4;
}

@media ( max-width: 600px ) {

    .cde-image-header .container {
        padding-bottom: 10rem;
    }

}

.cde-image-header .wrapper {
    position: relative;
}

.cde-image-header video {
    height: 100%;
}

.cde-image-header h1 {
    color: #fff;
    line-height: 1.1;
}

.cde-image-header .wrapper:after {
    content: "";
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(29, 29, 27, 0.8) 0%, rgba(29, 29, 27, 0) 100%);
}

.baseline h1 {
    font-size: clamp(4rem, 5vw, 6.5rem);
}

.baseline h2 {
    font-size: clamp(3.3rem, 2.7vw, 4.7rem);
    margin-bottom: 2.5rem;
    line-height: 1.1;
}

.baseline header .first {
    top: -1rem; 
}

.baseline header .first,
.baseline header .second {
    right: 2rem;
}

.baseline header .second {
    top: 2rem;    
}

.absolute-header header i {
    color: #fff;
}

header .right .first .menu li {
    margin-left: 4vw;
}

.address_logo {
    text-align: center;
    margin: 3rem 0;
}

.address_logo .address {
    margin-top: 1rem;
    font-size: 1.6rem;
}

.flex-elm.image-panel-left .wrapper {
    border-radius: var(--eq-radius);    
}

.baseline .image-panel-left h2 {
    color: #fff;
    margin-bottom: 3rem;
}

.image-panel-left .cde-panel {
    max-width: 35rem;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 3rem;
    border-radius: var(--eq-radius);
    backdrop-filter: blur(10px);
}

.image-panel-left .cde-panel p:last-child {
    margin-bottom: 0;    
}

.flex-elm.image-panel-left .wrapper .container {
    padding-top: 7vw;
    padding-bottom: 7vw;
}

#design-list .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

#design-list .cde-grid-item {
    border-radius: var(--eq-radius);
    padding: 0;
}

#design-list .before {
    margin-bottom: 5rem;
}

#design-list .item-label,
#design-list .item-subtitle {
    width: 50%;
    padding: 2rem 3rem;
    box-sizing: border-box;
}

#design-list .item-label {
    float: left;
    font-family: 'lunchtype24expanded_light';
    font-size: clamp(1.9rem, 2vw, 2.4rem);
}

#design-list .item-subtitle {
    float: right;
    text-align: right;
}

#design-list .item-image img {
    width: 100%;
}

#design-list .item-content {
    text-align: center;
    padding: 2rem 3rem;
    font-size: clamp(1.3rem, 1.4vw, 1.5rem);
    text-transform: uppercase;
}

.baseline header .second *:not(i) {
    height: 100%;
}

header .scroll-nav {
    flex-grow: 1;
}

header .menu-extra {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

header .scroll-nav ol {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    
}

header .scroll-nav ol,
header .scroll-nav ol li {
    margin-bottom: 0;
}

.widget .scroll-nav ol a,
.widget .menu-extra a {
    color: #fff;    
    font-weight: 400;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.widget .menu-extra {    
    margin-left: 5vw;
}

.widget .scroll-nav ol .scroll-nav__item--active a {
    font-weight: 700;
}

.baseline .hidden {
    display: none;
}

.cde-compare-images .inner {
    padding: 7vw 0;
    display: grid;
    grid-template-columns: 40rem 1fr;
    grid-column-gap: 6rem;
}

@media ( max-width: 850px ) {

    .cde-compare-images .inner {        
        grid-template-columns: 1fr;        
    }

}

.second .custom-html-widget {
    display: flex;
    flex-direction: row; 
}

.cde-compare-images .icv {
    border-radius: var(--eq-radius);
}

.main  img {    
    max-width: inherit;
    height: inherit;
}

.baseline .flex-elm.ul-grid ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;    
    margin-left: 0;
}

.ul-grid ul li {
    padding: 3rem;
    text-align: center;
    list-style: none;
    margin: 0;
    font-size: clamp(1.4rem, 1.8vw, 1.7rem);
}

.ul-grid ul li:nth-child(n+3) {
    border-top: 0.1rem solid rgba(0,0,0,0.2);
}

.ul-grid ul li:nth-child(odd) {
    border-right: 0.1rem solid rgba(0,0,0,0.2);
}

.ul-grid li strong {
    font-size: clamp(1.6rem, 2vw, 1.9rem);
    display: block;
    margin-bottom: 1rem;
}


.scroll-nav__list li:first-child {
    visibility: hidden;
}

.header-not-at-top .scroll-nav__list li:first-child {
    visibility: visible;
}

.scroll-nav__list li:first-child a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.scroll-nav__list li:first-child a:before {
    content: "\e0a1";
    font-family: "Font Awesome 6 Sharp";
    font-weight: 300;
    margin-right: 0.5rem;
    opacity: 0.4;
}


#choose .flickity-page-dots {
    display: none;
}

#choose .item-label,
#choose .item-subtitle {
    display: inline-block;
}

#choose .item-label {
    padding-left: 1rem;
    font-family: 'lunchtype24expanded_medium';
}

#choose .item-subtitle {
    padding-right: 1rem;
}

#choose .item-subtitle:before {
    content: "-";
    margin-right: 0.4rem;
}

#choose .cde-grid-item-inner {
    background-color: #fff;
    margin-right: 3rem;
    width: 40rem;
    padding: 2rem;
    border-radius: var(--eq-radius);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}

@media ( max-width: 600px ) {

    #choose .cde-grid-item-inner {
        width: 22rem;
        margin-right: 2rem;
    }

}

#choose .item-image {
    margin-top: 1rem;
}

#choose .item-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1/0.6;
}

#choose .container {
    max-width: 100%;
    width: 100%;
    margin: 0;
}

#choose.flex-elm {
    margin-top: -13rem;
}

.baseline .flickity-button:disabled {
    opacity: 0;
}

#choose .before {
    margin-left: 6%;
    margin-bottom: 2rem;
}

#choose .before p {
    color: #fff;
    font-weight: 700;
}

#choose .grid-list li:first-child {
    padding-left: 6%;
}

.img-draw-in .left.img,
.img-draw-in .wrapper {
    clip-path: inset(0 100% 0 0);
    animation-fill-mode: forwards;
}

.img-draw-in .right.img {
    clip-path: inset(0 0 0 100%);
    animation-fill-mode: forwards;
}

@keyframes draw-in-from-right {
    0% {
        clip-path: inset(0 0 0 100%);
    }
    100% {
        clip-path: inset(0 0 0 0%);
    }
}

@keyframes draw-in-from-left {
    0% {
        clip-path: inset(0 100% 0 0);
    }
    100% {
        clip-path: inset(0 0% 0 0);
    }
}

[data-aos="draw-in-from-left"].aos-animate {
    -webkit-animation-name: draw-in-from-left;
    animation-name: draw-in-from-left;
    webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
}

[data-aos="draw-in-from-right"].aos-animate {
    -webkit-animation-name: draw-in-from-right;
    animation-name: draw-in-from-right;
    webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
}

@media ( max-width: 600px ) {

    .has-bgimage .container,
    .has-bgcolor .container,
    footer .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .baseline footer {
        margin: 0;
    }
}