.andy-pic {
    float: left;
    max-width: 560px;
}

.diet-wrapper {
    margin-bottom: 40px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.11);
    height: 100%;
    position: relative;
}

.diet-wrapper img {
    display: block;
    width: 100%;
}

.diet-text {
    position: absolute;
    font-family: 'PT Sans', sans-serif;
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    top: 50%;
}

.facts {
    background: url('/wp-content/uploads/2016/11/about-andy-bg-fact.jpg') #097ad5;
    background-size: cover;
    background-position: initial;
    background-repeat: no-repeat;
    padding: 205px 0;
}
.newsletter-disclaimer {
    font-size: 9px;
    line-height: 150%;
    color: #fff;
    max-width: 500px;
    margin: 10px auto;
}
.blue-bg-news {
    background-color: #097ad5;
    padding: 100px 0;
    text-align: center;
    margin-top: 30px
}

.blue-bg-news-window {
    background-color: #097ad5;
    padding-bottom: 100px;
    text-align: center;
}
.blue-bg-news-window .image-side {
    max-width: 200px;
    float: left;
}

.form-box-wrapper  #mce-EMAIL{
    width: 350px;
    border: 1px solid #ffffff;
    height: 38px;
}

.form-box-wrapper .btn {
    padding: 10px 30px !important;
    vertical-align: top;
    width: 150px;
    min-width: 150px;
    height: 60px;
    background-color: #323232 !important;
    border-radius: 0 !important;
}
.blue-bg-news-window .btn {
   margin-top: 20px;
}
.big-text {
    font-size: 82px;
    line-height: 78px;
    position: absolute;
    right: 15px;
}
.pum-content.popmake-content {
    max-width: 600px;
}
.sidebar--header {
    font-size: 20px;
}
.rd {
    font-size: 18px;
    color: #636d82;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    float: left;
    margin-top: -30px;
}

.post-wrapper {
    background: #fff;
    padding: 17px;
}

.facts {
    background: url('/wp-content/uploads/2016/11/about-andy-bg-fact.jpg') #097ad5;
    background-size: cover;
    background-position: initial;
    background-repeat: no-repeat;
    padding: 205px 0;
}

.press-profile-pic {
    float: right;
}

.post-wrapper {
    background: #fff;
    padding: 17px;
}

.press-header {
    background: #f9f9f9;
    margin-top: -6px;
    padding: 7px 0 9px;
}

.mini-text {
    font-size: 12px;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: normal;
}

.small-text {
    font-size: 18px;
    font-family: inherit;
    font-weight: bold;
}

.press-img {
    max-height: 262px;
    overflow: hidden;
}

.press-img img {
    transition: all .2s ease-in-out;
}

.press-img img:hover {
    transform: scale(1.05);
}

.blue {
    background: #097cd8;
    color: #fff;
    text-align: center;
    padding: 40px 30px 0;
    box-sizing: border-box;
    position: relative;
    height: 325px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    margin-bottom: 50px;
}

.green {
    background: #85d534 !important;
    color: #fff !important;
    border: 2px solid #85d534 !important;
}

#step1, #step2, #step3 {
    width: 40px;
    height: 40px;
    background: none;
    color: #fff;
    border-radius: 40px;
    border: 2px solid white;
    line-height: 40px;
    top: -10px;
    left: -18px;
    position: absolute;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.28);
    font-size: 20px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.28);
}

.disabled {
    opacity: 0.2;
    background: #fff;
    color: #545454;
}

.disabled a {
    cursor: not-allowed;
}

.btn--offwhite {
    background: #f9f9f9;
    border: 2px solid #f9f9f9;
    color: #3a3f54;
    padding: 12px 28px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'PT Sans', sans-serif;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease 0s;
    display: block;
    line-height: 18px;
    float: none;
    margin-bottom: 10px;
}

.btn--offwhite:hover {
    background: #85d534 !important;
    color: #fff !important;
    border: 2px solid #85d534 !important;
}

#load {
    display: none;
}

.acc_head {
    background: #f1f1f1;
    color: inherit;
    font-size: 18px;
    line-height: 20px;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding: 19px 15px 12px;
    cursor: pointer;
    position: relative;
}

.acc_content {
    padding: 15px;
    text-align: left;
    background: #fff;
}

