/**
 * Background Layers:
 *  1) Red feature BG
 *  2) NF logo
 *  3) NF peeps
 *  4) Text
 *  5) C73737
 *  Normal: "TisaSansPro"	400	normal	
 *  Italic	"TisaSansPro"	400	italic	
 *  Bold	"TisaSansPro"	700	normal	
 *  Bold Italic	"TisaSansPro"
 * 
 */


/* GENERAL */

.underline {
    text-decoration: underline;
}

/* TOP NAV */
#front-new-nav {
    height: 60px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
}

#front-new-nav a {
    color: #fff;
}

#front-new-nav a:hover {
    color: #ffffcc;
}

#front-new-nav div {
    padding: 0 20px;
}

#front-new-nav:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.1;
}

/* END TOP NAV */
/* FEATURE BOX */
.top-feature-bg {
    background: url('/wp-content/themes/NerdFitness/templates/front-new/images/feature-bg.jpg') no-repeat top center / cover #c73737;


}

.top-feature-content {
    background: url('/wp-content/themes/NerdFitness/templates/front-new/images/feature-lg.png') no-repeat top center / auto,
        url('/wp-content/themes/NerdFitness/templates/front-new/images/nerd-fitness-logo.png') no-repeat 40px 0 / auto;
    width: 1555px;
    width: 100%;
    height: 670px;

}

.custom-front-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.speech-bubble {
    background: url('/wp-content/themes/NerdFitness/templates/front-new/images/bubble.png') no-repeat top center / 100% 100%;
    height: 311px;
    width: 100%;
    margin-top: -120px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    min-height: auto;
    max-height: auto;

}

.bubble-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: auto;
    max-width: 86%;
    line-height: 1.2;

}

.bubble-content .header-text {
    font-family: "KomikaAxisRegular",  impact, sans-serif;
    font-size: 42px;
    margin-bottom: 1%;
    max-width: 100%;

}

.bubble-content .bubble-text {
    font-family: 'TisaSansPro';
    font-size: 23px;
    max-width: 100%;
}

/* END FEATURE BOX */

/* ACADEMY CARD */

.academy-card {
    background: url('/wp-content/themes/NerdFitness/templates/front-new/images/academy-bg-front-new.jpg') no-repeat top left / 100% auto;
    height: auto;
    height: 37vw;
    width: 92%;
    margin: auto;
    padding: 25px;
    line-height: 1.2;
}

.academy-header-text {
    font-family: "TisaSansPro", sans-serif;
    font-weight: bold;
    font-style: italic;
    color: #c73737;
    font-size: 48px;
    text-align: center;
    padding: 0 10%;
    line-height: 1.1;
    height: auto;
    min-height: 88px;
}

.academy-bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-height: auto;
    min-height: auto;
    padding: 0 13%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #422918;
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
}

.academy-bullets ul {
    list-style: disc;
    -ms-flex-preferred-size: 47%;
    flex-basis: 47%;
    margin-bottom: 0;
    min-height: auto;
    max-height: auto;
    max-width: 100%;
    max-height: 100%;
    -ms-flex-preferred-size: 50% 1 auto;
    flex-basis: 50% 1 auto;
}

.academy-bullets ul li {
    line-height: 1.1;
    margin-bottom: 10px;
}

.academy-testimonials {
    width: 85%;
    margin: auto;
}

.academy-images-wrapper {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 30px;
}

.academy-images-wrapper div {
    margin-left: 5px;
    margin-right: 5px;
}

.academy-images-wrapper img {
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

.academy-button {
    background-color: #c73737;
    color: #fff;
    font-size: 30px;
    font-family: "KomikaAxisRegular",  impact, sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    width: 400px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
    margin: 30px auto 5px auto;
}

.academy-button:hover,
.rh-card-content .heroes-button:hover,
.opt-in-content .signup input[type="submit"]:hover {
    background-color: #ff9900;
}

/* END ACADEMY CARD */

/* BEGIN RH CARD */

.rising-heroes-card {
    background: url('/wp-content/themes/NerdFitness/templates/front-new/images/rh-card-bg.jpg') no-repeat top left / 100% auto;
    height: 192px;
    height: 12vw;
    width: 80%;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 2px solid #EAD649;
}

.rh-card-content {
    width: 32%;
    margin-left: auto;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    font-family: 'TisaSansPro';
    text-align: center;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.2;
    font-style: italic;
}

.rh-card-content div {
    margin-bottom: 10px;
}

.rh-card-content .text-1 {
    font-size: 16px;
}

.rh-card-content .heroes-button {
    font-size: 20px;
    font-weight: 700;
    color: white;
    background-color: #C73737;
    padding: 10px 20px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.55);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rh-card-content .subtext {
    color: #EAD649;
    font-size: 13px;
}


/* END RH CARD */



/* FOOTER AREA AND OPT IN CARD */

.footer-bg {
    position: relative;
    padding-top: 30px;
}

/*
#footer{
	position: relative;
}
#footer::before
*/
.footer-bg::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #808080;
    opacity: 0.25;
    top: 0;
    left: 0;
    z-index: -1;
}

