/*
Theme Name:   SRSS
Theme URI:    https://www.nautsamawt.org/
Description:  A Kadence child theme
Author:       Indigenous Marketing Solutions
Author URI:   https://www.nautsamawt.org/
Template:     kadence
Version:      1.1.0
Text Domain:  SRSS
*/


/* Common CSS */
html {
    scroll-behavior: smooth;
}

.no-wrap {
    white-space: nowrap;
}

@media (min-width: 430px) {
    .no-wrap-430 {
        white-space: nowrap;
    }
}

.word-break-normal {
    word-break: normal;
}

hr {
    opacity: 1;
}

.kb-button,
.user-select-none {
    user-select: none;
}

.pointer-events-none {
    pointer-events: none;
}

a.social-button {
    width: unset;
    height: unset;
}

.no-flex {
    flex: unset !important;
    -webkit-flex: unset !important;
}

.w-100 {
    width: 100% !important;
}

/* user to ensure images in a section with flex row have max width */
.flex-shrink-0 {
    flex-shrink: 0;
}

@media (max-width: 767px) {

    .aspect-ratio-1-mobile,
    .aspect-ratio-1-child-mobile>* {
        aspect-ratio: 1;
        overflow: hidden;
        align-self: unset !important;
        width: 100%;
    }
}

.padding-left-content-width,
*:has(>.padding-left-content-width-parent) {
    padding-left: max(var(--global-content-edge-padding), calc(var(--global-content-edge-padding) + ((100vw - var(--scrollbar-offset)) - var(--global-content-width)) / 2)) !important;
}

.font-weight-medium {
    font-weight: 500 !important;
}


