.screen-reader { 
    display: none; 
}

.nutmeg-container { 
    display: flex;
    margin: 0 auto;
    padding: 0 20px;
}

.justify-between { 
    justify-content: space-between;
}

.entry-content a:where(:not(.wp-element-button)) {
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

header { 
    .nutmeg-header-row { 
        border-top: 1px solid #d0d3d7;
        padding: 20px; 

        .site-branding { 
    
            a { 
                &.site-parent-link { 
                    font-size: 13px;
                    letter-spacing: 1px;
                    text-decoration: none;
                    text-transform: uppercase;  
                }
    
                &.site-title-link { 
                    font-weight: 700;
                    font-size: 24px;
                    text-decoration: none;
                }
    
                &:hover, &:focus { 
                    text-decoration: underline; 
                    color: var(--wp--preset--color--black);
                }
            }
        }

        .search-form { 
            input.uc-search-input[type="text"] { 
                display: inline-block;
                background: none;
                border: none;
                font-size: 12px;
                padding: 8px 12px;
            }

            .uc-search-btn { 
                display: inline-block;
                padding: 0 0 0 10px;
                font-size: 16px;
                background-color: transparent;
                border: 1px solid transparent;

                i { 
                    &:hover, &:focus { 
                        background: none;
                        border: none;
                    }
                }
            }
        }
    }

}

/* Table Styles */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--wp--preset--color--grey-white);
}

/* Ensure text remains readable in the striped rows */
.wp-block-table thead tr {
    border-bottom: 3px solid var(--wp--preset--color--bright-blue);
}

.brand-3-full-width-btns { 
    .wp-block-columns-is-layout-flex { 
        align-items: center !important; 
    }
}

.brand-heading { 
    h1 { 
        &.is-style-white-text { 
        color: var(--wp--preset--color--white);
        }
    }

    .is-style-blue-border { 
        display: inline-block; 
        border: 2px solid var(--wp--preset--color--bright-blue);
    }
}

.single-card { 
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}


.banner-with-overhang { 
    .overhang-content {
        position: relative; 
        top: -275px; 
        margin-bottom: -275px !important; 
    }
}

.nutmeg-separator { 
    &.is-style-default { 
        border-top: 1px solid !important; 
    }

    &.is-style-wide { 
        border-top: 2px solid !important; 
    }
}


/* Various Button Block Style Variations */
.wp-block-button {
    a { border-radius: 0px; } /* can this go in theme.json? */

    &.is-style-outline {
        a { 
            &.wp-block-button__link {
                &:hover, &:focus { 
                    background-color: var(--wp--preset--color--bright-blue);
                    color: var(--wp--preset--color--white);
                }
            }
        }
    }

    &.is-style-dark-outline {
        a { 
            color: var(--wp--preset--color--dark-blue) !important;
            background-color: var(--wp--preset--color--white) !important;

            &.wp-block-button__link {
                &:hover, &:focus { 
                    background-color: var(--wp--preset--color--bright-blue) !important;
                    color: var(--wp--preset--color--white) !important;
                }
            }
        }
    }

    &.is-style-dark-fill {

        a { 
            color: var(--wp--preset--color--white) !important;
            background-color: var(--wp--preset--color--dark-blue) !important;
            border: 2px solid var(--wp--preset--color--dark-blue) !important; 

            &.wp-block-button__link {
                &:hover, &:focus {
                    color: var(--wp--preset--color--white) !important;
                    background-color: var(--wp--preset--color--bright-blue) !important;
                    border: 2px solid var(--wp--preset--color--bright-blue) !important; 
                }
            }
        }
    } 

    &.is-style-large-dark {

        a { 
            border-color: var(--wp--preset--color--dark-blue); 
            color: var(--wp--preset--color--white);
            background-color: var(--wp--preset--color--dark-blue);
            padding: 20px; 

            &.wp-block-button__link {
                &:hover, &:focus { 
                    background-color: var(--wp--preset--color--bright-blue);
                    color: var(--wp--preset--color--white);
                    border-color: var(--wp--preset--color--bright-blue);
                }
            }
        }
    }
}

