/* SMNR Sales Custom CSS by MK Design Marketing 2024. mkdesignmarketing.com */
/* You pick 'em, we stick 'em.
/* Let's get 'er done then! === --- >>> */

/* Last Edited Feb 5, 2025 by Mike Kong


/* Custom CSS Begin ---------------------------------------- */

/* Button Styles */
.sqs-block-button-element {
    font-family: 'Secular One', sans-serif !important;
    letter-spacing: 4px;
    line-height: 16px;
    padding: 20px 50px 18px 50px;
}

/* Button Styles */
.sqs-button-element--primary {
    font-size: 24px !important;
    padding: 22px 76px !important;
    border-radius: 19px !important;
}


/* MKD Custom Layout Structure Elements */
.mkd-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
}

.mkd-column {
    flex: 1;
    min-width: 300px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Section & Page Styles */

/* Homepage */
/* First Section Styles */
#block-yui_3_17_2_1_1640818102446_2081 {
    /* First section logo size */
    max-width: 360px;
    margin: auto;
}

#block-yui_3_17_2_1_1640818102446_2081 .image-block-wrapper {
    overflow: visible !important;
}

#block-yui_3_17_2_1_1640818102446_2081 .sqs-image-shape-container-element {
    box-shadow: 0px 0px 40px #FFF;
}

#block-yui_3_17_2_1_1640818102446_3388 .sqs-block-button-element {
    box-shadow: 0px 0px 40px #FFF;
}

/* Scroll Down Section */
section[data-section-id="62f86e76e17e362660d0215c"] {
    min-height: initial !important;
    height: 180px;
    margin-top: -180px;
}

section[data-section-id="62f86e76e17e362660d0215c"] .content-wrapper {
    padding: unset;
}

section[data-section-id="62f86e76e17e362660d0215c"] .sqs-block-code {
    padding: 0px !important;
}

.scroll-down-wrapper {
    text-align: center;
}

.scroll-down-wrapper img {
    max-width: 150px;
}

/* Clients Chooser Section */
#clients-chooser .mkd-column {
    padding: 40px 20px;
}

#clients-chooser h2 {
    margin-top: 0px;
}

/* Business Description Section */
#smnr-blocks-mobile {
    display: none;
}

/* Clients Gallery Section */
#client-gallery-grid .section-background {
    background-image: url('https://static1.squarespace.com/static/61c1ac2e64b43f440d5c3403/t/686ed89345e50309e647d594/1752094868139/woodgrain-1-seemless-r1-tiny.jpg');
}

#client-gallery-grid p {
    max-width: 1000px;
    margin: auto;
}

/* Child Page Template Design */
#child-page-header .image-block-outer-wrapper {
    max-width: 180px;
    margin: auto;
}

#main-nav {
    min-height: unset !important;
}

#main-nav .content-wrapper {
    padding: 0px !important;
}

#main-nav .main-navbar {
    display: flex;
    justify-content: center;
}

#main-nav .main-navbar ul {
    display: flex;
}

#main-nav .main-navbar ul li {
    list-style: none;
    padding: 10px 20px;
    border-left: 1px solid #ccc;
    font-family: 'adonis-web';
    font-size: 26px;
}

#main-nav .main-navbar ul li:first-child {
    border-left: none;
}


/* Old Client Sections from Version 1 of website */
section[data-section-id="62d6212cb398526fb3c6679f"] .section-background {
    background-color: #f0ebe8 !important;
}

/* Moodify Section Bgd */
#block-1ca31526736eddd679f3 .image-slide-anchor {
    border-radius: 200px;
}

/* Moodify images - make round */

section[data-section-id="62d6000ab398526fb3c2462a"] .section-background {
    background-color: #f5f3ea !important;
}

/* PatterBar Section Bgd */
section[data-section-id="61ccf2ad63b5977a0fb42047"] .section-background {
    background-color: #ffc620 !important;
}

/* Brands Headline Section Bgd */
section[data-section-id="61ccf2ad63b5977a0fb42047"] .content-wrapper {
    padding-bottom: 0px !important;
}

section[data-section-id="61ccfe084254e7798547472f"] .content-wrapper {
    padding-top: 0px !important;
}

section[data-section-id="61ccfe084254e7798547472f"] .section-background {
    background-color: #ffc620 !important;
}

/* Mor Kambucha Bgd */
section[data-section-id="61cd046a76dda268dafbab30"] .section-background {
    background-color: #fff6e9 !important;
}

/* Hanuman Bgd */
/* Doctor D's Section */
section[data-section-id="62da24b5a54138503d3e8bf8"] .section-background {
    background-color: #fff !important;
}

