/* CNYFSC Custom Styles */
/*---------------------------------------------------------------------------------------------------------*/
/*LEMOYNE GREEN: #00452A */
/* "GO" Green: #7dd43e */
/* CNYFSC Blue: #6294c4 */
/* SDA Orange: #ff5000 */
/* SDA Pale Orange: #ff7446 */
/* SDA Bright Orange: #ff4814 */
/* SDA Navy Blue: #202945 */
/* Bond Navy Blue: #0d4774 */
/* BASE STYLES */
@font-face {
    font-family: cnyfsc;
    src: url(../fonts/FengardoNeue_Black.otf);
    }
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,#logoType { font-family: cnyfsc; }

main { background: #f4f4f4; }

a { color:#6294c4; }

h3.h3 { font-size:1.2rem; text-transform: uppercase; margin-bottom: 4px !important; }

.g-mb-100 { margin-bottom: 100px; }

.content {
    padding-top:100px;
    padding-bottom:20px;
}

.content-home {
    padding-top:20px;
    padding-bottom:20px;
}

.content-item { background: #fff; }

#daily-schedule-picker-mobile, #quick-links-home-mobile { display:block; }
#daily-schedule-picker, #quick-links-home { display:none; }

.sponsor a { border:2px solid #fff; border-radius:4px; }
.sponsor a:hover { border-color:#6294c4;}

.container.content { margin-top: -100px; }

.teaser-wrap { padding:8px; min-height:100px;}

.panel {
    background:#FFF;
    padding:20px;
    margin-bottom: 20px;
}

.hide-sm,.show-sm,.show-md,.show-lg { display:none; }

.daily-event { text-align: center; }

.fromdate { margin-bottom:20px; }

label { font-weight:bold; }

.programs_embed iframe { border:none !important; }

.bond-msg {
    background:#0d4774 !important;  color:#f5ae2b; font-weight:bold; text-align:center; font-size:16px; border-radius: 0 !important; margin:0 !important
}

footer.footer-min { padding:10px 20px;
    color:#f4f4f4;
    text-align:center;
    background: #454545; position: relative; }
/* background:rgb(13, 71, 116) !important; */

footer, footer p, footer h2, footer h3, footer h4, footer h5 {font-weight: bold !important; }
footer a { color:#FFF; }

#standings-tabs .nav-link { color: #6294c4; font-weight: bold; }
#standings-tabs .nav-link.active { background-color: #555; color:#FFF}
#standings-tab-content { padding-top:10px; }

/* END BASE STYLES */
/*---------------------------------------------------------------------------------------------------------*/
/*TOPBAR STYLES */
.topbar {
    background: #6294c4;
    color: #fff;
    border-top: solid 1px #f0f0f0;
    border-bottom: solid 1px #f0f0f0;
    padding:4px 0px;
}

.topbar .g-color-primary {
    color: #6294c4 !important;
    color: #FFF !important;
}
.topbar a:hover { color: #48ef00 !important }
/* END TOPBAR STYLES */
/*---------------------------------------------------------------------------------------------------------*/
/* HEADER STYLES */

header {
    padding-bottom:40px;
    border-bottom: 1px solid #f4f4f4;
   /*background-image: url(../img/bg/field-out1.jpg);
    background-position: center top;
    background-repeat: none;
    background-blend-mode: overlay;*/
}
header .h1 {
    margin-bottom: 30px;
}
header h5 {
    font-style: italic;
    font-size:14px;
    color:#777;
    text-align: center;
    margin-bottom:16px;
}

header h5 {
    color:#fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #444;
    font-size: 16px;
}

#header-logo { min-width: 140px; }
#header-brand {
    display: flex;
    flex:120px 1;
    justify-content: space-between;
}

#logotype {
    font-family: cnyfsc;
    font-size:24px;
    line-height:28px;
    font-variant: small-caps;
    display: inline-block;
    margin: auto;
    margin-top: 30px;
    text-align: right;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #444;
}

#navBar {
    margin-top:100px;
}

#nav-wrap {
    position:relative;
    top: -160px;
}
footer { border-top: 4px solid #6294c4;}

.navbar-nav {
    background: #FFF;
    padding:10px;
    border-radius:4px;
    border:1px solid #444;
}

#para-header, footer, .shadow-me { box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
    footer::before {
    content: "";
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
    z-index: 100;
    }

#para-header #js-header {
    padding-top: 0px;
    padding-bottom: 80px;
    color:#FFF;
    border-bottom:4px solid #6294c4;
}

/*
#nav-toggle-btn {
    top:-10px;
    color:#FFF;
    border:2px solid #f4f4f4 !important;
    border-radius: 4px;
    /*background-color: #6294c4;
    padding:10px;
    z-index: 99999 !important;
} */

.navbar-brand {
    display: block;
    width: 120px;
    position: absolute;
}

.navbar-brand img { width:120px; }

#header-logo { min-width: 120px; }

#container-header { width:100%; }

#nav-toggle-btn {
    border:1px solid #444;
    border:2px solid #6294c4;
    background: #fff;
    top:50px;
}

#nav-wrap .g-brd-primary {
    border-color: #6294c4 !important;
}

.nav-link:hover { color:#6294c4; }

.sm-syr {
    font-size: 4px;
    vertical-align: middle;
}

#alert {
    font-weight: bold;
    padding:10px 20px;
    color: #fff;
    text-align: center;
}

#alert-wrap {
    width:100%;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
    padding:10px 0;
    border-bottom: 1px solid #fff;
}


/* END HEADER STYLES */
/*---------------------------------------------------------------------------------------------------------*/
/* HOME SLIDER/CAROUSEL STYLES */
#slider-home .slide {
    position: relative;
}
#slider-home .caption {
    border-top:1px solid #777;
    padding:10px;
    background: #444;
    opacity: .9;
    font-size:11px !important;
    font-weight:bold;
    color:#FFF;
    position:absolute;
    bottom:0px;
    width:100%;
}

