@font-face {
    font-family: 'FrikiTiki';
    src: url('/assets/fonts/frikitiki-webfont.eot');
    src: url('/assets/fonts/frikitiki-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/frikitiki-webfont.woff2') format('woff2'), url('/assets/fonts/frikitiki-webfont.woff') format('woff'), url('/assets/fonts/frikitiki-webfont.svg#frikitiki-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Fonts */
h1 {
    font-family:"Lato", Arial, Helvetica, sans-serif;
    font-weight:900;
    font-size:1.5rem 
}
h2 {
    font-family:"Lato", Arial, Helvetica, sans-serif;
    font-size:1.4rem 
}
h3, h4, h5 {
    font-family:"Lato", Arial, Helvetica, sans-serif;
    font-size:1.25rem 
}
p, ul, ol, li, a, body {
    font-family:"LATO",helvetica,sans-serif;
    font-weight:400;
    line-height:120%;
    font-size:1rem 
}
/* Nav */
.navbar {
    background-color: #ffffff;
    filter:drop-shadow(0px -3px 6px #333);
}
.navbar-nav .nav-link {
    font-family:"LATO", sans-serif;
    text-decoration: none;
    text-transform:uppercase;
    color:#000000;
    font-size:.9rem;
}
.navbar-toggler {
    border: none;
}
.navbar-toggler-icon {
    background-image: url('/assets/img/nav/menu-icon.svg') 
}
.social-icons {
    display: flex;
    list-style:none;
}
/* Home & CTAs */
.find h1 {
    color:#8B4C2B;
}
.mw-1344 {
    max-width: 1344px;
    margin:0 auto;
}
.images p {
    color:#4F78B7;
    font-weight:700;
}
.social-images {
    width:120%;
    margin-left:-10%;
}
.find .featurette .col-md-6:first-of-type {
    padding: 0 3rem;
    text-align: center;
}
/* About */
.about-one, .about-two {
    color:#333333;
}
.about-three{
    color:#ffffff;
}
.about-one .featurette .col-md-6:first-of-type {
    padding: 0 3rem;
}
.about-one .featurette .col-md-6:last-of-type {
    padding: 0 
}
.about-two .featurette .col-md-6:last-of-type {
    padding: 0 3rem;
}
.about-two .featurette .col-md-6:first-of-type {
    padding: 0 
}
.about-three .featurette .col-md-6:first-of-type {
    padding: 0 3rem;
}
.about-three .featurette .col-md-6:last-of-type {
    padding: 0;
}
/* Menu */
.sub-navbar-nav{
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: space-evenly;
    align-items: center;
    list-style: none;
    padding:0;
    margin:0;
}
.breadNav ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding:0;
    margin:0 0 3rem 0;
}
.sub-navbar-nav a {
    font-family:"LATO";
    color:#000000;
    text-decoration:none;
    text-transform: uppercase;
}
.sub-navbar-nav .active a {
    background-color:#D7282F;
    color:#ffffff;
    none;
    padding:5px 20px 
}
.breadNav {
    border-bottom: 2px solid #E6E6E6;
    margin-bottom: 4rem;
}
.breadNav a {
    color:#4F78B7;
    text-decoration:none;
}
.breadNav li {
    color: #000000;
    padding-right:10px;
}
.breadNav li:after {
    content: '/';
    color: #000000;
    padding-left:10px;
}
.breadNav li:last-of-type::after {
    content: '';
}
.menu-landing .col-md-4, .menu-category .col-md-4 {
    font-family:"Lato";
    font-weight:700;
    font-size:1.5rem;
}
.menu-landing .col-md-4:first-of-type {
    color:#E3A161;
    border-radius: 40px;
    border: #E3A161 1px solid;
    padding-bottom: 40px;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 0.15);
}
.menu-landing .col-md-4:last-of-type {
    color:#4DABA7;
    border-radius: 40px;
    border: #4DABA7 1px solid;
    padding-bottom: 40px;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 0.15);
}
.smoothies .menu-category .col-md-4 {
    color:#000;
    border-radius: 40px;
    border: #E3A161 1px solid;
    padding-bottom: 40px;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 0.15);
}
.blends .menu-category .col-md-4 {
    color:#000;
    border-radius: 40px;
    border: #4DABA7 1px solid;
    padding-bottom: 40px;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 0.15);
}
.smoothies h1, .blends h1{
    font-size: 2rem;
    text-transform: uppercase;
}
.smoothies h1, .smoothies .menu-product-title {
    color: #E3A161;
}
.blends h1, .blends .menu-product-title {
    color:#4DABA7;
}

