@import url("https://use.typekit.net/fwq7qfa.css");

.nav li, 
.nav a, 
.nav span, 
.nav li, 
button,
.content-cartSummary .summaryV2 .mainContent .nameAndPrice,
.nameAndPriceContainer >.greyText,
.accordion-inner div,
.accordion-inner div p,
.accordion-inner div a,
.accordion-inner div span,
.accordion-inner div h1,
#userChangeCancel,
#userChangeSubmit,
#restart,
.userLoginForm a,
.summaryV2 a,
span.teeTimeCardHeaderTitle,
span.teeTimeCardHeaderTitleText,
span.teeTimeCardFooter,
.golfLocationList .teeTimeCardHeaderCourseDesc,
.user-selection-option > a,
#spaTerms *,
#golfTerms *,
.accept .checkbox {
    font-family: "sweet-sans-pro", sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}
#ui-datepicker-div *,
span.teeTimeCardBookNow,
.teeTimeCardHeader {
    font-family: "sweet-sans-pro", sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

p, small, li, input,select, option, textarea {
    font-family: "sweet-sans-pro", sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

h1, h2, h3, h4, h5, h6,
.breadcrumb li,
.form-contents label,
.control-label,
#userCreateUserForm p strong {
    font-family: ivypresto-display, serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: 1px;
    font-size: 1.1em;
}

/* Navbar */
.navbar-inner{
    background-color: rgba(255, 255, 255, .5); 
    backdrop-filter: blur(15px);  
}

.navbar-fixed-bottom .navbar-inner{
    background-color: #000 !important;
}
.serviceType .divider{
    display: none;
}
.container, .navbar-fixed-top .container{
    width: 95% !important;
}
.navbar-fixed-top .navbar-inner {
    background-color: #000 !important;
}
/* #navbarLoginControl #loginForm{
    display: flex;
} */
.btn{
    background-color: #000 !important;
    color: #fff !important;
}
.form-actions {
    background-color: transparent !important;
    border: none !important;
}

#navLoginForm .form-contents .controls #loginButton{
    width: 100%;
    padding: 8px 0px;
    line-height: 18px;
    max-width: 172px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
}

.navbar .btn-navbar .icon-bar {
    width: 30px !important;
    background: #fff !important;
    height: 4px;
}
.navbar .fas{
    color: #fff;
    font-size: 1.1em;
}
.navbar a, .navbar span {
    font-size: 1em;
}
.dropdown-menu li > a:hover,
.dropdown.open .serviceType.active > a  {
    background-color: #000;
    color: #fff;
}
#nav .navbar-inner .brand{
    min-width: 250px;
    max-width: 340px;
    background-size: contain !important;
    left: 5% !important;
    margin-top: 10px !important;
    margin-left: 0 !important;
    height: 60px !important;
}
#navbarServiceTypeList .dropdown-menu li:last-of-type{
    display: none !important;
}

.content-spaLocationListTpl .navbar .fas,
.content-spaLocationListTpl .mobile-countdown-timer,
.content-spaPackageTpl .navbar .fas,
.content-spaPackageTpl .mobile-countdown-timer,
.content-golfLocationList .navbar .fas,
.content-golfLocationList .mobile-countdown-timer,
.content-golfTeeInfo .navbar .fas,
.content-golfTeeInfo .mobile-countdown-timer {
    color: #000;
}

.navbar .navbar-countdown-container {
    display: none;
}

.navbar .navbar-countdown-container .countdown-cart .fas {
    color: #fff !important;
}

.navbar .mobile-countdown-container {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 25px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.navbar .mobile-countdown-timer {
    font-size: 17px;
    padding-top: 3px;
}

.navbar .mobile-countdown-content {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    font-size: 15px;
    transform: translateX(50%) translateY(-45%);
    background-color: red;
    padding: 2px;
    border-radius: 17px;
    top: 0;
    right: 0;
    width: 15px;
    text-align: center;
    color: #fff;
}

#navbarCartControl {
    display: none;
}

.navbar .mobile-countdown-button {
    position: relative;
}
#breadcrumbs .summary-countdown-container {
    display: none;
}
.content-cartSummary .mainContent #breadcrumbs {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logoutButton.hidden {
    display: none;
}

@media (max-width:660px){
    .folio-splash .splash-img{
        display: none;
    }
}

