/*
Theme Name: Joe Must Go
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: joemustgo
*/



/*Add your own styles here:*/

body{font-family: "Inter", sans-serif;}


#top #header, #top #header #header_main{border: none;}
#top #header{background: #01030f;}
#top #header .header_bg{display: none !important;}
#top #header .av-main-nav > li > a{font-size: 20px;color: #ffffff;text-transform: uppercase;font-weight: 600;padding: 0px 30px;}
#top #header .av-main-nav > li.current-menu-item > a{background: #971914;}


#top .landingBanner{background-size: auto 100% !important;margin: 0px 0px -40px 0px;padding: 20px 0px 80px 0px;}
#top .landingBanner .container{padding-top: 0px !important;}
#top .landingBanner .avia-image-container{text-align: left;}
#top .landingBanner .avia_image{height: 700px;width: auto;}

#top .schoolBoard{background: url(images/paper-bg.png) no-repeat center;background-size: 100% 100%;padding: 100px 0px;position: relative;}
#top .schoolBoard .avia_textblock{font-size: 24px;line-height: 32px;color: #35363b;text-align: center;}
#top .schoolBoard .avia_textblock h3{font-family: "Anton", sans-serif;font-size: 62px;line-height: 64px;color: #35363b;font-weight: 400;margin: 0px;text-transform: uppercase;}
#top .schoolBoard .avia_textblock h3 strong{color: #971914;font-weight: 400;display: block;}

#top .redBgText{padding: 120px 0px;margin: -60px 0px;}
#top .redBgText .avia_textblock{font-size: 26px;line-height: 36px;color: #35363b;font-weight: 500;background: #ffffff;padding: 30px 75px;border: solid 3px #35363b;text-align: center;}

#top .fullwidthimg .container{width: 100% !important;max-width: 100% !important;padding: 0px;}
#top .fullwidthimg .avia-image-container, #top .fullwidthimg .avia_image{width: 100%;height: auto;}

#top .transportationSys{padding: 60px 0px 60px 0px;}
#top .transportationSys .avia_textblock{font-size: 24px;line-height: 32px;color: #35363b;}
#top .transportationSys .avia_textblock strong{color: #35363b;}
#top .transportationSys .avia_textblock h3{font-family: "Inter", sans-serif;font-size: 36px;line-height: 44px;color: #9b1a14;font-weight: 700;margin: 0px 0px 15px 0px;}
#top .transportationSys .avia_textblock ul, #top .transportationSys .avia_textblock ul li{margin: 0px;padding: 0px;}
#top .transportationSys .avia_textblock ul li{list-style: none;position: relative;padding: 0px 0px 0px 22px;margin: 15px 0px;}
#top .transportationSys .avia_textblock ul li:before{content: "";position: absolute;left: 0px;top: 11px;width: 10px;height: 10px;background: #9b1a14;border-radius: 50%;}

#top .stateSquashes{background: url(images/paper-bg.png) no-repeat center;background-size: 100% 100%;padding: 100px 0px;}
#top .stateSquashes .avia_textblock{font-size: 24px;line-height: 32px;color: #35363b;text-align: center;}
#top .stateSquashes .avia_textblock h4{font-family: "Anton", sans-serif;font-size: 82px;line-height: 84px;color: #35363b;font-weight: 400;margin: 0px;}
#top .stateSquashes .avia_textblock h4 strong{color: #971914;font-weight: 400;display: block;}

#top .landingPenalizing{padding: 60px 0px;}
#top .landingPenalizing .avia_textblock{font-size: 24px;line-height: 32px;color: #35363b;}
#top .landingPenalizing .av_two_fifth .avia_textblock{font-size: 28px;line-height: 36px;color: #35363b;font-style: italic;text-align: center;}
#top .landingPenalizing .av_two_fifth .avia_textblock p{margin: 0px;}

#top #socket{padding: 20px 0px;background: #9f1a15;border: none;margin: 0px;}
#top #socket .copyright{width: 100%;text-align: center;font-size: 22px;line-height: 30px;color: #ffffff;text-transform: uppercase;font-weight: 600;letter-spacing: 0.5px;}
#top #socket .copyright a{font-size: 16px;line-height: 24px;color: #ffffff;margin-top: 10px;display: inline-block;vertical-align: top;border-bottom: solid 2px #ffffff;}

#top #scroll-top-link{background: #9f1a15;opacity: 1;border: solid 2px #ffffff;border-radius: 50%;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);bottom: 50px;}
#top #scroll-top-link svg{height: 30px;margin-top: 6px;fill: #ffffff;}

