body{
    font-family: 'Open Sans SemiBold', sans-serif;
    text-transform: uppercase;
}
span {font-family: 'Open Sans ExtraBold', sans-serif;}
@font-face {
    font-family: 'LeagueGothic';
    src: url('/wp-content/themes/pointsrace/assets/fonts/leaguegothic-regular-webfont.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/pointsrace/assets/fonts/leaguegothic-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('/wp-content/themes/pointsrace/assets/fonts/leaguegothic-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/wp-content/themes/pointsrace/assets/fonts/leaguegothic-regular-webfont.svg') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('/wp-content/themes/pointsrace/assets/fonts/opensans-bold-webfont.eot');
    src: url('/wp-content/themes/pointsrace/assets/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-bold-webfont.woff2') format('woff2'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-bold-webfont.woff') format('woff'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-bold-webfont.ttf') format('truetype'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans ExtraBold';
    src: url('/wp-content/themes/pointsrace/assets/fonts/opensans-extrabold-webfont.eot');
    src: url('/wp-content/themes/pointsrace/assets/fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-extrabold-webfont.woff2') format('woff2'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-extrabold-webfont.woff') format('woff'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-extrabold-webfont.ttf') format('truetype'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans Regular';
    src: url('/wp-content/themes/pointsrace/assets/fonts/opensans-regular-webfont.eot');
    src: url('/wp-content/themes/pointsrace/assets/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-regular-webfont.woff2') format('woff2'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-regular-webfont.woff') format('woff'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-regular-webfont.ttf') format('truetype'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans SemiBold';
    src: url('/wp-content/themes/pointsrace/assets/fonts/opensans-semibold-webfont.eot');
    src: url('/wp-content/themes/pointsrace/assets/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-semibold-webfont.woff2') format('woff2'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-semibold-webfont.woff') format('woff'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-semibold-webfont.ttf') format('truetype'),
    url('/wp-content/themes/pointsrace/assets/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

a,a:visited, a:hover{text-decoration: none; color:#fff;}
#contact-us a, #contact-us a:visited, #contact-us a:hover{text-decoration: none; color:#ff0000;}


.main-navigation {
    clear: both;
    display: block;
    text-transform: uppercase;
    z-index: 999;
}
#top-menu{font-family: 'LeagueGothic';    font-size: 1.8rem;}
.header-logo{margin: 10px 10px;}
#site-navigation-container{ width:100%; background-color:#ccc;}

#masthead{
    background-color:#000;
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0;
    margin: 0; }

#hamburger-holder{
    float: right;
    padding-top: 15px;
    color:#fff;
    position:absolute;
    right:0;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{   background-color:#FFF;}
#hamburger-button-menu{ padding-top:30px; padding-right:20px;}
.navigation-top{z-index: 999;
    padding-bottom: 10px; }

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0 1.5rem;
    text-align: center;
}
.mm-panels{    /*background: linear-gradient(135deg, #f99 10%,#c6f 90%);*/}

.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
    display: none;
}

.main-navigation > div > ul {
    padding-top:15px;
}

.main-navigation ul ul {
    padding: 0 0 0 1.5rem;
}

.main-navigation ul ul.toggled-on {
    display: block;
}

.main-navigation ul ul a {
    letter-spacing: 0;
    padding: 0.4rem 0;
    position: relative;
    text-transform: none;
}

.main-navigation li {
    border-bottom: 1px solid #eee;
    position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
    border: 0;
}

.main-navigation a {
    display: block;
    padding: 0.5rem 0;
    text-decoration: none;
    color:#000;
}

.main-navigation a:hover {
    color: #767676;
}
.main-navigation li li:hover,
.main-navigation li li.focus {
    background: #767676;
}

.main-navigation li li a {
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.main-navigation ul {
    background: transparent;
    padding: 0;
}


.main-navigation li {
    border: 0;
    display: inline-block;
}

.main-navigation li li {
    display: block;
}

.main-navigation a {
    padding: 1rem 1.25rem;
}

.main-navigation ul ul {
    background: #0c2343;
    border: 1px solid #bbb;
    right: -999rem;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 999;
}

.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:before,
.main-navigation ul li.page_item_has_children:after {
    border-style: solid;
    border-width: 0 6px 6px;
    content: "";
    display: none;
    height: 0;
    position: absolute;
    right: 1em;
    bottom: -1px;
    width: 0;
    z-index: 100000;
}

.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
    display: block;
}

.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
    border-color: transparent transparent #bbb;
    bottom: 0;
}

.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
    border-color: transparent transparent #fff;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    right: 100%;
    right: auto;
}

.main-navigation ul ul a {
    padding: 0.75rem 1.25rem;
    width: 16rem;
}

.main-navigation li li {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.main-navigation li li:hover,
.main-navigation li li.focus {
    background: #767676;
}

.main-navigation li li a {
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.main-navigation li li.focus > a,
.main-navigation li li:focus > a,
.main-navigation li li:hover > a,
.main-navigation li li a:hover,
.main-navigation li li a:focus,
.main-navigation li li.current_page_item a:hover,
.main-navigation li li.current-menu-item a:hover,
.main-navigation li li.current_page_item a:focus,
.main-navigation li li.current-menu-item a:focus {
    color: #fff;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    right: 0.5rem;
    right: auto;
}

.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon {
    display: inline;
    right: 5px;
    position: relative;
    top: -1px;
}

.main-navigation ul ul .menu-item-has-children > a > .icon,
.main-navigation ul ul .page_item_has_children > a > .icon {
    margin-top: -9px;
    right: auto;
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -ms-transform: rotate(-90deg); /* IE 9 */
    transform: rotate(-90deg);
}

.main-navigation ul ul ul {
    right: -999rem;
    margin-top: -1px;
    top: 0;
}
.buy-tickets{
    font-family: 'LeagueGothic';
    color: #fff;
    width: 100px;
    padding: 5px 40px;
    font-size: 2em;
    background-color: #ff0000;
}

.break-out{
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
    margin-right:-10px;
    margin-left:-10px;
    padding:0px;
}
.footer-container{
    margin-top: 40px;
    background-color: #FFF;
    padding-top: 50px;
    color: #000;
    height:400px;
}
.footer-container .footer-navigation ul:before{ content:''; border-bottom: 2px solid red;display: block;width: 50px;margin-bottom:4px;}
.footer-container .footer-navigation ul{
    list-style:none;
    padding-left:20px;
}
.footer-container .footer-navigation ul li{ padding:3px 0 0 0;}
.footer-container .footer-navigation ul a{
    text-transform: uppercase;
    color: #f6f0db;
}

.copy-container{
    margin-top: 50px;
}
.inner-copy-container{max-width: 800px; margin:auto;}
.about-container .inner-copy-container, .non-profit-container .inner-copy-container {max-width:100%;}
/*.copy-container h2 {padding-bottom:20px;}*/
#tickets .copy-container img {width:100%;}
.mailchimp-sub-email{ width:100%;}
#mc-embedded-subscribe{float:right;color:#fff;margin-top:20px;}

.wpcf7-form label{text-align:left;}
#mc-embedded-subscribe:hover, .red_button:hover, .wpcf7-submit:hover{
    background-color:#c10207;
}

/** Sections below **/

.page-section-container{
    padding-top:80px;
    padding:20px;
    z-index: 999;
    position: relative;
    text-align: center;}
.non-profit-container{
    z-index: 998;}
h1,h2,h3,h4{
    font-family: 'Open Sans ExtraBold', sans-serif;
    font-weight:700;
    text-transform: uppercase;
    text-align: center;
}
.about-container h2 span {letter-spacing: 3px;}
.site-content-contain {z-index: 999;
    position: relative;
}
.about-container h2, .standings-container h2, .store-container h2{
    color: #fff;
    line-height: 2;
    font-size: 1.7rem;
}
.about-container h2{
    color: #fff;
    line-height: 2;
    font-size: 2.3rem;
}
.about-container{
    text-align: center;
    color:#000;
    max-width: 800px;
}
.about-container .title-container{
    background-color: #636363;
    margin: auto;
}
.about-container {
    font-size: 0.8rem;
}
 hr{
    width: 250px;
    border-top: 3px solid rgba(0, 0, 0, 0.25);
    border-radius: 25px;
}

.standings-container{background-color: #0c2343;color:#fff;}
.charities-container{padding: 80px 0 20px 0;}

.banner-branding{ width:700px; height:200px; float:right; padding-top:300px; color:#fff;padding-right:30px;}
.banner-branding h1{ color:#fff; letter-spacing:2px;font-size:3rem; text-align:right; text-shadow: 2px 2px #000;}
.banner-branding .red_button{ float:right; font-size:1.5rem;}


.store-container{background-color: #0c2343;color:#fff;}
.store-container img{ width:100%;}
.store-container .row{padding-bottom:20px;}
.store-container .red_button{width:200px; margin:0 auto;margin-top:20px;}

/* Social Icons*/
.social-container{ margin-bottom:40px}
.social-icon{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.fb.social-icon{background-image: url('/wp-content/themes/pointsrace/assets/images/facebook_200x200.png');}
.insta.social-icon{background-image: url('/wp-content/themes/pointsrace/assets/images/insta_200x200.png') ;}
.pint.social-icon{background-image: url('/wp-content/themes/pointsrace/assets/images/pinterest_200x200.png');}
.tw.social-icon{background-image: url('/wp-content/themes/pointsrace/assets/images/twitter_200x200.png');}
.social-icon{height: 30px;width: 30px;background-size: cover;cursor: pointer; background-repeat:no-repeat;margin:auto;float:left;margin-right: 10px;}

/*Video tab*/
.under-video{padding-top:20px}
.under-video h2 {margin-bottom: 20px;}
.under-video,.under-video h2{text-align:left;}
.under-video h2 span::after{ margin:0;}


.site-branding{     background-size: cover;background-color: #000;height: 65vh;margin-top: 128px;background-position: center;    cursor: pointer;}
/* Video background*/
.video-background {

}
.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 65vh;
}



.grey {
    background-color:#ccccccad;
    font-weight:bold;
    padding-top: 15px;
    margin: auto;
}
#about .about.box{
    font-size:1.5em;
    padding-bottom: 10px;
}
#about .about.box span{
    font-weight:700;
    font-size:1.3em;
}
#about .list.box ul{
    columns: 2;
    -webkit-columns: 2;
    text-align: left;
    width: 80%;
    margin: auto;
    font-size: 1.5em;
}
#about .triangle-down-bottom {
    width: 0;
    height: 0;
    margin: -1px 0;
    border-left: 300px solid transparent;
    border-right: 300px solid transparent;
    border-top: 60px solid #ccccccad;
    margin: auto;
}

#about .copy-container .title-container,
#about .copy-container .about.box,
#about .copy-container .list.box.pointy.grey,
#about .copy-container .triangle-down-bottom{
    /*max-width:800px;*/
    margin:0 auto;
}

.container ul {
    margin: 0.75rem 0;
    padding: 0 1rem;
    list-style: none;
}

.container ul li:before {
    content: "";
    border-color: transparent #ec0606;
    border-style: solid;
    border-width: 0.70rem 0 0.70rem 1.3rem;
    display: block;
    height: 0;
    width: 0;
    left: -2rem;
    top: 1.5em;
    position: relative;
}

#more-about  ul li:before{
    border-color: transparent #383535;
}

#more-about,
#classes,
#sponsors{background-color:#636363; color:#fff;text-align: left; /*max-width:750px; */padding:30px;}
#teams,
#map,
#contact-us{background-color:#fff; color:#000;text-align: left;/* max-width:750px;*/ padding:30px;
    text-transform: none;}
#contact-us{margin-bottom:100px}
#tickets img {max-width:500px;}

#more-about h2,#more-about h2 span,
#classes h2,#classes h2 span, #classes h3,
#sponsors h2,#sponsors h2 span{text-align: left; color:#fff;font-size: 1.25em;}
#teams h2,#teams h2 span,
#map h2,#map h2 span,
#contact-us h2,#contact-us h2 span{text-align: left; color:#000;font-size: 1.25em;}

#more-about h2 span::after,
#classes h2 span::after,
#sponsors h2 span::after,
#teams h2 span::after,
#map h2 span::after,
#contact-us h2 span::after,
.dtr-modal-content h2:after,
#classes h3:after,
.modal-title:after{
    width: 3rem;
    display: table;
    background-color: #ff0000;
    content: ' ';
    height: 4px;
    margin-top: 5px;
}
#classes .dtr-modal-display {    min-height: 400px;}
#map img{ width:100%;display: block;margin: 0 auto;}
#more-about img{ width:70%;display: block;margin: 0 auto;}
#sponsors img{ height:70%;display: block;margin: 0 auto;}
.wp-image-20{
    max-width: 200px;
    height: auto;
}
#sponsors .wp-image-58{
    height: auto;
    max-width: 300px;
}

#more-about span{color:#000;font-weight: 900;}
#more-about .centered {text-align: center;}
.container #more-about .ul li:before{border-color: transparent #3c3c3c;}

#more-about .title-container,
#teams .title-container,
#classes .title-container,
#map .title-container,
#sponsors .title-container,
#contact-us .title-container
{
    max-width: 800px;
    margin: auto;
}
#more-about .inner-copy-container{max-width:750px;}

#teams .title-container, #contact-us .title-container{padding-bottom:20px;}

#map .copy-container .row{
    margin-top:20px;
}
#map .copy-container .row .col-md-3 {
    text-transform: none;
    font-size: 12px;
}
#map .copy-container .row .col-md-3 span {
    font-weight: bold;
    margin-bottom:10px;
}