@media(max-width:768px){
    .navbar .nav-collapse .pull-right,
    .navbar .nav-collapse .pull-right a {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .navbar .nav .serviceType.active .fas{
        color: #fff !important;
    }
    #footer .navbar-fixed-bottom .navbar-text {
        font-size: 0.9em !important;
    }
    .summaryV2 .right {
        bottom: -120px !important;
        padding: 5px;
    }
    .summaryV2 .left > p {
        padding: 0 !important;
    }
    body.content-cartSummary #main {
        padding-bottom: 300px;
    }
    #friscoRules{
        padding-left: 0 !important;
    }
    .navbar-fixed-top .navbar-inner {
        min-height: 125px !important;
    }
    .summaryV2 {
        display: flex !important;
        flex-direction: column !important;
    }
    .summaryV2 .right {
        position:  relative !important;
    }
    .summaryV2 #cartClear {
        margin: 0 !important;
    }
    .nav-collapse, .nav-collapse.collapse {
        margin-top: 150px !important;
    }
    #nav .navbar-inner .brand{
        height: 125px !important;
    }
}

@media(min-width:769px) and (max-width:979px){
    #nav .navbar-inner .brand {
        width: 230px !important;
    }
    .logoutButMobile{
        margin: 0 5px !important;
    }
    .navbar .nav.pull-right{
        align-items: flex-start !important;
        width: max-content !important;
        margin-left: auto;
    }
    .nav-collapse .nav li{
        margin: 1px;
    }
}

@media (min-width:980px){
    .navbar-inner:hover{
        background-color: #000 !important; 
    }
    .navbar-inner:hover .closeButton .name {
        color: #fff !important;
    }
    #navbarServiceTypeList ul.dropdown-menu li:hover i{
        color: #fff !important;
    }

    #navbarServiceTypeList .dropdown-menu{
        flex-direction: column;
        max-width: 100px !important;
        align-items: center;
        justify-content: center;
    }
    #navbarServiceTypeList .dropdown-menu li{
        width: 100%;
    }
    #navbarServiceTypeList .dropdown-menu li a{
        margin-left: 0 !important;
    }
    #navbarServiceTypeList .dropdown-menu li.active i.fas{
        color: #fff !important;
    }
    .navbar .nav .active > a{
        background-color: #000;
    }
    #navLoginForm .form-actions a{
        margin-left: 0 !important;
    }
    .navbar .nav.pull-right{
        width: max-content !important;
    }
    #navbarServiceTypeList .dropdown-menu li i {
        color: #000 !important;
    }

    .navbar .navbar-countdown-container {
        width: 30%;
        margin-left: auto;
        margin-right: 2.5%;
        background-color: #fff;
        color: black;
        display: flex;
        justify-content: space-around;
        padding: 10px 0px;
        border-radius: 5px;
        text-transform: initial;
        min-width: 400px;
    }
    .navbar .navbar-countdown-container .countdown-column {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .navbar .navbar-countdown-container .countdown-cart-button {
        flex-grow: 2;
        width: 80px;
    }
    .navbar .navbar-countdown-container .countdown-content {
        font-size: 20px;
    }
    .content-cartSummary .mainContent #breadcrumbs .summary-countdown-container .countdown-timer {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .navbar .navbar-countdown-container .countdown-cart > a {
        height: 100%;
        width: 100%;
        margin: 0;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-align: center;
        justify-content: space-evenly;
    }
    .navbar .mobile-countdown-container {
        display: none;
    }
    .content-cartSummary .mainContent #breadcrumbs .summary-countdown-container {
        display: block;
    }
    .content-cartSummary .mainContent #breadcrumbs .summary-countdown-container .countdown-timer {
        text-align: center;
    }
    .content-cartSummary .mainContent #breadcrumbs .summary-countdown-container .countdown-timer .countdown-label {
        margin: 0 10px 0 0;
    }
    .content-cartSummary .mainContent #breadcrumbs .summary-countdown-container .countdown-timer .countdown-content {
        width: 40px;
    }
}

@media (min-width:980px) and (max-width:1150px){
    .navbar .nav.pull-right{
        width: 39% !important;
    }
}
@media (max-width:768px){
    #nav .navbar-inner .brand{
        min-width: 180px !important;
        max-width: 180px !important;
        background-size: contain !important;
    }
}

/* Navbar Starts Here */

@media (min-width:769px) and (max-width:979px){
    .nav-collapse, .nav-collapse.collapse{
        margin-bottom: 10px;
        margin-top: 80px !important;
    }
    .nav-collapse .nav li{
        width: 100% !important;
        margin: 2px 0 !important;
    }
    .navbar .nav.pull-right{
        width: 100% !important;
        text-align: center !important;
    }    
}