#top .simpleText{padding: 60px 0px;position: relative;}
#top .simpleText .avia_textblock{font-size: 16px;line-height: 26px;color: #232323;font-weight: 300;}
#top .simpleText .avia_textblock strong{color: #232323;}
#top .simpleText .avia_textblock a{color: #232323;font-weight: 600;}
#top .simpleText .avia_textblock h3{font-size: 30px;line-height: 38px;color: #232323;}
#top .simpleText .avia_textblock h4{font-size: 22px;line-height: 32px;color: #232323;}
#top .simpleText .avia_textblock ol li{padding: 8px 0px;}


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

    #top .landingBanner .container{width: 100% !important;max-width: 100% !important;padding: 0px;}
    #top .landingBanner .avia_image{height: 600px;width: auto;}
    #top .schoolBoard{padding: 80px 0px;}
    #top .schoolBoard .avia_textblock h3{font-size: 48px;line-height: 54px;}
    #top .redBgText{padding: 100px 0px;}
    #top .stateSquashes .avia_textblock h4{font-size: 66px;line-height: 70px;}
    #top .landingPenalizing .av_two_fifth .avia_textblock{font-size: 26px;line-height: 34px;}

}

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

    #top .landingBanner .avia_image{height: 500px;}
    #top .schoolBoard{padding: 60px 0px;}
    #top .schoolBoard .avia_textblock h3{font-size: 34px;line-height: 40px;}
    #top .redBgText .avia_textblock{font-size: 22px;line-height: 32px;padding: 20px 60px;}
    #top .stateSquashes{padding: 80px 0px;}
    #top .stateSquashes .avia_textblock h4{font-size: 52px;line-height: 56px;}
    #top .transportationSys{padding: 45px 0px;}
    #top .transportationSys .avia_textblock{font-size: 20px;line-height: 28px;}
    #top .landingPenalizing{padding: 40px 0px;}
    #top .landingPenalizing .avia_textblock{font-size: 20px;line-height: 28px;}
    #top .landingPenalizing .av_two_fifth .avia_textblock{font-size: 18px;line-height: 26px;}

}

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

    #top .landingBanner{padding: 20px 0px 60px 0px;}
    #top .landingBanner .avia_image{height: 350px;}
    #top .redBgText .avia_textblock{font-size: 18px;line-height: 26px;padding: 20px 40px;}
    #top .stateSquashes .avia_textblock h4{font-size: 44px;line-height: 48px;}
    #top .landingPenalizing .flex_column{vertical-align: top;}
    #top .landingPenalizing .avia_textblock{font-size: 18px;line-height: 26px;}
    #top #socket .copyright{font-size: 18px;line-height: 24px;}
    
}

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

    #top .landingBanner{background: #00030c;padding: 0px 0px;}
    #top .landingBanner .avia-image-container{text-align: center;}
    #top .landingBanner .joebgimg .avia_image{height: auto;}
    #top .schoolBoard .flex_column{margin: 0px !important;}
    #top .stateSquashes{padding: 60px 0px;}
    #top .stateSquashes .flex_column{margin: 0px !important;}
    #top .stateSquashes .avia_textblock h4{font-size: 36px;line-height: 42px;}
    #top .fullwidthimg .flex_column{margin: 0px !important;}
    #top .transportationSys{padding: 30px 0px;}
    #top .transportationSys .flex_column{margin: 0px !important;}
    #top .transportationSys .avia_textblock{font-size: 18px;line-height: 26px;}
    #top .transportationSys .avia_textblock h3{font-size: 28px;line-height: 36px;}
    #top .landingPenalizing{padding: 40px 0px 20px 0px;}
    
}

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

    #top .schoolBoard .avia_textblock h3{font-size: 28px;line-height: 32px;}
    #top .redBgText{padding: 80px 0px;}
    #top .redBgText .avia_textblock{padding: 10px 30px;}
    #top .stateSquashes .avia_textblock h4{font-size: 32px;line-height: 36px;}
    #top #socket .copyright{font-size: 16px;line-height: 22px;}

}

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

    #top .landingBanner .avia_image{height: 275px;}
    #top .schoolBoard .avia_textblock h3{font-size: 24px;line-height: 28px;}
    #top .redBgText{padding: 80px 0px 60px 0px;}
    #top .redBgText .avia_textblock{padding: 5px 20px;font-size: 16px;line-height: 22px;}
    #top .stateSquashes .avia_textblock h4{font-size: 26px;line-height: 32px;}
    #top .transportationSys .avia_textblock{font-size: 16px;line-height: 24px;}
    #top .transportationSys .avia_textblock h3{font-size: 22px;line-height: 28px;}
    #top .landingPenalizing .avia_textblock{font-size: 16px;line-height: 24px;}
    #top .landingPenalizing .av_two_fifth .avia_textblock{font-size: 16px;line-height: 24px;}
    #top #socket{padding: 15px 0px;}
    #top #socket .copyright{font-size: 15px;line-height: 20px;}

}