.accordion-demo {
    display: block;
    margin-top: 50px;
}

.accordion-demo .so-panel {
    margin-bottom: 0 !important;
}

.acc_icon_expand {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    background: url('/wp-content/themes/wp-starter-kit-master/images/plusminus-arrows.png') center 15px;
}

.accordion_in.acc_active .acc_head .acc_icon_expand {
    background: url('/wp-content/themes/wp-starter-kit-master/images/plusminus-arrows.png') center 0px;
}

.pp_btn_wrapper {
    width: 155px;
    height: 46px;
    background: #097cd8;
    color: #fff;
    margin: 0 auto;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}

.paypal-button button:before, .paypal-button button:after {
    background: none !important;
}

.paypal-button button {
    background: none;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 100;
    font-family: 'PT Sans', sans-serif;
    border: none !important;
    line-height: 40px;
    width: 155px;
    padding-left: 27px !important;
    text-align: left;
    z-index: 1000;
}

.pp_btn_wrapper span {
    position: absolute;
    top: 12px;
    /* right: 0; */
    margin-left: 11px;
}

.facts {
    background: url('/wp-content/uploads/2016/11/about-andy-bg-fact.jpg') #097ad5;
    background-size: cover;
    background-position: initial;
    background-repeat: no-repeat;
    padding: 205px 0;
}

.tooltips {
    width: 15px;
    height: 15px;
    background: white;
    position: absolute;
    padding: 2px;
    line-height: 15px;
    border-radius: 15px;
    right: 83px;
    top: 69px;
}

#mealplans:focus {
    outline: 0;
}

@media all and (max-width: 990px) {
    .container--accordion {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.Zebra_Tooltip_Message {
    border-radius: 0 !important;
    font-size: 14px !important;
    padding: 30px !important;
}

/** about page column layout **/
#pgc-307-1-0, #pgc-307-1-1 {
    width: 31.03% !important;
    margin-right: 3.45%;
}

#pgc-307-1-2 {
    width: 31.03% !important;
    margin-right: 0;
}

/**comment**/
.comment-body {
    margin-bottom: 20px !important;
}

.comment-list .comment-author img {
    float: left;
}

.comment-list .fn {
    margin-top: 10px;
    float: left;
    margin-left: 24px;
    width: 370px;
    overflow: hidden;
}

.comment-list .fn a {
    color: #3a3f54 !important;
}

.comment-list .says, .comment-list .reply {
    display: none;
}

.comment-list .comment-metadata {
    margin-left: 0px;
    float: left;
    margin-top: 30px;
    font-style: italic;
    position: relative;
}

.comment-list .comment-metadata time {
    color: #a2a2a2;
    left: -369px;
    top: 3px;
    position: absolute;
    width: 300px;
}

.comment-list .comment-content {
    float: left;
    margin-left: 80px;
    margin-top: -50px;
}

#respond {
    margin-bottom: 80px;
}

@media all and (max-width: 767px) {
    .comment-list .fn {
        max-width: 100%;
        margin: 0 auto;
    }

    .comment-list .comment-metadata time {
        position: relative;
        margin: 0 auto;
        left: 0;
        top: -30px;
        width: auto;
    }

    .comment-list .comment-content {
        margin-left: 0;
        margin-top: -70px;
    }

    .social-block .span--text {
        width: 100%;
    }

    .comment-body {
        margin-bottom: 0 !important;
    }
}

@media all and (max-width: 990px) {
    #pgc-307-1-0, #pgc-307-1-1, #pgc-307-1-2 {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

/******************************/

@media all and (max-width: 990px) {
    .diet-wrapper {
        height: 100%;
    }

    .andy-pic {
        width: 100%;
    }
}

@media all and (max-width: 767px) {
    .big-text {
        font-size: 7vw;
        line-height: 28px;
        position: absolute;
        right: 9px;
    }

    .rd {
        margin-top: 0;
    }

    #pgc-w587e7d2205172-1-0 .panel-widget-style, #pgc-w587e7d2205172-1-2 .panel-widget-style {
        padding: 0px !important;
    }

}
@media all and (max-width: 450px) {
    .form-box-wrapper .btn {
        margin-top: 15px;
    }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
    .andy-left, .andy-right {
        width: 100%;
    }

    .diet-text {
        font-size: 2vw;
    }
}