/* True Food Kitchen - list styling */
.tfk-list { list-style: none; padding: 0; margin: 0; }
.tfk-list li { margin: 0; padding: 0; }
.tfk-list li ul { list-style: none; margin: 0; padding: 0; }
.tfk-list li ul li { margin: 0; padding: 0; }
.tfk-list li > [aria-selected="false"] + ul { display: none; }
.tfk-list .group { margin-bottom: 4px; }
.tfk-list .group-title { background-color: #fff; border: none; color: #252525 !important; font-family: 'Brandon Grotesque Bold'; font-size: 18px; display: block; padding: 12px 16px; border-radius: 0px; align-items: center; position: relative; }
.tfk-list .group.state .group-title { text-transform: uppercase; }
.tfk-list .group-title .icon { width: 26px; height: 36px; background-color: #f3f3f3; border-radius: 0px; margin-right: 20px; display: inline-flex; align-items: center; justify-content: center; vertical-align: bottom;  }
.tfk-list .group-title .icon:after { content: ''; width: 8px; height: 8px; border: 2px solid #252525; display: inline-block; border-left-color: transparent !important; border-bottom-color: transparent !important; transform: rotate(45deg); transition: all 0.25s ease-in-out; margin-left: -6px; }
.tfk-list .group-title[aria-selected]:hover,
.tfk-list .group-title[aria-selected="true"] { background-color: #f3f3f3; color: #487426 !important; }
.tfk-list .group-title[aria-selected="true"] .icon { background-color: #487426; }
.tfk-list .group-title[aria-selected="true"] .icon:after { transform: rotate(135deg); border-color: #fff; margin: -8px 0 0 0; }
.tfk-list .group-content { padding: 12px 64px; box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }
.tfk-list .group-content > li { border-bottom: 1px solid #487426; }
.tfk-list .group-content > li:last-of-type { border: none; }
.tfk-list .group .event { border: none; }
.tfk-list .location {  padding: 8px 0; }
.tfk-list .location li { color: #4B5862; }
.tfk-list .location li a { color: inherit !important; border: none; }
.tfk-list .location li a:hover { color: #487426 !important; }
.tfk-list .location li.location-links a { background-color: #eee; color: #222222 !important; font-size: 12px; text-transform: uppercase; padding: 2px 8px; transition: none; margin-right: 4px; white-space: nowrap; display: inline-block; }
.tfk-list .location li.location-links a:hover { background-color: #487426; color: #fff !important; }
.tfk-list .location li.location-links a.order-online { background-color: #487426; color: #fff !important; }
.tfk-list .location .location-title { font-size: 16px; }
.tfk-list .location .location-status { font-size: 12px; }
.tfk-list .location .location-description { font-size: 12px; font-style: italic; }
.tfk-list .location .location-phone { font-size: 12px; }
.tfk-list .location .location-address { font-size: 12px; }
.tfk-list .event { background-color: rgba(255, 255, 255, 0.2); border: 1px solid #d4d4d4; display: flex; align-items: center; margin: 8px 0; position: relative; }
.tfk-list .event .left { padding: 24px 5% 24px 5%; }
.tfk-list .event .left img { max-width: 300px; }
.tfk-list .event .right { padding: 24px 10% 24px 5%; text-align: left; font-size: 16px; }
.tfk-list .event .right .title { color: #212121; font-family: 'Brandon Grotesque Medium'; font-size: 18px; text-transform: uppercase; }
.tfk-list .event .right .date { line-height: 16px; padding-bottom: 24px; }
.tfk-list .event .right .content { padding-bottom: 24px; }
.tfk-list .event .right .link a { display: inline-block;background-color: #487426; padding: 10px 48px; border-radius: 0px; border: 1px solid transparent; color: #fff !important; font-family: 'Brandon Grotesque Medium'; font-size: 16px; text-transform: uppercase; }
.tfk-list .event .right .link a:hover { background-color: #fff; border-color: #487426; color: #487426 !important; }
.tfk-list .event .right .edit { position: absolute; top: 10px; right: 10px; display: none; padding: 4px; }
.tfk-list .event:hover .right .edit { display: block; }
.tfk-list.type-catering .group-content > li { border-color: #edf1e9; }
.tfk-list.type-catering .catering a { padding: 12px; display: inline-block; color: #212121 !important; }
.tfk-list.type-catering .catering a:after { color: #de0b3b !important; content: '\f1c1'; font-family: 'Font Awesome 5 Free'; padding: 0 8px; }

/* True Food Kitchen - Slick carousel styling */
.tfk-slider { background-color: #eee; transition: all 0.5s ease-in-out; min-height: 480px; padding: 0 !important; height: 60vh !important; }
.tfk-slider div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.tfk-slider .tfk-slide { opacity: 0; background-size: cover; background-position: center; }
.tfk-slider .tfk-slide.slide-bgpos-bottom { background-position: bottom center; }
.tfk-slider .tfk-slide.slide-bgpos-top { background-position: top center; }
.tfk-slider.slick-initialized .tfk-slide { opacity: 1; }
.tfk-slider .tfk-slide .item { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.tfk-slider .tfk-slide .item .content { position: static; padding: 12px 48px; }
.tfk-slider .tfk-slide.opaque-bar .item .content { position: relative; }
.tfk-slider .tfk-slide.opaque-bar .item .content:before { content: "";
    background-color: #487426;
    height: 115%;
    width: 200vw;
    position: absolute;
    top: -5%;
    left: -100%;
    z-index: 0;
    opacity: .9; }
.tfk-slider .tfk-slide .item .content > * { opacity: 0; }
.tfk-slider .tfk-slide .item .content h1 { color: #fff; font-family: 'Brandon Grotesque Bold'; text-transform: uppercase; margin: 0px; font-size: 24px !important; letter-spacing: normal; }
.tfk-slider .tfk-slide .item .content h2 { color: #fff; font-family: 'Playfair Display' !important; font-size: 80px !important; line-height: 80px !important; margin: 0 0 16px; text-transform: none; text-shadow: 0 0 25px #000; }
.tfk-slider .tfk-slide .item .content p { color: #fff; font-size: 28px; line-height: 32px; margin-bottom: 24px; }
.tfk-slider .tfk-slide .item .content a { display: inline-block; margin: 20px 0px 0px !important; background-color: rgba(0, 0, 0, 0.5); border: 1px solid #fff; border-radius: 0px; color: #fff !important; font-size: 16px; padding: 10px 32px; text-transform: uppercase; white-space: nowrap; }
.tfk-slider .tfk-slide .item .content a:hover { background-color: #487426; border-color: transparent; }
.tfk-slider .tfk-slide .item .content a.inverse-btn { background-color: #487426; border-color: transparent; }
.tfk-slider .tfk-slide .item .content a.inverse-btn:hover { background-color: rgba(0, 0, 0, 0.5); border-color: #fff; }
.tfk-slider .tfk-slide a.edit { color: #fff !important; display: none; animation: none; opacity: 1; border: none; background-color: #000; padding: 0 8px; position: absolute; top: 0; right: 0; }
.tfk-slider .tfk-slide a.edit span { padding: 4px 0 0 0; }
.tfk-slider .tfk-slide:hover a.edit { display: block; }
.tfk-slider.animating .tfk-slide .item .content > * { animation: fade-in 1s ease-in-out; animation-fill-mode: forwards; }
.tfk-slider.animating .tfk-slide .item .content h1 { animation-delay: 0.25s; }
.tfk-slider.animating .tfk-slide .item .content h2 { animation-delay: 0.5s; }
.tfk-slider.animating .tfk-slide .item .content p { animation-delay: 0.75s; text-shadow: 0 0 10px #000, 0 0 10px #000; }
.tfk-slider.animating .tfk-slide .item .content a { animation-delay: 1.0s; }
.tfk-slider .slick-arrow { cursor: pointer; opacity: 0; background-color: #fff; border-radius: 50%; border: none; position: absolute; top: calc(50% - 16px); z-index: 1; font-size: 0; width: 32px; height: 32px; text-decoration: none; }
.tfk-slider:hover .slick-arrow, .slick-slider .slick-arrow:focus { opacity: 1; }
.tfk-slider .slick-arrow.slick-prev { left: 12px; }
.tfk-slider .slick-arrow.slick-next { right: 12px; }
.tfk-slider .slick-arrow:before { font-size: 32px; line-height: 12px; color: #000; }
.tfk-slider .slick-arrow.slick-prev:before { content: '\2039'; }
.tfk-slider .slick-arrow.slick-next:before { content: '\203A'; }
.tfk-slider .slick-dots { height: 64px; display: flex; align-items: center; justify-content: center; margin: 0; list-style: none; position: absolute; bottom: 0; width: 100%; line-height: 0; padding: 0; }
.tfk-slider .slick-dots li { display: inline-block; margin: 0 4px; list-style: none; line-height: 0; }
.tfk-slider .slick-dots li button { cursor: pointer; font-size: 0; background-color: transparent; border: 1px solid #fff; color: transparent; width: 16px; height: 16px; padding: 0; border-radius: 50%; }
.tfk-slider .slick-dots li.slick-active button { background-color: #fff; }
.tfk-slider .slick-dots .slider-toggle { background-color: #487426; color: #fff !important; height: 16px; line-height: 16px; font-size: 12px; padding: 0 4px; margin: 0 4px; text-transform: uppercase; font-family: 'Brandon Grotesque Bold'; text-decoration: none; }

/* animations */
@keyframes fade-in { 0% { opacity: 0; transform: translateY(64px); } 100% { opacity: 1; transform: translateY(0px); } }

@media (max-width: 800px) {
    .tfk-slider { height: 75vh; padding: 0; min-height: 480px; }
    .tfk-slider .tfk-slide .item .content { text-shadow: 0 0 12px #000; }
    .tfk-slider .tfk-slide .item .content h1 { font-size: 20px !important; line-height: 48px !important; outline: none; text-shadow: 0 0 25px #000; }
    .tfk-slider .tfk-slide .item .content h2 { font-size: 50px !important; line-height: 48px !important; margin-bottom: 16px; outline: none; text-shadow: 0 0 25px #000; letter-spacing: -1px !important;  }
    .tfk-list .group-content { padding: 0; }
    .tfk-list .event { flex-wrap: wrap; }
    .tfk-list .event .left { width: 100%; padding: 24px 0 0; }
    .tfk-list .event .right { width: 100%; padding: 24px; text-align: center; }
}

/* True Food Kitchen - Hero styling */
.tfk-hero { max-width: 1440px; min-height: 790px; position: relative; margin: 0 auto; padding: 0 !important; height: 60vh !important; }
.tfk-hero div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.tfk-hero .tfk-hero-image { background-size: cover; background-position: top center; }
.tfk-hero .tfk-hero-image.hero-layout-half { background-size: cover; background-position: center; background-repeat: no-repeat; }
.tfk-hero .tfk-hero-image .item { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.tfk-hero .tfk-hero-image .item .content { background-color: rgba( 217, 223, 118, .9); position: absolute; top: 0; left: 0; width: 40%; padding: 100px 50px; }

@media ( min-width: 768px ) {
    .tfk-hero .tfk-hero-image.hero-layout-full .item .content { border-bottom-right-radius: 12px; }

    .tfk-hero .tfk-hero-image.hero-layout-half { background-size: auto 100%; background-position: center right; }
    .tfk-hero .tfk-hero-image.hero-layout-half .item { background-color: rgba( 217, 223, 118, 1); justify-content: flex-end; width: 50%; height: 100%; }
    .tfk-hero .tfk-hero-image.hero-layout-half .item .content { position: static;  background-color: transparent; width: 75%; padding: 0 25px 0 0; flex: 0 1 auto; align-self: center; height: auto; text-align: left; }
    /*{ background-color: rgba( 217, 223, 118, 1); width: 75%; height: 100%; position: static;  flex: 0 1 auto; align-self: center; height: auto; }*/
}
/* use this if the image sizes are smaller for the 50/50 - right now we should use the same size regardless */
/*@media ( min-width: 992px ) {*/
/*    .tfk-hero .tfk-hero-image.hero-layout-half { background-size: 50% 100%; }*/
/*}*/

@media ( min-width: 768px ) {
    .tfk-hero .tfk-hero-image.hero-layout-half { background-position: center -50%; }
}


.tfk-hero .tfk-hero-image .item .content h1 { color: #487629; font-family: 'Playfair Display'; font-weight: 600; margin: 0; font-size: 69px !important; line-height: 64px !important; letter-spacing: normal;text-align:left; }
.tfk-hero .tfk-hero-image.hero-layout-half .item .content h1 { font-family: 'Bebas Regular'; font-weight: 400; text-transform: uppercase; margin: 0; font-size: 62px !important; line-height: 60px !important; }
.tfk-hero .tfk-hero-image.hero-layout-half .item .content h2 { color: #487629; font-family: 'Playfair Display' !important; font-size: 35px !important; line-height: normal !important; margin: 0 0 16px; }
/*.tfk-hero .tfk-hero-image .item .content p { color: #fff; font-size: 28px; line-height: 32px; margin-bottom: 24px; }*/
.tfk-hero .tfk-hero-image .item .content a { display: inline-block; box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.2) !important; margin: 20px 0 0 !important; background-color: #f27b70; border-radius: 0; color: #fff !important; font-size: 16px; padding: 10px 32px; text-transform: uppercase; white-space: nowrap; text-decoration: none;}
.tfk-hero .tfk-hero-image .item .content a:hover { background-color: #487426; border-color: transparent; }
.tfk-hero .tfk-hero-image a.edit { color: #fff !important; display: none; animation: none; opacity: 1; border: none; background-color: #000; padding: 0 8px; position: absolute; top: 0; right: 0; }
.tfk-hero .tfk-hero-image a.edit span { padding: 4px 0 0 0; }
.tfk-hero .tfk-hero-image:hover a.edit { display: block; }

@media ( max-width: 1024px ) {
    .tfk-hero .tfk-hero-image .item .content { width: 45%; }
}

@media ( max-width: 800px ) {
    .tfk-hero .tfk-hero-image .item .content { width: 60%; }
    .tfk-hero .tfk-hero-image.hero-layout-full .item .content h1 { font-size: 59px !important; line-height: 54px !important; }
    .tfk-hero .tfk-hero-image.hero-layout-half .item .content h1 { font-size: 50px !important; line-height: 44px !important; }
}

@media( max-width: 767px ) {
    .tfk-hero { min-height: 490px; }
    .tfk-hero .tfk-hero-image .item .content { top: auto; bottom: 0; width: 100%; padding: 25px 15px; }
    .tfk-hero .tfk-hero-image .item .content { position: static; background: transparent; } /* add bg to .item instead of content on mobile */
    .tfk-hero .tfk-hero-image .item { background-color: rgba( 217, 223, 118, .9); }
    .tfk-hero .tfk-hero-image.hero-layout-full .item .content h1 { font-size: 50px !important; line-height: 44px !important; }
}
.new-design #wrapper .post-content h2 { font-size: 40px; color: #487629; } /* added to page css for now */
#wrapper .post-content .white-text h2 { color: #fff; }
.white-text p { color: #fff; }

.btn-purple, .btn-salmon, .btn-lime {  border-radius: 0 !important; padding: 10px 25px !important; box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.2) !important; }

.btn-purple { background: #4c2f48; }
.btn-purple:hover, .btn-purple:active { background: #ffffff; color: #4c2f48; border-color: #4c2f48; }
.btn-purple:hover .fusion-button-text, .btn-purple:active .fusion-button-text { color: #4c2f48; }

.btn-salmon { background: #f27b70; }
.btn-salmon:hover, .btn-salmon:active { background: #ffffff; color: #f27b70; border-color: #f27b70; }
.btn-salmon:hover .fusion-button-text, .btn-salmon:active .fusion-button-text { color: #f27b70; }

.btn-lime { background: #d9df76; color: #487629; }
.btn-lime  .fusion-button-text { color: #487629; }
.btn-lime:hover, .btn-lime:active { background: #487629; color: #d9df76; border-color: #d9df76; }
.btn-lime:hover .fusion-button-text, .btn-lime:active .fusion-button-text { color: #d9df76; }

/*.position-links img { box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.15) !important; }*/
.position-links .position-column {  }
.position-links .position-title {
    color: #fff;
    font-family: 'Bebas Regular', 'sans-serif';
    text-transform: uppercase;
    font-size: 22px;
    line-height: 20px;
    background: rgba(77, 47, 72, .9);
    position: absolute;
    top: 13%;
    z-index: 2;
    width: 61%;
    left: 20%;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    height: 52%;
    display: flex;
    justify-content: center;
    flex-flow: column;
    max-width: 350px;
}
.position-links .position-title p { margin-bottom: 0; }

@media( max-width: 1024px ) and (min-width: 850px) {
    .position-links .position-title {
        width: 45%;
        left: 27%;
        font-size: 28px;
        line-height: 26px;
    }
}

@media( max-width: 640px ) {
    .position-links .position-title {
        width: 225px;
        height: 225px;
        left: 50%;
        margin-left: -110px;
        font-size: 28px;
        line-height: 26px;
    }
}

@media( max-width: 400px ) {
    .position-links .position-title {
        width: 180px;
        height: 180px;
        left: 50%;
        margin-left: -90px;
        top: 10%;
    }
}



.benefit-icons .benefit-text-box { box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.2); display: inline-block; margin: 20px 0 0 !important; background-color: #4c2f48; border-radius: 0; color: #fff !important; font-size: 16px; padding: 10px 32px; text-transform: uppercase; text-decoration: none; }

.benefits-modal img { max-width: 85px; }
.benefits-modal .modal-header { min-height: 0; }
.benefits-modal .modal-body { padding: 0 50px 20px; }
.benefits-modal h2 { color: #487629; }
.benefits-modal .arrows { margin-top: 30px; }
.benefits-modal .arrows .arrow-prev { float: left; }
.benefits-modal .arrows .arrow-next { float: right; }

@media( min-width: 900px ) {
    .benefits-modal .modal-dialog { width: 600px; }
}

.livetrue-insta { display: block; background: url('/wp-content/uploads/2022/02/livetruefood-bg.png') no-repeat center right; height: 75px; }
.map-btn-parent {     position: absolute;
    /* top: auto; */
    right: 5%;
    z-index: 2;}
.map-image-border { margin-bottom: 50px !important; }
.map-image-border:after { content: ''; background: url('/wp-content/uploads/2022/02/separator-chevron-bg.png') repeat-x; height: 46px; position: absolute; bottom: -46px; width: 100%; }