@font-face {
    font-family: 'BC Sans';
    src: url('/wp-content/themes/SRSS/fonts/BcSansFont_Web/2023_01_01_BCSans-Regular_2f.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BC Sans';
    src: url('/wp-content/themes/SRSS/fonts/BcSansFont_Web/2023_01_01_BCSans-Bold_2f.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'BC Sans';
    src: url('/wp-content/themes/SRSS/fonts/BcSansFont_Web/2023_03_14_BCSans-Light_2g.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'BC Sans';
    src: url('/wp-content/themes/SRSS/fonts/BcSansFont_Web/2023_01_01_BCSans-Italic_2f.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'BC Sans';
    src: url('/wp-content/themes/SRSS/fonts/BcSansFont_Web/2023_01_01_BCSans-BoldItalic_2f.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'BC Sans';
    src: url('/wp-content/themes/SRSS/fonts/BcSansFont_Web/2023_01_01_BCSans-LightItalic_2f.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
}

.bc-sans {
    font-family: 'BC Sans', sans-serif;
}

p,
li {
    font-family: 'BC Sans', sans-serif;
}

.font-style-italics {
    font-style: italic !important;
}

/* Enforce correct padding and width for full width rows on pages, not posts */



.kb-theme-content-width {
    max-width: var(--global-content-narrow-width) !important;
}

/* removing default padding & margin */

footer p {
    margin-block-start: unset;
    margin-block-end: unset;
}

figure {
    margin: unset;
}

.alignfull>.kt-row-layout-inner>.kt-row-column-wrap,
.alignfull>.kt-row-column-wrap {
    padding-left: 0;
    padding-right: 0;
}

.ft-ro-dir-row .footer-section-inner-items-2 .footer-widget-area {
    margin-left: 0;
}

.full-width-row {
    width: var(--global-vw, 100vw);
    margin-left: calc(50% - (var(--global-vw, 100vw) / 2));
    margin-right: calc(50% - (var(--global-vw, 100vw) / 2));
}

.full-width-row>* {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: var(--global-content-width, 1877px);
    padding-left: var(--global-content-edge-padding);
    padding-right: var(--global-content-edge-padding);
}

.narrow-content {
    max-width: var(--global-content-narrow-width, 1877px);
}

.hide {
    display: none !important;
}

/* fix for kadence ignoring column height = 100% of parent */

@media screen and (max-width: 767px) {
    .kt-inner-column-height-full.kt-mobile-layout-row>.wp-block-kadence-column>.kt-inside-inner-col {
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .kt-inner-column-height-full.kt-mobile-layout-row {
        grid-auto-rows: minmax(0, 1fr);
    }
}

/* fix for header shift when disabling scroll in chrome */
.item-is-fixed,
.transparent-header #masthead {
    width: calc(100vw - var(--scrollbar-offset, 0px));
    right: unset;
}

/* fix for floated images having their margin affect paragraph content */
.wp-block-kadence-image:not(:last-child):has(.alignright),
.wp-block-kadence-image:not(:last-child):has(.alignleft) {
    margin-bottom: 0;
}

/* header */

body:not(:has(.logo-replacement)):not(.wp-singular):not(.blog) #masthead::after {
    background: linear-gradient(0deg, rgba(50, 52, 30, 0) 0%, rgba(50, 52, 30, 0.6) 100%) !important;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 280px;
    z-index: -1;
}

/* top nav (transparent) */

.main-navigation {
    --menu-item-padding: 20px;
}

@media (max-width: 1540px) {
    .main-navigation {
        --menu-item-padding: 12px;
    }
}

@media (max-width: 1100px) {
    .main-navigation {
        --menu-item-padding: 8px;
    }
}

.main-navigation .primary-menu-container>ul>li.menu-item:not(.nav-button) {
    padding: var(--menu-item-padding) var(--menu-item-padding) 0 var(--menu-item-padding);
    min-width: 128px;
}

@media (max-width: 1540px) {
    .main-navigation .primary-menu-container>ul>li.menu-item:not(.nav-button) {
        min-width: 100px;
    }
}

@media (max-width: 1100px) {
    .main-navigation .primary-menu-container>ul>li.menu-item:not(.nav-button) {
        min-width: 90px;
    }
}

.main-navigation .primary-menu-container>ul>li.menu-item:not(:has(.sub-menu)) a {
    text-align: center;
    white-space: nowrap;
}

.secondary-navigation .secondary-menu-container>ul>li.menu-item:not(.nav-button)>a {
    padding: 10px 0 5px 0;
    min-width: 88px;
    text-align: center;
}

.header-navigation .header-menu-container ul ul li.menu-item:not(.nav-button)>a {
    padding: 10px 0 10px 0;
    max-width: 100%;
}

.main-navigation .primary-menu-container>ul>li.menu-item:not(.nav-button) .sub-menu {
    padding: 0 var(--menu-item-padding) var(--menu-item-padding) var(--menu-item-padding);
    min-width: 128px;
}

@media (max-width: 1540px) {
    .main-navigation .primary-menu-container>ul>li.menu-item:not(.nav-button) .sub-menu {
        min-width: 100px;
    }
}

.main-navigation .primary-menu-container>ul>li.menu-item:not(.nav-button):has(.sub-menu):hover,
.main-navigation .primary-menu-container>ul>li.menu-item:not(.nav-button):hover .sub-menu {
    background: rgba(22, 48, 41, 0.65);
}

.main-navigation .primary-menu-container>ul>li.menu-item:not(.nav-button):hover .sub-menu {
    width: 100%;
    left: 0;
}

.header-navigation .header-menu-container ul ul li.menu-item:not(.nav-button) {
    border-bottom: 2px solid #fff;
}

.header-navigation .header-menu-container ul ul li.menu-item:not(.nav-button):hover {
    border-bottom: 2px solid var(--global-palette5);
}

.header-navigation .header-menu-container ul ul.sub-menu {
    box-shadow: none;
}

.header-navigation ul ul li.menu-item:not(.nav-button)>a {
    padding-left: 0;
    padding-right: 0;
}

.site-top-header-wrap.site-header-row-container {
    background: var(--global-palette5);
}

.main-navigation .primary-menu-container>ul>li.menu-item:not(.nav-button) {
    padding-top: 0px;
}

/* sticky nav (and top nav opaque) */

#masthead .item-is-stuck,
body:not(:has(.transparent-nav)) .site-header-upper-inner-wrap {
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1024px) {
    body:has(.transparent-mobile-nav) .site-header-upper-inner-wrap {
        box-shadow: unset;
    }
}


.site-main-header-wrap.item-is-stuck,
body:not(:has(.transparent-nav)) .site-main-header-wrap {
    background: var(--global-palette1);
}

@media (max-width: 1024px) {
    body:has(.transparent-mobile-nav) .site-main-header-wrap {
        background: unset;
    }
}

.item-is-stuck .header-navigation .header-menu-container ul ul li.menu-item:not(.nav-button),
body:not(:has(.transparent-nav)) .header-navigation .header-menu-container ul ul li.menu-item:not(.nav-button) {
    border-bottom: 2px solid var(--global-palette3);
}

.item-is-stuck .header-navigation .header-menu-container ul ul li.menu-item:not(.nav-button):hover,
body:not(:has(.transparent-nav)) .header-navigation .header-menu-container ul ul li.menu-item:not(.nav-button):hover {
    border-bottom: 2px solid var(--global-palette5);
}

.item-is-stuck .header-navigation .header-menu-container ul ul li.menu-item>a:not(:hover),
body:not(:has(.transparent-nav)) .header-navigation .header-menu-container ul ul li.menu-item>a:not(:hover) {
    color: var(--global-palette3);
}

.site-header-row-layout-contained {
    max-width: unset;
}

.site-header-row-container-inner {
    max-width: var(--global-content-width);
    margin: 0 auto;
}

.item-is-stuck .secondary-navigation .secondary-menu-container>ul>li.menu-item:not(.nav-button) a {
    color: #fff !important;
}

/* top nav opaque */
body:not(:has(.transparent-nav)) .site-branding a.brand img.kadence-sticky-logo {
    display: unset;
}

body:not(:has(.transparent-nav)) .site-branding a.brand.has-sticky-logo img:not(.kadence-sticky-logo) {
    display: none;
}

@media (min-width: 1025px) {
    body:not(:has(.transparent-nav)):not(.wp-singular):not(.blog) #inner-wrap {
        padding-top: 100px;
    }
}

body:not(:has(.transparent-nav)) .header-navigation .header-menu-container ul ul li.menu-item.current-menu-item>a,
.item-is-stuck .header-navigation .header-menu-container ul ul li.menu-item.current-menu-item>a {
    color: var(--global-palette3);
}

.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item>a:hover {
    color: var(--global-palette5);
}

body:not(:has(.transparent-nav)):not(.single):not(.blog):not(:has(.transparent-mobile-nav)) #inner-wrap {
    margin-top: 100px;
}

@media (max-width: 1024px) {
    body:not(:has(.transparent-nav)):not(.single):not(.blog):not(:has(.transparent-mobile-nav)) #inner-wrap {
        margin-top: 90px;
    }
}


@media (max-width: 1024px) {
    body:has(.transparent-mobile-nav):not(.blog) #inner-wrap {
        margin-top: 0;
    }
}

/* Mobile Nav */

.popup-drawer .drawer-content {
    padding: 0;
}

.popup-drawer .drawer-inner {
    position: unset;
}

body:has(#mobile-drawer.show-drawer) {
    overflow: hidden;
}

.mobile-navigation ul li a {
    padding-top: min(20px, 3svh);
    padding-bottom: min(20px, 3svh);
    padding-left: 42px;
}

.popup-drawer .drawer-header .drawer-toggle {
    height: 40px;
}

#mobile-drawer .drawer-header .drawer-toggle {
    margin: 28px 12px 6px 12px;
    padding: 0;
}

