html,
body {
    overflow-x: hidden;}    

body {
  font-family: arboria, sans-serif;
  font-style: normal;
  font-weight: 100;}

/* ---- Headings ----*/
h1, h2, h3, h4, h5, h6 {
  font-family: alternate-gothic-no-1-d, sans-serif;
  font-style: normal;
  font-weight: 200;
  text-transform: uppercase;}

h1 {color: #006838; font-size: 5rem;text-transform: uppercase;}
        
h2 {color: #006838; font-size: 2.5rem;text-transform: uppercase;}

@media (max-width: 960px) {
    h4.news a {font-size: 1.6rem !important;}
}

h1.page-stats {font-size: 4rem;}

h1.homeHeader {font-size:4rem; color:#006838;}

h1.mt {margin-top: -30px;}

@media (min-width: 960px) {
    h1.mt {margin-top: -40px;}
}

h1 {color: #006838; font-size: 4rem;}
h1.trophy {color: #006838; font-size: 3.3rem !important;}


@media (min-width: 960px) {
h1 {color: #006838; font-size: 5.5rem;}
h1.trophy {color: #006838; font-size: 5.5rem !important;}
}



.outlineGreenHeading {
    font-family: "alternate-gothic-no-1-d", sans-serif;
    -webkit-text-stroke-width: .75px;
    -webkit-text-stroke-color: #006838;
    color: transparent;}

.outlineGreenHeadingRace {
        font-family: "alternate-gothic-no-1-d", sans-serif;
        -webkit-text-stroke-width: .75px;
        -webkit-text-stroke-color: #006838;
        color: white;
        text-transform:uppercase;}

h2.outlineGreenHeadingRace {
        font-family: "alternate-gothic-no-1-d", sans-serif;
        -webkit-text-stroke-width: .60px !important;
        -webkit-text-stroke-color: #006838;
        color: white;
        text-transform:uppercase;}

h1.outlineWhiteHeading,
 h1.outlineWhiteHeadingSkew {
    font-family: "alternate-gothic-no-1-d", sans-serif;
    -webkit-text-stroke-width: .75px;
    -webkit-text-stroke-color: #ffffff;
    color: transparent;}

h1.outlineWhiteHeadingSkew {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);}

h1.outlineWhiteHeadingSkew {
	font-size: 3.5rem;}

@media (min-width: 960px) {
    h1.outlineWhiteHeading$ {
    font-size: 5rem; } 
}
    
h2 {color: #006838; font-size: 2.5rem;text-transform: uppercase;}

h2.outlineGreenHeading,
h1.outlineGreenHeading {
    font-family: "alternate-gothic-no-1-d", sans-serif;
    -webkit-text-stroke-width: .60px !important;
    -webkit-text-stroke-color: #006838;
    color: transparent;}

h5.tags {
    border-radius: 0 25px 25px 0;
    font-family: arboria, sans-serif;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .7px;
    margin-top: -20px;
    margin-left: -2px;
    padding-left: 5px;
    width: 56.5%;
    z-index:3;}

@media (min-width: 960px) {
    h5.tags {
        width: 87%;}
}

@media (min-width: 1200px) {
    h5.tags {
        width: 70%;}
}

@media (min-width: 1400px) {
    h5.tags {
        width: 56.5%;}
}

h5 {letter-spacing: .02rem !important;}	  

/* ---- Colors ----*/

h4 a, .bi {color: #006838 !important;}

.green h3 {color:#006838 !important;}

.bi.white {color: #ffffff !important;}
	 
.text-success {color:#006838 !important;}

.text-warning {color:#A48137 !important;}

/* td a {color:#A48137 !important;} */

/* ---- Links ----*/
a.read {
    text-transform:uppercase;
    color: #444444 !important;
    text-decoration: none;}

a.results {color:#006838 !important; text-decoration:none;}

p a {color: #006838 !important;}    

/* ---- Schedule ----*/
@media (min-width: 960px) {
    .verticalLinecenter {
        border-right: 1px solid #fff;
        height: 450px;
        margin-right: 2%;
        width: 10px;}
	 
	.verticalDottedLineCenter {
        border-right: 1px dotted #006838;
        margin-right: 2%;
        width: 10px;}
	 
    #rotate-text {
        writing-mode: vertical-lr;
        -webkit-writing-mode: tb-rl; 
        -ms-writing-mode: tb-rl; 
        transform:scale(-1);
        transform-origin: center top;
        margin-top: 220px;
        padding-top: 0; }
}

@media (min-width: 1280px) {
    .verticalLinecenter {
        border-right: 1px solid #fff;
        height: 350px;
        margin-right: 4%;
        width: 10px;}

    #rotate-text {margin-top: 170px;}
}

#rotate-text h2 {font-size: 3.5rem;}

/* ---- Nav ----*/

nav,
.eventNav{
    font-family: alternate-gothic-condensed-a, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;}

nav > active {
    color: #006838;
    font-family: alternate-gothic-condensed-a, sans-serif;
    font-style: normal;
    font-weight: 700;}

.dropdown-item.active, .dropdown-item:active {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #A48137 !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff !important;
    background-color: #A48137 !important;
}

/*.dropdown>a::after {
    color: #006838 !important;
}
*/

.navbar-toggler-icon {
    background-image: url("/images/interface/header_waveburger.svg") !important;
}


/* ---- Pills ----*/

.nav-pills.sched {
    border: none;
     -webkit-transform: skew(-25deg);
    transform: skew(-25deg);}

div.unskew.sch {
    -webkit-transform: skew(25deg);
    transform: skew(25deg);
    letter-spacing: .1rem;}
}


@media (min-width: 640px) {
.nav-pills.home {
    border: none;
     -webkit-transform: skew(-25deg) !important;
    transform: skew(-25deg)!important;}

div.unskewTop {
    -webkit-transform: skew(25deg);
    transform: skew(25deg);
    letter-spacing: .1rem;}
}

.nav-pills .nav-link {
    background-color: #ffffff;
    border: none;
    border-radius: 0;
    padding: 5px;
    margin-right: 1px;
    font-size: .7rem;}

@media (min-width: 960px) {
    .nav-pills .nav-link {font-size:.9rem}
}

.nav-pills .nav-link.active {
    background-color:#A48137;}


    
.nav-pills a.nav-link {color: #006838;}

.nav-pills.top a {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.4);
    box-shadow: 0 5px 10px rgba(0,0,0,.4); 
    text-align: center;
    font-family: arboria, sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-top: -10px;
    margin-bottom: 2px;
    letter-spacing: .04rem;}

@media (min-width: 960px) {
    .nav-pills.top a {width:250px;}
}
     
/*
@media (min-width: 960px) {
    .nav-pills.top a {font-size: 1.1rem;}
}
*/


/* ---- Backgrounds ----*/

.greyBg {background-color: #F2F2F3;}
     
.bg-green {background-color:#006838;color:white; }

.bg-squiggle {background-image: url('/images/interface/greenSquiggleBg.png'); background-size: cover;}

.bg-squiggleResults {background-image: url('/images/interface/greenSquiggleBg.png'); background-size: contain; background-repeat: repeat;}

.bg-squiggle-top {background-image: url('/images/interface/greenSquiggleBg.png');background-repeat: no-repeat ;background-size: cover; background-position-y: -275px;}

.bg-squiggle-drop {background-image: url('/images/interface/greenSquiggleBg.png'); background-size: contain; background-repeat: repeat-y;}

@media (min-width: 960px) {
    .bg-squiggle-drop {background-image: url('/images/interface/greenSquiggleBg.png'); background-size: cover; background-repeat: repeat-x; background-position-y: 200px;}
}

.bg-squiggle2 {
    background-image: url(/images/interface/By-the-Num-Gold-BG.png);
    background-size: cover;
    background-position: center center;
    background-color: #F2F2F3;
    position:relative;
    top:-330px;
}


@media (min-width: 992px) { 
    .bg-squiggle2 {background-size:cover;
    top: -190px;}
}

@media (min-width: 1200px) { 
    .bg-squiggle2 {background-size:contain;}
}

.multi-bg {
    width: 100%;
    height: 400px;
    background-image: url('/images/interface/squiggleBack.png'), url('/images/uploads/home2.png'), linear-gradient(to right, rgb(30 75 115 / 100%), rgb(255 255 255 / 0%));
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position:
    bottom right,
    left,
    right;}

.docking {background-image: url('/images/interface/Docking.jpg');background-position:top center; background-size: cover;}
.parking {background-image: url('/images/interface/Parking.jpg');background-position:top center; background-size: cover;}

.aboutSfycBg {background-image: url('/images/uploads/About-StFYC.jpg');height: 900px; 
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size:cover;background-position: center 0;}


@media (min-width: 960px) {
    .eventBG {background-image: url('/images/uploads/aboutStFYC.jpg');background-position:left -150px; background-repeat:no-repeat;background-size:50% 100%;}
}

.schedule {background-image: url('/images/interface/ScheduleBG_V3.jpg');background-position:bottom center; background-size: cover; height:1030px;}

.noticeBg {background-image: url('/images/uploads/raceInfoTop.png');background-position:center center; background-size: cover;}

@media (min-width: 960px) {
    .schedule {background-image: url('/images/interface/ScheduleBG_V3.jpg');background-position:bottom center; background-size: cover; height:900px;}
}

.scheduleRace {background-image: url('/images/interface/squiggleBack.png'), url('/images/interface/ScheduleBG_V3.jpg'); background-size:contain, cover; background-repeat:no-repeat, no-repeat;background-position:center 525px, center -550px;}


@media (min-width: 1280px) {
    .schedule {background-image: url('/images/interface/ScheduleBG_V3.jpg');background-position:bottom center; background-size: cover; height:700px;}
     
}

.socialEvents {background-image: url('/images/interface/socialEvents.jpg');background-position:top center; background-size: cover;}

.card.social {background-color: rgba(245, 245, 245, 0.8); }

.footerBg {background-image: url('/images/interface/Footer-Background_2024_Short_2.png'); background-position:top center; background-size:cover;}
@media (min-width: 960px) {
.footerBg {background-image: url('/images/interface/Footer-Background_2024_Short_2.png'); background-position:top center; background-size:cover; }
}
.footerBgEvents {background-image: url('/images/interface/Footer-Background.png'); background-position:top center; background-size:cover; height:500px; }

/* ---- Dots ----*/
.dot {
  height: 25px;
  width: 25px;
  background-color: #006838;
  border-radius: 50%;
  display: inline-block;
}

.bi-circle-fill.resources {
    color:#ffffff !important;
    font-size:4rem;}

/*
div.hr{
    width:100%;
    border-top:1px solid #CCC;

}
div.hr:after {
    content:'';
    position: absolute;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #FFFFFF transparent;
    width: 0;
    z-index: 1;
    top: 8px;
    left: 45%;
}
div.hr:before {
    content:'';
    position: absolute;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #7F7F7F transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 9px;
    left: 45%;
}

*/



/*.chev {
  position: relative;
  top: .98rem;
  color: #0e7043;
  opacity:0.98;}
  */

/* ---- Horizontal Rules ----*/
.hr-chevron {display: flex;}

.hr-line-r{
    width: 100%;
    position: relative;
    margin-left: 5.75px;
    border-bottom: 1px solid #006838;}

.hr-line-l{
    width: 100%;
    position: relative;
    margin-right: 5.75px;
    border-bottom: 1px solid #006838;}

.hr-line-r-dotted{
    width: 100%;
    position: relative;
    margin-right: 5.75px;
    margin-left:6px;
    border-bottom: 1px dotted #006838;}

.hr-line-l4{
    width: 4%;
    position: relative;
    margin-right: 5.75px;
    border-bottom: 1px dotted #006838;}
  
.chevron { 
    display: inline-block; 
    border-right: 
    1px solid #006838; 
    border-bottom: 
    1px solid #006838; 
    width: 60.5px; 
    height: 30px; } 

.chevron-dotted { 
    display: inline-block; 
    border-right: 
    1px dotted #006838; 
    border-bottom: 
    1px dotted #006838; 
    width: 33px; 
    height: 30px; } 

#chevron-arrow-down {transform: rotate(45deg);} 

.green {border-color: #006838;}

hr.dotted {
    border-top:dotted 1px #ffffff; 
    margin-left:20px; 
    margin-right:20px; 
    opacity:1 !important;}

.whiteHR hr {border-top:#ffffff !important;}

.greenHR hr {border-top:dotted 1px #006838;}

hr.dotted.white {border-top:dotted 1px #ffffff !important;}     

/* ---- Borders ----*/
.border-dotted {
    border-bottom: dotted; 
    padding-x: 15px;}

.border-dotted-full {
    border: dotted 1px; 
    padding-x: 15px; 
    color: #ffffff;}

.border-right-dotted {
    border-right:dotted 1px #ffffff; 
    padding-y:20px;}

tr.scheduleBorder:last-child {border-bottom:none !important;}
div.border-dotted:last-child {border-bottom:none !important;}
div.border-dotted:first-child {border-bottom:none !important;}


/* ---- Misc ----*/

table >.table {background-color: transparent !important;}

.table-success {background-color: #006838 !important; color: #ffffff;}

.card-footer {
    padding: 20px !important;
    background-color: white !important;
    border-top: none !important;}

.zoom:hover {
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05); 
    transition: transform .7s ease; 
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.2);
    box-shadow: 0 10px 20px rgba(0,0,0,.2);} 

.letterspacing {letter-spacing: .1rem;}

@media (min-width: 960px) {
    .letterspacing {letter-spacing: .3rem;}
}

/* ---- Misc ----*/
.profileImg {border-radius: 0 0 10px 0;}

.profileJob {border-radius: 0 0 90px 0;}
h6.profileEmail {
        letter-spacing: .06rem; 
        font-family: arboria, sans-serif;
        font-style: normal;
        font-size: .8rem; 
        text-decoration:none !important; 
        color:#066838 !important;}

.job {font-size: .55rem;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: -14px;
    font-weight: 600;
    letter-spacing: .6px;
}

.btn-success {background-color: #006838 !important;}
.btn-success:hover {background-color: #157347 !important;}

.btn-border-dotted {
    border: dotted 1px #ffffff !important;
    padding-x: 10px;
}

.paginat a.active {
    background-color: #333333;
    color: #ffffff !important;
    border: 1px solid #666666;
}
.paginat a {
    background-color: #ffffff;
    color: black;
    padding: 2px 8px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 1px;
}

.footer-bot,
.footer-bot a {
    color: #c4c5c7 !important;
    font-size: .8rem; 
    text-decoration: none;}