/**
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License version 3.0
* that is bundled with this package in the file LICENSE.txt
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your needs
* please refer to CustomizationPolicy.txt file inside our module for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
*/

.viewAll {
	border: none !important;
	font-size: 14px !important;
}

.starSize {
	width: 13%;
}

.ratingBox {
	font-size: 18px !important;
	font-weight: bold;
	padding: 1% 40%;
	margin: 2% 0%;
}

.fullDiv {
	width: 100%;
	float: left !important;
	margin-bottom: 15px;
}

.allComments {
	padding-top: 3% !important;
	clear: both;
}

.sideBox {
	float: left;
	width: 5%;
}

#left_column {
	display: none;
}

#center_column {
	display: grid;

}

.productImage {
	width: 80%;
}

.productDetails img{
	width: 100% !important;
	float: left;
	border: 1px solid #e9e9e9;
}

.productDetails {
	margin-top: 3% !important;
}

.details{
	width: 60%;
	float: left;
}

.pagi {
	width: 30%;
	margin-top: 8%;
}

#nameAndPrice {
	width: 40%;
}

#avgRate {
	font-size: 50px;
	margin: 3% 3% 0 0;
	width: 30%;
	float: left;
}

#totalRevies {
	margin: 10% 0%;
}

.fields {
	width: 95%;
}

.field {
	margin: 15px 0 10px;
	text-align: justify;
}

#center_column {
	width: 100% !important;
}

#showStar{
	width: 15%;
	float: left;
}

#avg {
	width: 65%;
	margin: 7%;
}

.card {
	padding: 2% !important;
	width: 100% !important;
	margin: -1% 0% !important;
}

.page-comment-box {
	margin-top: 3% !important;
}

.header_pagination{
	width: 40%;
	float: right;
	margin-top: 7%;
}

.product-count {
	margin-right: 7%;
}

/* CSS for all review */

.wk-review-container {
    background: #ffffff;
    margin: 2rem 0;
}

.wk-review-card {
    padding: 2rem;
}

.wk-review-card:not(:first-child){
    border-top:1px solid #e6e6e6;
}

.stars{
    color:#ff2a6d;
    letter-spacing: -2px;
}

.review-date{
    font-size: 12px;
    color: #888;
    margin-top: 0.5rem;
}

.avatar{
    width:48px;
    height:48px;
    border-radius:50%;
    background:#d9a7b8;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-weight:600;
    font-size:20px;
}

.reviewer-name{
    font-weight:600;
}

.location{
    font-size:14px;
    color:#777;
}

.travel-type{
    font-size:14px;
    color:#777;
}

.review-text{
    margin-top:10px;
    font-size:15px;
    color:#444;
}

.helpful{
    font-size:14px;
    clear: both;
}

.helpful button{
    border-radius:20px;
}

.review-photo{
    width:60px;
    border-radius:4px;
    margin-top:10px;
}

.wk-review-card .d-flex {
    display: flex;
}

.wk-review-card .justify-content-between {
    justify-content: space-between;
}

.wk-review-card .align-items-center {
    align-items: center;
}

.wk-show-reviews{
    border:2px solid #ff3366;
    color:#ff3366;
    padding:12px 30px;
    border-radius:30px;
    display:inline-block;
    margin:30px auto 0;
}

.wk-show-reviews:hover{
    background:#ff3366;
    color:#fff;
    text-decoration:none;
}

.wk-text-center {
    text-align: center;
}

.wk-pagination {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}


/* Top content */
.wk-review-box{
    margin-top:2rem;
}

.wk-all-reviews .wk-subtitle {
    color: #333;
    margin-bottom: 1.5rem;
    font-weight: 500;
    font-size: 1rem;
}

.wk-traveler-list i {
    color: #ff3366;
}

.wk-back-link{
    color:#e83e66;
    font-size:14px;
}

.wk-title{
    margin-top:10px;
    margin-bottom:30px;
    font-weight:600;
}

.wk-subtitle{
    font-weight:600;
    margin-bottom:15px;
    color:#444;
}

/* Rating */

.wk-rating{
    display:flex;
    align-items:flex-end;
}

.wk-rating-number{
    font-size: 2.5rem;
    font-weight: 700;
    color: #d3074c;
}

.wk-rating-total{
    font-size:22px;
    margin-left:5px;
}

.wk-stars{
    color:#d3074c;
    font-size:20px;
    letter-spacing:3px;
}

.wk-review-count{
    font-size:14px;
    color:#666 !important;
    margin:10px 0 15px;
}

