.teetimes-main-container {
    width: 100%;
    min-height: 500px;
    background: #ededed;
}
#teetime_modal_header a {
    color: #fff;
    font-size: 1.1rem;
}

#teetime_modal_header a#teetime_modal_header_link {
    font-size: 1.8rem;
    margin-left: 15px;
    color: #fff;
}
.teetimes-container {
    width: 60%;
}

.d-flex,
#teetime_modal_link_container {
    display: flex;
    flex-wrap: wrap;
}

.flex-column {
    flex-direction: column;
}

.justify-between {
    justify-content: space-between;
}

#teetime_modal_link_container {
    gap: 15px;
}

#teetime_modal_link_container a {
    color: black;
    text-transform: uppercase;
    font-size: 0.8rem;
}

#teetimes_tiles_container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    grid-gap: 5px;
    padding: 0px 20px;
}

.teetime-time {
    font-weight: bold;
    padding: 5px 10px 10px;
    font-size: 1.2rem;
    font-weight: 600;
}

.teetime-tile-holes {
    font-size: 0.8rem;
    padding-bottom: 10px;
}

.teetime-tile-price {
    font-size: 0.8rem;
    font-weight: 600;
    margin-top: 5px;
}

.teetime-search-container .course-name {
    text-transform: uppercase;
}

.teetime-search-container {
    height: 130px;
}

.location-and-search-container {
    width: 100%;
}

.teetime-search-container .teetime-new-search-link {
    width: 12%;
}

.teetime-search-container .location-and-search-container {
    width: 87%;
    padding: 15px;
}

.teetime-search-container .teetime-location {
    width: 25%;
}

.teetime-search-container .search-options-container {
    display: flex;
    flex-wrap: wrap;
    width: 75%;
    justify-content: space-between;
}

.teetime-search-container .search-option {
    justify-content: space-between;
}

.teetime-search-container .search-option select,
.teetime-search-container .search-option input {
    height: 35px;
    border-radius: 5px;
    border: 0;
}

.teetime-search-container .teetime-course {
    width: 30%;
}

.teetime-search-container .teetime-date {
    width: 25%;
}
.teetime-search-container .teetime-golfers {
    width: 20%;
    min-width: 110px;
}

.teetime-search-container .search-button-wrapper {
    width: 20%;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0, 0, 0, 0.5);
    z-index: 3;
}
.teetime-search-container .search-container-header {
    display: none;
}

.only-protrait-mobile {
    display: none;
}

.teetime-search-container .teetime-new-search-link a {
    height: 100%;
    display: flex;
    align-items: center;
    background: #aa9471;
    padding: 10px;
}

#teetime-tile-parent {
    display: none;
}

.teetime-tile {
    width: 185px;
    float: left;
    border-style: solid;
    text-align: center;
    border: 3px solid #e1d5c2;
    background: white;
    margin-bottom: 10px;
    cursor: pointer;
}
.teetime-tile:hover {
    scale: 1.05;
    border: 3px solid #aa9471;
}
.teetime-tile.booked-tile{
    border: 3px solid #aa9471;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.teetime-tile-book button{
    width: 100%;
    background: #e1d5c2;
    border: 0;
    border-radius: 0;
    font-weight: 500;
    font-size: 1.2rem;
}

 .teetime-tile:hover .teetime-tile-book button, .teetime-tile.booked-tile  .teetime-tile-book button , .teetime-tile:hover .teetime-tile-separator , .teetime-tile.booked-tile  .teetime-tile-separator{
    background:#aa9471;
    color: white;
}

.teetime-tile-content {
    padding: 10px;
}

.teetime-tile-separator {
    width: 60%;
    margin: 10px auto;
    height: 2px;
    background: #e1d5c2;
}

button {
    font-family: montserrat, sans-serif;
}

.teetime-search-container .teetime-date.date-input{
    position:relative;
    display: flex;
    width: 100%;
}
.teetime-search-container .teetime-date.date-input span{
    position: absolute;
    scale: 0.9;
    z-index: 2;
    top: 0.4rem;
    right: 1rem;
}
#teetime_modal_golfers{
max-width: 140px;
}
@media only screen and (max-width: 1366px) {
    #teetimes_tiles_container {
        width: 100%;
    }
}

