/*
*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
*/

/* ====================================================== */
/*  RESERVATION FILTER
/* ====================================================== */

.cs-reservation-form input {
    font-family: "Yekanbakh";
}

.cs-reservation-form.style-banner-2 .cs-form-field:not(.cs-submit):after {
    left: 30px;
    right: auto;
}

.cs-reservation-form.style-banner-2 .cs-form-icon {
    margin-left: 25px;
    margin-right: 0;
}

/* ====================================================== */
/*  IMAGE GALLERY
/* ====================================================== */

.cs-gallery {
    direction: ltr;
}

.slick-arrow.slick-next:after {
    content: "\35";
}

.slick-arrow.slick-prev:after {
    content: "\34";
}

.cs-gallery.style-overflow .slick-arrow.slick-next {
    right: -30px;
    left: auto;
}

.cs-gallery.style-overflow .slick-arrow.slick-prev {
    right: auto;
    left: -30px;
}

.cs-rooms.cs-rooms-carousel .slick-arrow.slick-next {
    right: -30px;
    left: auto;
}

.cs-rooms.cs-rooms-carousel .slick-arrow.slick-prev {
    right: auto;
    left: -30px;
}

/* ====================================================== */
/*  ROOMS CAROUSEL
/* ====================================================== */

.cs-rooms-carousel .cs-rooms-wrapper {
    direction: ltr;
}

.cs-rooms-carousel .cs-rooms-wrapper .cs-room-item {
    direction: rtl;
}

.cs-room-basic-info .csrbi-text {
    font-size: 0.775rem;
}

/* ====================================================== */
/*  MAILCHIMP FORM
/* ====================================================== */

.mc4wp-form {
    font-family: 'Yekanbakh';
}

.mc4wp-form .mc4wp-form-fields .fields-container button[type="submit"] {
    left: 0;
    right: auto;
    font-family: 'Pinar';
}

/* ====================================================== */
/*  LIST
/* ====================================================== */

.cs-list .list-icon svg {
    height: 6px;
    fill: var(--primary-color);
    margin-left: 15px;
}

.cs-list .list-content {
    text-align: right;
}

/* ====================================================== */
/*  CS ROOM BOOKING
/* ====================================================== */

.cs-room-booking .price-quantity .cs-form-price {
    font-size: 0.775rem;
}

/* ====================================================== */
/*  SLICK SLIDER
/* ====================================================== */

.slick-arrow.slick-next {
    right: 30px;
    left: auto;
}

.slick-arrow.slick-prev {
    left: 30px;
    right: auto;
}

.elementor-section-full_width .cs-rooms.cs-rooms-carousel .slick-arrow.slick-next {
    right: 60px;
    left: auto;
}

.elementor-section-full_width .cs-rooms.cs-rooms-carousel .slick-arrow.slick-prev {
    right: auto;
    left: 60px;
}

.posts .post.format-gallery .slick-arrow.slick-next {
    right: 15px;
    left: auto;
}

.posts .post.format-gallery .slick-arrow.slick-prev {
    left: 15px;
    right: auto;
}

.cs-rooms.slider-arrow-top .slider-arrows {
	direction: ltr;
}

.cs-rooms.slider-arrow-top .slider-arrows .slick-arrow.slick-prev {
    margin-left: auto;
    margin-right: 5px;
}

/* ====================================================== */
/*  CONTACT FORM 7
/* ====================================================== */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="file"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="search"],
input[type="tel"],
textarea {
    text-align: right;
    direction: rtl;
}

/* ====================================================== */
/*  BLOG
/* ====================================================== */

.posts .post.format-gallery .slick-arrow.slick-prev {
    left: 15px;
    right: auto;
}

.posts .post.format-gallery .slick-arrow.slick-next {
    right: 15px;
    left: auto;
}

/* ====================================================== */
/*  SLICK ARROWS
/* ====================================================== */