.owl-carousel .owl-nav {
    position: absolute;
    top:45%;
    width:100%;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    border:1px solid #777;
    border-radius: 4px;
    position: absolute;
    background:#444;
    opacity: .7;
    color:#fff;
    font-size:20px;
    font-weight: bold;
    left:4px;
    width:24px;
}

.owl-carousel .owl-nav button.owl-next { left:auto; right: 4px; }
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-pre:hover {
    text-decoration: none;
}

.owl-item .slide {
    border:1px solid #fff;
}

.owl-item.active .slide, .slide, .slide img, .caption { border-radius:4px; }
#slider-home .caption { font-size:11px; }
.owl-nav .owl-next, .owl-nav .owl-prev { border: 1px solid #fff !important;}
.owl-nav { display: none; }

.owl-item .slide a img {
    transition: opacity .5s;
}

.owl-item .slide a:hover img {
    opacity: .5;
}
/* END HOME SLIDER/CAROUSEL STYLES*/
/*---------------------------------------------------------------------------------------------------------*/
/* FOOTER STYLES */
footer .small { font-weight: 200; }
footer a {
    font-weight: bold;
}
/* END FOOTER STYLES */
/*---------------------------------------------------------------------------------------------------------*/
/* QUICK LINKS STYLES */

.quick-links-home {
    list-style: none;
    list-style-type: none;
}

.quick-links-home ul {
    border:1px solid rgb(204, 204, 204);
    border-radius: .25rem;
    margin:0 !important;
    padding: 0 !important;
}

.quick-links-home li {
    display: block;
    margin:0 !important;
    border-bottom: 1px solid rgb(204, 204, 204);
}

.quick-links-home li:last-child { border-bottom:none;}

.quick-links-home li a {
    display: block;
    padding:8px 20px;
    font-weight: 700;
    background:#fff;
}

.quick-links-home li a:hover {
    background:#6294c4;
    color:#fff;
    text-decoration: none;
}

#quick-links-home li a .fa { margin-right:4px; }

/* END QUICK LINKS STYLES */
/*---------------------------------------------------------------------------------------------------------*/

/* SCHEDULE AND STANDINGS PAGES */
#schedule-content, #daily-content { min-height: 300px;}
#schedule-content table { font-weight:bold;}
.sponsors {
    border-top:1px solid #cdcdcd;
    padding-top:20px;
    text-align: center;
}
tr.header2.newday, table.display-table tr.header2 td { padding-left: 10px;}
#print-share { text-align: right; }
.standings-table { background: #fff;}
.standings-table a { font-weight: bold;}
table.display-table td.details { font-style:italic; font-weight: normal !important; }


/* END SCHEDULE AND STANDINGS STYLES */
/*---------------------------------------------------------------------------------------------------------*/
/* DAILY SCHEDULE STYLES */
#daily-content { margin-bottom:20px; }

/*---------------------------------------------------------------------------------------------------------*/
/* END DAILY SCHEDULE STYLES */
/* TABLE STYLES */
table.display-table {
    width:100%;
    border:none;
    margin:0 0 20px 0;
}

table.display-table th {
    text-align:center;
    padding:4px 0;
}

table.display-table tr:nth-child(even) {
    background-color: #f4f4f4;
}

table.display-table tr.header {
    background: #555 !important;
    color:#fff;
}

table.display-table tr.header2 td {
    background: #FFF !important;
    color:#444;
    text-align: left !important;
    font-weight: bold;
    padding-top:10px;
}

table.display-table td {
    text-align:center;
    padding:4px 0;
    border-top:1px solid #cdcdcd;
}

/* END TABLE STYLES */
/*---------------------------------------------------------------------------------------------------------*/

/* BUTTON STYLES */
.u-btn-primary {
    color: #fff;
    font-weight:700;
    background-color: #6294c4;
}
/* END BUTTON STYLES */
/*---------------------------------------------------------------------------------------------------------*/

/* SPONSOR STYLES */
.sponsor a {
    display:block;
    max-width:260px;
    width:100%;
    border:1px solid #6294c4;
    margin-bottom:20px;
}

.sponsor a img {
    max-width:260px;
}
/* END SPONSOR STYLES */
/*---------------------------------------------------------------------------------------------------------*/

/* FORM STYLES */
.loading{
    background-image: url("../img/icons/loading-soccer-ball.gif");
    background-repeat: no-repeat;
}
/* END FORM STYLES */
/*---------------------------------------------------------------------------------------------------------*/

/* COMING UP STYLES */
#cu-wrap {
    background: #888;
    border-bottom: 1px solid #333;
}

.coming-up {
    font-weight: bold;
    font-size:12px;
}

/* END COMING UP STYLES */
/*---------------------------------------------------------------------------------------------------------*/

/*
    MOBILE FIRST RESPONSIVE STYLES
    NOTE:  BREAKPOINTS ARE BASED ON BOOTSTRAP's w/ ADDED 420px (xs) BREAK FOR HEADER TEXT, OTHER SPECIAL CASE ADDITIONS
*/
/*---------- 420 (xs) breakpoint ----------*/
/* Screens 420px or larger (xs)*/
@media only screen and (min-width: 420px) {
    #logotype {
        font-size:34px;
        line-height: 40px;
        margin-top: 40px;
    }
    header h5 { font-size:16px; }
    header { border-bottom:1px solid #f4f4f4; }
    #header-logo { min-width: 140px; }
    .navbar-brand, .navbar-brand img { width:140px; }
    #slider-home .caption { font-size:12px; }
    #para-header #js-header {
        padding-top: 20px;
    }
}

