/*
Theme Name: IPIE Site
Template: arkai
Theme URI: https://ipieservices.com
Author: IPIE Services
Author URI: https://ipieservices.com
Description: For IPIE destination portal sites.
Version: 1.0.0
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6

Text Domain: ipiesite
*/

/* HEADER CHANGES */

.header-area .navbar {
    padding: .5rem 1rem !important;
}

.ak-header-sec .border-bottom {
    border-bottom-width: 3px !important;
}

.header-logo img, .h-logo-left img, .footer-widget-sec img {
    max-width: 240px !important;
}

.navbar h1 {
    font-size: 30px;
}

.ak_breadcrumb a {
    font-weight: 400 !important;
}

/* HOMEPAGE STYLES */

.featured4-item {
    padding: 35px;
}

.owl-carousel .owl-nav button.owl-prev {
    left: 0 !important;
}

.owl-carousel .owl-nav button.owl-next {
    right: 0 !important;    
}

.owl-carousel .owl-nav button.owl-prev.disabled {
    left: -40px !important;
}

.owl-carousel .owl-nav button.owl-next.disabled {
    right: -40px !important;
}

.featured-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home .main h3 {
    margin: 30px 0;
}

/* GENERAL STYLES */

.footer-bottom {
    font-size: 16px;
}

b, strong {
    font-weight: 600;
}

.price {
    font-weight: 600;
}

.hide {
    display: none !important;
}

.wpcs_auto_switcher.cd-stretchy-nav {
    top: 10px !important;
    right: 2px !important;
}

/* COMMENT STYLES */

.comment-metadata {
    font-size: 90%;
}

.comments-list li.comment .comment-meta {
    margin-bottom: 0px !important;
}

/* SIDEBAR CHANGES */

.sticky-sidebar {
    top: 76px;
    padding: 35px;
    margin-bottom: 25px;
}

.sticky-sidebar a, .sticky-sidebar h4, .sticky-sidebar .js-toc-title {
    color: #fff;
}

.sticky-sidebar h4 {
    font-size: 20px;
    line-height: 1.4em;
}

ol.toc-list {
    font-size: 16px;
}

.ipie-widget h4 {
    margin: 20px 0 10px;
}

/* SINGLE CHANGES */

.post-single-content>*:not(:first-child), .post-single-content .wp-block-embed, .post-single-content .wp-block-table, .comment-content>*:not(:first-child), .comment-content .wp-block-embed, .comment-content .wp-block-table {
    margin-top: 26px;
}

.post-single-content img {
    border-radius: 0px;
}

.post-single-content ol:not([class]) li:not(.comment), .comment-content ol:not([class]) li:not(.comment) {
    padding-left: 34px;
}

.single-page-section {
    padding-top: 35px;
}

.single-post-header {
    max-width: 100%;
}

.post-banner {
    margin-bottom: 20px;
}

.post-content {
    max-width: 700px;
    margin: 0 0;
}

.taxonomy-links {
    font-size: 17px;
    display: block;
}

.sra-embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.sra-embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* HOMESTAY SINGLE */

.accommodation .blog-post-content h3 {
    margin-bottom: 0;
}

.nav-list .fa {
    display: inline-block;
    width: 30px;
}

.homestay-features .fa {
    color: #002b41;
    display: inline-block;
    margin-right: 8px;
}

h2.review-title {
    margin-bottom: 26px;
}

/* LISTING CHANGES */

.blog-post-content {
    margin-top: 0px;
    padding: 30px 0;
    height: 280px;
}

.accommodation .blog-post-content {
    height: 340px;
}

.blog-post-content p {
    color: inherit;
    font-size: 17px;
}

/* GALLERY CHANGES */

.gallery {
    margin-top: 5px;
}

.gallery-item {
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; 
}

.gallery-hidden {
    display: none !important;
}

.gallery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  color: #fff;
  text-transform: uppercase; 
}

gallery-count {
  margin: auto;
  display: block; 
  cursor: pointer;
}

/* FORM STYLES */

.nf-field-label .nf-label-span, .nf-field-label label {
    font-weight: 400 !important;
}

input[type=checkbox], input[type=radio] {
    width: 25px;
    height: 15px;
}

.accordion .card-header {
    padding: 0;
}

.accordion .card-header a {
    display: block;
    padding: .75rem 1.25rem;
    font-size: 1.1em;
}

.accordion .card-header a i, button.filter i {
    display: inline-block;
    margin-right: 10px;
}

.slider .slider-selection {
	background: #ffd600;
}

.slider.slider-horizontal {
    width: 100% !important;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    font-size: smaller;
}

/* STAR RATING STYLES */

.star-ratings {
  unicode-bidi: bidi-override;
  color: #bbb;
  font-size: 22px;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.star-ratings .fill-ratings {
    padding: 0;
    color: #002b41;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}
.star-ratings .fill-ratings .rating-icons {
    display: inline-block;
}
.empty-ratings {
    padding: 0;
    display: block;
    z-index: 0;
}

.average-rating, .postcard2-price {
    font-size: 16px;
    display: inline-block;
}

.rwmb-rating {
	border: none;
	float: left;
}

.rwmb-rating > input { display: none; }
.rwmb-rating > label:before {
	margin: 5px;
	font-size: 1.25em;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f005";
}

.rwmb-rating > .half:before {
	content: "\f089";
	position: absolute;
}

.rwmb-rating > label {
	color: #ddd;
	float: right;
}

#starfish-rating {
	min-height: 100px;
}

.comments-list li.comment .comment-respond .rwmb-rating {
    display: none;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rwmb-rating > input:checked ~ label, /* show gold star when clicked */
.rwmb-rating:not(:checked) > label:hover, /* hover current star */
.rwmb-rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rwmb-rating > input:checked + label:hover, /* hover current star when changing rating */
.rwmb-rating > input:checked ~ label:hover,
.rwmb-rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rwmb-rating > input:checked ~ label:hover ~ label { color: #FFED85;  }
.rwmb-rating input[type=radio]:checked+label:before {
	color: unset;
}

/* CURRENCY SWITCHER */

.wpcs_add_field {
    display: none !important;
}

/* RESPONSIVE CHANGES */

@media (max-width: 991.98px) {
    #accommFilterBtn, .filter-btn-col {
        display: none !important;
    }
    #accommFilterBox {
        display: block !important;
    }
    .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
        visibility: hidden !important;
    }

    .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:first-child, .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:last-child {
        visibility: visible !important;
    }

    .posthead-meta, .posthead-meta > div {
        display: block;
    }
    main.pt-4 {
        padding-top: 0px !important;
    }
    .accommodation .sticky-sidebar {
        display: none;
    }
    .blog-post-content, .accommodation .blog-post-content {
        height: auto;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1100px;
    }
}