/* Navbar Finishes Here */


/* // Splash Screen  */
#main > .container:first-of-type{
    margin-left: 2.5vw !important;
    margin-right: 2.5vw !important;
    width: auto;
    max-width: 1170px;
    place-items: auto center;
}
.container > .row:first-of-type {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
}
.container .span4.message {
    margin-left: 0 !important;
}

@media (min-width:1200px){
    #main > .container:first-of-type{
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
p.intro{
    display: none !important;
}
#header .span4.message{
    margin-top: 120px;
}
#serviceList ul{
    background: transparent !important;
}
#serviceList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-width: 550px;
}
#serviceList .nav-list > li > a,
.navbar-countdown-container .countdown-cart > a{
    border: none !important;
    background-color: #000;
    transition: all .5s ease;
    color: #fff !important;
    display: flex;
    align-items: center;
}
#serviceList .nav-list > li{
    border: none !important;
    background-color: #000;
    transition: all .5s ease;
}
#serviceList .nav-list > li > a > i{
    color: #fff !important;
}
#serviceList .nav-list > li > a:hover,
.navbar-countdown-container .countdown-cart > a{
    position: relative;
    transform: scale(1.02);
    z-index: 9;
    transition: all .5s ease;
    background-color: #000;
}
#serviceList .nav-list > li:hover{
    position: relative;
    transform: scale(1.125);
    z-index: 9;
    transition: all .5s ease;
    background-color: #000;
}


.navbar span.name{
    margin-left: 5px !important;
    color: #fff;
}
span.caret{
    border-top: 4px solid #ffff !important;
}
.nav-list > li > a > i{
    display: contents;
}
#serviceList li{
    margin-right: 8%;
    min-width: 120px;
    width: max-content;
}
#serviceList .nav-list > li a {
    padding: 0 5px !important;
    justify-content: center;
}
#serviceList .nav-list li a i.fas:before{
    margin-right: 10px;
}
/* Trademark Style */

.plp-resort-title{
    padding-top: 0;
    padding-bottom: 30px;
    width: 100%;
    position: relative;
}
.plp-resort-title-container{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}
[data-component="plp-resort-title"] .plp-resort-title-container .h1-small{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    border-radius: 15px;
    font-family: ivypresto-display, serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: 1px;
}
[data-component="plp-resort-title"] .plp-resort-title-container .h1-small{
    color: #000;
    display: block;
    font-family: ivypresto-display, serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 22px !important;
    margin-bottom: 5px;
    margin-top: .83em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}
[data-component="plp-resort-title"] .plp-resort-title-container h1{
    display: block !important;
    color: #000;
    font-size: 38px;
    line-height: 1.125;
    margin-bottom: 20px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
    font-family: ivypresto-display, serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    letter-spacing: 1px;
}

/* Trademark Style */

/* Loading Indicator */

.splash-page {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 0;
    top: 25vh;
    text-align: center;
    width: 100vw;
    background: #000 ;
}

#loadMessage{
    margin: 0 !important;
    font-weight: 100;
    max-width: 100vw !important;
    padding: 20px 0 !important;
    width: 100% !important;
    font-size: 2em !important;
}
.splash-page h2{
    padding-bottom: 10px;
    color: #fff;
    font-weight: 100;
}
.progress-info.progress-striped .bar{
    background-color: #000;
}

.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    min-height: 80px !important;
  }
  .lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    box-sizing: border-box;
    border: 32px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-hourglass 1.2s infinite;
  }
  @keyframes lds-hourglass {
    0% {
      transform: rotate(0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    50% {
      transform: rotate(900deg);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    100% {
      transform: rotate(1800deg);
    }
  }
  

/* Golf Style */

.breadcrumb{
    background-color: #000 !important; 
    backdrop-filter: blur(15px) !important; 
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.25em;
}
.breadcrumb * {
    color: #fff !important;
}
.breadcrumb li {
    text-decoration: underline;
}

section.mainContent, 
section.mainContent .row > .span12:first-of-type{
    background-color: rgba(255, 255, 255, .5) !important; 
    backdrop-filter: blur(15px) !important; 
}
section.mainContent .row > .span12:first-of-type{
    padding-bottom: 40px;
    margin-bottom: 0 !important;

}
.golfCourseList #accordion2>p, 
.golfLocationList>#accordion2>p{
    padding: 20px 0;
    font-size: 1.2em;
    font-weight: 700;
}
.accordion-heading .accordion-toggle,
.payment-div {
    background-color: #000;
}
.golfLocationList .accordion-inner .row:first-of-type,
.golfLocationList .accordion-inner a.btn{
    margin-bottom: 0 !important;
}
.golfLocationList > .accordion > p {
    padding: 0 !important;
}

#golfTeeInfo .control-group:nth-of-type(2),
#golfTeeInfo p:first-of-type{
    display: none;
}
#golfResults .span8 > p{
    margin: 10px !important;
    font-size: 14px;
}
.teesheet .availability.show{
    width: 0;
}
.ui-widget-content .ui-datepicker-header,
.ui-widget-content td > .ui-state-hover,
.ui-widget-content td > .ui-state-active,
.ui-widget-content td > .ui-state-default:hover{
    background-color: #000 !important;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev{
    background-color: #fff;
    cursor: pointer;
}
@media (max-width:979px){
    #golfResults .availability p.slots{
        margin-left: -110px !important;
        background-color: #000;
    }
    #golfResults .span8.offset2{
        margin-left: 0 !important;
    }
    .teesheet td.teetime{
        width: 100%;
        width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width: fill-available;
        min-width: 250px !important;
    }
}