.wk-photo-btn{
    border:1px solid #e83e66;
    color:#e83e66;
    background:#fff;
    padding:8px 14px;
    border-radius:20px;
    font-size:14px;
}

/* Score bars */

.wk-score-row{
    display:flex;
    align-items:center;
    margin-bottom:10px;
}

.wk-rating-filter,
.wk-traveler-item-filter {
    cursor: pointer;
}

.wk-score-row span{
    width:20px;
    font-size:14px;
}

.wk-bar{
    flex: 1;
    height: 12px;
    background: #cacaca;
    margin: 0 8px;
    border-radius: 12px;
    position: relative;
}

.wk-bar-fill{
    height:100%;
    background:#e83e66;
    border-radius:12px;
}

.wk-bar-5{ width:80%; }
.wk-bar-4{ width:20%; }
.wk-bar-3{ width:25%; }
.wk-bar-1{ width:10%; }

/* Travelers */

.wk-traveler-list{
    list-style:none;
    padding:0;
}

.wk-traveler-item{
    display:flex;
    align-items:center;
    margin-bottom:12px;
    font-size:14px;
}

.wk-icon{
    margin-right:8px;
}

.wk-disabled{
    opacity:0.4;
}

/* .selected_filter {
    background: #edcece;
}

.selected_filter::before {
    content: '| ';
    color: #e83e66;
} */

.price-box {
    text-align: right;
    padding: 1rem 0.5rem;
    margin-top: 4rem;
}

.price-line {
  font-size: 1rem;
}

.price {
  color: #e91e63; /* pink tone */
  font-size: 2rem;
  font-weight: 700;
  margin-left: 5px;
}

.wk-cancellation-policy-text,
.no-hidden-text{
    margin-top: 0.6rem;
}

.wk-cancellation-policy-text {
  color: #2e7d32; /* green tone */
  font-weight: 600;
}

/* Footer */

.wk-verification{
    margin-top:25px;
    color:#4caf50;
    font-size:14px;
}
/* end top content */

.wk-calendar-container {
    margin-top:2.5rem;
    position: relative;
}

.wk-calendar-fixed {
    position: sticky;
    top: 70px;
}

.wk-return-activity {
    background: #fff;
    padding: 6px 8px;
    font-size: 0.8rem;
}

.wk-all-comments-header {
    margin-top: 3rem;
}

.wk-all-comments-header .wk-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 2rem 0 0;
}

/* Pagination */

/* Wrapper */
.guanx-pagination-wrapper {
  width: 100%;
}

/* Header (top right summary) */
.guanx-pagination-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.guanx-pagination-summary {
  font-size: 1rem;
}

/* Pagination container */
.guanx-pagination {
    display: flex;
    align-items: center;
    /* gap: 14px; */
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

/* Pages container */
.guanx-pages {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 8px 18px;
  margin-top: 0.6rem;
}

/* Page links */
.guanx-page {
    text-decoration: none;
    padding: 6px 10px;
    font-weight: 300;
    font-size: 1rem;
    transition: 0.2s;
}

/* Active page */
.guanx-page.active {
  font-weight: 400;
  cursor: default;
  pointer-events: none;
}

/* Navigation arrows */
.guanx-nav {
  text-decoration: none;
  font-size: 2.8rem;
  transition: 0.2s;
}

.guanx-nav.disabled {
    color: #ccc;
    cursor: default;
    pointer-events: none;
}

/* Dots */
.guanx-dots {
  color: #999;
  padding: 0 4px;
}

@media (max-width:1200px) and (min-width:767px) {
    .wk-review-left {
        padding: 0 !important;
    }

    .guanx-nav {
        font-size: 2rem;
    }
    .guanx-pages {
        font-size: 1rem;
        gap: 0.8rem;
    }
}

@media (max-width: 767px) {
    .guanx-nav {
        font-size: 1.8rem;
    }
    .guanx-page {
        font-size: 14px;
    }
    .guanx-pages {
        gap: 0;
        padding: 2px 8px;
    }

    .wk-subtitle {
        margin-top: 1rem;
    }
    .wk-review-left {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0.4rem 0;
    }

    .wk-review-card .avatar {
        display: none !important;
    }

    .wk-review-card .d-flex {
        display: flex;
        flex-direction: column !important;
        align-items: flex-start;
    }

    .wk-review-card .travel-type {
        margin: 0.5rem 0;
    }

    .wk-pagination {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem;
    }
}


@media (max-width: 480) {
    .guanx-page {
        padding: 2px 5px;
        font-size: 12px;
    }
}