/* KeJoy Section */
section[data-section-id="61cd093e813eb45beab29f00"] .section-background {
    background-color: #f0f0f0 !important;
}

#block-yui_3_17_2_1_1641445143242_21178 .image-slide-anchor {
    border-radius: 60px;
}

section[data-section-id="61cd093e813eb45beab29f00"] #block-11431a4e65dc6da7d886 .image-block-wrapper {
    overflow: initial !important;
}

/* KeJoy Section image shadow */
section[data-section-id="61cd093e813eb45beab29f00"] #block-11431a4e65dc6da7d886 .sqs-image-shape-container-element {
    /* box-shadow: 0px 0px 20px #000000a6; */
}

/* KeJoy Section image shadow */

/* Frescos Section Styles */
section[data-section-id="61cd11ac030b1e7ed03c617c"] .section-background {
    background-color: #4bd1f6 !important;
}

/* Frescos Bgd */
#block-yui_3_17_2_1_1641445143242_27041 .image-slide-anchor {
    border-radius: 200px;
}

/* Gataka Chocolate Section Styles */
section[data-section-id="61cd1b2aa1725e72610ed4fd"] .section-background {
    background-color: #b7b7ad !important;
}

/* Gataka Chocolate Bgd */
#block-yui_3_17_2_1_1641445143242_36643 .image-slide-anchor {
    border-radius: 20px;
}

/* Shine Postions Section Styles */
section[data-section-id="61cd20378e186f78e90d0da0"] .section-background {
    background-color: #ededed !important;
}

/* Shine Potions Bgd */
#block-yui_3_17_2_1_1641445143242_72981 .image-slide-anchor {
    border-radius: 30px;
}

/* Dar Chocolates Section Styles */
section[data-section-id="61cd23de687d811f4200997c"] .section-background {
    background-color: #d7d7cd !important;
}

/* Dar Chocolate Bgd */
#block-yui_3_17_2_1_1642133525213_40836 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#block-yui_3_17_2_1_1642133525213_40836 .image-slide-anchor {
    border-radius: 20px;
}

/* Sati Soda Section Styles */
section[data-section-id="61cd29d66d87606987bff339"] .section-background {
    background-color: #ffc526 !important;
}

/* Sati Soda Bgd */
#block-yui_3_17_2_1_1641448250176_14047 {
    max-width: 1200px;
    margin: auto;
}

#block-yui_3_17_2_1_1641448250176_14047 .image-slide-anchor {
    border-radius: 1000px;
}

/* Oliko Section Styles */
section[data-section-id="61d7b3bad6fa8228112678f8"] .section-background {
    background-color: #f9f0e7 !important;
}

/* Oliko Bgd */
#block-585c30840ee52385c27b img {
    background-color: #fff;
    border-radius: 400px;
}

/* Bailout Section Styles */
section[data-section-id="61cd2db2a75301291327bad9"] .section-background {
    background-color: #0074c9 !important;
}

/* Bail Out Bgd */
section[data-section-id="61cd2db2a75301291327bad9"] .sqs-block-html a {
    color: #fff !important
}

/* Bail Out link color */
#block-yui_3_17_2_1_1641445143242_54657 .image-slide-anchor {
    border-radius: 20px;
}

/* Green Belly Section */
section[data-section-id="61f0cb9796535870c248b3f2"] .section-background {
    background-color: #cabf643d !important;
}

/* Contact Page */
#contact-form-section .content-wrapper {
    margin-top: -70px;
    padding-top: 0px;
}

/* SNMNR Footer */

/* Styles from Version 1 of the website. May be obsolete */
section[data-section-id="62d5fe210f9dd64daa62b923"] img {
    object-fit: contain !important;
}

#block-61cd31ac76dda268dafee315 h3 {
    font-family: 'Secular One', sans-serif;
    letter-spacing: 8px;
    font-size: 30px !important;
}

#block-61cd31ac76dda268dafee315 p,
#block-61cd31ac76dda268dafee315 a {
    font-family: 'Secular One', sans-serif !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
}

#block-61cd31ac76dda268dafee315 h3,
#block-61cd31ac76dda268dafee315 p {
    color: #7da744 !important;
    margin: 0px !important;
}

#collection-61cce56de9bd174818b95d12 #footer-sections {
    /* Hide Footer (Home Dev Only) */
    display: none !important;
}

/* GBB Badge In Footer */
#block-yui_3_17_2_1_1643169624652_13275 {
    position: absolute;
    left: 30px;
    top: 100px;
    width: 150px;
}