@media (min-width:980px){
    #golfResults .span8.offset2{
        margin-left: 0 !important;
        width: -webkit-fill-available !important;
    }
    .golfTeeInfo .teetime .btn-group{
        display: flex;
    }
}

@media (max-width:768px){
    form#golfTeeInfo{
        margin: 0 !important;
    }
    form#golfTeeInfo .control-group{
        margin-left: 0 !important;
    }
}

@media (max-width:480px){
    .ui-datepicker-multi-2 .ui-datepicker-group{
        width: 100% !important;
    }
    #ui-datepicker-div{
        max-width: 250px !important;
    }
    .modal.fade.in {
        top: 20% !important;
    }
}

/* User Profile & Login Form Styling */
#userCreateUserForm.span8 {
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}
.input-append.arrow-right .add-on{
    margin-top: 0 !important;
}
.popover{
    width: 300px;
}
#userCreateUserForm .btn{
    min-height: 35px;
    min-width: 80px;
}
#userMainPhone .btn {
    padding: 5px !important;
}
#userMainPhone .btn:not(.active){
    background-color: #fff !important;
    color: #000 !important;
}
.profile_page_tab_ul .active a{
    background-color: #000 !important;
}
.userProfileFormButtons #userProfileSubmit{
    min-height: 40px;
}
.userProfileFormButtons .controls {
    display: flex;
    align-items: center;
}
.userProfileFormButtons .controls #userCreateCancel{
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#userResetPasswordForm p:first-of-type,
.content-userResetPasswordForm #content.userResetPasswordForm p:first-of-type,
#userProfileForm .newsletter-parent,
#userCreateUserForm .newsletter{
    display: none;
}
#userResetPasswordForm #userResetSubmit{
    padding: 10px;
}
@media (max-width:480px){
    #userProfileForm{
        width: fit-content !important;
    }
    .active.user_profile_tab{
        margin: 0 10px;
    }
}
@media(max-width:979px){
    #userCreateUserForm.span8 .control-group,
    #userCreateUserForm .controls select,
    #userCreateUserForm #userDOBhuman{
        width: 100%;
        width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width: fill-available;
    }
    #serviceList li{
        width: 100% !important;
        margin: 10px 0 !important;
    }
    #serviceList ul{
        flex-direction: column;
        align-items: center;
    }
}
@media (min-width:980px){
    #userCreateUserForm .control-group{
        max-width: 600px !important;
        min-width: 250px !important;
        width: 49%;
    }
    #userCreateUserForm .newsletter .control-group {
        width: 100%;
        width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width: fill-available;
        max-width: max-content !important;
    }
    #userCreateUserForm .newPasswordTypeCustom .control-group{
        width: 100%;
        width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width: fill-available;
    }
    .control-label[for="newPasswordTypeCustom"]{
        width: max-content;
    }
    #userCreateUserForm .row-fluid.emails,
    #userCreateUserForm .row-fluid.names,
    #userCreateUserForm .row-fluid.address,
    #userCreateUserForm .row-fluid.phones {
        display: flex;
        width: 100%;
        width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width: fill-available;
    }
    #userCreateUserForm .control-group.userEmail2 {
        margin-left: auto;
    }
    #userCreateUserForm .row-fluid.names .control-group:nth-of-type(2),
    #userCreateUserForm .row-fluid.address .control-group:nth-of-type(2),
    #userCreateUserForm .row-fluid.phones .control-group:nth-of-type(2){
        margin-left: auto !important;
    }
    #userCreateUserForm .row-fluid.address .controls select,
    #userCreateUserForm #userDOBhuman,
    #userCreateUserForm .controls select#userMainPhone {
        width: 100%;
        width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width: fill-available;
    }
    .control-group.userPhoneExt {
        display: none;
    }
    .summaryV2 .right > * {
        max-width: 300px;
    }
}