@media only screen and (max-width: 1025px) {
    .teetime-tile {
        width: 165px;
    }
    #teetimes_tiles_container {
        width: 100%;
    }
    #teetimes_tiles_container {
        grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    }

    #teetime_modal_header a {
        font-size: 0.9rem;
    }

    #teetime_modal_header a#teetime_modal_header_link {
        font-size: 1.5rem;
    }
}

/*-------------------------------------- Search widget --------------------------------------*/

.teetime-search-container {
    background: rgb(229, 229, 229);
    background-image: url("../images/tee-time-listing-page-header/background.png");
    color: white;
    display: flex;
    text-transform: uppercase;
}

#teetime_search_button {
    width: 100%;
    display: block;
    align-self: flex-end;
    letter-spacing: 1px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    background-color: #aa9471;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    margin-top: 20px;
}

.pt-2 {
    padding-top: 10px;
}

.search-option > div:first-child {
    font-size: 0.9rem;
    font-weight: 500;
}

.teetime-new-search-link a {
    color: white;
    text-align: center;
}

.tee-time-lisiting-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 120px;
    padding: 10px 20px;
}

.tee-time-lisiting-header .header-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.tee-time-lisiting-header .logo-wrapper {
    height: 100%;
}

.tee-time-lisiting-header .logo-wrapper img {
    height: 100%;
}

.page-layout-tee-time-listing-page-layout .column.main,
.page-layout-tee-time-listing-page-layout .sections.nav-sections {
    display: none;
}

.tee-time-lisiting-header .row-1 {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #efefef;
    padding-bottom: 5px;
    justify-content: end;
    font-family: garamond-premier-pro, serif;
    font-size: 20px;
}

.tee-time-lisiting-header .row-2 {
    text-align: right;
    padding-top: 15px;
}

.tee-time-lisiting-header .icon-content {
    margin-left: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tee-time-lisiting-header .icon-content svg {
    margin: 10px;
}

.tee-time-lisiting-header-mobile {
    display: none;
    height: 60px;
    padding: 10px 20px;
}
.tee-time-lisiting-header-mobile .logo-wrapper {
    height: 100%;
}
.tee-time-lisiting-header-mobile img {
    height: 100%;
}
.search-container-wrapper{
    width: 100%;
}

.teetime-search-container .calendar-search-additional-fields {
    width: max-content;
    font-size: 1rem;
}

.teetime-search-container .calendar-search-additional-fields .calendar-search-field label {
    font-size: 13.5px;
}
#tilesdetail_modal_container   .golfer-reservation-details{
    display: flex;
    row-gap:20px;
    flex-wrap: wrap;
    margin-top: 20px;
   

}
#tilesdetail_modal_container   .golfer-reservation-details .golfer-reservation-details-row {
    display: flex;
    gap:20px;
    flex: 1 1 50%; 
   max-width: 50%; 
    box-sizing: border-box; 
}

@media only screen and (max-width: 1366px) {
    .tee-time-lisiting-header-mobile {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .tee-time-lisiting-header {
        display: none;
    }
}

#teetime_tilespage_modal_links {
    padding: 20px;
    padding-right: 40px;
    text-transform: uppercase;
}

#teetime_tilespage_links_coursename {
    font-weight: 500;
}

.filter-btn-container {
    width: 140px;
    background: #ededed;
}
.filter-btn-container button, .filter-btn-mobile,.rooms-listing-filter-btn-container button{
    display: flex;
    align-items: center;
    font-weight: 400;
    margin-top: 50px;
    font-size: 1rem;
    gap: 5px;
    background: #aa9471;
    color: #fff;
    width: fit-content;
    border-radius: 0;
    border: 0;
}

.filter-btn-mobile {
    display: none;
}

.filter-btn-mobile svg {
    transform: rotate(90deg);
}

.mt-0 {
    margin-top: 0;
}

.align-center {
    align-items: center;
}

.tee-time-containers-wrapper,.spa-containers-wrapper{
   background: #EDEDED;
   padding-bottom: 30px;
}

.tee-time-containers-wrapper{
    width: calc( 100% - 140px); 
}
.spa-containers-wrapper{
    width: calc( 100% - 140px - 27%);
}

.spa-times-tiles-wrapper {
    width: calc(100% - 140px);
}

.teetime-content-wrapper .tee-time-wrapper{
    width: 73%;
}