#tickets{
    margin: auto;
}
#tickets h2{font-size: 1.25rem;   margin: 5px}

#non-profit, #non-profit .copy-container{margin-top:0px;padding-top:0px;}
#non-profit .copy-container{   margin-top: -70px;}

.non-profit{
    margin: 0 auto 0 auto;
    color: #fff;
}

.non-profit .tri-container {
    background-color:#636363;
    padding-top: 40px;
    font-size: 1rem;
}
.tri-container span {
    font-size: 2rem;
    font-weight: 800;
}
.non-profit hr{
    width: 60%;
    border: 2px solid rgb(0,0,0,0.4);
    border-radius: 25px;
}
.non-profit .triangle-down {
    width: 0;
    height: 0;
    border-left: 300px solid transparent;
    border-right: 300px solid transparent;
    border-top: 70px solid #fff;
    background-color:#636363;
}
.non-profit .triangle-down-bottom {
    width: 0;
    height: 0;
    border-left: 300px solid transparent;
    border-right: 300px solid transparent;
    border-top: 55px solid #636363;
}
.list.box.pointy.grey{
    font-family: 'Open Sans Bold', non-serif;}
#wrapper_Teams .wrapper_item .Teams_logo{
 height:200px;
    width: 200px;
    background-color: #000;
    margin: auto;
}
.wrapper_item{
    padding-bottom:20px;
}
.Teams_logo{
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.modal-backdrop {
    display: none;
    z-index: 9998;
}

.modal {
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    padding-top:150px;
}
.modal img{
    max-width:100%;
    margin: 0 auto;
    display: block;
    height:auto;
}
.dtr-modal-content h2 {
    text-align: left;
    font-size: 1.5rem;
}
.dtr-modal-content table td, #classes table td,#classes table th{   border: none;}


#classes table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
#classes table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 16px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid #ffffff00;
    border-radius: 14px;
    box-shadow: 0 0 3px #4440;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Open Sans SemiBold', sans-serif;
    line-height: 14px;
    content: '+';
    background-color: #000;
    font-size: 19px;
}
#classes .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.42);
}
#classes .table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0,0,0,0);
}
#classes table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
#classes table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{
}
#classes{ z-index: 99;}
.results-available h3{ padding-top:20px;}
@media (min-width: 576px){
    .modal-dialog {
        max-width: 900px;}
}
@media only screen and (min-width:1200px){
    #about .triangle-down-bottom { border-top: 50px solid #ccccccad;}
}
@media only screen and (min-width:992px){
    .logo.header-logo{margin: auto;}
    #about .list.box ul {width: 66%;}
}
@media only screen and (max-width:1200px){
    .slide-video iframe{ height:475px;}
}
@media only screen and (max-width:992px){
    .slide-video iframe{ height:340px;}
    #about .triangle-down-bottom { border-top: 70px solid #ccccccad;}

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

    .container,.container-fluid{padding-right: 0; padding-left:0;}
    .site-branding.row,#masthead .row  {margin-left:0;margin-right:0}
    .header-logo{margin:0; margin-left: 20px;}
    .site-branding{margin-top: 100px;}
    .slide-video iframe{ height:240px;}
    #about .copy-container .triangle-down-bottom {    margin: 0; width:100%}
    #about .list.box ul{
        columns: 1; width:100%}

    #about .triangle-down-bottom {
        border-left: 210px solid transparent;
        border-right: 210px solid transparent;
    }
    .list.box.pointy.grey{
        padding-bottom: 15px;
    }
    .list.box.pointy.grey li{
        padding-left:30px;
    }
}
/* Title H1 sizing*/
@media only screen and (max-width:469px){
   #contact-us a {font-size:13px;}

}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 768px) { /* Iphone 6/7/8 fixes*/
    #classes table{font-size: 0.60rem;}
    #classes table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
    #classes table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{ top:9px;}
    .about-container h2 span{font-size: 1.8rem;}
    .tickets-container .inner-copy-container{padding:20px;}
    #tickets .copy-container {margin-top: 0;}
    #about .inner-copy-container .about.box {padding: 20px;
        font-size: 1.2em;}
    #about .list.box ul{
        width: 70%;
        margin: auto;
    }
    .copy-container {
        margin-top: 20px;
    }
    #more-about .inner-copy-container{padding-left:20px;}
    #sponsors .sponsor-images{padding-top: 20px;}
}
@media only screen and (max-width:478px){
    .banner-branding{ width:380px;}
}
/* Controls for slider on mobile */
@media only screen and (max-width:512px){
    .flex-control-nav{display: none;}
}
/* Control contact us sizing*/
@media only screen and (max-width:512px){
    .wpcf7-text,.wpcf7-textarea{width:100%;}
}