@media (min-width:980px) and (max-width:1200px){
    .userCreateUserFormLoggedIn #userCreateUserForm .well{
        width: 30%;
    }
}

  /* Booking History Style */

    .content-bookingHistory .bookingHistory .page-header[data-bookingid] {
        display: flex;
        align-items: center;
        position: relative;
        padding-top: 40px;
        justify-content: space-between;
    }
    .content-bookingHistory .bookingHistory .removeCartButton {
        display: none;
    }

    .content-bookingHistory .bookingHistory .page-header[data-bookingid] .span5{
        margin-left: 0 !important;
        margin-top: 1.5em;
    }
    #bookingHistoryCollapse .span5{
        margin-left: 0 !important;
    }
    .content-bookingHistory .bookingHistory .page-header[data-bookingid] h3{
        position: absolute;
    }
    .content-bookingHistory .bookingHistory .page-header[data-bookingid] h4{
        margin-top: 0;
    }
    .bookingHistory .bookingHistory{
        position: relative;
    }
    .content-bookingHistory .bookingHistory .page-header .row {
        margin-bottom: -50px !important;
        padding: 5px 0;
    }
    .cartSummary .bookingHistory .pastBookings {
        display: flex;
        align-items: center;
    }
    .content-bookingHistory .bookingHistory .page-header.clearfix{
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .cartSummary .bookingHistory .pastBookings a.btn.btn-primary {
        margin: 0 5px !important;
        margin-bottom: 0 !important;
    }
    .bookingHistory .page-header h4 {
        margin-left: 0;
    }

    .bookingHistory h3:first-of-type{
        margin: 0 !important;
    }

    .bookingHistory .page-header .span5 {
        margin-left: 0;
}

@media (max-width:768px){
    .content-bookingHistory .bookingHistory .page-header[data-bookingid]{
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .content-bookingHistory .bookingHistory .page-header[data-bookingid] .row{
        width: max-content !important;
    }
    .content-bookingHistory .bookingHistory .page-header[data-bookingid] h3{
        position: relative !important;
        padding: 0;
        margin: 0;
    }
    .content-bookingHistory .bookingHistory .page-header[data-bookingid] .row:last-of-type{
        position: absolute;
        right: 0;
    }
}

@media (max-width:480px){
    .content-bookingHistory .removeCartButton {
        padding: 2px;
        margin-top: 25px !important;
    }
}

/* Booking History Style */



/* Club Style */
.clubAccount h2, 
.content-clubAccountList h2,
.clubAccount .spanClub h4,
#pagination-container .current{
    color: #000 !important;
}
.clubAccount h2.page-title{
    padding: 10px;
}
.content-clubAccountList .viewAccOut,
.content-clubAccountList .viewAcc{
    background-color: transparent !important;
}
.content-clubAccountList a.accountBtn{
    border: none !important;
}
.content-clubAccount #main > .container:first-of-type{
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: max-content !important;
}

.payment-div:hover{
    background-color: #fff !important;
    color: #000 !important;
}
.accordion-heading a.accordion-toggle:hover{
    background-color: #000 !important;
    color: #fff !important;
}

/* Misc */
.summaryV2 .greyText,
.make--payment--div label {
    color: #000 !important;
}
.summaryV2 .total-display,
.summaryV2 .cartNote{
    padding: 20px;
    border: 1px solid lightgray;
    margin: 20px;
}
.summaryV2 .total-display h3 {
    flex-wrap: nowrap;
    padding: 3px 0;
    text-align: left;
}
.summaryV2 .cartNote > p {
    padding: 5px 0;
}
.alert .close{
    color: #fff !important;
}

