/*
*Theme Name:     CozyStay Child Theme
*Theme URI: 	 https://cozystay.loftocean.com/
*Description:    CozyStay child theme for user customization
*Author:         Loft.Ocean
*Author URI:     http://www.loftocean.com
*License: 		 GNU General Public License v2 or later
*License URI: 	 http://www.gnu.org/licenses/gpl-2.0.html
*Tags: 			 full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready
*Template:       cozystay
*Text Domain: 	 cozystay-child
*Version:        1.0
*/

/** Add your styles below **/
.posts.layout-overlay .post .post-content::before {
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) !important;
}

.page-id-2483 .elementor-element-51ff493e .elementor-button-link.button:hover {
    background-color: #fff !important;
}

.image-slider-wrapper {
    width: 100%;
    margin: 0 0 0 0;
}

#sc-favourites-container {
    padding: 75px 0;
}

.elementor-54 .elementor-element.elementor-element-78f1d11 .button {
    border: none !important;
}

#favourites-yes path {
    fill: var(--secondary-color)
}

.elementor-54 .elementor-element.elementor-element-78f1d11 .button:hover {
    background: transparent !important;
    fill: #5da5ac !important;
}

.elementor-54 .elementor-element.elementor-element-78f1d11 .button:hover svg path {
    background: transparent !important;
    fill: #5da5ac !important;
}

.elementor-54 .elementor-element.elementor-element-78f1d11 .button svg path {
    fill: #fff !important;
}

.elementor-54 .elementor-element.elementor-element-78f1d11 .button svg path:hover {
    fill: #5da5ac !important;
}

.elementor-element.elementor-element-d396ea3.elementor-align-center.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list {
    margin-bottom: 0px;
}

.site-footer-main strong {
    font-weight: 900;
}

#sb_instagram #sbi_images {
    margin-top: -3px !important;
}

.page-template-page-right-secondary .page-title-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.home .elementor-element-96ce704 h6.cs-title {
    font-weight: 300 !important;
    font-size: 35px !important;
}

.home .elementor-element-96ce704 .cs-title-text {
    font-size: 16px !important;
}

.home .elementor-element-96ce704 .cs-btn-text {
    text-transform: none !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
}

:root {
    --heading-font: museo-sans, serif;
    --btn-font: museo-sans, Sans-serif;
    --body-font: museo-sans, Sans-serif;
    --content-color: #333632;
    --post-text-size: 15px;
    --post-line-height: 1.66;
    --light-bg-color: #fff;
    --light-text-color: #1a1b1a;
}

p {
    margin: 0 auto 20px;
}

h2,
h3,
h4,
h5,
h6 {
    font-family: "museo-sans", sans-serif !important;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 20px;
    font-weight: 300;
}

.entry-title {
    font-weight: 100 !important;
}

.primary-menu > li.menu-item-has-children > a::after {
    margin-left: 0px;
}

.no-touch .primary-menu .sub-menu:not(.cozystay-dropdown-menu) a:hover {
    color: #5ca4ab;
}

.elementor-widget-cs_title .cs-title-btn .button.cs-btn-small {
    --btn-height: 36px;
    padding: 0 23px;
    font-size: 14px;
    font-size: 0.875rem;
}

.no-touch .button:not(.cs-btn-underline):hover {
    background: #5ca4ab;
    color: #fff;
    border-color: #5ca4ab;
}

.primary-menu .sub-menu li.current-menu-item > a {
    color: #5CA4AB !important;
}

.page-id-2489 #longstay {
    display: none;
}

.sidebar-container .widget-title {
    font-size: 20px !important;
}

.post-content.cs-room-content .post-title.item-title {
    font-weight: 300;
}

.page-id-3441 .post-content.cs-room-content .post-title.item-title {
    font-weight: 300;
    font-size: 24px;
}

.page-id-3441 .cs-rooms .item-header {
    margin-bottom: 0px;
}

.page-id-3441 .cs-room-basic-info .csrbi-text {
    font-size: 11px;
}

.page-id-3441 .cs-room-basic-info .csrbi-icon {
    margin-right: 4px;
}

.page-id-3441 .cs-room-basic-info ul li {
    padding-right: 16px;

}

.button.cs-btn-underline {
    color: #5CA4AB;
}

.button.cs-btn-underline::before {
    display: none;
}