.footer-optin-card {
    background: url('/wp-content/themes/NerdFitness/templates/front-new/images/footer-form-bg.png') no-repeat top center / 100% auto;
    height: 385px;
    height: 25vw;
    width: 80%;
    max-width: 1080px;
    margin: auto;
    margin-bottom: 20px;
}

.opt-in-content {
    width: 53%;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin-right: 20px;
}

.opt-in-content .text {
    font-family: 'TisaSansPro';
    font-style: italic;
    font-size: 20px;
    text-align: center;
    max-width: 100%;
    line-height: 1.2;
}

.opt-in-content .optin {
    margin-top: 10px;
    position: relative;
    left: 13%;
    top: -8%;
    width: 60%;
}

.opt-in-content input {
    width: 95%;
    margin-bottom: 10px;
    text-align: center;
    background-color: #fff;
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.3) !important;
}

.opt-in-content input:hover {
    background-color: #ffffcc;
}

.opt-in-content .signup input[type="submit"] {
    width: 100%;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.55);
    font-family: 'TisaSansPro';
    font-weight: 700;
    text-transform: none;
}


@media only screen and (min-width: 1600px) {
    .academy-card {
        width: 1482px;
        height: 598px;
    }

    .footer-optin-card {
        height: 385px;
    }
}

@media only screen and (max-width: 1499px) {
    .top-feature-content {
        background: url('/wp-content/themes/NerdFitness/templates/front-new/images/feature-md.png') no-repeat top center / auto,
            url('/wp-content/themes/NerdFitness/templates/front-new/images/nerd-fitness-logo.png') no-repeat 40px 0 / 25% auto;
        height: 448px;
    }

    .custom-front-container {
        /* width: 1200px; */
        width: 1180px;
    }

    .speech-bubble {

        background: url('/wp-content/themes/NerdFitness/templates/front-new/images/speech-bubble-narrower.png') no-repeat top center / 100% 100%;
        margin-top: -95px;
        margin-bottom: -15px;
        height: 286px;
    }

    .academy-card.custom-front-container {
        height: auto;
        width: 1100px;
    }

    .academy-card {
        background-size: 100% 100%;
    }

    .academy-header-text {
        font-size: 41px;
    }

    .academy-bullets {
        font-size: 16px;
    }

    .academy-button {
        font-size: 25px;
        padding: 10px;
    }

    .rising-heroes-card {
        width: 1080px;
        height: 174px;
    }

    .footer-optin-card {
        height: 356px;

    }

    .footer-optin-card .text {
        font-size: 19px;
    }

}

@media only screen and (max-width: 1199px) {
    .custom-front-container {
        /* width: 991px; */
        width: 892px;
    }

    .academy-card.custom-front-container {
        width: 925px;
        width: 90%;
        background-size: auto 100%;
    }

    .bubble-content .header-text {
        font-size: 36px;
        margin-bottom: 2%;
    }

    .bubble-content .bubble-text {
        font-size: 19px;
    }

    .speech-bubble {
        height: 236px;
        background: url('/wp-content/themes/NerdFitness/templates/front-new/images/bubble.png') no-repeat top center / 100% 100%;
    }

    .footer-optin-card {
        height: 269px;
    }


    .speech-bubble.custom-front-container {
        width: 100%;
        max-width: 100%;
    }

    .academy-header-text {
        font-size: 35px;
    }

    .academy-button {}

    .rising-heroes-card {
        height: 144px;
    }

    .rh-card-content .heroes-button {
        font-size: 16px;
    }

    .rh-card-content div {
        margin-bottom: 7px;
    }

}

@media only screen and (min-width: 992px) {
    .speech-bubble.custom-front-container {
        width: 100%;
        max-width: 862px !important;
    }
}

@media only screen and (max-width: 991px) {
    .top-feature-content {
        background: url('/wp-content/themes/NerdFitness/templates/front-new/images/feature-sm.png') no-repeat top center / auto,
            url('/wp-content/themes/NerdFitness/templates/front-new/images/nerd-fitness-logo.png') no-repeat 40px 0 / 19% auto;
        height: 250px;
    }

    .custom-front-container {
        width: 740px;
    }

    .speech-bubble {
        margin-top: -66px;
    }



    .bubble-content .header-text {
        font-size: 29px;
    }

    .bubble-content .bubble-text {
        font-size: 15px;
    }

    .academy-card.custom-front-container {
        width: 668px;
        width: 90%;
        background-size: auto 100%;
    }

    .academy-header-text {
        font-size: 36px;
    }

    .rising-heroes-card {
        height: 114px;
        width: 705px;
    }

    .rh-card-content {
        width: 33%;
        margin-right: 10px;
    }

    .rh-card-content .text-1 {
        font-size: 14px;
    }

    .rh-card-content div {
        margin-bottom: 5px;
    }

    .rh-card-content .heroes-button {
        font-size: 15px;
    }

    .footer-optin-card {
        height: 211px;
        width: 705px;
    }

    .opt-in-content input {
        margin-bottom: 5px;
    }

    .opt-in-content .signup input[type="submit"] {
        font-size: 18px;
    }

    .opt-in-content .text {
        font-size: 14px;
    }

}

