.meal-selector, .meal-intro {
    font-weight: 100;
}

.meal-selector p, .meal-intro p {
    color: #263746;
}

.meal-intro .rating-stars #star {
    fill: #F15A29;
}

.meal-plan-thumbnails .col {
    max-width: 85px;
}

.macro {
    width: 72px;
    height: 72px;
    background-color: #FAFAFB;
    border-radius: 8px;
    font-weight: 500;
}

.macro .macro-title {
    font-size: 0.75rem;
    line-height: 1;
    color: #263746;
}

.macro .macro-amount {
    font-size: 1rem;
    line-height: 1;
}

.macro.macro-calories {
    background-color: #D0EDE8;
}

.macro.macro-calories p {
    color: #0E7261;
}

.macro.macro-protein {
    background-color: #E6CEEF;
}

.macro.macro-protein p {
    color: #5B067A;
}

.macro.macro-carbs {
    background-color: #CEE5EF;
}

.macro.macro-carbs p {
    color: #06597A;
}

.macro.macro-fat {
    background-color: #FEEFD9;
}

.macro.macro-fat p {
    color: #B07B2C;
}

.nutrition-information p {
    font-size: 0.875rem;
}

a.nutrtion-information-link:hover {
    text-decoration: none;
}

.nutrtion-information-link .nutrition-arrow {
    transition-duration: 0.5s;
    transition-property: transform;
}

.nutrtion-information-link[aria-expanded="true"] .nutrition-arrow {
    transform: rotate(-180deg);
}

.meal-selector .build-your-meal-title {
    color: #F15A29;
}

.meal-option-radio, .exclude-option {
    position: relative;
}

.meal-option-radio input[type="radio"] ~ label:before {
    display: none !important;
}

.meal-option-radio label, .meal-option-radio input {
    display: block !important;
}

.exclude-option input {
    display: none;
}

.meal-option-radio input[type="radio"], .exclude-option input[type="checkbox"] {
    opacity: 0;
}

.meal-option-radio label, .exclude-option label {
    padding: 0.5rem 1rem;
    border: 1px solid #CED1D4; 
    cursor: pointer;
    border-radius: 8px;
    max-width: 100%;
    transition: border .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, color .15s ease-in-out;
    color: #263746;
    position: relative;
}

.meal-option-radio input[type="radio"]:checked + label, .exclude-option input[type="checkbox"]:checked + label {
    border: 2px solid #6BB2CE;
}

.meal-option-radio label:hover, .exclude-option label:hover {
    border-color: #6BB2CE;
}

.meal-option-radio input[type="radio"]:disabled + label {
    background-color: #f3f4f4;
    color: #b5babe;
}


.exclude-option input[type="checkbox"]:checked + label span {
    position: relative;
}

.exclude-option input[type="checkbox"]:checked + label span:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #263746;
    animation-name: strike;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; 
}

.exclude-option input[type="checkbox"]:disabled + label {
    background-color: #f3f4f4;
    color: #b5babe;
}

.exclude-option input[type="checkbox"]:disabled + label:hover {
    border: 1px solid #ced1d4;;
}

@keyframes strike{
    0%   { width : 0; }
    100% { width: 100%; }
}

.popover-body {
    font-weight: 100;
}

.meal-totals {
    background-color: #FAFAFB;
    border-radius: 8px;
}

.meal-price {
    font-weight: 500;
    font-size: 1.25rem;
}

.meal-price .meal-price-duration {
    font-weight: 100;
    font-size: 1rem;
}

.btn-add-to-cart {
    background-color: #f15a29;
    border-color: #f15a29;
    color: #fff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    text-align: center;
    font-weight: 700;
    padding: 0.875rem 1rem;
    border-radius: 50px;
    font-size: 1rem;
    cursor: pointer;
    border: none;
    display: block;
    width: 100%;
}
.paragraph-intro{
    line-height:20px;
}
.paragraph-intro .heading{
    font-weight:500;
    color:#263746;
    margin-bottom:0;
}
.paragraph-intro p{
    font-size: 1rem;
}
.paragraph-intro .sub-heading{
    font-size: 0.875rem; 
    color: #535F68;
}
.me-1{
    padding-bottom: 5px;
    padding-right: 5px;
}
@media (min-width: 768px) {
    .meal-plan-thumbnails .col {
        max-width: 120px;
    }
    .paragraph-intro{
        max-width: 577px;
    }
    .meal-totals {
        background-color: #FFFFFF;
        border-radius: 8px;
    }

    .meal-totals .col-auto {
        background-color: #FAFAFB;
    }

    .meal-totals .col-auto:first-child {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    .meal-totals .col-auto:last-child {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .nutrition-information {
        max-width: 336px;
    }

    .meal-option-radio label { 
        max-width: 288px;
    }

    #exclude-options {
        max-width: 477px;
    }
    #meal-choice {
        max-width: 477px;
        padding-right: 26px;
    }
    #entree-options-breakfast{
        max-width: 477px;
    }
    .meal-price {
        font-size: 1.75rem;
    }

    .meal-price span {
        font-size: 1.75rem;
    }

    .meal-price .meal-price-duration {
        font-weight: 500;
        font-size: 1.25rem;
    }
    

    .btn-add-to-cart {
        padding: 0.625rem 1rem;
        max-width: 477px;
    }
    .end-line{
        max-width: 477px;
        margin-bottom: 32px;
    }
    .meal-value-props {
        max-width: 477px;
    }
    #entree-options {
        flex-wrap: wrap;
        gap: 5px;
    }
    
}


/* tiny slider styles */
.tns-outer {
    padding: 0 !important;
}
.tns-outer [hidden] {
    display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer;
}
.tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}
.tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
    white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%;
}
.tns-no-calc {
    position: relative;
    left: 0;
}
.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px;
}
.tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important;
}
.tns-gallery > .tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
.tns-autowidth {
    display: inline-block;
}
.tns-lazy-img {
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 0.6;
}
.tns-lazy-img.tns-complete {
    opacity: 1;
}
.tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s;
}
.tns-ovh {
    overflow: hidden;
}
.tns-visually-hidden {
    position: absolute;
    left: -10000em;
}
.tns-transparent {
    opacity: 0;
    visibility: hidden;
}
.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0;
}
.tns-normal,
.tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
}
.tns-vpfix {
    white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
    display: inline-block;
}
.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden;
}
.tns-t-ct {
    width: 2333.3333333%;
    width: -webkit-calc(100% * 70 / 3);
    width: -moz-calc(100% * 70 / 3);
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0;
}
.tns-t-ct:after {
    content: '';
    display: table;
    clear: both;
}
.tns-t-ct > div {
    width: 1.4285714%;
    width: -webkit-calc(100% / 70);
    width: -moz-calc(100% / 70);
    width: calc(100% / 70);
    height: 10px;
    float: left;
}
