article.food_card div.input-select select{
    background-color: #ffcd00;
    color: #000000;
    border: solid 1px #000000;
    font-weight: 900;
}
article.food_card div.input-select::after{
    color: #000000;
}
article.food_card p.intake{
    font-size: 1.15em;
    margin: 0;
}
article.food_card p.food-title{
    line-height: 1.29em;
}
article.food_card div.msg-wrap{
    min-height:2.2em;
}
article.food_card div.msg-wrap.fav-msg{
    display:none;
}
article.food_card div.bottom-wrap{
    margin-top: 10px;
}
article.food_card div.bottom-wrap a.btn-border-black:hover {
    border: 1px solid #000000;
}
article.food_card div.bottom-wrap a.btn-border-black{
    border: 1px solid #000000;
}
article.food_card div.back{
    display: none;
    min-height: 11.14285714em;
    background-color: #ffcd00;
    color:#000000;
    padding: 1em;
}
article.food_card div.front{
    /*background: #959595;*/
}
article.food_card.flip div.back{
    display: block;
}
article.food_card.flip div.front{
    display: none;
}
.front, .back{
    /*height: 320px;*/
    position: relative;
}
/*Animated*/
.flip .back, .flip .front{
    /*-webkit-animation-duration: 1s;
    animation-duration: 1s;*/
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .50s;
    animation-duration: .50s;
}
.flipped .front, .flipped .back{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
}
.flip .back {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
/*Flip card back*/
.flipped .front {
    -webkit-animation-name: cardFlipBack;
    -moz-animation-name: cardFlipBack;
    -ms-animation-name: cardFlipBack;
    animation-name: cardFlipBack;
}
/* This one animates the back card */
@keyframes cardFlipBack {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, -1, 0, 90deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
/* This one animates the back card in webkit */
@-webkit-keyframes cardFlipBack {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, -1, 0, 90deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
/* blink animation*/
.blink {
    -webkit-animation-name: element-blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 2;

    -moz-animation-name: element-blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 2;

    animation-name: element-blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 2;
}

@-moz-keyframes element-blinker {
    0% { opacity: 1; }
    50% { opacity: 0.11; }
    100% { opacity: 1; }
}
@-webkit-keyframes element-blinker {
    0% { opacity: 1; }
    50% { opacity: 0.11; }
    100% { opacity: 1; }
}
@keyframes element-blinker {
    0% { opacity: 1; }
    50% { opacity: 0.11; }
    100% { opacity: 1; }
}
tr.highlight-row td{
    background-color: #ffcd00;
}
.campaign-preview {
    background: #ffffff url(../img/2023/01/bg-web.png) left bottom/cover no-repeat;
    height: 100px;
    color: #ffffff;
    padding: 20px 15px 0;
  }
.campaign-preview p {
    font-family: 'Tungsten-Medium','Helvetica', 'Arial', sans-serif!important;
    color: #ffffff;
    width: 450px;
    display: inline-block;
    font-size: 20px;
}
.campaign-preview p span{
    color: #ffcd00;
}
.campaign-preview a{
    float: right;
}
.campaign-preview img.walk{
    margin:0 0 1.85714286em 4%;
}
.summary-order .opt_in_checkbox {
    width: auto;
    height: auto;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    display: inline-block;
    margin:0 0.7em;
}
@media all and (max-width: 1039px) {
    .campaign-preview img.walk {
        margin: 0 0 1.85714286em 4%;
        max-width: 180px;
        height: auto;
    }
    .campaign-preview a.call-out img{
        max-width: 180px;
        height: auto;
    }
}
@media all and (max-width: 939px) {
    .campaign-preview p {
        width: 355px;
    }
}
@media all and (max-width: 839px) {
    .campaign-preview p {
        width: 305px;
        font-size: 17px;
    }
}
@media all and (max-width: 767px) {
    .campaign-preview {
        background: #ffffff url(../img/2023/01/bg-mob.png) left bottom/cover no-repeat;
        height: 300px;
        color: #ffffff;
        padding: 30px 15px 0;
    }
    .campaign-preview p {
        width: 100%;
        font-size: 22px;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .campaign-preview img.walk {
        max-width: 240px;
        height: auto;
        display: block;
        margin: 20px auto;
    }
    .campaign-preview a.call-out {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    .campaign-preview a.call-out img {
        max-width: 225px;
        height: auto;
    }
}