/*----faq----*/.faq-group{
    margin-bottom: var(--gap-large);
}

.faq-item{
    position: relative;
    transition: all 250ms ease;
    margin: var(--gap-normal) auto;
    border-radius: var(--border-radius);
}

.faq-item:before{
    content: "";
    position: absolute;
    border-radius: var(--border-radius);
    top: 0px; right: 0px; bottom: 0px; left: 0px;
    box-shadow: var(--shadow-md);
}

.faq-item > *{
    position: relative;
    display: block;
    padding: var(--gap-normal);
    padding-left: calc(var(--gap-normal) * 2 + 30px);
    margin: 0px;
}


.faq-question{
    cursor: pointer;
    font-weight: bold;
    background: rgba(255,255,255,0.1);
    transition: all 250ms ease;
    border-radius: var(--border-radius);
}

.faq-question:hover{
    background: var(--secondary-color);
    color: white;
}

.faq-question:before{
    content: "▼";
    display: inline-block;
    position: absolute;
    top: var(--gap-normal); left: var(--gap-normal);
    width: 30px;
    margin-right: var(--gap-normal);
    text-align: center;
    transition: all 250ms ease;
    color: var(--primary-color);
}

.faq-answer{
    margin: 0px;
    color: white;
}

/*open*/
.faq-item[open]{
    color: white;
    background-color: var(--primary-color);
}

.faq-item[open] > .faq-question{
    border-radius: var(--border-radius) var(--border-radius) 0px 0px;
}

.faq-item[open] > .faq-question:before{
    transform: rotate(-180deg);
    color: white;
}
/*----navigation----*/#nav .nav-list{
    display: flex;
}

/*nav toggle*/
.nav-mobile{
    transition: top 200ms ease 200ms;
    background: white;
    z-index: -1;
}

.nav-mobile:after{
    content: "";
    position: absolute;
    top: 100%;
    left: 0px; right: 0px;
    height: 10px;
    background: linear-gradient(180deg,rgba(0,0,0,0.5), transparent);
}

.nav-mobile > .nav-list{
    display: flex;
    flex-direction: column;
}

.nav-mobile > .nav-list .nav-item,
.nav-mobile > .nav-list .nav-link{
    display: block;
    text-align: center;
}


#nav .nav-burger:focus ~ .nav-mobile{
    top: var(--navigation-height);
    transition-delay: 0ms;
}

/*nav desktop*/
#nav .nav-desktop .nav-list{
    position: absolute;
    top: 0px; bottom: 0px; right: 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1;
    width: calc(100% - 260px);
    transition: width 220ms ease;
}

body[scroll="0"] #nav .nav-desktop .nav-list{
    width: 100%;
}

#nav .nav-desktop .nav-item{
    flex-grow: 1;
    margin: 0px;
    text-align: center;
}

#nav .nav-desktop .nav-link{
    border-radius: 4pt;
    background: transparent;
    vertical-align: top;
    border: 1px solid transparent;
}

#nav .nav-desktop .nav-link[href="/shop_now"]{
    color: var(--primary-color);
    border-color: var(--secondary-color);
}
    
#nav .nav-desktop .nav-link:hover{
    color: var(--primary-highlight);
    background: var(--accent-color);
    transition-delay: 0ms;
}

#footer .footer-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    max-width: 640px;
    margin: var(--gap-normal) auto;
}

#footer .footer-wrapper .footer-item{
    margin: var(--gap-small);
    text-align: center;
    background: white;
}

#footer .footer-wrapper .footer-item:first-child,
#footer .footer-wrapper .footer-item:last-child{
    grid-column-start: 1;
    grid-column-end: 3;
    background: transparent;
}

#footer .footer-wrapper .footer-link{
    display: block;
    text-decoration: none;
    color: var(--primary-color);
    transition: all 180ms ease;
    padding: var(--gap-small);
    border-radius: 2pt;
}

#footer .footer-wrapper .footer-link:hover{
    opacity: 0.6;
}