.menu-product-body ul {
    padding-left:0;
}
.menu-product-body li {
list-style: none;
display: inline-block;
margin: 10px 10px 10px 0;
}
.menu-product .row{
    background-image: url("/assets/img/site/flower.png");
    background-position: bottom center;
    background-repeat: no-repeat;
}

/* Buttons */
.btn-blue {
    font-family:"LATO", sans-serif;
    text-decoration: none;
    font-size:.9rem;
    font-weight: 700;
}
.btn-blue, .btn-blue:hover, .btn-blue:active, .btn-blue:visited {
    background-color:#4F78B7;
    color:#ffffff;
}
.btn-light-blue, .btn-light-blue:hover, .btn-light-blue:active, .btn-light-blue:visited {
    background-color:#4F78B7;
    color:#ffffff;
}
/* Footer */
.footer-container {
    background-color: #F3DE96;
    color:#333333;
}
.footer-container .row {
    max-width: 1344px;
    margin: 0 auto;
}
.footer-container .nav {
    gap:50px;
}
.footer-container .nav-link {
    color:#333333;
    font-family:"LATO",helvetica,sans-serif;
    font-weight:400;
}
/* Sitemap */
.sitemap {
    max-width: 1344px;
    margin: 3rem auto;
}
.sitemap ul {
    list-style-type:none;
}
.sitemap ul li {
    margin-bottom:5px;
}
.sitemap ul li a {
    color: #000000;
    text-decoration-color: #D7282F;
}
/* Contact Forms */
.form-container {
    max-width: 56rem;
    margin: auto;
    padding: 0px 12px;
    text-align: left;
}
.form-container .center-border-title {
    padding: 0 12px;
}
.form-container .center-border-title::after {
    margin-left: 0px;
}
.form-container h2, body section p.thankYouMsg {
    background: none;
    color: #d7282f;
    padding: 1rem 0rem;
    font-size:2.25rem;
    line-height:3.25rem;
    text-align: left;
}
.form-container h3 {
    color: #000;
    text-align: left;
}
.form-container p {
    color: #000;
    text-align: left;
}
.form-container .pageTitle {
    color: #000;
    text-align: left;
}
.form-container .text-danger {
    color: #d7282f;
    text-align: right;
    font-size: .75rem;
    margin: -12px 0 12px;
    text-align: left;
}
.form-container .address {
    line-height:1.5rem 
}
.form-container .subdued_text {
    text-align: left;
    font-size: 1rem;
    margin: 1.5rem 0rem 
}
.form-container .twoFieldsInline {
    display: flex;
}
.form-container .twoFieldsInline .form-group {
    flex-grow: 1;
    padding: 0 12px 0 0;
}
.form-container .twoFieldsInline .form-group:last-of-type {
    padding-right: 0;
}
.form-container .form-group label {
    display: block;
    padding-bottom: 8px;
    text-align: left;
}
.form-container .form-group input[type="text"], .form-container .form-group input[type="password"], .form-container .form-group input[type="datetime-local"], .form-container .form-group select, .form-container .form-group textarea{
    display: block;
    width: 100%;
    margin-bottom: 12px;
    padding: 12px 6px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.form-container .form-group textarea {
    min-height: 120px;
}
.form-container .form-group button {
    border: none;
    background-image: url(/assets/img/btn-green.svg);
}
.form-container .text-center {
    text-align: center;
}
.locator-form .buttons{
    text-align:left 
}
.form-container .formErrorsList ul{
    padding-left: 0rem 
}
.form-container .formErrorsList li{
    display:inline-block;
    width: 50%;
    font-size: .8rem;
}
.form-container .formErrorsList .icon{
    color:#d7282f;
    font-size:1.1rem 
}
.form-container .formErrorsList .icon, .form-container .formErrorsList a{
    color:#d7282f;
}
.form-container .formErrorsList a{
    text-decoration: underline;
}
.copy .container .form-container p.text-danger{
    color: #d7282f;
    text-align: right;
    font-size: 12px;
    margin: -12px 0 12px;
}
.form-container .disclaimer {
    font-size: 1rem;
    font-family: Arial;
    line-height: 1.2rem;
    padding: .75rem;
    background-color: #ededed;
    margin-top: 1.5rem 
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
    .about-one .featurette .col-md-6:first-of-type, .about-two .featurette .col-md-6:first-of-type, .about-three .featurette .col-md-6:first-of-type {
        padding: 3rem;
        text-align: center;
    }
    .about-two .featurette {
        flex-flow:column-reverse;
    }
}
@media (max-width: 576px) {
}