/* End Version 1 Footer Styles */

#smnr-footer .content-wrapper {
    padding: 0px;
    margin-bottom: 50px;
}

.smnr-footer-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
}

.smnr-footer-column {
    flex: 1;
    min-width: 300px;
    padding: 20px;
    text-align: center;
    align-content: center;
}

.bbb-badge img {
    max-width: 220px !important;
}

#smnr-footer .smnr-logo {
    max-width: 220px;
}

#smnr-footer h3 {
    margin-bottom: 0px;
}

#smnr-footer .contact-info {
    text-align: left;
}

#smnr-footer .footer-hours {
    line-height: 60px;
}


/* Lightbox Clients Gallery Styles */

/* Lightbox Everything General Customizations */

/* Changes the hight of the Lightbox Everything lightbox wrapper */
.page-section.section-height--medium:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
    min-height: initial;
    /* Setting this to initial since we don't want a minimum height value. */
}

.c-lightbox__close svg {
    width: 40px !important;
    height: 40px !important;
    padding: 10px;
    background-color: #FFF;
    top: 10px;
    right: 26px;
}

.c-lightbox__content-inner {
    padding: 16px !important;
}

.c-lightbox__content-wrapper div.content-wrapper {
    padding: 30px !important;
}

.c-lightbox__content .section-background {
    background-color: #FFC527;
}

.c-lightbox__content-inner .sqs-gallery .slide {
    border-radius: 30px;
}

.c-lightbox__content-inner h1 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: -8px;
}

.c-lightbox__content-inner h4 {
    font-family: sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0px;
}

.c-lightbox__content-inner p {
    font-size: 17px;
    line-height: 26px;
}

.c-lightbox__content-inner p a {
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

/* Gallery Footer Styles */
#clients-gallery-footer {
    min-height: unset;
}

.gallery-close-button {
    text-align: center;
}

.mkd-close-btn {
    font-family: Pontano Sans;
    background-color: #ef641f;
    border: none;
    padding: 10px 30px;
    color: #fff;
    border-radius: 8px;
    font-weight: bold;
}

.c-lightbox__content .mkd-container {}

.c-lightbox__content .mkd-container .mkd-column {
    padding: 40px 20px;
}

.c-lightbox__content .mkd-container h2 {
    font-size: 40px;
    margin: 0px;
}

.c-lightbox__content .mkd-container h4 {
    text-transform: none;
    font-size: 18px;
    margin-top: 0pc;
    margin-bottom: 15px;
    font-weight: normal;
}

/* ============================================================================ */
/* DESKTOP ONLY STYLES - Carried from website V1 - May be Obsolete    */
/* ============================================================================ */
@media only screen and (min-width: 600px) {
    #block-61cd31ac76dda268dafee315 {
        padding: 10px 0px 10px 20px !important;
        border-left: solid 2px #7da744;
    }

    /* Green Belly Section */
    /* Gallery Width */
    #block-397e1af6927a151f29d5 .sqs-gallery-container {
        max-width: 880px;
        margin: auto;
    }

    /* Footer styles */
    #block-yui_3_17_2_1_1640837313213_21356 .image-block-outer-wrapper {
        margin-top: -12%;
    }

    #block-62d630d6cd1f7c17987a4586 h3 {
        margin-bottom: -20px;
    }

    #block-yui_3_17_2_1_1658204239454_337286 {
        max-width: 170px;
    }

    #block-yui_3_17_2_1_1658205046495_300258 {
        display: none;
    }
}