.alert-success{
    background-color: #333 !important;
}
.summaryV2 .blue-text{
    color: #40748e !important;
}
.nameAndPriceContainer >.greyText{
    position: relative;
}
.content-cartSummary .summaryV2 .mainContent .nameAndPrice{
    margin-left: 2px;
}
.form-horizontal .control-label{
    font-weight: 700;
}
.content-userChangePasswordForm #userChangePasswordForm p strong{
    display: none;
}
.clubAccount .spanClub.account-details{
    min-height: unset !important;
}
#content.bookingHistory p,
#content.bookingHistory small{
    font-weight: 700;
}
#content.bookingHistory h1,
#content.bookingHistory h2,
#content.bookingHistory h3,
#content.bookingHistory h4 {
    font-weight: 100;
}
@media(max-width:979px){
    #nav .navbar-inner .brand {
        position: absolute;
        left: 50% !important;
        transform: translateX(-50%);    
    }
    ul.nav li *{
        color: #000 !important;
    }
    ul.nav > li > a {
        display: flex;
        justify-content: center;
        padding: 5px !important;
    }
    a.btn.btn-navbar {
        left: 0;
    }
    .nav #navbarLoginControl .dropdown-menu li a,
    .nav #navbarServiceTypeList .dropdown-menu li a {
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .nav-collapse .nav #navbarServiceTypeList .dropdown-menu li {
        width: 100% !important;
    }
    .navbar .nav .active > a{
        background-color: #000;
        color: #fff !important;
    }
    .navbar .nav.pull-right #navbarCartControl ul.dropdown-menu li a {
        width: auto !important;
    }
    li#OmniHomeBut > a,
    li#existResBut > a{
        margin-right: 0 !important;
    }
    .navbar-fixed-top .navbar-inner > .container > a.btn.btn-navbar {
        width: max-content !important;
    }
    .club-message{
        text-align: left;
    }
    ul.dropdown-menu.hidden-desktop{
        margin-left: 0 !important;
    }
    .nav.pull-right > li,
    .nav.pull-right > li *,
    .nav.pull-right > li > a,
    .nav.pull-right > li > span {
        font-size: 1em !important;
        align-items: center;
    } 
    ul.serviceType .dropdown-menu.hidden-desktop {
        width: 100%;
    }
}

@media (max-width:500px){
    #nav .navbar-inner .brand {
        min-width: 180px !important;
        max-width: 180px !important;
    }
}

[data-component="plp-resort-title"] .plp-resort-title-container h1 .first-letter-large{
    font-size: 150%;
	color: #fff !important; 
}

[data-component="plp-resort-title"] .plp-resort-title-container h1 {
	color: #fff !important; 
}

[data-component="plp-resort-title"] .plp-resort-title-container .h1-small{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    font-size: 18px;
    border-radius: 15px;
}

#guestDirectory thead th,
.logoutButton a{
    color: #000 !important;
}
#experiencetext{
    display: block !important;
}

/* Remove add groupmember section on profile page */
.content-userLoginForm .userLoginForm h4.clearfix{
    display: none;
}
/* Remove add groupmember section on profile page */
#content.userLoginForm > .span6 > .span6 > .page-header > h3,
#content.userLoginForm > .span6 > .span6 > h4 {
    margin-left: 0 !important;
}

/* Spa page styles starts here */
.yellowHeader {
    background: #222221 !important;
}
.yellowHeader.breakcrumbs > span, .yellowHeader.breakcrumbs > a, .yellowHeader.breakcrumbs > i {
    color: #fff !important;
}
.content-spaPackageTpl #app .stepper #stepper-categories .componentItem.active,
.content-spaPackageTpl #app .stepper #stepper-categories .componentItem:hover, 
.content-spaPackageTpl #app .stepper #stepper-services .serviceItem:hover,
.content-spaPackageTpl #app .stepper .serviceItem.active,
.vdp-datepicker__calendar .cell.selected, 
.vdp-datepicker__calendar .cell.selected:hover,
.vuecal__menu, .vuecal__cell-events-count,
.vue_cal_div .user_weekly_schedule_text,
.btn.btn-mini,
.fc-toolbar {
    background-color: #000 !important;
    border-color:#000 !important;
    color: #fff !important;
}
.time_picker_selected_date{
    opacity: 0.5 !important;
}
.package-review-screen-review-btn-span-1{
    color: #fff !important;
}
.content-spaPackageTpl #app .dropdown .dropdown-options .dropdown-item {
    color: #000;
}
.content-spaPackageTpl #app .dropdown .dropdown-options .dropdown-item.hover:hover {
    background-color: #000;
    color: #fff;
}
/* Spa page styles finishes here */

/* Custom Golf Tee Shet Screen Styling Starts */
#content.golfTeeInfo{
    margin: 0 !important;
}

.golfTeeInfo > .row {
    margin-bottom: 0 !important;
    background: #fff;
}
.golfTeeInfo > .row > div > p {
    color: lightgray;
}
#contetn.golfTeeInfo {
    background: #fff;
    margin: 0;
    padding: 0 30px;
}

