/*
Theme Name: Summit Stonemasons
Description: This is a custom child theme for Salient
Author: Twelve Kites
Template: salient
Version: 1.0
*/
:root {
    --fluid-18-26: clamp(18px, 10.5px + 1.25vw, 26px);
    --fluid-20-26: clamp(20px, 14.375px + 0.9375vw, 26px);
    --fluid-20-36: clamp(20px, 5px + 2.5vw, 36px);
    --fluid-24-36: clamp(24px, 12.75px + 1.875vw, 36px);
    --summit-dark-green: #6d7352;
    --summit-pale-green: #b6b9a4;
    --summit-stone: #e2ddd1;
    --summit-body: #383829;
}

.cormorant-garamond {
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.manrope {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

body {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.nectar-button {
    text-transform: uppercase;
    font-family: "Cormorant Garamond", serif;
    font-weight: 600;
    font-optical-sizing: auto;
}

#footer-outer .widget.widget_text {
    margin-bottom: 0;
}
.nectar-button {
    font-size: 20px !important;
    font-weight: 600 !important;
}
.top-separator {
    padding-top: 3rem;
    padding-bottom: 0;
    border-top: 2px solid var(--summit-body, #383829);
}
.testimonial_slider blockquote div.image-icon {
    display: none;
}

.testimonial_slider blockquote p::before {
    content: open-quote;
    vertical-align: 3px;
    color: var(--summit-body, #383829);
    margin-right: 2px;
}
.testimonial_slider blockquote p::after {
    content: close-quote;
    vertical-align: 3px;
    color: var(--summit-body, #383829);
    margin-left: 2px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.tk-services-box {
    /* max-width: 350px; */
    /* width: 400px; */
}
.tk-services-box-image {
    position: relative;
    aspect-ratio: 12 / 13;
}
.tk-services-box-inner {
    position: relative;
}
.tk-services-box-image {
    width: 100%;
    /* aspect-ratio: 1 / 1; */
    overflow: hidden;
}
.tk-services-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.tk-services-box:hover .tk-services-box-image img {
    transform: scale(1.03);
}
.tk-services-box-title {
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    min-height: 85px;

    text-transform: uppercase;

    position: absolute;
    left: 0;
    bottom: 7%;
    width: 90%;
    padding: 10px 15px 10px 25px;
    font-size: 20px;
    font-size: var(--fluid-20-26, 20px);
    font-weight: 600;

    background-color: var(--summit-dark-green, #6d7352);
    color: #ffffff;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.tk-services-box:hover .tk-services-box-title {
    cursor: pointer;
    /* background-color: #ffffff; */
    color: var(--summit-stonne, #e2ddd1);
}




.tk-labelled-image {
    /* max-width: 350px; */
    /* width: 400px; */
}
.tk-labelled-image-image {
    position: relative;
    /* aspect-ratio: 1 / 1; */
}
.tk-labelled-image-inner {
    position: relative;
}
.tk-labelled-image-image {
    width: 100%;
}
.tk-labelled-image-image img {
    /* width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease; */
    margin-bottom: 0 !important;
}
/* .tk-labelled-image:hover .tk-labelled-image-image img {
    transform: scale(1.03);
} */
.tk-labelled-image-title {
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    /* min-height: 85px; */

    text-transform: uppercase;

    position: absolute;
    left: 0;
    bottom: 7%;
    /* width: 90%; */
    padding: 10px 15px 10px 25px;
    font-size: 20px;
    font-size: var(--fluid-20-26, 20px);
    font-weight: 600;

    background-color: var(--summit-dark-green, #6d7352);
    color: #ffffff;
    transition: background-color 0.3s ease, color 0.3s ease;
}



/* .carousel-dynamic-wrapper > .container {
    padding: 0;
} */
.nectar-flickity[data-controls="touch_total"].nectar-carousel:not(.masonry) .flickity-viewport,
.nectar-flickity[data-controls="touch_total"]:not(.masonry) .flickity-viewport {
    margin-top: 0;
    margin-bottom: 0;
}

.testimonial_slider:not([data-style*="multiple_visible"]) blockquote {
    font-size: 20px;
}

.nectar_single_testimonial span.testimonial-name,
body .testimonial_slider blockquote span.testimonial-name {
    font-size: 18px;
    /* display: block; */
    line-height: 22px;
    font-weight: 600;
}
.nectar_single_testimonial span.title,
body .testimonial_slider blockquote span.title {
    font-size: 18px;
    /* display: block; */
    line-height: 36px;
    font-style: italic;
    font-weight: 500;
}
.testimonial_slider:not([data-style="minimal"]) blockquote .title {
    font-size: 18px;
}

.highlight-row {
    background-color: var(--summit-dark-green, #6d7352);
    color: #ffffff;
    padding: 3rem 0;
}
.highlight-row h1,
.highlight-row h2,
.highlight-row h3,
.highlight-row h4,
.highlight-row h5,
.highlight-row h6 {
    font-weight: 500;
}

#page-header-wrap .container {
    /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0px, rgba(0, 0, 0, 0.2) 140px, rgba(0, 0, 0, 0.2) 100%); */
}

#page-header-wrap .inner-wrap h1 {
    display: block;
    background-color: var(--summit-dark-green, #6d7352);
    padding: 1rem 1rem 1rem 4rem;
    max-width: 480px;
    font-weight: 500;
    
}

.tk-page-header-bg-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0px, rgba(0, 0, 0, 0.3) 140px, rgba(0, 0, 0, 0.3) 100%);
    z-index: 10;
}

.tk-summit-page-header {
    position: relative;
    height: 100%;
}
.tk-summit-page-header .header-banner-outer {
    z-index: 1;
    height: 100%;
    /* position: relative; */
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
}
.tk-summit-page-header .image-container {
    flex-grow: 1;
    /* width: 55%; */
    /* position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    z-index: 1; */
}
.tk-summit-page-header .text-container {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /* position: relative;
    z-index: 20;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center; */
}
.tk-summit-page-header .text-container .text-container-inner {
    position: relative;
    padding-left: 1rem;
}
.tk-summit-page-header .text-container .text-container-inner .page-banner-title {
    /* font-size: var(--fluid-18-26, 18px); */
    font-size: 28px;
    font-size: var(--fluid-20-36, 28px);
    line-height: 1.1;
    font-weight: 500;
    width: 130%;
    background-color: var(--summit-dark-green, #6d7352);
    padding: 2rem;
    color: #ffffff;
    margin:0
}
.page-header-carousel-container .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin-top: 0;
    margin-bottom: 0;
}

.page-header-carousel-container .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots {
    bottom: 30px;
    left: 5%;
}
@media only screen and (max-width: 999px) {
    .nectar-flickity.nectar-carousel:not(.masonry).tb-spacing-0 .flickity-page-dots {
            bottom: 30px;
    }
    .tk-summit-page-header .text-container .text-container-inner .page-banner-title {
        /* padding: 0.5rem; */
    }
}

.nectar-flickity.nectar-carousel[data-format="default"] .flickity-slider .cell {
    padding: 0;
}
/* .container:has(.tk-summit-page-header) {
    --mobile-container-width: 100%;
    padding-left: 0;
    padding-right: 0;
} */

body.material #header-outer #top nav>.buttons>li:last-child {
    margin-right: 1rem !important;
}

@media only screen and (min-width: 1px) and (max-width: 999px) {
    .container:has(.tk-summit-page-header) {
        /* --mobile-container-width: 100%; */
        padding-left: 0;
        padding-right: 0;
    }   
}

@media only screen and (max-width: 690px) {
    .nectar-carousel:has(.tk-summit-page-header) {
        margin: 1rem 0 !important;
    }
    .nectar-flickity.nectar-carousel:not(.masonry).tb-spacing-0 .flickity-page-dots {
        bottom: -0.5rem;
        text-align: center;
        left: 0;
    }

    .tk-summit-page-header .header-banner-outer {
        flex-direction: column-reverse;

    }
    .tk-summit-page-header .image-container {
        width: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        height: auto;
    }
    .tk-summit-page-header .text-container {
        width: 100%;
        padding: 2rem 1rem;
        margin-top: -5rem;
    }
    .tk-summit-page-header .text-container .text-container-inner {
        padding-left: 0;
    }
    .tk-summit-page-header .text-container .text-container-inner .page-banner-title {
        width: 100%;
        /* top: -50%; */
    }


}