.cs-rooms.layout-list .item-excerpt {
    font-size: 15px;
    line-height: 1.66;
    color: #1a1b1a;
}

.cs-rooms-carousel:not(.slider-arrow-top):not(.slider-dots-overlap) .slick-dotted + .slider-arrows .slick-arrow {
    margin-top: -112px !important;
}

.theme-cozystay .room-availability .daterangepicker .drp-calendar.left {
    padding-right: 30px;
    padding-left: 0;
}

.theme-cozystay .room-availability .daterangepicker .drp-calendar.right {
    padding-right: 0;
    padding-left: 30px;
}

.cat-links:hover {
    color: #fff;
}

.loading-text {
    color: #fff !important;
    opacity: 1;
}

.cs-gallery.variable-width .cs-gallery-item {
    height: 1000px !important;
}

.page-id-783 .posts.layout-overlay:hover .post-title,
.page-id-783 .posts.layout-overlay:hover .cat-links {
    color: #fff;
}

.cs-gallery.gallery-carousel .slick-list {
    max-height: 750px;
}

.cs-gallery.variable-width .cs-gallery-item {
    height: 1000px !important;
    top: -150px;
}

.room-availability {
    display: none;
}


.elementor-widget.elementor-widget-cs_image {
    overflow: hidden;
}

a .attachment-large.size-large:hover {
    transform: scale(1.1);
    transition: transform 0.4s ease-in;
}

.attachment-large.size-large {
    transition: transform 0.4s ease-out;
}

.search-form {
    max-width: 100%;
    transition: 300ms ease all;
}

.search-form.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #5CA4AB;
}

.stuck .site-header.overlap-header {
    z-index: 1 !important;
}

.search-form .first {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    padding: 15px 30px 26px;
    max-width: 100% !important;
}

.search-form label {
    margin: 0 10px 0 0;
    font-size: 14px;
    white-space: nowrap;
    color: #fff;
    font-weight: 600;
}

.search-form .group {
    float: left;
    margin: 0 1% 0 0;
}

.search-form input,
.search-form button {
    width: 100%;
    box-sizing: border-box;
}

.search-form .group:nth-child(1) {
    flex: 3;
}

/* Check-in bigger */
.search-form .group:nth-child(2) {
    flex: 1;
}

.search-form .group:nth-child(3) {
    flex: 1;
}

.search-form .group:nth-child(4) {
    flex: 1;
}

.search-form .group:nth-child(5) {
    flex: 1;
}

.search-form .group:nth-child(6) {
    flex: 1.5;
    margin: 0;
}

/* Button slightly larger */

.search-form input[type="number"] {
    height: 46px;
    padding: 0 8px;
    border: 1px solid #fff;
    color: #fff;
    min-width: 90px;
}

.search-form input[type="text"] {
    height: 46px;
    padding: 0 8px;
    border: 1px solid #fff;
    color: #fff;
    min-width: 340px;
}

.search-form .additional-filters input[type="text"] {
    min-width: 217px;
}

.search-form button {
    height: 46px;
    padding: 0 15px;
    cursor: pointer;
    min-width: 300px;
}

.search-submit {
    min-width: 30px !important;
}

.search-form button#listview {
    min-width: 90px;
}

.search-form button#listview:hover svg path {
    fill: #212e45;
}

.cat-links,
.posts .overlay-label.time-label.featured-style {
    display: none;
}

.search-form button#listview svg {
    height: 30px;
}

.search-form button#listview svg path {
    fill: #fff;
}

.search-form button.more {
    height: 46px;
    padding: 0 15px;
    cursor: pointer;
    min-width: 150px;
}

.search-form button.marker {
    height: 46px;
    padding: 0 15px;
    cursor: pointer;
    min-width: 20px;
}

.search-form button.marker svg path {
    fill: #fff;
}

.search-form input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    /* makes it white */
    cursor: pointer;
}

.search-form button.marker:hover svg path {
    fill: var(--primary-color);
}

.search-form .group:last-child {
    margin-left: auto;
    flex: 0 0 auto;
    /* prevent it stretching */
}

.additional-filters {
    display: none;
    width: 100%;
    flex: 0 0 100%;
    margin-top: 15px;
    gap: 10px;
    flex-wrap: wrap;
    padding: 15px 30px;
    background: #3e6065;
}