.drawer-toggle .toggle-close-bar {
    margin-top: 0px;
}

.popup-drawer.active .drawer-toggle .toggle-close-bar {
    transform: rotate(45deg);
}

/*  buttons and links */

.content-container a {
    color: inherit;
    text-decoration: inherit;
}

.content-container a:not(.button):hover {
    color: var(--global-palette1);
}

*:not(#mobile-menu)>.nav-button {
    margin-left: 12px;

}

.main-navigation .primary-menu-container>ul>li.menu-item.nav-button>a {
    padding: 16px 56px 16px 56px !important;
    min-width: 114px;
    line-height: 1;
}

*:not(#mobile-menu)>.white-green-button a,
*:not(#mobile-menu)>.white-orange-button a {
    border-radius: 34px;
}

.white-green-button a {
    background-color: var(--global-palette3) !important;
    /* border: 2px solid #fff !important; */
    /* color: #fff !important; */
}

/* #mobile-menu .white-green-button,
#mobile-menu .white-orange-button {
    border-width: 0px !important;
} */

/* #mobile-menu .white-green-button, */
#mobile-menu .white-green-button a {
    background-color: var(--global-palette3) !important;

}

.white-green-button a,
.white-orange-button a {
    color: #fff !important;
}

/* .white-orange-button, */
.white-orange-button a {
    background-color: var(--global-palette2) !important;
}

