@charset "UTF-8";

.reviews
{
 position: relative;
 padding: 0;
 margin: 0;
 box-sizing: border-box
}

.reviews_wrap
{
 position: relative;
 max-width: 1900px;
 padding: 50px;
 padding-top: 0;
 padding-left: 50px;
 padding-right: 50px;
 padding-bottom: 50px;
 margin: 0 auto
}

.reviews_row
{
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
 grid-gap: 30px;
 position: relative;
 padding: 0;
 margin: 0
}

.reviews_item
{
 position: relative;
 display: flex;
 gap: 20px;
 padding: 20px;
 margin: 0;
 background: rgba(210, 193, 199, 0.4);
 flex-direction: column;
 justify-content: space-between;
}

.rating_stars
{
 display: flex;
 position: relative;
 padding: 0;
 margin-bottom: 10px;
 align-items: stretch;
 flex-direction: row;
}

.rating_stars span
{
 font-size: 14px;
 color: #CCCCCC;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 3px;
 margin-bottom: 0
}

.rating_stars > span:before
{
 content: '\2605'
}

.rating_stars > span.active
{
 color: #FC9701
}

.rating_stars > span.half
{
 width: 50%;
 color: #FC9701;
 overflow: hidden
}

.rating_date
{
 font-size: 0.813rem;
 color: #666666;
 position: relative;
 padding: 0;
 margin-top: auto;
 margin-left: 15px;
 margin-right: 0;
 margin-bottom: auto
}

.reviews_text
{
 position: relative;
 padding: 0;
 margin: 0
}

.reviews_title
{
 font-size: 0.875rem;
 font-weight: 500;
 margin-bottom: 10px
}

.reviews_text p
{
 font-size: 0.813rem;
 font-weight: 500;
 line-height: 1.5;
 text-wrap: balance;
 display: -webkit-box;
 margin: 0;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}

.review_answer
{
 position: relative;
 padding: 0;
 margin-top: 15px;
 margin-left: 20px;
 margin-right: 0;
 margin-bottom: 0
}

.review_answer p
{
 font-style: italic;
 line-height: 1.5;
 margin-bottom: 5px
}

.open_review
{
 font-family: 'Roboto', Helvetica, sans-serif;
 font-size: 0.625rem;
 font-weight: 400;
 color: #FFF !important;
 text-transform: uppercase;
 width: fit-content;
 padding-top: 8px;
 padding-left: 13px;
 padding-right: 13px;
 padding-bottom: 8px;
 margin: 0;
 background: #8a697c;
 border: 0;
 border-radius: 15px;
 cursor: pointer;
 appearance: none;
 text-decoration: none !important;
}

.reviews_button
{
 font-family: 'Roboto', Helvetica, sans-serif;
 font-size: 0.875rem;
 font-weight: 500;
 color: #ffffff;
 width: fit-content;
 padding-top: 10px;
 padding-left: 15px;
 padding-right: 15px;
 padding-bottom: 10px;
 margin-bottom: 30px;
 background: #8a697c;
 border: 0;
 border-radius: 15px;
 cursor: pointer;
 appearance: none;
}

#review_file_upload
{
 display: none;
}

.review_file_upload
{
 font-family: 'Roboto', Helvetica, sans-serif;
 font-size: 0.625rem;
 font-weight: 500;
 color: #ffffff;
 text-transform: uppercase;
 display: block;
 width: fit-content;
 padding-top: 8px;
 padding-left: 13px;
 padding-right: 13px;
 padding-bottom: 8px;
 margin-bottom: 20px;
 background: #b6814f;
 border: 0;
 border-radius: 15px;
 cursor: pointer;
 appearance: none;
}

.review_image_upload
{
 font-family: 'Roboto', Helvetica, sans-serif;
 font-size: 0.625rem;
 font-weight: 500;
 color: #ffffff;
 text-transform: uppercase;
 display: block;
 width: fit-content;
 padding-top: 8px;
 padding-left: 13px;
 padding-right: 13px;
 padding-bottom: 8px;
 margin: 0;
 background: #8a697c;
 border: 0;
 border-radius: 15px;
 cursor: pointer;
 appearance: none;
}

.review_image_upload input
{
 display: none;
}

.review_images_preview
{
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 margin-top: 10px;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 10px;
}

.review_images_preview_image
{
 position: relative;
}

.review_images_preview_image img
{
 width: 100px;
 height: 100px;
 padding: 2px;
 object-fit: cover;
 border: 1px solid #ddd;
 border-radius: 4px;
}

.review_images_preview_image img:last-child
{
 position: absolute;
 top: 0;
 right: 0;
 width: 15px;
 height: 15px;
 background: #FFF;
 cursor: pointer;
}

.form_review_popup_background
{
 display: none;
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 justify-content: center;
 align-items: center;
 z-index: 5000;
 background: rgba(0,0,0, .70)
}
 
.form_review_popup
{
 position: relative;
 max-width: 550px;
 padding: 20px;
 margin: 20px;
 background: #FFFFFF;
 border-radius: 5px
}
 
.form_review_popup_container
{
 position: relative;
 padding-top: 0;
 padding-left: 0;
 padding-right: 0;
 padding-bottom: 10px;
 margin: 0
}

.review_form_rating 
{
 display: flex;
 position: relative;
 width: fit-content;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 15px;
 justify-content: flex-end;
 flex-direction: row-reverse
}

.review_form_rating:not(:checked) > input
{
 display: none
}

.review_form_rating:not(:checked) > label
{
 font-size: 20px;
 color: #cccccc;
 padding-top: 0;
 padding-left: 0;
 padding-right: 10px;
 padding-bottom: 0;
 margin: 0;
 cursor: pointer
}

.review_form_rating:not(:checked) > label:before
{
 content: '\2605'
}

.review_form_rating:hover > input:checked ~ label
{
 color: #fc9701;
 opacity: 0.5;
}

.review_form_rating > input:not(:checked) ~ label:hover,
.review_form_rating > input:not(:checked) ~ label:hover ~ label,
.review_form_rating > input:checked ~ label
{
 color: #fc9701;
 opacity: 1;
}

.rate-area > label:active
{
 position: relative
}

.review_form_field
{
 position: relative;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 10px
}

.review_form_field p
{
 font-size: 0.75rem;
 line-height: 1.5;
 margin-bottom: 0
}

.review_form_button
{
 position: relative;
 padding: 0;
 margin-top: 20px;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 0
}

#close_review_popup_menu
{
 position: absolute;
 top: 0;
 right: 0;
 cursor: pointer;
}

#close_review_popup_menu img
{
 width: auto;
 height: 20px
}