.body-freeze{
    position: fixed;
    width: 100%;
    overflow: hidden;   
}
@media only screen and (max-width: 1366px) {
    .filter-btn-container{
        display: none;
    }
    .tee-time-containers-wrapper,
    .spa-containers-wrapper {
        width: 100%;
    }
    .teetime-content-wrapper .tee-time-wrapper{
        width: 100%;
    }
}

.teetime_modal_link {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

@media only screen and (max-width: 730px) {
    .teetime_tilespage_content_links {
        width: 100%;
        text-align: center;
    }
    .teetime_modal_link {
        flex-direction: column;
        align-items: center;
        width: 33%;
        text-align: center;
    }
    #teetime_modal_link_container {
        justify-content: space-between;
        gap: 0px;
    }
    #teetime_tilespage_modal_links {
        flex-direction: column;
        gap: 15px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 374px) {
    .teetime-tile {
        width: 70%;
        margin: 10px auto;
    }

    #teetime_modal_header a {
        font-size: 0.7rem;
    }

    #teetime_modal_header a#teetime_modal_header_link {
        font-size: 1.25rem;
    }
    #teetime_modal_header .right{
        gap : 5px;
    }
}

.page-layout-tee-time-listing-page-layout .top-right-nav {
    justify-content: flex-end;
    gap: 15px;
}

.page-layout-tee-time-listing-page-layout .hotel-info {
    display: none;
}

/* -----------------------------------------  */

#teetime_modal_header .right svg,
#teetime_modal_header .left svg {
    fill: #aa9471;
    margin-right: 5px;
    width: 38px;
    margin-bottom: 5px;
    height: 25px;
}
.block .block-title {
    align-items: center;
}

#teetime_modal_header .right {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 1rem;
    align-items: flex-start;
    color: #aa9471;
    text-transform: uppercase;
}

.teetime_modal_header {
    display: flex;
    align-items: center;
}

/* .right .teetime_modal_header {
    align-items: end;
} */

.teetime_modal_header svg {
    width: 0.9rem;
}

#teetime_modal_header a.active {
    position: relative;
}

#teetime_modal_header a.active::before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-top: 0;
    border-bottom-color: #d5b577;
    position: absolute;
    left: 50%;
    bottom: -23px;
    transform: translateX(-50%);
}
#teetime_date_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px;
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
}

/* ---------PlaceHolder CSS to be Modified---Start------------------------------  */
.page-layout-tee-time-listing-page-layout .modal-footer {
    display: none;
}

/* ---------PlaceHolder CSS to be Modified----End------------------------------  */

@media only screen and (max-width: 1366px) {
    #teetime_modal_header {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 20px;
    }

    #teetime_modal_header .right {
        width: 100%;
        justify-content: space-between;
    }
    .block-title .right {
        /* border-top: 0.5px solid #514C48; */
        padding-top: 10px;
    }
    #teetime_tilesdetail_modal_header {
        width: 100%;
        border-bottom: 0.5px solid #514c48;
    }
    #teetime_modal_header a.active::before {
        content: "";
        position: absolute;
        border: 8px solid transparent;
        border-top: 0;
        border-bottom-color: #d5b577;
        position: absolute;
        left: 50%;
        bottom: -10px;
        transform: translateX(-50%);
    }
}

@media only screen and (max-width: 500px) {
    .block-title .right .teetime_modal_header {
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }
    #tilesdetail_modal_container   .golfer-reservation-details{
        flex-direction: column;
    }
    #tilesdetail_modal_container .golfer-reservation-details .golfer-reservation-details-row{
        max-width: 100%;
    }
}

#teetime_modal_header {
    position: fixed;
    width: 100%;
    z-index: 3;
    align-items: center;
}

#teetime_modal_content {
    padding-top: 100px;
}

@media only screen and (max-width: 1366px) {
    #teetime_modal_content {
        padding-top: 125px;
    }
    #teetime_modal_header #teetime_modal_header_link.active::before {
        content: none;
        text-decoration: none;
    }
}



@media only screen and (max-width: 500px) {
    #teetime_modal_content {
        padding-top: 145px;
    }
    #teetime_modal_header .right{
        gap : 5px;
    }
  
}

@media only screen and (max-width: 348px) {
    #teetime_modal_content {
        padding-top: 195px;
    }
}


.ui-datepicker .ui-datepicker-calendar .ui-state-active, 
a.ui-state-active.ui-state-default.ui-state-highlight.ui-state-hover.ui-state-hover {
    background: #aa9471;
    color: white;
}

