/*** WINE SPECIFIC WIDGET CSS ***/
/*** The width of the container in which the widget is placed should be set to 95% for mobile ***/
/*** GENERAL WIDGET CSS - ALL DEVICES ***/

 #sc-listings-target {
     padding-top: 0px !important;
     position: relative;
}
 .sc-listings-container .sc-listing-feature {
     font-size: 100% !important;
}
 #sc-listings-target {
     width: 100% !important;
}
 .sc-listings-widget-root h2 {
     font-size: 28px !important;
     padding-top: 10px;
}
 .sc-listing-item .favourite-container {
    right: 4px !important;
    bottom: 10px !important;
}
.sc-dropdown .header,
.sc-dropdown .icon {
    border-color: #CFD1D2 !important;
}
 .sc-inline-image-panel>div img {
     height: 100%;
     object-fit: cover;
}
 ul.sc-listing-contact {
     padding-left: 0px;
}
 table.sc-paging-and-view-widget {
     border: none;
}
 #sc-widget-target .react-datepicker__month-container {
     float: none !important;
}
 #sc-widget-target .sc-date-picker-children p {
     padding-bottom: 0.5em !important;
}
 .sc-listings-where-what-keywords {
    text-align: center;
    margin-bottom: 30px;
 }
 .sc-listings-where-what-keywords input[type="text"] {
     height: 30px !important;
     font-size: 20px !important;
     font-style: normal !important;
     font-weight: 300 !important;
     color: black !important;
     padding: 5px;
}
 .sc-listings-where-what-keywords input[type="submit"] {
     height: 30px !important;
     font-size: 20px !important;
     font-style: normal !important;
     font-weight: 400 !important;
     color: black !important;
     margin-left: 5px;
     border: none;
}
 .sc-dropdown.sc-region-dropdown {
     margin-left: 5px;
}
 .sc-dropdown {
     font-size: 16px !important;
}
 .sc-dropdown .title{
     overflow: hidden !important;
}
 .sc-dropdown .content {
     max-width: none;
}
 button.sc-toggle-filter-btn {
     display: none !important;
}
 .sc-booking-button img {
     height: 24px !important;
}
 .sc-loading-panel h1 {
     display: none;
}
 .sc-listings-widget-root h1 {
     font-size: 28px !important;
     color: black !important;
}
 .sc-dropdown .header .active .svg-inline--fa {
     color: white !important;
}
 .sc-selected {
     background-color: #333333;
     color: white;
}
 .sc-selected .sc-listing-title {
     color: white;
}
 .lightbox-icon-container, .lightbox-icon-container:hover {
     background-color: transparent;
}
 .sc-full-details-section span {
     font-size: 18px;
}
 .sc-listing-title {
     font-size: 18px;
     line-height: 100%;
     display: block;
     padding-bottom: 5px;
     margin-top: 0px;
     color: #264F73;
}
 .sc-listing-item br {
     display: none !important;
}
 .sc-listing-feature {
     font-size: 18px;
     line-height: 100%;
     font-weight: 300;
     margin-bottom: 20px;
}
 .brief-tab-full-text, .brief-tab-full-text p {
     font-size: 18px !important;
     line-height: 125%;
     color: white !important;
}
 .sc-full-details-tabs span:nth-child(1) {
     margin-left: 0px;
}
 .inline-details h2 {
     margin-left: -10px;
     font-size: 32px !important;
     text-align: left;
}

 .paging-controls {
     text-align: center;
}
 button.sc-icon-btn {
     color: black;
}
 button.sc-icon-btn:hover {
     color: #939598;
}
.sc-paging-and-view-widget {
    font-family: Assistant;
}
 .sc-paging-and-view-widget .sc-paging-and-view-middle {
     text-align: center;
}
 .sc-listings-container .inline-details {
     color: #fff !important;
}
 #sc-filter-what .content {
     max-height: none !important;
}
 .sc-map-infobox .sc-listing-title {
     margin-top: 0px !important;
}
 .eventFeatureDetail p {
     font-size: 16px !important;
}
 .eventItemInList.active .eventInWindow {
     color: maroon;
     font-size: 18px;
}
 .eventFeatureDetail .eventPkListing {
     font-weight: bold !important;
}
 .sc-paging-and-view-left button {
     font-size: 16px !important;
     margin-right: 10px;
}


/* Custom CSS */


/* Map View */
.sc-paging-and-view-left button {
    background: url('../images/widget_icons/map.png') no-repeat;
    border: 0;
    padding: 0;
    width: 35px;
    height: 35px;
    background-size: 32px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    color: transparent;
    font-size: 0;
    vertical-align: top;
    margin: 0;
    margin-left: 10px;
}
.sc-container.map-view .sc-paging-and-view-left button {
    background-image: url('../images/widget_icons/map_on.png');
}