.teeTimeSelectWrap,
.courseSelectWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    padding: 10px;
}

.teeTimeCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    min-width: 310px;
    border: 1px solid lightgray;
    margin-bottom: 60px;
    cursor: pointer;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.golfLocationList .teeTimeCard {
    cursor: default;
}
@media(max-width:400px){
    .teeTimeCard {
        min-width: auto !important;
    }
}
.golfLocationList .teeTimeCardHeader{
    padding: 10px 0;
    font-size: 1.3em;
}
.teeTimeCardHeader,
.teeTimeCardBookNow {
    padding: 20px 0;
    font-size: 1.5em;
}

.teeTimeCardHeader {
    width: 100%;
    border-bottom: 1px solid gray;
}
.teeTimeCardHeaderTitle {
    font-size: 1.2em;
}
.teeTimeCardHeaderTitleText {
    font-weight: 700;
    font-size: 1.2em;
}
.teeTimeInfoWrapper{
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.golfLocationList .teeTimeInfoWrapper{
    min-height: 335px;
}
.golfLocationList .teeTimeInfoWrapper {
    max-width: 350px;
}
.teeTimeCardHeaderCrseImgFrame{
    overflow: hidden; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    max-height: 130px;
}
.teeTimeCardHeaderCourseImage{
    max-height: 100%; 
    max-width: 100%; 
}
#content.golfLocationList {
    margin: 10px !important;
}
.golfLocationList .teeTimeCardHeaderCourseDesc{
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 180px;
}
.teeTimeInfoWrapper > span {
    padding: 10px 5px;
}
.golfLocationList .teeTimeInfoWrapper > span {
    padding: 0 !important;
}
span.rateText{
    line-height: 2em;
}
span.rateText::after{
    border-bottom: 1px solid #000;
    content: "";
    width: 30%;
    display: block;
    margin: 0 auto;
}
.teeTimeCardFooter{
    display: flex;
    width: 100%;
    justify-content: space-around;
    font-size: 1.2em;
}
.teeTimeCardFooter > .fa {
    color: #A9a9a9;
}
.teeTimeFootAvailable,
.holeInfo {
    display: flex;
    justify-content: space-between;
    width: 70px;
}
#golferInformationModal .modal-header{
    background-color: #000;
    color: #fff;
}
.modal-header .close{
    color:#fff;
}
#golfResults .span8 > p {
    margin-left: 5% !important;
    color: gray;
}
.teeTimeCardBookNow {
    background-color: #000;
    color: #fff;
    width: 100%;
    font-size: 1.2em;
}
.teeTimeCardBookNow:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}
#bookingHistoryCollapse .checkinBtnContainer{
    display:none;
}
#bookingHistoryCollapse .page-header .row > .span {
    margin-left: 0 !important;
}
#bookingHistoryCollapse > .page-header > .row {
    margin-left: 5px !important;
} 

.changePassword-splash {
    display: none !important;
}

.alert-success.folio-splash > h4 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
}
.alert-success.folio-splash .splash-img img {
    border-radius: 5px !important;
}

#bookingHistoryCollapse .page-header[data-folioid] > .row > .span5 > .spaCustomerName,
#bookingHistoryCollapse .page-header[data-folioid] > .row > .span5 > .spaLocationName,
#bookingHistoryCollapse .page-header[data-folioid] > .row > .span > h4 {
    display: none;
}
.depositWarning {
    font-size: 12px !important;
}
.courseDescFooter{
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
}
.courseDescItem i {
    margin-right: 10px;
}

.alert-success.folio-splash > h4 {
    display: flex;
    justify-content: space-around;
}

.bookingHistoryCollapseButton {
    display: none;
}

.cartClearNote {
    margin: 20px 0 !important;
    font-weight: 700;
}
.splash-text h3{
    line-height: 1.7em !important;
}

.golfTeeInfoText {
    margin-left: 5% !important;
    padding: 5px 40px 0 0 !important;
    font-size: 14px;
}

.total-display h3,
.total-display h2 {
    display: flex;
    justify-content: space-between;
}
#sub-total > span,
#taxes > span {
    color: #40748e !important;
}
.summaryV2 .addMore{
    margin-bottom: 20px;
}
td.teetime {
    font-size: 1.15em;
}
#friscoRules > p {
    padding: 5px 20px;
}

div#serviceList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.user-selection {
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    width: 300px;
    min-height: 200px;
  }
  