.ui-datepicker .ui-datepicker-prev span {
    border-color: transparent #aa9471 transparent transparent;
}

.ui-datepicker .ui-datepicker-next span {
    border-color: transparent transparent transparent #aa9471;
}

/* .ui-datepicker .ui-datepicker-calendar td .ui-state-hover {
    background: #aa9471;
    color: white;
} */

.hide {
    display: none;
}

.show {
    display: block;
}

.show-flex {
    display: flex;
}

#teetime_charge_golfer_container_template {
    display: none;
}

@media only screen and (max-width: 1366px) {
    .teetime-search-container .teetime-location {
        width: 100%;
    }
    .teetime-search-container .search-options-container.dropdown-modal {
        display: none;
        flex-direction: column;
        padding: 20px;
        margin: 0 auto;
        width: 90%;
        position: fixed;
        top: 150px;
        left: 50%;
        transform: translateX(-50%);
        background: white;
        border: 1px solid #c2c2c2;
        border-radius: 5px;
        color: black;
        max-width: 450px;
    }
    .search-option > div:first-child {
        padding-bottom: 5px;
    }
    .teetime-search-container .dropdown-modal .search-option {
        width: initial;
        margin: 15px 0px;
    }

    .teetime-search-container .search-option select,
    .teetime-search-container .search-option input {
        border: 1px solid #c2c2c2;
        height: 40px;
    }

    .teetime-search-container .search-container-header {
        width: 100%;
        display: flex;
        border-bottom: 1px solid #c2c2c2;
        margin-bottom: 10px;
        font-size: 1.5rem;
        text-transform: math-auto;
        font-family: garamond-premier-pro, serif;
    }
    .search-container-header .close-icon {
        padding-right: 5px;
    }
    .search-container-header .close-icon svg {
        scale: 0.7;
    }
    .only-protrait-mobile {
        display: flex;
    }
    .teetime-new-search-link a span {
        display: none;
    }
    .teetime-new-search-link.search-option a {
        justify-content: center;
    }
    .teetime-new-search-link.search-option a svg {
        scale: 1.2;
    }
    .teetime-search-container
        .search-options-container.dropdown-modal.show-flex {
        display: flex;
        z-index: 4;
    }
    .teetime-search-container .location-and-search-container {
        display: flex;
    }
    .teetime-search-container .teetime-location {
        width: 70%;
    }
    .teetime-search-container .expand-search-icon-wrapper {
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .teetime-search-container .expand-cart-wrapper{
        background: #aa9471;
        color: white;

    }
     .teetime-search-container .expand-cart-wrapper{
        width: 22%;
        max-width: 100px;
        background: #aa9471;
        color: white;
        display: flex;
        flex-direction: column;
    }
    .teetime-search-container .expand-cart-wrapper .cart-expand-icon{
        align-self: center;
        margin: auto;
        margin-bottom: 8px;
    }
  .teetime-search-container .expand-cart-wrapper   .suitcase-icon
  {
    fill: white;
    scale: 0.9;
    height: 30px;
    margin: 20px 10px 5px 10px;
  }
    .teetime-search-container .expand-cart-wrapper   div{
        margin: auto;
        gap:10px;
    }
}

#tilesdetail_modal_container table > thead > tr > th,
#tilesdetail_modal_container table > tbody > tr > th,
#tilesdetail_modal_container table > thead > tr > td,
#tilesdetail_modal_container table > tbody > tr > td {
    padding: 14px 10px 0px;
}

tr#teetime_detail_header {
    border-bottom: 1px solid #c2c2c2;
    height: 40px;
}

tr#teetime_detail_header span {
    font-weight: 500;
}

tr#teetime_detail_texts {
    height: 40px;
    margin-bottom: 30px;
}
.container-item-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #c2c2c2;
    font-weight: 500;
}

.container-item-content {
    padding-top: 15px;
}

.container-item {
    margin-top: 40px;
}

#teetime_includes_container,
#teetime_charge_container {
    width: 46%;
}

.w-100 {
    width: 100%;
}

.justify-end {
    justify-content: flex-end;
}

.btn-primary {
    padding: 10px;
    font-weight: 300;
    font-size: 1.2rem;
    color: white;
    background: #aa9471;
    border-radius: 5px;
    border: 0;
}

.btn-secondary {
    padding: 10px;
    font-weight: 300;
    font-size: 1.2rem;
    color: black;
    background: #e1d5c2;
    border-radius: 5px;
    border: 0;
}

