@charset "UTF-8";
/*==========================
    HEIGHT MEDIA QUERIES
==========================*/
@media all and (max-height: 980px) {
    #banner {
        min-height:380px;
    }
}
@media all and (max-height: 960px) {
    #banner {
        min-height:360px;
    }
}
@media all and (max-height: 940px) {
    #banner {
        min-height:340px;
    }
}
@media all and (max-height: 920px) {
    #banner {
        min-height:320px;
    }
}
@media all and (max-height: 900px) {
    #banner {
        min-height:300px;
    }
}
@media all and (max-height: 880px) {
    #banner {
        min-height:280px;
    }
}
@media all and (max-height: 860px) {
    #banner {
        min-height:260px;
    }
}
@media all and (max-height: 840px) {
    #banner {
        min-height:240px;
    }
}
@media all and (max-height: 820px) {
    #banner {
        min-height:220px;
    }
}
@media all and (max-height: 800px) {
    #banner {
        min-height:200px;
    }
}

@media all and (max-height: 500px) {
    #banner {
        display: none;
    }
}

/*==========================
    WIDTH MEDIA QUERIES
==========================*/

@media screen and (max-width: 1200px) {
    /*#nav_admin .nav_menu_non_responsive{*/
    /*    display: none !important;*/
    /*}*/
    /*#nav_admin .nav_menu_responsive{*/
    /*    display: inline-block !important;*/
    /*}*/
}


@media screen and (max-width: 1000px) {

    #hole_image {
        display: none;
    }

    #hole_video {
        padding-bottom: 56.25%;
    }

    #hole_select div {
        float: none;
    }

    #google_map {
        float: none;
    }

    .roster_address {
        display: none;
    }
}

@media all and (max-width: 940px) {
    .two-column-responsive .left, .two-column-responsive .right {
        clear: both;
        float: none;
        width: 100%;
        padding: 0px;
    }

    .roster_address {
        display: none;
    }
}

@media all and (max-width: 900px) {
    #hole_select div {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        float: none;
    }
}

@media all and (max-width: 840px) {
    #hole_select div {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        float: none;
    }
}


@media all and (max-width: 800px) {
    #sub_nav_content .form {
        width: 100%;
        max-width: none;
    }

    #sub_nav_content .field > label, #sub_nav_content .field > label_left {
        float: none;
        width: auto;
    }

    #sub_nav_content .field > input {
        float: none;
    }

    #sub_nav_content .button_bottom_right {
        margin: 6px 2px 2px auto;
    }

    #sub_nav_content .field, #sub_nav_content .input_spacer, #sub_nav_content .input_note {
        height: unset;
        padding-bottom: 12px;
    }
}

@media all and (max-width: 720px) {
    .roster_email, .roster_phone {
        display: none;
    }
}

@media all and (max-width: 700px) {
    .tvadverts_content div:has(.button) {
        float: left !important;
        margin: 4px;
    }
}

@media all and (max-width: 700px) {
    .grid_23rd_left, .grid_13rd_left {
        width: 100%;
    }

    .grid_23rd_right, .grid_13rd_right {
        float: left;
        width: 100%;
        margin-left: 0;
    }

    .grid_full_narrow {
        width: 100%;
        max-width: 100%;
    }

    .dropdown_menu_list {
        position: fixed;
        top: 54px;
        left: 0;
        width: 100%;
        overflow: auto;
    }

    .heading_subnav_container {
        display: flex;
        flex-flow: column-reverse;
    }

    #sub_nav {
        display: none;
        /*width:100%;*/
        /*padding: 4px 0 0 0;*/
        /*float: none;*/
        /*height: unset;*/
    }

    #sub_nav a {
        background-color: #485961;
        color: #eff5fc;
        line-height: 24px;
        margin-bottom: 4px;
        padding: 6px 0 6px 0;
    }

    #sub_nav_content {
        float: none;
        width: 100%;
    }

    .grid_heading {
        border-top: none;
        margin: 8px 0px 16px 0;
        padding: 4px 0 0 0;
    }

    .grid_heading > h1:first-child {
        border-top: 1px solid#57C241;
        border-bottom: 1px solid#57C241;
        background: #eff5fc;
        font-weight: 700;
        padding: 0 6px 0 4px !important;
        margin-bottom: 14px;
        font-size: 22px;
        color: #485961;
        width: 100%;
    }

    .field > label, .field > label_left {
        float: left;
        width: auto;
        /*font-size:12px;*/
        /*padding-top:10px;*/
    }

    .field > input {
        float: left;
    }

    .button_bottom_right {
        margin: 10px 2px 2px auto;
    }

    .mobile_hide {
        display: none !important;
    }

    .mobile_show {
        display: revert !important;
    }

    .form {
        width: 100%;
        max-width: none;
        /*border: unset;*/
    }

    #hole_video {
        max-width: 100%;
    }

    #google_map {
        max-width: 100%;
    }

    .form_footer {
        margin: 15px 0 0 0;
        font-size: 15px;
        line-height: 5px;
    }

    .input {
        width: 100%;
    }

    #content, #content_admin {
        width: 100%;
        padding-top: 0px;
    }

    #sub_nav_content {
        padding-bottom: 20px
    }

    .home_page_weather_summary, .golf_tips_wrapper {
        display: none;
    }

    .big_padding {
        padding: 4px;
    }

    #roster td {
        line-height: unset;
        font-size: 18px;
    }

    #roster_search {
        width: 100%;
        float: unset !important;
    }

    #roster_search input {
        height: 50px !important;
    }

    .tvadverts {
        padding-left: unset;
    }
}

@media all and (max-width: 560px) {
    #banner {
        min-height: 130px;
    }

    .label, .label_left {
        float: none;
    }

    #footer-copyright .tag_line {
        display: none;
    }

    #footer-copyright {
        padding-top: 20px;
    }
}

@media all and (max-width: 400px) {
    .event_registration_info {
        display: unset;
        justify-content: unset;
    }
}

@media all and (max-width: 310px) {
    #toplogo {
        background: url('../images/logo_no_txt.png') no-repeat left top;
        width: 84px;
        height: 49px;
    }
}

@media all and (max-width: 310px) {
    #banner {
        display: none
    }
}