footer { 
    .footer-contact { 
        a { 
            color: var(--wp--preset--color--white);
        }
    }

    .footer-buttons {

        .footer-link-button { 
            flex-basis: 100%;
            width: 100%;

            a { 
                display: inline-block; 
                width: 100%; 
            }
        }
    }

    .footer-menu { 
        a {
            color: var(--wp--preset--color--white);
            text-decoration: none; 

            &:hover, &:focus { 
                text-decoration: underline; 
            }
        }

        /* Have to add to override user agent styles */
        nav { 
            ul { 
                list-style-type: none;
                padding: 0; 
                display: flex;
                li { 
                    padding: 20px;
                }
            }
        }
    }
}


/* This 110% needs a clean-up. Copied & pasted from Lobo-v2 main.css */

.search-container { 
    width: 275px; 
}
.uc-search-form input.uc-search-input[type="text"], .uc-search-form-header input.uc-search-input[type="text"], .uc-search-form-grey input.uc-search-input[type="text"], nav#mobile-nav .uc-search-form input.uc-search-input[type="text"] {
    display: inline-block;
    background: none;
    border: none;
    font-size: 12px;
    padding: 15px 12px;
    text-transform: uppercase; 
letter-spacing: 1px;  }
  
  .uc-search-form .uc-search-btn, .uc-search-form-header .uc-search-btn, .uc-search-form-grey .uc-search-btn, nav#mobile-nav .uc-search-form .uc-search-btn {
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 16px;
    background-color: transparent;
    border: 1px solid transparent; }
    .uc-search-form .uc-search-btn i:hover, .uc-search-form-header .uc-search-btn i:hover, .uc-search-form-grey .uc-search-btn i:hover, nav#mobile-nav .uc-search-form .uc-search-btn i:hover, .uc-search-form .uc-search-btn i:focus, .uc-search-form-header .uc-search-btn i:focus, .uc-search-form-grey .uc-search-btn i:focus, nav#mobile-nav .uc-search-form .uc-search-btn i:focus {
      background: none;
      border: none; }
  
  .uc-search-form-header, header .uc-search-form {
    background: #f0f3f7;
    border: 1px solid #f0f3f7; }
    .uc-search-form-header .uc-search-btn, header .uc-search-form .uc-search-btn {
      padding: 0 10px; }
      .uc-search-form-header .uc-search-btn i, header .uc-search-form .uc-search-btn i {
        color: #000; }
        .uc-search-form-header .uc-search-btn i:hover, header .uc-search-form .uc-search-btn i:hover, .uc-search-form-header .uc-search-btn i:focus, header .uc-search-form .uc-search-btn i:focus {
          color: #777777; }
  
  header .uc-search-form-header, header .uc-search-form, header .uc-search-form-grey, header nav#mobile-nav .uc-search-form, nav#mobile-nav header .uc-search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
       -moz-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  
  header .uc-search-input {
    color: #000;
    width: 100%; }
  
  .uc-search-form-grey, nav#mobile-nav .uc-search-form {
    background: #cbcbcb;
    border: 1px solid #cbcbcb; }
    .uc-search-form-grey input.uc-search-input[type="text"], nav#mobile-nav .uc-search-form input.uc-search-input[type="text"] {
      color: #666666;
      width: 100%; }
    .uc-search-form-grey .uc-search-btn, nav#mobile-nav .uc-search-form .uc-search-btn {
      padding: 0 10px; }
      .uc-search-form-grey .uc-search-btn i, nav#mobile-nav .uc-search-form .uc-search-btn i {
        color: #666666; }
        .uc-search-form-grey .uc-search-btn i:hover, nav#mobile-nav .uc-search-form .uc-search-btn i:hover, .uc-search-form-grey .uc-search-btn i:focus, nav#mobile-nav .uc-search-form .uc-search-btn i:focus {
          color: #282828; }

          /* Enter Your Custom CSS Here */

mark {position: relative; display: inline; padding-left: 0.175em; padding-right: 0.175em; -webkit-box-decoration-break: clone;}


.fade-in-section {
  opacity: 0;
  transform: translateY(20vh);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
}
.fade-in-section.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}