/* .white-orange-button:hover, */
.white-orange-button a:hover,
.white-orange-button.current-menu-item a

/* .white-orange-button.current-menu-item  */
    {
    background-color: #65301F !important;
}

/* .white-green-button:hover, */
.white-green-button a:hover,
/* #mobile-menu .white-green-button:hover, */
#mobile-menu .white-green-button a:hover,
.white-green-button.current-menu-item a

/* .white-green-button.current-menu-item  */
    {
    background-color: #65301F !important;
}

/* all buttons */
.kb-button {
    min-width: 354px;
}

.theme-button {
    min-width: min(354px, 100%);
    border-radius: 34px;
    padding: 14px 24px 14px 24px;
    border: 2px solid currentColor;
}

@media (max-width: 767px) {
    .kb-button {
        min-width: 100%;
    }
}

/* non theme (default buttons) */
.kb-button.kb-btn-global-fill {
    border-color: var(--global-palette3);
    box-shadow: 0px 15px 25px -7px rgba(0, 0, 0, 0.1);
    border-radius: 34px;
    padding: 14px 24px 14px 24px;
    border: 2px solid currentColor;
}

.kb-button.kb-btn-global-fill:hover {
    border-color: var(--global-palette3);
}


/* footer */

#colophon .footer-navigation .footer-menu-container>ul>li>a {
    padding-right: 0;
    padding-left: 0;
}

.site-bottom-footer-inner-wrap .widget,
.site-middle-footer-inner-wrap .widget,
.site-top-footer-inner-wrap .widget {
    margin-bottom: 0;
}


.page-id-54 .site-top-footer-wrap {
    display: none;
}


/* loading screen */

body:not(.loaded)::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 9999;
    pointer-events: none;
    display: var(--hide-overlay, block);
}

body {
    overflow: hidden;
}

body.loaded {
    overflow: auto;
}

/* blog archive */

/* blog post */

/*  spacers */

.spacer-pattern-1::after {
    content: url(images/pattern-plant-325E5F.svg);
    position: absolute;
    right: 0;
    left: 0;
    bottom: -8px;
}

@media (max-width: 685px) {
    .spacer-pattern-1::after {
        content: url(images/pattern-plant-325E5F_cropped.svg);
        position: absolute;
        left: 50%;
        transform: translateX(-50%) scale(0.48);
        bottom: -41px;
        right: unset;
    }
}

.spacer-pattern-2::after {
    content: url(images/pattern-plant-white.svg);
    position: absolute;
    right: 0;
    left: 0;
    top: -9px;
    transform: rotate(180deg);
}

@media (max-width: 685px) {
    .spacer-pattern-2::after {
        content: url(images/pattern-plant-white_cropped.svg);
        position: absolute;
        left: 50%;
        transform: translateX(-50%) scale(0.48) rotate(180deg);
        top: -24px;
        right: unset;
    }
}