/*---------- sm breakpoint ----------*/
/* Screens 576px or larger (sm)*/
@media only screen and (min-width: 576px) {
    #para-header #js-header {
        padding-bottom:100px;
        padding-top:0;
    }
    .navbar-brand, .navbar-brand img { width:160px; }
    #container-header { width:100%; }
    #slider-home .caption { font-size:14px; }
    .hide-sm { display:inline-block; }
    .show-sm { display:inline; }
    .owl-nav { display: block; }
    #slider-home { margin-bottom: 20px; }
}

/*---------- md breakpoint ----------*/
/* Screens 768px or larger (md)*/
@media only screen and (min-width: 768px) {
    #logotype { font-size:34px; text-align: center; line-height: 44px; -webkit-text-stroke-width: 2px;}
    header h5 { font-size:16px; }
    #daily-schedule-picker-mobile, #quick-links-home-mobile { display:none; }
    #daily-schedule-picker, #quick-links-home { display:block; }
    #nav-toggle-btn { top:30px; }
    #nav-wrap {
        top: -140px;
    }
    .hide-md { display:none; }
    .show-md { display:inline; }
    .daily-event { text-align: left; }
    .fromdate { margin-bottom:0px; }
    #slider-home .caption {
        font-size:14px !important;
    }
}

/*---------- md ONLY breakpoint ----------*/
/* Screens 768px or larger (md)*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #main-right { padding-top:80px; }
    /*#navBar {
        margin-top:80px;
    }*/
}

/*---------- lg breakpoint ----------*/
/* Screens 992px or larger (lg)*/
@media only screen and (min-width: 992px) {
    .navbar-brand, .navbar-brand img { width:200px; }
    header { padding-bottom:0; }
    header h5 { font-size:20px; }
    #para-header #js-header { padding-bottom: 180px; }
    #main-right { padding-top: none; }
    .content { padding-top:40px;}
    #daily-schedule-picker-mobile { display:none !important;}
    .show-lg { display:inline; }
}
/*---------- xl breakpoint ----------*/
/* Screens 1000px or larger*/
@media only screen and (min-width: 1000px) {
    .sm-br { display: none; }
    #navBar { margin-top: 0;}
    #logotype {
        font-size: 36px;
        line-height: 40px;
        margin-top:34px;
        padding: 0px;
    }
    #container-header {
        padding-right:0px;
    }
    #header-logotype {
        width:100%;
        text-align: right;
    }
    .content { padding-top:40px;}
    header h5 {
        position: relative;
        right: -10%;
    }
}

/*---------- xxl breakpoint ----------*/
/* Screens 1200px or larger (xxl)*/
@media only screen and (min-width: 1200px) {
    .sm-br { display: none; }
    #logotype { text-align: right; }
    header h5 {
        position: relative;
        right: -15%;
    }
}
/*---------- xxxl breakpoint ----------*/
/* Screens 1400px or larger (md)*/
@media only screen and (min-width: 1400px) {

}
/* END MOBILE FIRST RESPONSIVE STYLES */