.full-width {
    width: 100%;
}
.teetime-details-modal-button {
    width: 220px;
    margin-left: 10px;
}

.teetime-charge-golfer-container-added,
#teetime_charge_total_container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 5px;
}

#teetime_charge_total_container {
    border-top: 1px solid #c2c2c2;
    margin-top: 10px;
    padding: 10px;
    font-size: 1.2rem;
}

#teetime_details_modal_button_container {
    margin-top: 40px;
}

.teetime_course_updates {
    color: #9b4b38;
    font-weight: 600;
}

#teetime_includes_text_container {
    display: flex;
    flex-wrap: wrap;
}

#teetime_includes_text_container .teetime-includes-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px;
}

#teetime_includes_text_container .teetime-includes-text svg {
    scale: 0.8;
    margin-right: 5px;
}

#teetime_includes_text_container .teetime-includes-text span {
    font-size: 14px;
    text-transform: uppercase;
}

.cms-teetime-listing-page .modal-popup._inner-scroll .modal-inner-wrap {
    max-width: 930px;
}

#teetime_modal_container .block {
    margin-bottom: 5px;
}
#teetime_modal_container .table-responsive {
    overflow-x: auto;
}

.teetime_course_updates svg {
    scale: 1.05;
    margin-right: 2px;
}
.teetime-search-container .dropdown-modal .teetime-check-options-wrapper-responsive{
    display: none;
}
.teetime-search-container .dropdown-modal .search-option .calendar-search-additional-fields{
    display: none;
}
/* search widget style end */

@media only screen and (max-width: 1366px) {
    #teetime_includes_charges_container {
        flex-direction: column;
        align-items: flex-end;
    }
    #teetime_includes_charges_container > div {
        width: 100%;
    }

    #teetime_charge_container {
        max-width: 450px;
    }
    .teetime-search-container .dropdown-modal .search-option .calendar-search-additional-fields{
        display: block;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .teetime-search-container .dropdown-modal .search-option .calendar-search-additional-fields input{
    height: 20px;
    }
    .teetime-search-container .dropdown-modal .search-option .calendar-search-additional-fields label{
        color: #000;
    }
  
.teetime-search-container .dropdown-modal .search-option.teetime-check-options-wrapper-responsive {
    font-family: montserrat, sans-serif;
    display: flex;
    gap: 5%;
    justify-content: flex-start;
}
.teetime-search-container .dropdown-modal .search-option .teetime-check-options {
    border: 1px solid #c2c2c2;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 5px;
    padding-bottom: 0px ;

}
.teetime-check-options-wrapper-responsive label{
    padding:10px 20px 10px 10px;
}

.teetime-check-options-wrapper-responsive input[type="checkbox"].service-search-filter:checked {
    outline: none;
}
.teetime-check-options input[type="checkbox"].service-search-filter {
    height: 100%;
    margin: 0;
    top: 0;
    border: none;
    border-radius: 0px;

}
.teetime-check-options input[type="checkbox"].service-search-filter::before {
    content: none;
}
input[type="checkbox"].service-search-filter:checked {
    outline: 1px solid #000;
}


.teetime-check-options input:checked + label, .teetime-check-options input:checked {
    background-color: #e5dac8;
}
.teetime-check-options input:disabled + label, .teetime-check-options input:disabled {
    background-color: #fef7ea;
    cursor:not-allowed;
    opacity: 0.5;
}
.teetime-check-options input[type="checkbox"]:disabled.service-search-filter {
    cursor:not-allowed;
}
.teetime-check-options input[type="checkbox"]:disabled.service-search-filter:checked::before {
    background-color: #fef7ea;
    top: 30%;
    left: 60%;
    cursor:not-allowed;
}
.teetime-check-options input[type="checkbox"].service-search-filter:checked::before {
    background-color: #e5dac8;
    top: 30%;
    left: 60%;
}
.service-search-filter-wrapper {
    width: 45%;
}
    
}

@media only screen and (max-width: 600px) {
    .teetime-details-modal-button {
        width: max-content;
    }
    .teetime-details-modal-button button {
        padding: 10px 20px;
        font-size: 0.95rem;
    }
    .container-item {
     margin-top: 20px;
    }
    #teetime_modal_header a#teetime_modal_header_link {
        font-size: 1.2rem;
    }
}


.font-weight-500 {
    font-weight: 500;
}