@media screen and (min-width: 1200px){
    #nav .nav-mobile,
    #nav .nav-burger{
        display: none;
    }

    #nav .nav-desktop{
        display: block;
    }

    .nav-logo {
        left: calc(50% - (var(--page-width) / 2));
    }
}/*----section_contact_us----*/.section-contact_us [block-title^="#columns"] {
    display: flex;
    flex-wrap: wrap; /* Ensures the items will wrap on smaller screens */
    justify-content: center;
    align-items: stretch; /* Makes all items in a row the same height */
}

.section-contact_us [block-title^="#columns"] .sub-block {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 250px; /* Allows items to grow, shrink, and wrap below 250px */
    padding: var(--gap-large);
    min-height: 180px;
    text-align: center;
    background: white;
}

.section-contact_us [block-title="#columns3"] .sub-block.state-seen{
    color: white;
}

/*give the contact details some colour*/
.section-contact_us [block-title="#columns3"] .sub-block:before{
    content: "";
    position: absolute;
    top: 0px; left: 0px; right: 0px; bottom: 0px;
    display: block;
    width: 0px;
    height: 100%;
    transition: all 200ms ease-in;
    z-index: 0;
}

.section-contact_us [block-title="#columns3"] .sub-block.state-seen:before{
    width: 100%;
    height: 100%;
    transition-delay: calc(var(--sub-block-index) * 100ms);
    background: var(--primary-color);
}

/*
.section-contact_us [block-title="#columns3"] .sub-block:nth-child(2):before{ background: #fcdbfb; }
.section-contact_us [block-title="#columns3"] .sub-block:nth-child(3):before{ background: #fcf2c3; }
.section-contact_us [block-title="#columns3"] .sub-block:nth-child(4):before{ background: #e8f7c5; }
*/

/*cell contents*/
.section-contact_us [block-title^="#columns"] .sub-block span{
    position: relative;
    z-index: 1;
    margin: var(--gap-normal) auto;
    font-size: 13pt;
}

.section-contact_us [block-title^="#columns"] .sub-block span {
    text-align: center;
}

.section-contact_us [block-title^="#columns"] .sub-block a {
    display: block;
    color: var(--text-color);
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: default;
}

.section-contact_us [block-title^="#columns"] .sub-block a[href]{
    cursor: pointer;
}

.section-contact_us [block-title^="#columns"] .sub-block.state-seen a{
    color: white;
}

.section-contact_us [block-title^="#columns"] .sub-block a > i {
    display: block;
    font-size: 50px;
    margin-bottom: var(--gap-large);
    transform: scale(0.5);
    transition-duration: 420ms;
}

.section-contact_us [block-title^="#columns"] .sub-block.state-seen a > i{
    transform: scale(1);
    transition-delay: calc(var(--sub-block-index) * 200ms);
}


.section-contact_us [block-title^="#columns"] .sub-block a:hover {
    opacity: 0.7;
}

.section-contact_us [block-title^="#columns"] .sub-block a:hover > i{
    transform: scale(1.2);
    transition-delay: 0ms;
}

.section-contact_us .sub-block[block-title="#youtube"]{
    position: relative;
    padding: 0px;
}

.section-contact_us .sub-block[block-title="#youtube"] div,
.section-contact_us .sub-block[block-title="#youtube"] div iframe{
    position: absolute;
    top: 0px; right: 0px; bottom: 0px; left: 0px;
}

.section-contact_us .sub-block[block-title="#youtube"] div span{
    position: static;
}

#contactus{
    min-height: 420px;
}

.section-contact_us dialog{
    display: block;
    position: relative;
    width: 100%;
    border: none;
    padding: 0px;
}

#contactus{
    background: transparent;
}

#contactus_form{
    background: transparent;
}

@media screen and (min-width: 1200px){
    .section-contact_us [block-title="#columns3"] .sub-block.state-seen{ 
        transition-delay: calc(var(--sub-block-index) * 300ms); 
    }
}/*----section_hero----*/#section-hero{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-top: 70px;
    background-color: transparent;
}

#section-hero:before,
#section-hero:after{
    content: "";
    position: absolute;
    top: 0px; left: 0px; bottom: 0px; right: 0px;
    z-index: -1;
}