.additional-filters i {
    font-size: 29px;
    margin: 0 10px 0 0;
    bottom: -4px;
    position: relative;
}

.filter-checkbox {
    cursor: pointer;
}

.filter-checkbox input {
    display: none;
}

.filter-checkbox span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0px 18px;
    border: 0px solid #212e45;

    background: #fff;
    color: #212e45;

    font-size: 14px;
    font-weight: 500;

    transition: all .2s ease;
    width: 199px;
}

.search-form .filter-checkbox span {
    width: 230px;
}

.filter-checkbox:hover span {
    border-color: #212e45;
}

.filter-checkbox input:checked + span {
    background: #212e45;
    border-color: #212e45;
    color: #fff;
}

.group.haslist {
    display: none;
}

.page-id-3634 .group.haslist {
    display: flex;
}

.theme-cozystay .daterangepicker .calendar-table th,
.theme-cozystay .daterangepicker *,
.theme-cozystay .daterangepicker .calendar-table td {
    font-family: "museo-sans" !important;
}

.page-id-3634 .group.haslist label {
    line-height: 45px;
}

.daterangepicker .drp-buttons .btn {
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 7px 20px !important;
    background: #212e45 !important;
    border: none !important;
    color: #fff !important;
    cursor: pointer !important;
}

.daterangepicker .drp-buttons .btn.applyBtn {
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 7px 20px !important;
    background: #5CA4AB !important;
    border: none !important;
    color: #fff !important;
    cursor: pointer !important;
}

.theme-cozystay .daterangepicker {
    --dropdown-bg: #fff !important;
}

.theme-cozystay .daterangepicker .calendar-table tbody td,
.theme-cozystay .daterangepicker td.active:hover {
    border: none !important;
    border-bottom: none !important;
    border-radius: 50% !important;
}

.theme-cozystay .daterangepicker td.active:before,
.theme-cozystay .daterangepicker td.in-range:before,
.theme-cozystay .daterangepicker td.available:hover:before {
    width: calc(100% + 2px) !important;
    height: calc(100% + 2px) !important;
    border: 1px solid !important;
    border-radius: 50% !important;
}

.theme-cozystay .daterangepicker td.in-range {
    background: #5CA4AB !important;
    color: #fff !important;
    border-radius: 0px !important;
}

.sidemenu .container {
    background-color: rgba(0, 0, 0, 0.50) !important;
}

.mobile-only {
    display: none;
}

.sub-menu.elementor-nav-menu--dropdown {
    margin: 0 0 20px 20px !important;
}

.e-font-icon-svg.e-fas-caret-down {
    fill: white;
}

.mobile-menu .mobile-only {
    display: block;
}

.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-item.highlighted,
.elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-sub-item.elementor-item-active,
.elementor-sub-item.highlighted,
.elementor-sub-item:focus,
.elementor-sub-item:hover {
    background-color: inherit !important;
    color: #5CA4AB !important;
}

.no-touch .sidemenu a:hover {
    opacity: 1 !important;
}

.page-id-3634 .menu-toggle .menu-toggle-icon:before,
.page-id-4290 .menu-toggle .menu-toggle-icon:before {
    border-bottom: 1px solid #111111 !important;
    border-top: 1px solid #111111 !important;
}

.page-id-3634 .menu-toggle .menu-toggle-icon:after,
.page-id-4290 .menu-toggle .menu-toggle-icon:after {
    border-top: 1px solid #111111 !important;
}

.page-id-3634 .elementor-54 .elementor-element.elementor-element-46001322 {
    padding: 20px 60px 17px 60px;
}

.favorite .cs-btn-text {
    fill: white;
}

.optionsModal {
    display: none;
}

.optionsModal .search-form {
    display: block;
}

.favorite .button.cs-btn-color-white {
    border: 0px;
    padding: 0 0 0 20px;
}

#filterShow2 {
    position: relative;
    display: inline-block;
    float: left;
    width: 48%;
    background: #5ca4ab;
    border-radius: 0;
    text-align: center;
    color: #fff;
    line-height: 1;
    padding: 3px 0 10px;
    margin: 20px 4% 0 0;
    display: none;
    top: 50px;
}

.page-id-4290 .favorite .cs-btn-text {
    fill: #000;
}

