body{background-color:#efefef; font-family: Arial, Helvetica, sans-serif;}
#logo img{float:left; padding-right:.5rem;}
#site-title-text{height:96px;}
#site-title-text p{font-size:1.15rem; line-height:1rem; padding-top:1.25rem; font-weight:bold;}
#site-title-text .sub-header{font-size:.9rem; font-weight:normal;}
#main-content{background-color:#ffffff; padding:2rem 0 2rem 0; color:#222222;}
.home-background {
    background-image:url(../images/club-1.png);
    background-repeat:no-repeat;
    background-position: top left;
    height:100%;
}
.interior-background {
    background-image:url(../images/club-2.png);
    background-repeat:no-repeat;
    background-position: top left;
    height:100%;
}
@media screen and (min-width: 2500px) {
    .home-background,
    .interior-background {
        background-position: top center;
    }
}
.title-bar{background-color:inherit; color:#111111;}
.menu-icon:after{ color:#111111; background:#111111; box-shadow:0 7px 0 #111, 0 14px 0 #111;}
#footer{background-color:#efefef; padding-top:1rem;}

/* Off Canvas styles */
.off-canvas{background-color:#111111; color:#ffffff;}
.off-canvas .drilldown a{background-color:#111111; color:#ffffff;}
.off-canvas .drilldown .is-drilldown-submenu-parent > a::after{border-color:transparent transparent transparent #ffffff;}
.off-canvas .drilldown .js-drilldown-back > a::before{border-color:transparent #ffffff transparent transparent;}

/* Override Foundation styles */
.top-bar{display:block; background-color:#ffffff;opacity: 0.8;}
.top-bar ul{background-color:inherit; font-size:1.15rem;}
.top-bar ul li{display:table; padding: 0.125rem 0;}
.top-bar ul li a{color:#111111; height:100%;}
.top-bar ul li a:hover{color:#00468C; text-decoration:underline;}
.top-bar ul li ul{background-color:#333333;  opacity: 1;}
.top-bar ul li ul li a{color:#ffffff; font-size:1.15rem;}
.top-bar ul li ul li a:hover{color:#ffffff;}

/* menus */
.hover-underline-menu {
    width: 100%;
}

.click-in-menu li {
    padding: 0.25rem 0;
}
.click-in-menu li:first-child {
    padding-top: 0;
}
.click-in-menu li:last-child {
    padding-bottom: 0;
}

@media screen and (max-width: 39.9375em) {
    #main-menu {
        display: none;
    }
}

@media screen and (min-width: 40em) {
    #mobile-menu-btn-holder {
        display: none;
    }
}

/* home */
.home-sidebar {
    padding: 0 1rem;
    background-color: #fffd; /* in case title flows into it */
}

@media screen and (min-width: 40em) {
    .home-sidebar {
        border-left: 1px solid #ddd;
    }
}

.home-page #main-content {
    padding-top: 0;
}

.home-after-sponsors {
    padding-top: 4rem;
}

/* CTA area */
.home-background .cta-box {
    padding-top: 30%;
    text-align: center;
}
.interior-background .cta-box {
    padding-top: 25%;
    text-align: center;
}
.cta-box h2 {
    color:#ffffff;
    font-weight:bold;
    text-shadow: 0 0 3px black;
}
.cta-box .button {
    font-size:2rem;
}

@media screen and (max-width: 39.9375em) {
    .cta-box .button{
        font-size: 1.25rem;
        line-height: 1.4;
    }
}

.welcome-box {
    background: rgba(25, 25, 25, 0.35);
    color: white;
    padding: 0.5rem;
    text-shadow: 0 0 3px black;
    margin: 0 -0.625rem;
}

.welcome-title {
    margin: 0 0 0.5rem;
}

.welcome-body {
    color: #eaeaea;
}

@media screen and (min-width: 66.5em) {

    .welcome-box {
        background: transparent;
        text-align: left;
        border-radius: 0;
        margin: 0 0 0.125rem;
        padding: 0.5rem 0.2rem;
    }

    .welcome-title {
        margin: 0 0 0;
        padding-left: 1rem;
        min-width: 20%;
    }

    .welcome-body {
        padding: 0.8rem 1rem;
        margin: 0 0 0;
        background: rgba(25, 25, 25, 0.25);
        border-radius: 5px;
    }

}

.welcome-body b,
.welcome-body strong {
    color: white;
}

.welcome-body > * {
    margin: 0 0 0.5rem;
}

.welcome-body > :first-child {
    margin-top: 0;
}

.welcome-body > :last-child {
    margin-bottom: 0;
}

/* Button styles */
.button{margin-left:.25rem;margin-right:.25rem;}
.button.primary {
    background-color:#EEEEEE;
    border:2px solid #00468C;
    border-radius: 5px;
    color:#00468C;
}
.button.secondary {
    background-color:#111111;
    border:2px solid #111111;
    border-radius: 5px;
}
.button.secondary:hover {
    background-color:#777777;
    border:2px solid #111111;
    border-radius: 5px;
}

/* Radio button groups for forms */
.radio-section + .radio-section {
    margin-top: 0.5rem;
    margin-bottom: 0.1rem;
}

.radio-section legend {
    display: block;
    margin-bottom: 0.9rem;
}

.radio-button-group {
    display: flex;
    margin: 0 0 1rem;
}
.radio-button-group.thin {
    margin: 0 0 0.25rem;
}
.fieldset .radio-button-group:last-child {
    margin-bottom: 0;
}

.radio-btn-container {
    padding: 0 0.75rem 0 0.5rem;
}

.radio-label {
    font-weight: bold;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.6;
}

/* Highlighted box(es). Assumes .grid-x .cell. */
.box-highlight-top {
    background-color: #333;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 3px 3px 0 0;
}

.box-highlight-top label {
    color: white;
}

.box-highlight-bottom {
    padding: 0.5rem;
    border: 1px solid #333;
    border-radius: 0 0 3px 3px;
    margin-bottom: 1rem;
}

.box-highlight-bottom > :last-child {
    margin-bottom: 0;
}

/** Clear classes: use w/ neighbor boxes, along w/ highlight classes. **/
.box-highlight-top--clear {
    background-color: transparent;
    color: inherit;
}

.box-highlight-top--clear label {
    color: #0a0a0a;
}

.box-highlight-bottom--clear {
    border-color: transparent;
}

.indent-right {
    margin-left: .3rem;
}

.callout--clear {
    border-color: transparent;
    background-color: transparent;
}

/* Carousel/Slider */

.carousel {
    margin: 1rem 0;
    padding-bottom: 1rem;
}

.carousel-slides {
    display: flex;
    align-items: center;
}

.carousel-slide {
    text-align: center;
}

.carousel-image {
    max-height: 150px;
    display: inline-block;
    margin: 0 auto 0.8rem;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 1.5rem;
    color: #ddd;
}

.swiper-scrollbar {
    bottom: 0;
    opacity: 0.35;
}

.swiper:hover .swiper-scrollbar {
    opacity: 1;
}


.sponsor-list {
    padding-top: 0.8rem;
}

.sponsor-level {
    font-size: 0.8rem;
    line-height: 1rem;
    font-style: italic;
}

.sponsor-level::before {
    content: '';
    font-size: 0.65rem;
    height: 0.65rem;
    width: 0.65rem;
    line-height: 1rem;
    border-radius: 0.5rem;
    border: 1px solid;
    position: relative;
    top: 0.1rem;
    left: 0;
    display: inline-block;
}

.sponsor-level.premier {
    color: #333;
    font-weight: bold;
}

.sponsor-level.premier::before {
    color: #000;
    border-style: dotted;
}

.sponsor-level.platinum {
    color: #999;
    font-weight: bold;
}

.sponsor-level.platinum::before {
    color: #888;
}

.sponsor-level.gold {
    color: darkgoldenrod;
}

.sponsor-level.gold::before {
    color: goldenrod;
}

.sponsor-level.silver {
    color: darkgray;
}

.sponsor-level.silver::before {
    color: silver;
}

.sponsor-level.bronze {
    color: burlywood;
}

.sponsor-level.bronze::before {
    color: burlywood;
}

.sponsor-level .added-label {
    padding-left: 0.8rem;
}

.sponsor-level .added-label.hole-in-one {
    color: green;
}

.large-indent-right
{
    margin-left: 2rem;
}