#section-hero:before{
    background: #0057CE;
}

#section-hero:after{
    background-image: url('/images/bgr_site.webp');
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    bottom: calc(0px - (var(--scroll) * 0.2));
    min-width: 2200px;
}

.page-home #section-hero:after{
    background-position: bottom center;
}

#section-hero > .content-block-hero_grid{
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: var(--gap-huge);
    width: 100%;
}

.content-block-hero_grid > div{
    flex: 1;
}

#section-hero  div[block-title="#hero logo"] div > span{
    display: block;
    max-width: var(--page-width);
    text-align: center;
    margin: 0px;
}

#section-hero  div[block-title="#hero logo"] div > span img{
    display: block;
    width: 100%;
    object-fit: contain;
    margin: 0px auto;
}

.content-block-hero_grid > div[block-title="#grid"] > div{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.content-block-hero_grid > [block-title="#grid"] .sub-block{
    background: transparent;
    transition: all 220ms ease;
}

.content-block-hero_grid > [block-title="#grid"] .sub-block:nth-child(even){
    padding-top: 40px;
}

.content-block-hero_grid > [block-title="#grid"] .sub-block > div{
    position: relative;
}


.content-block-hero_grid > [block-title="#grid"] .sub-block a{
    position: absolute;
    top: 0px; left: 0px; right: 0px; bottom: 0px;
    opacity: 0;
    z-index: 1;
}

.content-block-hero_grid > [block-title="#grid"] .sub-block img{
    object-fit: contain;
    width: 100%;
    max-width: 120px;
    transition: all 220ms ease;
    transform: scale(0.95);
    filter: drop-shadow(0.1rem 0.5rem 1rem black);
}

.content-block-hero_grid > [block-title="#grid"] > div[depth="4"] > .sub-block:hover{
    filter: brightness(130%);
}

.content-block-hero_grid > [block-title="#grid"] > div[depth="4"] > .sub-block:hover img{
    transform: scale(1);
}

.content-block-hero_grid > div[block-title="#video"]{
    background-color: #7f8c8d;
    position: relative;
    align-items: center;
    justify-content: center;
    color: var(--light-text-color);
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    aspect-ratio: 5 / 4.45;
    width: 100%;
    max-width: 550px;
    border-radius: 8px;
    box-shadow: 0.1rem 0.5rem 1rem black;
    overflow: hidden;
    margin-bottom: 50px;
}

.content-block-hero_grid > div[block-title="#video"] span{
    display: block;
    position: absolute;
    top: 0px; left: 0px; right: 0px; bottom: 0px;
    margin: 0px;
}

.content-block-hero_grid > div[block-title="#video"] video{
    object-fit: cover; /* This is the key property */
    object-position: center;
}


@media screen and (min-width: 1200px){
    #section-hero{
        flex-direction: column;
    }

    #section-hero > .content-block-hero_grid{
        flex-direction: row;
    }

    #section-hero  div[block-title="#hero logo"] div > span img{
        margin: 0px 0px 50px 0px;
        width: 600px;
    }

    .content-block-hero_grid > div[block-title="#grid"] > div{
        margin-right: var(--gap-large);
        max-width: 100%;
    }

    .content-block-hero_grid > [block-title="#grid"] .sub-block img{
        max-width: 320px;
    }

    .content-block-hero_grid > div[block-title="#video"]{
        max-width: 380px;
        margin: 0px;
    }

    .content-block.content-block-hero_logo{
        width: var(--page-width);
    }
}

@media screen and (min-width: 1800px){
        
    #section-hero > .content-block-hero_grid{
        max-width: 1300px;
    }

    .content-block-hero_grid > div[block-title="#video"]{
        max-width: 480px;
    }
}/*----section_instructions----*/.section-instructions h4{
    text-align: center;
    margin-top: var(--gap-xl);
    margin-bottom: 0px;
}

.page-instructions .section-container > .section-title{
    text-align: center;
    font-size: var(--text-size-title);
}

.page-instructions .section-instructions > .content-block{
    max-width: 1720px;
}
/*instructions grid*/