#filterShow2 svg {
    position: relative;
    height: 21px;
    top: 5px;
    left: 5px;
}

#filterShow2 svg path {
    fill: #fff;
}

.property-price {
    margin-bottom: 15px;
}

.search-form .button.cs-btn-color-primary:hover {
    background: #fff;
    color: #212e45;
    border-color: #fff;
}

/* MOBILE RULES */

@media (max-width: 1418px) {
    .search-form button {
        min-width: 160px;
    }

    .search-form input[type="text"] {
        min-width: 200px;
    }

    .search-form input[type="number"] {
        min-width: 60px;
    }

    .search-form button {
        padding: 0 5px;
    }

    .search-form button.more {
        min-width: 130px;
    }

    .search-form .filter-checkbox span {
        width: 210px;
    }

    .search-form .additional-filters input[type="text"] {
        min-width: 320px;
    }

    .search-form .filter-checkbox span {
        width: auto;
        min-width: 188px;
    }

}


@media (max-width: 1200px) {
    .smaller-padding .button {
        padding: 0 28px;
    }

    .search-form .filter-checkbox span {
        width: auto;
        min-width: 176px;
    }

    #masthead .button.cs-btn-color-white.cs-btn-outline {
        background-color: inherit;
        border: 0px solid #212e45 !important;
        color: #212e45;
        font-weight: 600 !important;
    }

    .search-form .additional-filters input[type="text"] {
        min-width: 233px;
    }

    .elementor-widget-wrap.elementor-element-populated:has(.search-form) {
        position: relative;
        top: 50px;
    }

    .search-form .additional-filters input[type="text"] {
        min-width: 207px;
    }

}

@media screen and (max-width: 1025px) {
    .search-form .filter-checkbox span {
        width: 133px;
        font-size: 10px;
    }

    .search-form .additional-filters input[type="text"] {
        min-width: 190px;
    }

    .search-form .filter-checkbox span {
        width: auto;
        min-width: 135px;
    }
}


@media screen and (min-width: 1000px) {
    .site-content[class*="with-sidebar-"] .primary {
        float: left;
        width: calc(100% - var(--sidebar) - var(--sidebar-gap));
    }

    .site-content[class*="with-sidebar-"].with-sidebar-right .sidebar {
        float: right;
    }
}


@media (max-width: 992px) {}

@media (max-width: 820px) {
    .page-title-section.page-title-fullheight {
        height: 60vh;
        margin-bottom: 80px;
    }

    .post-content.cs-room-content .post-title.item-title {
        font-weight: 300;
        max-width: 80%;
    }

    #sc-favourites-container {
        padding: 25px 0 75px;
    }

    .post-content.cs-room-content .post-title.item-title {
        font-weight: 300;
        margin: 20px 0;
    }

    #sc-favourites-container .posts {
        text-align: center;
    }

    #sc-favourites-container .posts .posts-wrapper {
        display: block;
    }

    #sc-favourites-container .posts .post {
        margin-top: 0;
        display: inline-block;
        vertical-align: top;
        width: 45%;
        margin: 0 10px 20px;
        text-align: left;
    }

    .list-view .property-title {
        font-size: 1.475rem;
        font-weight: 300;
        margin: 0 0 0px;
        line-height: 1;
    }

    .list-view .image-slider a,
    .list-view .image-slider a img {
        height: 210px;
    }

    .list-view .desc {
        display: inline;
        height: 50px;
        overflow: hidden;
    }

    .list-view .image-slider {
        height: auto;
    }

    .list-view .innerContent {
        padding: 50px 0;
    }

    .additional-filters {
        margin-top: 0;
    }

    .search-form .filter-checkbox span {
        width: auto;
        font-size: 9px;
        height: 46px;
        min-width: 82px;
    }

    .search-form label {
        margin: 0 3px 0 0;
    }

    .modalhide {
        display: none;
    }

    .search-form .additional-filters input[type="text"] {
        min-width: 167px;
    }

    .additional-filters i {
        font-size: 17px;
    }
}