.user-selection-container {
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.9);
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 8px;
}
.user-selection-option > a{
    color: #fff !important;
    font-size:20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 2px;
    text-decoration: none;
} 
.user-selection-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.user-selection-container i {
    color: #fff;
    font-size: 1.75em;
}
.user-selection-container .user-selection-option {
    padding: 10px;
}
#circle-right-wrap {
    position: absolute;
    left: 20px;
}

.user-selection-container i{
    -webkit-animation-duration: 2s;
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    animation-iteration-count: infinite;
 }
 
 @-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-15px);} 
    60% {-webkit-transform: translateY(-8px);} 
 } 
 @-webkit-keyframes swing { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);} 
    40% {-webkit-transform: translateX(-15px);} 
    60% {-webkit-transform: translateX(-8px);} 
 } 
 @-webkit-keyframes show {
    0% {opacity: 0;}
    100% {opacity: 1;}
 }
 .bounce { 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
 }
 .swing { 
    -webkit-animation-name: swing; 
    animation-name: swing; 
 }

 .show {
    -webkit-animation-name: show;
    animation-name: show;
 }

 .user-selection.show {
    -webkit-animation-duration: 1s;
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

 @media (min-width:1115px) {
    #circle-right-wrap {
        display: block;
    }
    #circle-down-wrap {
        display: none;
    }
 }
 @media (max-width:1115px) {
    #circle-right-wrap {
        display: none;
    }
    #circle-down-wrap {
        display: block;
    }
 }
 .activeBut{    
    opacity: 0.7;
}
.clubDirectoryBtnCont,
.club-message {
    display:none;
}

.content-spaPackageTpl #app .stepper-container.sp-booker .btn.btn-primary.user-info-reserve-button,
.content-spaPackageTpl #app .stepper-container.sp-booker .service-time-picker-div .show-all-time-button {
    padding: 10px !important;
}

.vue-app-container .messages-container {
    position: fixed !important;
    top: 120px !important;
}
.content-spaPackageTpl #app .stepper-container.sp-booker #stepper-categories label {
    font-size: 1.3em !important;
}

.sp-booker #stepper-categories-inner > div{
    margin: 10px 0;
    cursor: pointer;
    border: 1px solid lightgray;
    padding: 15px;
}

@media (max-width:535px){
    .summaryV2 .right {
        bottom: -150px !important;
    }
}

@media (max-width:480px){
    .summaryV2 .right {
        bottom: -250px !important;
    }
    .summaryV2 .left > p {
        padding: 0 !important;
    }
}

.summaryV2 .right {
    padding: 5px;
}
.summaryV2 .total-display, 
.summaryV2 .cartNote {
    padding: 5px;
    margin: 10px;

}
.summaryV2 .orange-button {
    min-width: 100%;
    min-width: -webkit-fill-available;
}
form#golferInformationForm label > strong {
    display: none !important;
}

.packageSelectionContainerMobile .serviceSelectionHeader {
    background-color: rgba(255, 255, 255, .5);
}


.content-cartSummary #breadcrumbs li,
.content-cartSummary #breadcrumbs li * {
    font-size: 16px !important;
}
/* Styles for Noteefy Golf Waitlist Widget */
#noteefy-widget {
	display: none;
}

.content-golfTeeInfo #noteefy-widget {
	display: block;
}

#golf-waitlist-button {
    margin-top: 10px;
    text-wrap: nowrap;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #483729;
    color: white;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    font-family: 'Goudy Old Style MT W01' !important;
	text-transform: uppercase;
	border-radius: 7px;
	cursor: pointer;
    margin-left: 5px;
}
#golf-waitlist{
    font-size: 14px;
    font-family: "sweet-sans-pro", sans-serif !important;
    margin-left: 5% !important;
    color: gray;
}
.service-onetime-booker .spec-note-cont textarea{
    min-height: 50px;
}
.summaryV2 .total-display #deposit{
    display: none !important;
}
[class^="icon-"],
[class*=" icon-"] {
  background-image: url("../img/glyphicons-halflings-white.png") !important;
}
.bookAnother{
    background-color: #333 !important;
}
#nav .navbar-inner .brand {
    background: no-repeat url(../img/logo.jpg) !important;
}
@media (min-width:500px){
    #nav .navbar-inner .brand {
        height: 125px !important;
    }
    #nav .navbar-inner{
        height: 125px !important;
    }
    .content-spaPackageTpl #app .stepper-container.sp-booker{
        margin-top: 10px !important;
    }
}