.spacer-pattern-3::after {
    content: url(images/pattern-plant-white.svg);
    position: absolute;
    right: 0;
    left: 0;
    bottom: -9px;
}

@media (max-width: 685px) {
    .spacer-pattern-3::after {
        content: url(images/pattern-plant-white_cropped.svg);
        position: absolute;
        left: 50%;
        transform: translateX(-50%) scale(0.48);
        bottom: -24px;
        right: unset;
    }
}

.blog #primary {
    position: relative;
    margin-bottom: 0;
}

.blog #primary::after {
    content: url(images/pattern-plant-E6DABB.svg);
    position: absolute;
    right: 0;
    left: 0;
    bottom: -9px;
}

@media (max-width: 620px) {
    .blog #primary::after {
        content: url(images/pattern-plant-E6DABB_cropped.svg);
        position: absolute;
        left: 50%;
        transform: translateX(-50%) scale(0.48);
        bottom: -26px;
        right: unset;
    }
}

.spacer-pattern-4::after {
    content: url(images/pattern-plant-dbrown.svg);
    position: absolute;
    right: 0;
    left: 0;
    bottom: -9px;
}

@media (max-width: 685px) {
    .spacer-pattern-4::after {
        content: url(images/pattern-plant-dbrown_cropped.svg);
        position: absolute;
        left: 50%;
        transform: translateX(-50%) scale(0.48);
        bottom: -24px;
        right: unset;
    }
}

/* Home page */

.text-70 {
    font-size: 70px;
}

@media (max-width: 767px) {

    .text-70 {
        font-size: 40px;
    }
}

.bc-map-background::before {
    background: transparent linear-gradient(180deg, #325E5F 0%, #315E5F00 100%) 0% 0% no-repeat padding-box;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 140px;
}

/*  posts and pages */

.is-type-video iframe {
    border-radius: 40px;
}

/* blog archives */

.post-thumbnail-inner img {
    border-radius: 40px;
}

.blog #main {
    padding: 0 83px 300px;
}

@media (max-width: 767px) {
    .single-project #main {
        padding: 0 20px 200px;
    }

    .blog:not(.single-project) #main {
        padding: 0 0px 200px;
    }
}

.blog .entry-summary {
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media (max-width: 767px) {
    .blog .entry-summary {
        margin-top: 0px;
    }
}

.post-more-link .kadence-svg-iconset {
    display: none;
}

a.post-more-link {
    letter-spacing: 0;
    font-size: 18px;
}

.archive-title {
    font-weight: 600;
    margin-bottom: 60px;
}

#archive-container {
    column-gap: 46px;
}

.blog .entry-title {
    text-transform: uppercase;
    font-size: 25px;
}

.blog .content-area {
    margin-top: 118px;
}

@media (max-width: 767px) {
    .blog .content-area {
        margin-top: 70px;
    }
}

/* blog archive preview */

.wp-block-kadence-posts .entry-content-wrap,
.wp-block-kadence-posts .entry-content-wrap h3 {
    color: #fff;
}

.wp-block-kadence-posts .post-more-link {
    font-size: 15px;
    letter-spacing: 0.45px;
}

.wp-block-kadence-posts .entry-summary p {
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image) {
    grid-template-columns: 2fr 5fr;
    grid-gap: 64px;
}

@media (max-width: 1024px) {
    .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image) {
        grid-gap: 32px;
    }
}

.wp-block-kadence-posts .grid-cols {
    row-gap: 36px;
}

.wp-block-kadence-posts .entry-meta {
    text-transform: uppercase;
    letter-spacing: 0.45px;
    font-weight: 700;
    margin-top: 12px;
}

.wp-block-kadence-posts .entry-title {
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .wp-block-kadence-posts .entry-header {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .wp-block-kadence-posts .post-thumbnail {
        padding-bottom: 100%;
    }
}

@media (max-width: 767px) {
    .wp-block-kadence-posts article:nth-child(n+2) {
        display: none;
    }
}

/* Uncategorized */