[block-title="#instructions grid"] > div{
    display: block;
    grid-template-columns: 1fr 1fr;
    margin: var(--gap-normal) 0px;
    gap: var(--gap-small);
}

[block-title="#instructions grid"] > div > div{
    padding: var(--gap-small);
    font-size: var(--text-size-small);
    box-shadow: var(--shadow-md);
    background: white;
    margin: var(--gap-normal) auto;
}

[block-title="#instructions grid"] div > span{
    font-size: var(--text-size-small);
}

[block-title="#instructions grid"] div > h5{
    margin-top: 0px;
    margin-bottom: var(--gap-small);
    font-size: var(--text-size-normal);
}

@media screen and (min-width: 640px){
    [block-title="#instructions grid"] > div{
        display: grid;
    }

    [block-title="#instructions grid"] > div > div{
        margin: 0px;
    }
}

@media screen and (min-width: 840px){
    [block-title="#instructions grid"] > div{        
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 1240px){
    [block-title="#instructions grid"] > div{
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}/*----section_latest_products----*/.section-latest_products{
    --card-height: 540px;
    --thumbnail-height: 240px;
    --thumbnail-height-padded: calc(240px + (var(--gap-normal) * 2));
    --columns: 4;
}

.section-latest_products > h3{
    text-align: center;
    font-size: var(--text-size-title);
}

.section-latest_products > .content-block-columns4 .sub-block[depth="4"]{
    box-sizing: border-box;
    min-height: var(--card-height);
    max-width: 320px;
    margin: var(--gap-normal) auto;
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    background: white;
    padding-bottom: 80px;
}

.section-latest_products > .content-block-columns4 .sub-block > div{
    --columns: 12;
}

.section-latest_products > .content-block-columns4 .sub-block > .sub-block-title{
    position: relative;
    font-size: var(--text-size-large);
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    color: white;
    z-index: 2;
}

.section-latest_products > .content-block-columns4 .sub-block > div > span{
    padding: 0px var(--gap-normal); 
    margin: 0px;
}

.section-latest_products > .content-block-columns4 .sub-block > div > span:before,
.section-latest_products > .content-block-columns4 .sub-block > div > span:after{
    content: "";
    position: absolute;
    top: 0px; left: 0px; right: 0px;
    height: var(--thumbnail-height-padded);
    background: var(--primary-color);
}

@keyframes rotate {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

.section-latest_products > .content-block-columns4 .sub-block > div > span:after{
    top: 50px;
    background: url('/images/starburst.webp');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    animation: rotate 120s infinite linear;
    opacity: 0;
    transition: all 120ms ease;
    z-index: 1;
}

.section-latest_products > .content-block-columns4 .sub-block.state-seen > div > span:after{
    transition-duration: 1s;
    opacity: 1;
}

.section-latest_products > .content-block-columns4 .sub-block[block-title="#img"]{
    height: var(--thumbnail-height);
}

.section-latest_products > .content-block-columns4 .sub-block[block-title="#img"] > div a{
    display: block;
    text-align: center;
}

.section-latest_products > .content-block-columns4 .sub-block[block-title="#img"] > div img{

    position: relative;

    height: var(--thumbnail-height);
    margin: var(--gap-normal) auto;
    object-fit: contain;
    filter: drop-shadow(0 0 0.2rem black);
    transform: scale(0) rotate(calc(8deg * mod(var(--sub-block-index),var(--columns)) - 40deg));
    transition: all 240ms ease;
    opacity: 0;
    z-index: 2;
}

.section-latest_products > .content-block-columns4 .sub-block[block-title="#img"].sub-block.state-seen > div img{
    transform: scale(0.9) rotate(0deg);
    opacity: 1;
}

.section-latest_products > .content-block-columns4 .sub-block[depth="4"]:hover img{
    transition-delay: 0ms ! important;
}

.section-latest_products > .content-block-columns4 .sub-block[block-title="#img"].sub-block.state-seen > div img:hover{
    transition-delay: 0ms;
    transform: scale(1) rotate(calc(2deg * mod(var(--sub-block-index),var(--columns)) - 10deg));
}

.section-latest_products > .content-block-columns4 .sub-block[block-title="#text"]{
    padding-top: 40px;
}

/*
.section-latest_products > .content-block-columns4 .sub-block[block-title="#link"] > div a{
    position: absolute;
    bottom: 0px; left: 0px; right: 0px;
    display: block;
    line-height: 40px;
    background: var(--button-gradient);
    color: var(--text-color);
    text-decoration: none;
    padding: var(--gap-small);
    transition: all 140ms ease;
    text-align: center;
}

.section-latest_products > .content-block-columns4 .sub-block[block-title="#link"] > div a:hover{
    opacity: 0.6;
    font-weight: bold;
}
*/

@media screen and (min-width: 840px){
            
    .section-latest_products > .content-block-columns4 .sub-block.state-seen > div > span:after{
        transition-delay: calc(mod(var(--sub-block-index),var(--columns)) * 100ms);
    }

    .section-latest_products > .content-block-columns4 .sub-block[block-title="#img"].sub-block.state-seen > div img{
        transition-delay: calc(mod(var(--sub-block-index),var(--columns)) * 100ms);`
    }
}/*----section_products----*/.section-products_template_container{
    --thumbnail-height: 300px;
}

.page-container > .section-products_template_container > .content-block-rootblast_products{
    max-width: 1300px;
}

.product-container{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: var(--gap-normal);
    margin: 0px auto;
}

.product-item{
    position: relative;
    background: white;
    padding: var(--gap-normal);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--shadow-md);
}

.product-thumbnail{
    position: absolute;
    top: 0px; left: 0px; right: 0px;
    width: 100%;
    height: var(--thumbnail-height);
    background: var(--primary-color);
}

.product-thumbnail > img{
    display: block;
    object-fit: contain;
    margin: 10%;
    width: 80%;
    height: 80%;
    filter: drop-shadow(0.1rem 0.2rem 1rem var(--accent-color));
}

.product-details{
    margin-top: var(--thumbnail-height);
    margin-bottom: 50px;
}

.product-price{
    font-weight: bold;
}

.section-latest_products > .content-block-columns4 .sub-block[block-title="#link"] > div a,
.product-link{
    color: var(--text-color);
    background: transparent;

    line-height: 45px;
    position: absolute;
    bottom: 5px; left: 5px; right: 5px;
    text-align: center;
    border-radius: 4pt;
    overflow: hidden;

    
    font-weight: bold;
    text-decoration: none;

    z-index: 2;
}

.section-latest_products > .content-block-columns4 .sub-block[block-title="#link"] > div a:before,
.section-latest_products > .content-block-columns4 .sub-block[block-title="#link"] > div a:after,
.product-link:before,
.product-link:after{
    content: "";
    display: block;
    position: absolute;
    top: 0px; left: 0px; right: 0px; bottom: 0px;
    background: var(--button-gradient);
    height: 100%;
    z-index: -1;
}

.section-latest_products > .content-block-columns4 .sub-block[block-title="#link"] > div a:after,
.product-link:after{
    opacity: 0;
    background: var(--alternate-color);
    transition: all 250ms ease;
    left: 0%; right: 100%;
    transform: skewX(45deg)
}

.section-latest_products > .content-block-columns4 .sub-block[block-title="#link"] > div a:hover,
.product-link:hover{
    left: 3px; right: 3px; bottom: 3px;
    line-height: 49px;
    border-radius: 5pt;
}

.section-latest_products > .content-block-columns4 .sub-block[block-title="#link"] > div a:hover:after,
.product-link:hover:after{
    opacity: 1;
    left: -20%; right: -20%;
}


.product-link:active{
    transition-duration: 0ms;
    background: var(--accent-color);
    color: white;
}

.product-link > i{
    margin-right: var(--gap-small);
}

@media screen and (min-width: 640px){
    .product-container{
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (min-width: 940px){
    .product-container{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 1340px){
    .product-container{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 2240px){
        
    .page-container > .section-products_template_container > .content-block-rootblast_products{
        max-width: 2000px;
    }

    .product-container{
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}/*----section_results----*/.section-results{
    --thumbnail-height: 250px;
    --title-height: 50px;
    --columns: 6;
    --card-width: 360px;
}

.section-results > h3{
    text-align: center;
    padding: var(--gap-xl);
    font-size: var(--text-size-title);
}

.section-results > .content-block-the-secret{
    font-size: var(--text-size-large);
    margin-bottom: var(--gap-xl);
}

.section-results > .content-block-the-secret .sub-block{
    display: block;
    margin-bottom: var(--gap-normal);
    text-align: center;
}

.section-results > .content-block-columns3{
    --columns: 6;
}

.section-results > .content-block-columns3 > .sub-block{
    position: relative;
    box-sizing: border-box;
    box-shadow: var(--shadow-md);
    margin-left: auto;
    margin-right: auto;
    max-width: var(--card-width);
}

.section-results > .content-block-columns3 .sub-block > div > div{
    padding: 0px;
    box-shadow: none;
}

.section-results > .content-block-columns3 .sub-block > div > div[block-title="#img"]{
    position: absolute;
    top: 0px; left: 0px; right: 0px;
    height: var(--thumbnail-height);
}


.section-results > .content-block-columns3 .sub-block > div > div[block-title="#img"]:after{
    content: "";
    position: absolute;
    top: 0px; left: 0px; right: 0px; bottom: 0px;
    background: var(--primary-color);
    transition: all 320ms ease;
}

.section-results > .content-block-columns3 .sub-block > div > div[block-title="#img"].state-seen:after{
    top: calc(100% - 1px);
}


.section-results > .content-block-columns3 .sub-block > div > div[block-title="#text"]{
    padding-top: var(--thumbnail-height);
}

.section-results > .content-block-columns3 .sub-block > .sub-block-title{
    position: absolute;
    top: calc(var(--thumbnail-height) - var(--title-height));
    left: 0px; right: 0px;
    text-align: center;
    line-height: var(--title-height);
    text-shadow: var(--text-shadow);
    z-index: 1;
    background: linear-gradient(180deg, transparent, white 60%, white);
    color: var(--primary-color);
}

.section-results > .content-block-columns3 .sub-block > div img{

    width: 100%;
    object-fit: cover;
    height: 250px;
}

body .section-results > .content-block-works_with_all_plants{
    margin: var(--gap-xl) auto;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    padding: var(--gap-xl);
    background: var(--primary-color);
    color: white;
    text-shadow: var(--text-shadow);
    box-shadow: var(--shadow-md);
    border-radius: var(--border-radius);
    max-width: var(--card-width);
    text-align: left;
}

.section-results > .content-block-works_with_all_plants h4{
    color: white;
    margin: 0px 0px var(--gap-normal) 0px;
}


.section-results > .content-block-works_with_all_plants span{
    font-size: var(--text-size-large);
}

.section-results > .content-block-works_with_all_plants img{
    position: absolute;
    
    top: 0px; left: 0px; right: 0px; bottom: 0px;
    box-sizing: border-box;
    display: flex;
;
    justify-content: center;
    align-items: center;

    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.4;
    border-radius: var(--border-radius);
}

@media screen and (min-width: 840px){
    .section-results > .content-block-columns3 .sub-block > div > div[block-title="#img"].state-seen:after{
        transition-delay: calc(mod(var(--sub-block-index),var(--columns)) * 100ms);
    }

    body .section-results > .content-block-works_with_all_plants{
        max-width: var(--page-width);
    }
}/*----section_store_locator----*/.section-store_locator [block-title="#grid"][depth="4"] > div{
    display: block;
    grid-template-columns: 1fr 1fr;
}

.section-store_locator [block-title="#grid"][depth="4"] div[depth="5"]{
    position: relative;
    height: 160px;
}

.section-store_locator [block-title="#grid"][depth="4"] div[depth="5"] > span{
    display: flex;
    position: absolute;
    top: 0px; right: 0px; bottom: 0px; left: 0px;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 840px){
    .section-store_locator [block-title="#grid"][depth="4"] > div{
        display: grid;
    }
}

@media screen and (min-width: 1220px){
    .section-store_locator [block-title="#grid"][depth="4"] > div{
        grid-template-columns: 1fr 1fr 1fr;
    }
}/*----section_university----*/.section-university_study .sub-block-title[depth="4"]{
    font-size: var(--text-size-title);

}

.section-university_study .sub-block[block-title="#download"]{
    padding: var(--gap-normal);
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 4pt;
    margin: var(--gap-normal) auto;
    text-align: center;
    background: var(--background-highlight);
}

.section-university_study .sub-block[block-title="#download"] a{
    display: inline-block;
    padding: var(--gap-normal);
    line-height: 1;
    border-radius: 3pt;
    margin: 10px;
}

.section-university_study .sub-block[block-title="#download"] span{
    margin: 0px;
}/*----section_why_us----*//*section text*/
.section-why_us .content-block-bigger_roots_mean_bigger_plants{
    padding: var(--gap-large);
    text-align: center;
}


.section-why_us .content-block.content-block-grid{
    --columns: 2;
    grid-template-columns: 1fr 1fr;
}

.section-why_us .content-block-grid > .sub-block{
    background: var(--primary-color);
}

.section-why_us .content-block-grid > .sub-block:nth-child(10){
    display: none;
}

.section-why_us .content-block-grid > .sub-block > div{
    height: 100%;
    overflow: hidden;
}

.section-why_us .content-block-grid > .sub-block > h5,
.section-why_us .content-block-grid > .sub-block > div img{
    position: absolute;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0px; right: 0px; bottom: 0px; left: 0px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all 220ms ease 0ms;
}

.section-why_us .content-block-grid > .sub-block.state-seen > div img{
    width: 110%;
    height: 110%;
    top: -5%; left: -5%;
    opacity: 0.5;
    transition-delay: calc(mod(var(--sub-block-index),var(--columns)) * 100ms);
}

.section-why_us .content-block-grid > .sub-block > h5{
    z-index: 1;
    color: white;
    font-size: var(--text-size-large);
    text-shadow: 0px 0px 2.5px black;
    padding: var(--gap-large);
    letter-spacing: 0.5pt;
    transition: all 220ms ease 0ms;
    opacity: 0.8;
}

.section-why_us .content-block-grid > .sub-block.state-seen > h5{
    opacity: 1;
    transition-delay: calc(mod(var(--sub-block-index),var(--columns)) * 100ms);
}

/*trimmed the nineth for two columns -- add it back for three columns*/
@media screen and (min-width: 700px){

    .section-why_us .content-block.content-block-grid{
        --columns: 3;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .section-why_us .content-block-grid > .sub-block:nth-child(10){
        display: initial;
    }
}/*----theme----*//*basic style modifications for common elements*/
[block-title="#grid"][depth="3"],
[block-title="#grid"][depth="4"] > div{
    display: grid;
    --columns: 3;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--gap-normal);
}

[block-title="#grid"] > .sub-block{
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    aspect-ratio: 1/1;
}

[block-title="#grid"] .sub-block span{
    margin-bottom: 0px;
}

[block-title="#flex"][depth="3"],
[block-title="#flex"][depth="4"] > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--gap-normal);
}

[block-title="#flex"] > .sub-block{
    flex: 1;
    min-width: 250px;
    max-width: 360px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
}

[block-title="#flex"] .sub-block span{
    margin-bottom: 0px;
}

.content-block-flex .sub-block,
.content-block-grid .sub-block{
    flex-grow: 1;
    text-align: center;
    background: white;
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.content-block-flex .sub-block > h5,
.content-block-grid .sub-block > h5{
    margin: 0px;
}

.content-block-flex .sub-block > div,
.content-block-grid .sub-block > div{
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: left;
}

.content-block-flex .sub-block > div > span,
.content-block-grid .sub-block > div > span{
    display: block;
}

/*odd sections*/
.section-container:nth-child(even):not(:nth-child(2)){
    background: rgba(250,255,253,0.7);
}
.section-container:nth-child(even):not(:nth-child(2)):before{
    content: "";
    position: absolute;
    top: 0px; right: 0px; bottom: 0px; left: 0px;
    background-image: url('/images/floral-tile.webp');
    background-position-y: calc((var(--scroll) * 0.2) - 50%);
    box-shadow: inset var(--shadow-sm);
    z-index: -1;
}
/*odd sections wide*/
@media screen and (min-width: 1000px){
    .section-container:nth-child(even):not(:nth-child(2)){
        background: linear-gradient(90deg, rgba(250,255,253,0.5),rgba(250,255,253,0.8) calc(50% - 400px),rgba(250,255,253,0.8) calc(50% + 400px), rgba(250,255,253,0.5));
    }
}

[block-title="#pitch list"] ul{
    display: block;
    --columns: 3;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--gap-normal);
    width: 100%;
    padding: 0px;
    margin-top: var(--gap-xl);
}

[block-title="#pitch list"] ul > li{
    display: flex;
    align-items: center;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    padding: var(--gap-normal);
    font-size: var(--text-size-large);
    background: white;
    margin: var(--gap-normal) 0px;
}

[block-title="#pitch list"] ul > li > i{
    padding-right: var(--gap-normal);
    color: var(--secondary-color);
}

/*side by side cards*/
.document-container .section-container [block-title^="#columns"]{
    display: block;
    gap: var(--gap-normal);
    margin: var(--gap-normal) auto;
}

[block-title^="#columns"] > div{
    padding: var(--gap-normal);
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    margin-bottom: var(--gap-normal);
}

[block-title^="#columns"] .sub-block-title{
    margin-bottom: var(--gap-normal);
    font-size: var(--text-size-subtitle);
}

[block-title^="#columns"] div > .sub-block:first-child > .sub-block-title{
    margin-top: 0px; 
}

[block-title^="#columns"] > div > *:first-child{
    margin-top: 0px;
    margin-bottom: var(--gap-normal);
}

[block-title="#columns2"]{
    --columns: 2;
    grid-template-columns: 1fr 1fr;
}

[block-title="#columns3"]{
    --columns: 3;
    grid-template-columns: 1fr 1fr 1fr;
}


[block-title="#columns4"]{
    --columns: 4;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

[block-title="#important"]{
    font-weight: bold;
    margin: var(--gap-normal) auto;
    background: var(--background-highlight);
    padding: var(--gap-small);
}

/*--contactus dialog--*/
.contactus_title{
    display: none;
}

.altcha{
    --altcha-max-width: 100%;
    --altcha-border-width: 0px;
    min-height: 110px;
}

.altcha .altcha-footer{
    display: none;
}

/*--inputs--*/
.input_wrapper{
    display: block;
    position: relative;
    background: #EEE;
    border-radius: 2pt;
    margin: var(--gap-normal) 0px;
    padding: calc(var(--text-size-normal) + var(--gap-small)) 0px 0px 0px;
}

.input_wrapper > label{
    display: block;
    position: absolute;
    top: 0px; left: 0px; right: 0px;
    font-size: var(--text-size-small);
    font-weight: bold;
    text-align: left;
    padding: var(--gap-small);
    color: var(--primary-color);
    pointer-events: none;
}

.input_wrapper > input,
.input_wrapper > textarea{
    box-sizing: border-box;
    padding: var(--gap-small);
    resize: none;
    display: block;
    outline: none; border: none;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    min-height: 30px;
    line-height: var(--text-size-large);
    background: transparent;
    color: var(--text-color);
    z-index: 1;
}

.input_wrapper > textarea{
    min-height: 120px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0px 1000px #EEE inset !important;
  -webkit-text-fill-color: #000 !important; /* Adjust text color if needed */
}

@media screen and (min-width: 840px){
    .document-container .section-container [block-title^="#columns"]{
        display: grid;
    }
}

@media screen and (min-width: 1200px){
    [block-title="#flex"][depth="3"],
    [block-title="#flex"][depth="4"] > div{
        flex-direction: row;
    }

    [block-title="#pitch list"] ul,
    [block-title^="#columns"]{
        display: grid;
    }

    [block-title="#pitch list"] ul > li,
    [block-title^="#columns"] > div{
        margin: 0px;
    }
}