#teetime_details_header_container {
    margin-top: 0;
}

.div.teetime_modal_header.left {
    padding-bottom: 5px;
}

select {
    color: black;
}

/*-------------------- Start: Fiter popup styles ---------------------- */

.filter-popup {
    margin-top: 30px;
    width: 480px;
    border: 1px solid #aa9471;
    font-family: montserrat, sans-serif;
    background: white;
    position: absolute;
    left: 0px;
    top: 225px;
    transition: left 0.5s ease;
    z-index: 4;
}

.filter-popup.hide {
    left: -500px;
    transition: left 0.5s ease;
}

.filter-popup .header {
    height: 60px;
    padding: 0px 30px;
    background: #aa9471;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-center-1 {
    display: flex;
    align-items: center;
    gap: 5px;
}
.flex-center-2 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.filter-popup .filter-item {
    border-top: 1px solid #aa9471;
    padding: 20px;
    padding-bottom: 0;
}

.filter-popup .filter-item .filter-item-title {
    font-weight: 600;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.filter-item-content {
    padding-top: 15px;
    border-top: 1px solid #ededed;
    padding-bottom: 20px;
}

.filter-popup select,
.filter-popup input[type="number"],
.filter-popup button {
    height: 56px;
    width: initial;
    border-radius: 5px;
    border: 1px solid #ededed;
    font-family: montserrat, sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

.filter-popup button.active {
    background: #e4d5c0;
    border: 0;
}

.filter-popup select::placeholder,
.filter-popup input[type="number"]::placeholder {
    color: #5f5f5f;
}

.filter-popup button {
    font-weight: 600;
}

.filter-popup .p-4 {
    padding: 20px;
}

.filter-popup .price-range input {
    width: 120px;
}

.filter-popup .golfers button,
.filter-popup .holes button {
    width: 70px;
    margin: 5px;
}

.filter-popup .transport button {
    margin: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.update-filter-btn-wrapper {
    width: 75%;
    margin: 20px auto;
}
.update-filter-btn-wrapper button.full-width {
    width: 100%;
    font-size: 1.3rem;
}

.filter-popup .filter-item:last-of-type {
    border-bottom: 1px solid #ededed;
}

.filter-popup .filter-item .reset {
    font-weight: 400;
    font-size: 0.8rem;
    gap: 10px;
    color: #395889;
    cursor: pointer;
}

.rotate-180 {
    transform: rotate(180deg);
}

.teetime-filter-courses .field {
    margin-bottom: 15px;
}

input:not([disabled]).teetime-filter-course:focus {
    box-shadow: none;
}

input[type="checkbox"].teetime-filter-course {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    outline: none;
    margin-right: 10px;
}

input[type="checkbox"].teetime-filter-course::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    background-color: #fff;
    box-sizing: border-box;
}

input[type="checkbox"].teetime-filter-course:checked::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 8px;
    width: 6px;
    height: 14px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
input[type="checkbox"].teetime-filter-course:checked {
    outline: 1px solid #000;
}

.page-wrapper {
    position: relative;
}
.category-golf.catalog-category-view .page-wrapper{
    min-height: auto;
}

.cursor-pointer {
    cursor: pointer;
}

@media only screen and (max-width: 1366px) {
    .filter-btn-mobile {
        display: flex;
    }

    .filter-popup {
        left: unset;
        right: 0;
    }

    .filter-popup .header .filter svg {
        transform: rotate(90deg);
    }
}

@media only screen and (max-width: 520px) {
    .filter-popup {
        width: 95%;
    }
}
/*-------------------- End : Fiter popup styles ---------------------- */


/*------------ Start: Teetimes Property Search  ----------------- */

.teetimes-property-search-btn{
    position: relative;
    width: max-content;
    padding: 10px 25px;
    border-radius: 5px;
    color: #fff;
    margin: 0 auto;
    font-weight: 600;
}

.teetimes-property-search-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #535353;
    opacity: 0.5;
    border-radius: 5px;
}     

.teetimes-property-search-btn .city-name, .teetimes-property-search-btn .country-name {
    position: relative;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.teetimes-property-column{
    position: relative;
    cursor: pointer;
}

.teetimes-property-column::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: 0.05;
}

.page-layout-tee-time-property-search-page-layout #maincontent{
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .teetimes-property-search-btn{
        padding: 10px 5px;
    }
}
/*------------ End: Teetimes Property Search  ----------------- */