@media only screen and (max-width: 767px) {
    .top-feature-content {
        background: url('/wp-content/themes/NerdFitness/templates/front-new/images/feature-sm.png') no-repeat bottom center / 100% auto,
            url('/wp-content/themes/NerdFitness/templates/front-new/images/nerd-fitness-logo-sm.png') no-repeat top center / 100% auto;
        height: 57vw;
    }

    #front-new-nav {
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
        padding-left: 10px;
        padding-right: 5px;
    }

    #front-new-nav div {
        padding: 0 5px;
    }

    .speech-bubble {
        background: #fff;
        border: 2px solid black;
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: -3vw;
        margin-bottom: -10px;
        padding: 10px 0;
        height: auto;

    }

    .bubble-content {}

    .bubble-content .header-text {
        font-size: 22px;
        margin-bottom: 2%;
    }

    .custom-front-container {
        width: 100%;
    }

    .academy-card.custom-front-container {
        width: 80%;
        background: url('/wp-content/themes/NerdFitness/templates/front-new/images/academy-bg-mobile-front-new.jpg') no-repeat bottom center / 100% auto;
        padding: 20px 5%;
        margin-top: 20px;
        background-position: center -336px;
    }

    .academy-header-text {
        font-size: 29px;
    }

    .academy-bullets {
        /*
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		*/

        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding: 0;

        /* Accounting for stupid columns on mobile */
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .academy-bullets ul {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .academy-bullets ul li {
        margin-bottom: 15px;
    }

    .academy-images-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .academy-images-wrapper div {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        margin: auto;
        margin-top: 10px;
    }

    .academy-button {
        width: 80%;
        font-size: 4vw;
    }

    .rising-heroes-card {
        background: url('/wp-content/themes/NerdFitness/templates/front-new/images/rh-card-mobile-bg.jpg') no-repeat top center / 100% auto;
        width: 90%;
        height: 92vw;
    }

    .rh-card-content {
        width: 60%;
        margin-right: auto;
        margin-top: 30%;
    }

    .rh-card-content .text-1,
    .rh-card-content .subtext {
        font-size: 24px;
    }

    .rh-card-content div {
        margin-bottom: 10px;
    }

    .footer-optin-card {
        background: url(/wp-content/themes/NerdFitness/templates/front-new/images/optin-card-bg-mobile.png) no-repeat top center / 100% auto;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        height: 122vw;
    }

    .opt-in-content .text {
        font-size: 20px;
        line-height: 1.6;
    }

    .opt-in-content {
        width: 80%;
        margin-right: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .opt-in-content .signup {
        margin-bottom: 20px;
    }

    .opt-in-content .optin {
        width: 100%;
        margin-top: 20px;
        top: 0;
        left: 0;
    }

    .opt-in-content input {
        width: 96%;
        height: 30px;
    }

    .opt-in-content .signup input[type="submit"] {
        height: 50px;
    }

}

@media only screen and (max-width: 550px) {

    .academy-card.custom-front-container {

        background-position: bottom center;
    }

    .top-feature-content {
        background-size: 120% auto, 100% auto;
        height: 200px;
        height: 62vw;
    }

    .bubble-content .header-text {
        font-size: 20px;
    }

    .academy-header-text {
        font-size: 20px;
    }

    .academy-button {
        height: auto;
    }

    .footer-optin-card {
        padding-top: 0;
    }

    .opt-in-content .text {
        font-size: 15px;
    }

    .rh-card-content .text-1 {
        font-size: 18px;
    }

    .rh-card-content .subtext {
        font-size: 18px;
    }

    .rh-card-content {
        margin-top: 25%;
    }


}

@media only screen and (max-width: 400px) {

    .academy-images-wrapper {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .academy-bullets ul li {
        font-size: 15px;
    }

    .rh-card-content {
        width: 90%;
    }

    .rh-card-content .heroes-button {
        font-size: 16px;
    }

    .opt-in-content .signupt input[type="submit"] {
        height: initial;
        font-size: 12px;
    }

    .opt-in-content {
        width: 90%;
    }

    .opt-in-content .text {
        font-size: 13px;
    }

    .opt-in-content input {
        height: initial;
    }

    .opt-in-content .optin {
        margin-top: 5px;
    }

    .academy-button {
        margin: 10px auto 0 auto;
    }
}

@media only screen and (max-width: 359px) {
    .academy-card.custom-front-container {
        padding: 15px 5%;
    }

    .academy-bullets {
        margin-top: 0;
    }

    .academy-bullets ul li {
        font-size: 13px;
    }

    .rh-card-content div {
        margin-bottom: 3px;
    }

    .academy-bullets ul li {
        margin-bottom: 10px;
    }

    .academy-header-text {
        font-size: 17px;
    }

    .rising-heroes-card {
        height: 100vw;
    }
}