.elementor-section-full_width .cs-rooms.cs-rooms-carousel .slick-arrow.slick-next {
    right: 60px;
    left: auto;
}

.elementor-section-full_width .cs-rooms.cs-rooms-carousel .slick-arrow.slick-prev {
    right: auto;
    left: 60px;
}

/* ====================================================== */
/*  CS TESTIMONIALS
/* ====================================================== */

.slick-dots li:last-of-type button {
    margin: 0 6px;
}

/* ====================================================== */
/*  SIDEBAR
/* ====================================================== */

.sidebar .widget_block.widget_search .wp-block-search__button {
    right: auto;
    left: 0;
    top: 5px;
}

/* ====================================================== */
/*  NEWSLETTER WIDGET
/* ====================================================== */

.mc4wp-form .fields-container button[type="submit"]:after {
    margin-left: 12px;
    margin-right: 5px;
}

/* ====================================================== */
/*  FONTS
/* ====================================================== */

@media screen and (min-width: 1200px) {

    .posts.layout-standard .post-excerpt,
    .site-content:not([class*="with-sidebar-"]) .posts.layout-list .post-excerpt {
        font-size: 14px;
    }
}

/* ====================================================== */
/*  AVAILABILITY CALENDAR
/* ====================================================== */

.theme-cozystay .room-availability .daterangepicker {
    display: block !important;
	width: 100%;
}

@media only screen and (min-width:795px) {
  .room-availability-calendar-wrapper .daterangepicker .calendar {
      width: 46% !important;
  }
}

.room-availability-calendar-wrapper .daterangepicker .calendar {
  max-width: unset !important;
  width: 100%;
}


.room-availability-calendar-wrapper .daterangepicker .calendar th.next i, 
.room-availability-calendar-wrapper .daterangepicker .calendar th.prev i {
    max-width: 30px;
    margin-right: 10px;
}

.dark-color .room-availability-calendar-wrapper .daterangepicker .calendar th.month,
.dark-color .room-availability-calendar-wrapper .daterangepicker .calendar th.next i, 
.dark-color .room-availability-calendar-wrapper .daterangepicker .calendar th.prev i,
.dark-color .room-availability .daterangepicker .calendar-table th,
.dark-color .room-availability .daterangepicker .calendar-table td {
	color: white;
}

.dark-color .room-availability-calendar-wrapper .daterangepicker .calendar th.next:hover i, 
.dark-color .room-availability-calendar-wrapper .daterangepicker .calendar th.prev:hover i {
  border: none;
}

.dark-color .room-availability-calendar-wrapper .daterangepicker .ranges {
    margin: 20px 10px !important;
    padding: 20px 0;
    border-top: 1px solid #ffffff26;
}

.room-availability-calendar-wrapper .daterangepicker .ranges {
    margin: 20px 10px !important;
    padding: 20px 0;
  	border-top: 1px solid #0000001a;
}

.dark-color .room-availability .daterangepicker .calendar-table td.in-range:not(.end-date) {
	color: black;
}

.room-availability-calendar-wrapper .daterangepicker .ranges .range_inputs .btn-default {
	width: 90px !important;
    padding: 8px 14px;
    background: transparent;
    border: 1px solid var(--text-color);
    border-radius: 2px;
    color: var(--text-color);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.2s;
    margin-right: 5px !important;
  	transition: all 0.5s ease;
}

.room-availability-calendar-wrapper .daterangepicker .ranges .range_inputs .btn-success {
	width: 90px !important;
    padding: 8px 14px;
    border: 1px solid var(--text-color);
    border-radius: 2px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.2s;
  	background: var(--text-color);
    color: var(--bg-color);
  	transition: all 0.5s ease;
}

.room-availability-calendar-wrapper .daterangepicker .ranges .range_inputs button:hover {
	opacity: 0.8;
}

.room-availability-calendar-wrapper .ranges {
    text-align: right !important;
  	clear: both;
}