/*
Theme Name:  WSM Template Sundance Child
Version:     1.0
Author:      WSM
Author URI:  http://www.whitestonemarketing.com
Template:    wsm-template-sundance
*/
/* Adjust the value of 'Template:' above to match the parent theme's folder name */

/* add custom styles here */

.page-id-2586 #offers {
    margin-bottom: 0 !important;
}

.blog .btn-arrow,
.nav-wrapper.sps--blw .header-top-reservations:hover,
.nav-wrapper.sps--blw .header-top-reservations:active,
.nav-wrapper.sps--blw .header-top-reservations:focus {
    color: #3d4f5f;
}

.btn-outline-accent:hover,
.btn-outline-accent:active,
.btn-outline-accent:focus,
.room-grid-item-details .link-arrow,
.room-grid-item-details .link-arrow:hover,
.room-grid-item-details .link-arrow:focus,
.room-grid-item-details .link-arrow-container:after {
    color: var(--theme-primary-color);
}

.slider-and-text-box-text-box-link,
.slider-and-text-box-text-box-link:hover,
.slider-and-text-box-text-box-link:active,
.slider-and-text-box-text-box-link:focus {
    color: var(--theme-primary-color) !important;
}

.room-container .room-nav-wrapper,
.room-container .rooms-nav-wrapper a,
.room-container .rooms-nav-wrapper a:active,
.room-container .rooms-nav-wrapper a:focus,  
.room-container .rooms-nav-wrapper a:hover {
    color: #7f7f7f;
}

.phone-icons ul > li:nth-child(4) {
    display: none;
}
.phone-icons ul > li {
    flex-grow: 1;
}

.room-specials {
    display: none;
}
.room-info-container {
    margin-bottom: 60px;
}

.header-nav-left .gift-certificates-icon {
    display: none;
}

.reservations-bar .tr-widget-submit,
.reservations-bar .tr-widget-submit:hover,
.reservations-bar .tr-widget-submit:active,
.reservations-bar .tr-widget-submit:focus,
.main-content-area .site-main .gform_wrapper.gform-theme.gform-theme--framework .gform_button.button,
.main-content-area .site-main .gform_wrapper.gform-theme.gform-theme--framework .gform_button.button:hover,
.main-content-area .site-main .gform_wrapper.gform-theme.gform-theme--framework .gform_button.button:active,
.main-content-area .site-main .gform_wrapper.gform-theme.gform-theme--framework .gform_button.button:focus {
    background-color: var(--theme-primary-color) !important;
    color: #fff !important;
    transition: opacity 0.2s !important;
}

.reservations-bar .tr-widget-submit:hover,
.main-content-area .site-main .gform_wrapper.gform-theme.gform-theme--framework .gform_button.button:hover {
    opacity: 0.9;
}

.special-grid-item-text-container .special-content-subtitle,
.special-grid-item-text-container .link-arrow,
.special-grid-item-text-container .link-arrow:hover,
.special-grid-item-text-container .link-arrow:focus,
.special-grid-item-text-container .link-arrow-container:after {
    color: #7f7f7f;
}

@media (min-width: 768px) {

        /* rate chart */
        /***
        .rate-chart-container .table .bed-col {
                width: 110px;
        }
        .rate-chart-container .table .bath-col {
                display: none;
        }
        .rate-chart-container .table > thead > tr > th.guests-col {
                min-width: 98px;
                text-align: center;
                width: 98px;
        }
        .rate-chart-container .table > thead > tr > th.rates-col {
                min-width: 130px;
                width: 130px;
        }
        .rate-chart-container .table > thead > tr > th.room-col {
                width: 210px;
        }
        .rate-chart-container .table > thead > tr > th.book-col {
                width: 110px;
        }
        ***/
}

@media (min-width: 992px) {

    .nav-wrapper .header-icons {
        display: none;
    }

    .room-info-container {
        margin-bottom: 80px;
    }

    .rooms-nav-wrapper-lg,
    .rooms-nav-wrapper-lg a,
    .rooms-nav-wrapper-lg a:active,
    .rooms-nav-wrapper-lg a:focus,
    .rooms-nav-wrapper-lg a:hover {
        color: #7f7f7f !important;
    }

        /* rate chart */
        /***
        .rate-chart-container .table .bath-col {
                display: table-cell;
                width: 150px;
        }
        .rate-chart-container .table .features-col {
                min-width: 110px;
        }
        ***/
}

@media (min-width: 1200px) {

        /* rate chart */
        /***
        .rate-chart-container .table > thead > tr > th {
                font-size: 18px;
        }
        .rate-chart-container .table > thead > tr > th.room-col {
                width: 210px;
        }
        .rate-chart-container .table > thead > tr > th.guests-col {
                width: 108px;
        }
        .rate-chart-container .table > thead > tr > th.bath-col {
                width: 130px;
        }
        .rate-chart-container .table > thead > tr > th.features-col {
                width: 267px;
        }
        .rate-chart-container .table > thead > tr > th.rates-col {
                width: 138px;
        }
        ***/
}

@media (min-width: 1400px) {
}