/* Grid View */
.sc-paging-and-view-left button:first-child {
    background-image: url('../images/widget_icons/grid.png') !important;
}
.sc-container.grid-view .sc-paging-and-view-left button:first-child {
    background-image: url('../images/widget_icons/grid_on.png') !important;
}

/* Translate Button */
.sc-paging-and-view-left a.sc-link-button {
    color: black;
    line-height: 35px;
    margin-left: 15px;
}



section.section-scoop-widget .sc-dropdown {
    margin: 5px 8px;
}

section.section-scoop-widget .inner-widget .sc-container {
    min-height: 930px;
}

section.section-scoop-widget > .container .container {
    overflow: visible !important;
}

section.section-scoop-widget .sc-paging-and-view-widget {
    height: 48px;
    border: 1px solid #F2F2F2;
    margin-top: 20px;
    margin-bottom: 40px;
}

section.section-scoop-widget .sc-listings-filters {
    margin-top: 30px;
    text-align: right;
}

section.section-scoop-widget .sc-listicles-labels > .favourite-container:first-child,
section.section-scoop-widget .sc-listings-filters > .favourite-container:first-child {
    left:0;
}

section.section-scoop-widget .sc-listicles-labels > .favourite-container,
section.section-scoop-widget .sc-listings-filters > .favourite-container {
    position: absolute !important;
    left: 40px;
    top: -40px;
}

section.section-scoop-widget .sc-listicles-labels > .favourite-container {
    top: -10px;
}

section.section-scoop-widget .sc-share-popup-content {
    top: 0px;
    right: 90px;
    background: transparent !important;
}

section.section-scoop-widget .sc-listings-filters hr,
section.section-scoop-widget .sc-container.hide-where .sc-region-dropdown,
section.section-scoop-widget .sc-container.hide-what #sc-filter-what,
section.section-scoop-widget .sc-container.hide-search .sc-listings-where-what-keywords > form,
section.section-scoop-widget .sc-container.hide-title .sc-listing-widget-title {
    display: none !important;
}

section.section-scoop-widget .sc-container.hide-subregion #sc-filter-10453, 
section.section-scoop-widget .sc-container.hide-subregion #sc-filter-10458, 
section.section-scoop-widget .sc-container.hide-subregion #sc-filter-10454, 
section.section-scoop-widget .sc-container.hide-subregion #sc-filter-10450 { display: none !important; }

.sc-share-button-container,.sc-listicles-labels .sc-icon-button, .sc-listings-filters .sc-icon-button {
    float: none !important;
    display: inline-block !important;
    margin-top: 10px;
}

section.section-scoop-widget .sc-listings-filters > div {
    text-align: left;
}


/*** GENERAL WIDGET CSS - MOBILE ***/
 @media only screen and ( max-width: 600px ) {
     .sc-listing-row-1 .sc-listing-item {
         width: 100%;
    }
     td.sc-paging-and-view-left {
         width: 50%;
         padding: 0px !important;
    }
     td.sc-paging-and-view-middle {
         width: 50%;
         padding: 0px !important;
    }
     .paging-limit-selection {
         display: none;
    }
     .sc-region-dropdown, #sc-filter-what {
         width: 95%;
         padding-bottom: 10px;
         margin-left: 5px !important;
         margin-right: 1px !important;
    }
     .sc-region-dropdown .header {
         width: 100%;
    }
     #sc-filter-what .header {
         width: 100%;
    }
     .sc-listings-where-what-keywords>* {
         padding-bottom: 10px;
    }
     .sc-listings-where-what-keywords form input[type=text] {
         width: 200px !important;
         font-size: 16px !important;
    }
     .sc-listings-where-what-keywords form input[type=submit] {
         margin-left: 10px !important;
         font-size: 16px !important;
    }
     .sc-listings-where-what-keywords form {
         margin-top: 6px !important;
         margin-left: 5px !important;
    }
     .sc-secondary-filter-sideways {
         border: none !important;
         margin-left: 3px !important;
    }
     .sc-secondary-filter-dropdowns {
         -webkit-overflow-scrolling: auto !important;
    }
     .sc-swipe-icon-container {
         height: 40px !important;
    }
     .sc-listings-widget-root h1 {
         font-size: 24px !important;
    }
     .active-filters span {
         display: block !important;
         text-align: center !important;
         margin: 10px 5px;
    }
     .active-filters {
         display: block !important;
    }
     .sc-listings-widget-root h1 {
         font-size: 24px !important;
    }
}