@media (max-width: 770px) {

    .daterangepicker .drp-calendar {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }

    .theme-cozystay .daterangepicker .calendar-table td {
        height: 30px !important;
    }

    #sc-favourites-container .posts .post {
        margin-top: 0;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        margin: 0 0 20px 0;
        text-align: left;
    }

    .daterangepicker {
        position: fixed !important;
        left: 0 !important;
        width: 100% !important;
        top: 0 !important;
        overflow: scroll !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    .elementor-widget-wrap.elementor-element-populated:has(#filterShow2) {
        background: none !important;
        position: relative;
        top: 3px;
    }

    .theme-cozystay .daterangepicker .calendar-table tbody td,
    .theme-cozystay .daterangepicker td.active:hover,
    .theme-cozystay .daterangepicker td.active:before,
    .theme-cozystay .daterangepicker td.in-range:before,
    .theme-cozystay .daterangepicker td.available:hover:before {
        border-radius: 4px !important;
    }

    .additional-filters {
        text-align: center !important;
    }

    .search-form .additional-filters input[type="text"] {
        min-width: 1px !important;
        margin: 20px 0 !important;
    }

    .search-form .group {
        float: left;
        margin: 0;
        width: 100%;
    }

    .filter-checkbox {
        width: 45%;
    }

    .additional-filters i {
        font-size: 19px !important;
    }

    .filter-checkbox span {
        border: none !important;
        background: transparent !important;
        color: #fff !important;
        font-size: 14px !important;
        width: 42% !important;
        display: inline-block !important;
        padding: 0 0px 10px 0 !important;
        text-align: left !important;
    }

    .additional-filters {
        padding: 20px 30px 20px;
    }

    #closeModal {
        height: 24px;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        z-index: 99;
    }

    #closeModal path {
        fill: #fff;
    }

    .modalhide,
    .page-id-3634 .group.haslist {
        display: none !important;
    }

    .search-form {
        display: none;
    }

    #filterShow2 {
        display: block;
        width: 100%;
        margin: 0;
        padding: 10px 10px 16px;
        line-height: 1;
        font-weight: 700;
    }

    .optionsModal {
        position: fixed;
        top: 50%;
        left: 5%;
        background: #fff;
        width: 90%;
        max-height: 70vh;
        padding: 20px 0 0 0px;
        transform: translate(0, -50%);
        z-index: 99999;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        background: #5ca4ab;
        overflow: scroll;
        display: none;
        z-index: 99999;
    }

    .search-form .first {
        padding: 15px 30px 0 !important;
        max-width: 100% !important;
    }

    .checkA {
        padding: 0px 20px 20px 20px;
    }

    .additional-filters {
        display: block !important;
        padding: 0 30px 20px !important;
        background: #5ca4ab !important;
    }

    .moreF {
        display: none !important;
    }

    .search-form label {
        margin: 0 10px 0 0 !important;
        font-size: 13px !important;
        white-space: nowrap !important;
        color: #fff !important;
        font-weight: 600 !important;
        position: relative !important;
        width: 45%;
        display: inline-block;
        vertical-align: top;
    }

    .search-form label {
        position: relative !important;
        text-align: left;
    }

    .filter-checkbox input {
        display: inline !important;
        width: auto !important;
        position: relative !important;
        left: -2px !important;
        top: 2px !important;
    }

    .additional-filters i {
        display: none !important;
    }

    .optionsModalBlack {
        position: fixed;
        content: '';
        background-color: rgba(0, 0, 0, 0.6);
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 9999;
        display: none;
    }

    .site-header > .button {
        position: absolute !important;
        top: 30px !important;
        right: 5%;
        width: auto;
    }

    #sc-favourites-container {
        padding: 35px 5%;
    }

    .post-content.cs-room-content .post-title.item-title {
        font-weight: 300;
        max-width: 90%;
        margin: 20px 0 0;
    }
}


@media (max-width: 576px) {
    .search-form .group .modalhide {
        height: 5px;
        display: block;
    }

    div.feature {
        width: auto;
        margin: 0 5px 0 0;
    }

    div.feature.longer {
        width: auto;
        margin: 0 5px 0 0;
    }

    div.feature.hides.stars {
        width: auto;
        margin: 0 5px 0 0;
    }

    .sidebar {
        padding-bottom: 0px;
    }

    .page-title-section.page-title-fullheight .page-title-extra {
        bottom: 20px;
    }

    body.page-id-4290 header .button:not(.cs-btn-underline).cs-btn-small {
        padding: 0 !important;
    }
}

@media (max-width: 480px) {}