/* =========================================================== */
/* MOBILE STYLES                                               */
/* =========================================================== */
@media only screen and (max-width: 599px) {

    /* Styles from website V1 of website. May or may not be obsolete ------------ */
    .editing-page #siteWrapper {
        padding-top: 100px !important;
    }

    #main-nav .main-navbar ul li {
        list-style: none;
        padding: 0px 13px;
        border-left: 1px solid #ccc;
        font-family: 'adonis-web';
        font-size: 26px;
    }

    .main-navbar a {
        font-size: 17px;
    }

    #block-yui_3_17_2_1_1640818102446_2081 {
        /* First section logo width */
        max-width: 290px;
        margin: auto;
    }

    /* Scroll Down Section */
    section[data-section-id="62f86e76e17e362660d0215c"] {
        height: 60px;
        margin-top: -60px;
    }

    .scroll-down-wrapper img {
        max-width: 120px;
    }

    /* Footer Logo Width */
    #block-yui_3_17_2_1_1640837313213_21356 {
        max-width: 170px;
        margin: auto;
    }

    #block-61cd31ac76dda268dafee315 h3,
    #block-61cd31ac76dda268dafee315 p {
        text-align: center !important;
    }

    #block-61cd31ac76dda268dafee315 h3 {
        font-size: 40px;
    }

    #block-61cd31ac76dda268dafee315 p {
        font-size: 18px;
        line-height: 42px;
        padding-top: 6px;
    }

    /* Smaller, centered brand logos for mobile */
    #block-f27da1d5fb49a6909b0d .image-block-wrapper,
    #block-42bb1630ef7e876a0b34 .image-block-wrapper,
    #block-df93199b9bfdbef0587e .image-block-wrapper,
    #block-ba9d4527abf8f28ea3a6 .image-block-wrapper,
    #block-yui_3_17_2_1_1640822855211_5897 .image-block-wrapper,
    #block-66cb37616805c548f689 .image-block-wrapper,
    #block-44f346d0602cd14908c7 .image-block-wrapper,
    #block-ec83c847758331e4f662 .image-block-wrapper,
    #block-63a837d7840bb9c70cee .image-block-wrapper,
    #block-3632d5710c78d04dd758 .image-block-wrapper {
        max-width: 200px;
        margin: auto;
    }


    /* MOR Section Styles */
    /* Make the 5th item under the logo and description centered */
    #block-yui_3_17_2_1_1641445006334_8003 .sqs-gallery .slide:nth-child(5) {
        position: relative;
        left: 25%;
    }

    /* Bailout Section Styles */
    /* Make the 3rd item under the logo and description centered */
    #block-yui_3_17_2_1_1641445143242_54657 .sqs-gallery .slide:nth-child(3) {
        position: relative;
        left: 25%;
    }

    /* Cured Section Styles */
    /* Make the 3rd item under the logo and description centered */
    #block-cd2b46268239adbd8929 .sqs-gallery .slide:nth-child(3) {
        position: relative;
        left: 25%;
    }

    /* Doctor Ds Section Styles */
    /* Make the 3rd item under the logo and description centered */
    #block-3c79860a99f543e8d34d .sqs-gallery .slide:nth-child(5) {
        position: relative;
        left: 25%;
    }

    /* Shine Potions Section Styles */
    /* Make the 3rd item under the logo and description centered */
    #block-yui_3_17_2_1_1641445143242_72981 .sqs-gallery .slide:nth-child(3) {
        position: relative;
        left: 25%;
    }

    /* Sati Section Styles */
    /* Make the 3rd item under the logo and description centered */
    #block-yui_3_17_2_1_1641448250176_14047 .sqs-gallery .slide:nth-child(3) {
        position: relative;
        left: 25%;
    }

    /* Dar Chocolates Section Styles */
    #block-yui_3_17_2_1_1642133525213_40836 {
        /* Make gallery items bigger */
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    /* Green Belly Section Styles */
    #block-397e1af6927a151f29d5 .sqs-gallery .slide:nth-child(3) {
        position: relative;
        left: 25%;
    }

    /* Rowdy Mermaid Section Styles */
    /* center 3rd item for mobil - not needed because there are 4 --
  #block-0191f57d9c81b1e3224f .sqs-gallery .slide:nth-child(3) {
    position: relative;
    left: 25%;
  }*/

    /* Footer Styles */
    #block-yui_3_17_2_1_1658204239454_280777 {
        max-width: 200px;
        margin: auto;
    }

    /* Center & size logo */
    #block-62d630d6cd1f7c17987a4586 {
        text-align: center;
    }

    #block-62d630d6cd1f7c17987a4586 h3 {
        margin-bottom: -18px;
    }

    section[data-section-id="62d630d5b0566e29ecc8c772"] {
        min-height: 100vh !important;
    }

    #block-yui_3_17_2_1_1658204239454_337286 {
        display: none !important;
    }

    #block-yui_3_17_2_1_1658205046495_300258 {
        max-width: 100px;
        margin: auto;
    }

    /* Footer bottom padding */
    #page-section-61cd31ac9673080e2f806ce2 {
        padding-bottom: 60px;
    }

    /* GBB Badge In Footer */
    #block-yui_3_17_2_1_1643169624652_13275 {
        position: absolute;
        left: 50%;
        top: 56vh;
        width: 150px;
        margin-left: -90px;
    }

    /* Website v1 styles end. --------- */

    /* Button Styles */
    .sqs-button-element--primary {
        font-size: 24px !important;
        padding: 17px 33px !important;
        border-radius: 19px !important;
        min-width: 170px;
    }

    /* Section Styles */

    /* Header Collage */
    #header-collage .gallery-grid-wrapper .gallery-grid-item:nth-child(13),
    #header-collage .gallery-grid-wrapper .gallery-grid-item:nth-child(14),
    #header-collage .gallery-grid-wrapper .gallery-grid-item:nth-child(15) {
        display: none;
    }

    /* Clients Chooser */
    #clients-chooser .mkd-container {
        padding: 0px;
    }

    /* Business Description */
    #smnr-blocks-mobile {
        display: initial;
    }

    #smnr-blocks-mobile .content-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #business-description .content-wrapper {
        padding-top: 0px;
    }

    #business-description .gallery-block {
        display: none;
    }

    #melly-article {
        padding-top: 10px;
    }

    /* Footer */
    #smnr-footer .content-wrapper {
        margin-bottom: 0px;
        overflow: hidden;
    }

    .smnr-footer-container {
        flex-direction: column;
        gap: 0px;
    }

    .smnr-footer-column {
        min-width: unset;
        order: 0;
        /* Default order */
        padding: 0px;
    }

    .smnr-footer-column:first-child {
        order: 3;
        /* Push the first column to the bottom */
    }

    .smnr-footer-container .logo img {
        max-width: 150px;
    }

    .smnr-footer-container .bbb-badge {
        padding-top: 10px;
    }

    .smnr-footer-container .bbb-badge img {
        max-width: 150px !important;
    }

    #smnr-footer h3 {
        margin-bottom: -16px;
    }

    #smnr-footer .contact-info {
        text-align: center;
    }

    /* Contact Page */
    #contact-form-section .content-wrapper {
        margin-top: -40px;
        padding-top: 0px;
    }

    #contact-form-section p {
        margin-bottom: 20px;
    }

    #contact-page-collage .gallery-grid-wrapper .gallery-grid-item:nth-child(7),
    #contact-page-collage .gallery-grid-wrapper .gallery-grid-item:nth-child(8),
    #contact-page-collage .gallery-grid-wrapper .gallery-grid-item:nth-child(9),
    #contact-page-collage .gallery-grid-wrapper .gallery-grid-item:nth-child(10),
    #contact-page-collage .gallery-grid-wrapper .gallery-grid-item:nth-child(11),
    #contact-page-collage .gallery-grid-wrapper .gallery-grid-item:nth-child(12),
    #contact-page-collage .gallery-grid-wrapper .gallery-grid-item:nth-child(13),
    #contact-page-collage .gallery-grid-wrapper .gallery-grid-item:nth-child(14),
    #contact-page-collage .gallery-grid-wrapper .gallery-grid-item:nth-child(15) {
        display: none;
    }


    /* Layout Helpers */
    .mkd-column {
        min-width: unset;
    }


    /* Lightbox Clients Gallery Styles */

    .c-lightbox__content-inner {
        /* Lightbox Overlay Boarder Width */
        padding: 4px !important;
    }

    .c-lightbox__content-inner div.content-wrapper {
        padding: 16px !important;
    }

    .c-lightbox__content-inner .sqs-gallery .slide {
        border-radius: 24px;
    }

    /* Gallery Logo Styles */
    #clients-gallery-info-section .content-wrapper,
    #clients-gallery-info-section .image-block {
        /* Padding Above Logo */
        padding-top: 0px !important;
    }

    #clients-gallery-info-section .image-block {
        /* Padding Below Logo */
        padding-bottom: 0px !important;
    }

    #clients-gallery-info-section .image-block-wrapper {
        /* Logo Wrapper Height */
        height: 140px;
    }

    #clients-gallery-info-section .image-block-wrapper img {
        /* Logo block size */
        width: 170px !important;
        height: 170px !important;
        margin-left: 60px;
    }

    /* Gallery Text Styles */
    .c-lightbox__content-inner h1 {
        font-size: 19px;
        margin-top: 1px;
        margin-bottom: -13px;
    }

    .c-lightbox__content-inner h4 {
        font-size: 8px;
        margin-bottom: 0px;
    }

    .c-lightbox__content-inner p {
        font-size: 12px;
        line-height: 17px;
    }

    .c-lightbox__content-inner p a {
        display: block;
        font-size: 13px;
        margin-top: -4px;
    }

    #clients-gallery-section .content-wrapper {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    /* Gallery Footer Styles */
    #clients-gallery-footer .content-wrapper {
        padding-top: 36px !important;
        padding-bottom: 0px !important;
    }

    .mkd-close-btn {
        font-size: 12px;
        padding: 12px 30px;
    }

    .c-lightbox__close svg {
        /* Close Button Position */
        top: -2px;
        right: 14px;
    }

}