/*
 Theme Name:   Valley Child
 Description:  Soho Hotel Child Theme
 Author:       quitenicestuff
 Author URI:   http://quitenicestuff.com
 Template:     soho-hotel
 Version:      4.0.7
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-colors
 Text Domain:  soho-hotel-child
*/
.sohohotel-header .sohohotel-navigation li.current_page_item > a {
    color: #079b05;
}
.sohohotel-header .sohohotel-navigation li.current_page_item > a, .sohohotel-header .sohohotel-navigation li a:hover {
    color: #079b05;
}
.sohohotel-header .sohohotel-topbar-wrapper {
    background: #392934;
}
.sohohotel-header .sohohotel-topbar-wrapper .sohohotel-topbar .sohohotel-top-right-wrapper .sohohotel-top-right-button1{background: #ef640d;}
.sohohotel-topbar a {
    color: #ffffff;
}
.sohohotel-footer {
    padding: 0;
}
.sohohotel-footer-wrapper p {
    color: #ffffff;
    font-size: 16px;
}
.sohohotel-footer-wrapper ul li a {
    color: #ffffff;
    font-size: 16px;
}
.sohohotel-footer-wrapper .sohohotel-footer-bottom-wrapper .sohohotel-footer-bottom p.sohohotel-footer-message {
    float: none;
    padding: 0;
    text-align: center;
}
.sohohotel-footer-wrapper .sohohotel-footer-bottom-wrapper {
    padding: 27px 0 0;
}
.sohohotel-page-header{    padding: 30px 0;}
.sohohotel-section-wrapper-1 {
    max-width: 100%;
}
.shb-booking-page-main .woocommerce .col2-set p textarea{display:none;}
.woocommerce table.shop_table, #order_review_heading, .shb-booking-page-main .woocommerce #payment ul.payment_methods{display:none;}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: left;
}

/*==================================================================
FOOTER STYLES
==================================================================*/

.sohohotel-header .sohohotel-navigation li a {
    font-size: 20px;
    font-weight: 500;
    transition: all 0.3s ease;
}

footer.sohohotel-footer-wrapper {
    padding: 50px 0;
}

.sohohotel-footer-wrapper .sohohotel-widget h5 {
    color: #ffffff;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.sohohotel-footer-wrapper .sohohotel-widget h5::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background: rgb(255, 63, 63);
    width: 70px;
}

.textwidget ul {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    color: #e7e2e2;
    font-size: 16px;
    gap: 5px;
}

.sohohotel-footer-wrapper .sohohotel-widget ul.menu {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
}

.sohohotel-footer-wrapper .sohohotel-footer-3-col {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    max-width: 1290px;
    padding: 0 30px;
    margin: 0 auto;
}

.sohohotel-footer-wrapper .sohohotel-footer-3-col .sohohotel-widget:first-child {
    grid-column: 1/span 3;
}

.sohohotel-footer-wrapper .sohohotel-footer-3-col .sohohotel-widget:nth-of-type(2) {
    grid-column: 4/span 4;
    border-left: 1px solid #313131;
    padding-left: 40px;
}

.sohohotel-footer-wrapper .sohohotel-footer-3-col .sohohotel-widget:last-child {
    grid-column: 8/span 5;
    border-left: 1px solid #313131;
    padding-left: 40px;
}

.sohohotel-footer-wrapper .sohohotel-footer-bottom-wrapper {
    border-top: 1px solid #313131;
    margin: 40px 0 0;
}

.textwidget .social-media {
    display: flex;
}

.textwidget .social-media li br {
    display: none;
}

.textwidget .social-media {
    margin: 20px 0 0;
}

.textwidget .social-media li:not(:last-child) {
    margin-right: 3px;
}

.textwidget .social-media li a {
    width: 35px;
    height: 35px;
    background: #b99470;
    display: flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
}

.textwidget .social-media li a svg {
    width: 18px;
}


/*==================================================================
SECTION HOMEPAGE ROOMS STYLES
==================================================================*/

.section-homepage-rooms .vc_column_container {
    max-width: 1320px;
    padding: 0 30px;
    margin: 0 auto;
}

.flexslider h2 {
    font-weight: 400 !important;
}

.flexslider p {
    font-size: 20px !important;
    line-height: 26px !important;
}

.flex-slider p {
    max-width: 680px !important;
}

.flexslider.sohohotel-slider-button {
    font-size: 18px !important;
}

.section-heading-title {
    font-size: 40px;
    font-weight: 800;
    margin: 0 0 24px;
    color: rgb(64, 64, 64);
}

.section-homepage-rooms .section-heading-title {
    color: #fff;
}

.section-homepage-rooms .section-heading-subtitle p {
    color: #fff;
}

.section-heading-subtitle p {
    font-size: 18px;
    line-height: 28px;
    max-width: 750px;
    margin: 0 auto;
}

.section-homepage-rooms .shb-accommodation-listing-item .shb-accommodation-listing-image {
    border-radius: 10px;
    overflow: hidden;
}

.section-homepage-rooms .shb-accommodation-listing-item .shb-accommodation-listing-image img {
    border-radius: 10px;
    height: 400px;
    object-fit: cover;
}

.section-homepage-rooms .shb-accommodation-listing-description-wrapper h3 a {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
}

.section-homepage-rooms a.shb-accommodation-listing-button1 {
    border-radius: 5px;
}

.shb-accommodation-listing-style-2 .shb-accommodation-listing-item .shb-accommodation-listing-image .shb-accommodation-listing-button1 {
    font-size: 16px;
}

.section-homepage-rooms .shb-accommodation-listing-description ul li  {
    color: #ffffff !important;
}

.section-homepage-rooms .shb-accommodation-listing-description ul li i {
    color: #ffffff !important;
}

.section-homepage-rooms .shb-accommodation-listing-style-2 .shb-accommodation-listing-item .shb-accommodation-listing-description-wrapper .shb-accommodation-listing-description ul li span {
    color: #ffffff !important;
}

.section-homepage-rooms .shb-accommodation-listing-style-2 .shb-accommodation-listing-item .shb-accommodation-listing-description-wrapper .shb-accommodation-listing-description ul li {
    font-size: 17px;
}

.section-homepage-intro {
    padding: 30px 0;
}

.section-homepage-intro .vc_column-inner {
    max-width: 1050px;
    margin: 0 auto;
}

.section-homepage-intro p {
    font-size: 18px;
    line-height: 26px !important;
}

.section-homepage-intro .intro-text {
    margin-bottom: 0px;
}

input.shb-booking-form-button {
    font-size: 18px !important;
    max-height: 100%;
}

.section-calltoaction {
    padding: 80px 0;
}

.section-calltoaction .vc_column-inner {
    background: rgb(255, 63, 63);
    max-width: 1300px;
    margin: auto;
    padding: 80px 80px !important;
    border-radius: 24px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

.section-calltoaction .vc_column-inner .section-heading-title {
    max-width: 700px;
    color: #ffffff;
}

.section-calltoaction .vc_column-inner .wpb_text_column {
    max-width: 700px;
}

.section-calltoaction .vc_column-inner .wpb_text_column p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

.cta-buttons {
    margin-bottom: 0 !important;
}

.cta-buttons p a {
    background: #fff;
    padding: 20px 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    border-radius: 40px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.cta-buttons p a:first-child {
    margin-left: 0px;
    color: rgb(255, 63, 63);
}

.cta-buttons p a:last-child {
    background: none;
    border: 2px solid #ffffff;
    color: #fff;
}

.cta-buttons p a:last-child:hover {
    background: #ffffff;
    color: rgb(255, 63, 63);
}

.section-calltoaction .bg-thumb-1 {
    position: absolute;
    top: -276px;
    left: -260px;
}

.section-calltoaction .bg-thumb-2 {
    position: absolute;
    bottom: -246px;
    right: -136px;
    width: 46%;
}

.sohohotel-header .sohohotel-logo-navigation .sohohotel-logo a {
    font-weight: 700;
}

.section-services > .vc_row {
    max-width: 1340px;
    padding: 0 30px;
    margin: 0 auto !important;
}

.section-services .vc_message_box {
    padding: 30px 40px 30px 100px !important;
}

.section-services .vc_message_box-icon {
    width: 100px;
    font-size: 22px;
}

.section-services .vc_message_box h3 {
    margin: 0 0 12px;
    font-size: 22px;
    font-weight: 500;
    color: #363333;
}

.section-services .vc_message_box p {
    font-size: 16px;
    line-height: 1.4;
}

.vc_color-white.vc_message_box .vc_message_box-icon {
    color: rgb(255, 63, 63) !important;
}

.section-contact h3 {
    font-size: 24px !important;
    font-weight: 500;
}

.section-contact h3:after {
    margin-top: 20px;
}

.sohohotel-page-header h1::after {
    margin-top: 20px;
}

.sohohotel-page-header h1 {
    font-size: 40px;
    font-weight: 600;
    color: #ffffff;
    position: relative;
}

.sohohotel-header-2:not(.home) .sohohotel-fixed-navigation:nth-of-type(2) {
    position: static;
}

.sohohotel-header-2:not(.home) .sohohotel-page-header {
    padding: 120px 0;
    background: url('http://uniwebus.net/polynesian/wp-content/uploads/2023/10/gallery-img-2.jpeg')no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.sohohotel-header-2:not(.home) .sohohotel-page-header::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

a.sohohotel-slider-button {
    border-radius: 50px;
    font-size: 18px !important;
    padding: 20px 40px !important;
}

a.shb-accommodation-listing-button1 {
    max-width: 220px;
    font-size: 16px !important;
    line-height: 1.3;
    padding: 10px 20px !important;
}

.shb-accommodation-listing-style-1 .shb-accommodation-listing-item .shb-accommodation-listing-description-wrapper .shb-accommodation-listing-description {
    min-height: 180px;
}

.column-box > .vc_column-inner > .wpb_wrapper {
    box-shadow: 0 2px 12px 0 rgba(20, 20, 43, 0.08);
    border-radius: 15px;
    overflow: hidden;
}

.column-box > .vc_column-inner .wpb_single_image {
    margin-bottom: 0;
}

.column-box > .vc_column-inner .wpb_text_column {
    margin-bottom: 0;
    padding: 30px 30px;
}

.column-box > .vc_column-inner .wpb_text_column h3 {
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 15px;
}

.column-box > .vc_column-inner .wpb_text_column p {
    font-size: 17px;
    line-height: 1.3;
}

.shb-accommodation-listing-style-1 .shb-accommodation-listing-item .shb-accommodation-listing-description-wrapper {
    border: none;
}

.shb-accommodation-listing-style-1 .shb-accommodation-listing-item {
    box-shadow: 0 2px 12px 0 rgba(20, 20, 43, 0.08);
    border-radius: 15px;
    overflow: hidden;
}

.shb-accommodation-listing-description-wrapper h3 a {
    font-weight: 500;
}

body .section-attractions {
    padding-bottom: 70px !important;
}

.form-group {
    margin-bottom: 15px;
}

.form-group input {
    margin: 0;
}

.form-control {
    height: 50px;
    border-radius: 3px !important;
    padding: 10px 15px !important;
    margin: 0 !important;
}

textarea.form-control {
    height: 200px !important;
}

.section-contact {
    padding-bottom: 40px;
}

.section-contact h3:after {
    margin-top: 10px;
    margin-bottom: 20px;
}

body .btn.poly-btn {
    font-size: 18px;
    width: auto;
    padding: 15px 30px;
    margin: 0;
    border-radius: 3px;
}

.contact-us-left {
    padding-right: 30px !important;
}

.contact-us-right ul.sohohotel-contact-details-list li {
    list-style: none;
    margin: 0 0 15px !important;
    padding-left: 25px !important;
    border-bottom: none !important;
    color: #000;
}

.contact-us-right .wpb_wrapper {
    background: #fbf7f7;
    padding: 35px 40px;
    border-radius: 10px;
}

body .sohohotel-social-links a {
    width: 40px;
    height: 40px;
    padding-top: 11px;
}

.sohohotel-header-2.single-shb_accommodation .sohohotel-main-content {
    padding-top: 0px !important;
}

.single-shb_accommodation .shb-booking-form-style-1 {
    margin-top: 105px;
}

.sohohotel-main-content h3.shb-title-with-icons, .shb-title-with-icons {
    font-size: 34px;
}

.shb-accommodation-listing-style-1 .shb-accommodation-listing-item h3 {
    min-height: auto !important;
}

.shb-accommodation-listing-filter-sorting {
    margin: 0 0 40px 0;
    border: 1px solid #dddddd;
    padding: 20px 30px;
    border-radius: 5px;
}

.shb-booking-contact-wrapper {
    background: none !important;
}

.sohohotel-header-2 .shb-booking-page-wrapper {
    padding-top: 100px;
}

.sohohotel-header-2 .sohohotel-fixed-navigation:hover {
    border-bottom: none !important;
}

.sohohotel-header-2 .sohohotel-fixed-navigation {
    box-shadow: none !important;
    border: none !important;
}

.woocommerce form .form-row input.input-text {
    border-radius: 4px;
}

body .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

body .shb-booking-page-main .woocommerce .col2-set p.form-row-last {
    width: 50%;
}

.shb-booking-page-main .woocommerce .col2-set p.form-row-wide {
    width: 100%;
}

.shb-booking-page-main .woocommerce #payment #place_order {
    padding: 20px 30px;
    font-weight: bold;
}

.woocommerce-order-received .sohohotel-title-left:after {
    margin-top: 10px;
    margin-bottom: 20px;
}

.woocommerce-order-received .shb-booking-checkin-checkout li {
    list-style: none;
    margin-bottom: 0 !important;
    border-bottom: none;
    color: #000;
    margin-left: 0 !important;
    padding-bottom: 0;
}

.woocommerce-order-received .sohohotel-main-content ul.sohohotel-contact-details-list li {
    list-style: none;
    margin-left: 0 !important;
    padding-left: 30px !important;
    color: #000;
    border-bottom: none !important;
}

.woocommerce-order-received .shb-booking-notification-wrapper {
    box-shadow: none;
    background: #f9f9f9;
    padding: 20px 30px;
    background: #96588a;
    border-radius: 5px;
}

.woocommerce-order-received .shb-booking-notification-wrapper p {
    color: #ffffff;
}

.woocommerce-order-received .shb-booking-notification-wrapper p i {
    color: #ffffff;
}

.woocommerce-order-received .shb-booking-page-wrapper .shb-booking-page-main.shb-booking-complete-step {
    background: #f9f9f9;
    padding: 30px 40px;
    border-radius: 5px;
}

.woocommerce-order-received  .sohohotel-header-2 .shb-booking-page-wrapper {
    padding-top: 60px;
}

.sohohotel-content-wrapper p.shb-booking-confirmation-message {
    margin-bottom: 30px;
}

.woocommerce-order-received .shb-booking-page-wrapper .shb-booking-page-main.shb-booking-complete-step h3 {
    font-weight: 500;
}

.woocommerce-billing-fields h3, .shb-booking-page-main .woocommerce #order_review_heading {
    padding: 15px 20px;
}

ul.ph {
	margin-top: 20px;
    display: flex;
    flex-direction: column;
}

ul.ph i {
	margin-right: 10px;
}

a.phone-btn {
    position: fixed;
    bottom: 30px;
    left: 20px;
    width: 40px;
    height: 40px;
    background: #ff3f3f;
    z-index: 111;
    border-radius: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    color: #fff;
}


@media screen and (max-width: 767px) {

    .sohohotel-header .sohohotel-mobile-navigation-wrapper {
        padding-bottom: 40px;
    }

    a.sohohotel-slider-button {
        padding: 12px 26px !important;
        font-size: 16px !important;
    }
	
	.sohohotel-slider-caption-3 h2 {
		font-size: 28px !important;
	}
	
	body .sohohotel-slider-caption-3 p {
		font-size: 16px !important;
        line-height: 18px !important;
	}

    body .sohohotel-slider-caption-3 {
        top: 50%;
        transform: translateY(-50%);
    }

    body .sohohotel-slider-caption-3 p, 
    body .sohohotel-slider-caption-3 h2:after {
        display: block;
        font-size: 18px !important;
        line-height: 22px !important;
    }

    body .flex-direction-nav .flex-prev {
        left: 0;
    }

    body .flex-direction-nav .flex-next {
        right: 0;
    }
    
    body .sohohotel-header .sohohotel-logo-navigation .sohohotel-logo {
        font-size: 24px;
    }

    .section-heading-title {
        font-size: 26px;
        margin-bottom: 15px;
    }

    body .section-homepage-intro {
        padding: 40px 0 !important;
    }

    body .section-homepage-rooms {
        padding: 40px 0 10px !important;
    }

    body .section-homepage-rooms .vc_column_container {
        padding: 0 15px;
    }

    body .section-homepage-rooms .section-heading-subtitle {
        margin-bottom: 40px !important;
    }

    .section-homepage-rooms .section-heading-subtitle p {
        font-size: 17px;
        line-height: 23px;
    }

    .section-homepage-rooms .shb-accommodation-listing-item .shb-accommodation-listing-image img {
        height: 300px;
    }

    body .shb-accommodation-listing-style-3.shb-accommodation-listing-style-3-columns-3 .shb-accommodation-listing-item {
        margin-bottom: 20px;
    }

    body .section-services {
        padding: 40px 0 !important;
    }

    body .section-services .section-heading-title {
        margin-bottom: 30px !important;
    }

    body .section-services .vc_message_box {
        padding: 20px 20px 30px 100px !important;
        margin-bottom: 15px;
    }

    body .section-calltoaction {
        padding: 40px 20px;
    }

    .section-calltoaction .vc_column-inner {
        padding: 40px 30px !important;
    }

    .cta-buttons p a {
        padding: 12px 25px;
        font-size: 15px;
        margin-bottom: 8px;
    }

    .cta-buttons p a:last-child {
        margin-left: 5px;
    }

    .sohohotel-footer-wrapper .sohohotel-footer-3-col .sohohotel-widget:first-child {
        grid-column: 1/span 12;
        margin-bottom: 30px;
    }

    .sohohotel-footer-wrapper .sohohotel-footer-3-col .sohohotel-widget:nth-of-type(2) {
        grid-column: 1/span 12;
        padding-left: 0;
        margin-bottom: 30px;
        border-left: 0;
    }

    .sohohotel-footer-wrapper .sohohotel-footer-3-col .sohohotel-widget:last-child {
        grid-column: 1/span 12;
        padding-left: 0;
        border-left: 0;
    }

    footer.sohohotel-footer-wrapper {
        padding: 40px 0;
    }

    .sohohotel-footer-wrapper .sohohotel-widget h5 {
        margin-bottom: 15px;
        padding-bottom: 5px;
        font-size: 20px;
    }

    .sohohotel-footer-wrapper p {
        line-height: 21px;
    }

    .sohohotel-footer-wrapper .sohohotel-footer-bottom-wrapper {
        margin-top: 20px;
        padding-top: 20px;
    }

    .sohohotel-footer-wrapper .sohohotel-footer-bottom-wrapper .sohohotel-footer-bottom p.sohohotel-footer-message {
        font-size: 14px;
    }

    .section-services .vc_message_box h3 {
        font-size: 20px;
    }

    .section-services .vc_message_box p {
        font-size: 14px;
        line-height: 1.3;
    }

    a.shb-accommodation-listing-button1 {
        max-width: 100%;
    }

    .sohohotel-header-2:not(.home) .sohohotel-page-header {
        padding: 80px 0;
        margin-bottom: 40px;
    }

    .sohohotel-page-header h1 {
        font-size: 26px;
    }

    .sohohotel-page-header h1::after {
        margin-top: 10px;
    }

    body .section-attractions {
        padding-bottom: 20px !important;
    }

    body .section-attractions .column-box {
        margin-bottom: 20px;
    }
    
    .column-box > .vc_column-inner .wpb_text_column h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .column-box > .vc_column-inner .wpb_text_column p {
        font-size: 16px;
    }

    .sohohotel-header-2 .shb-booking-page-wrapper {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .sohohotel-main-content h4 {
        font-size: 24px;
        line-height: 1.2;
    }

    .contact-us-left {
        padding-right: 0px !important;
    }

    .contact-us-right .wpb_wrapper {
        padding: 25px 25px;
    }

    .form-group {
        margin-bottom: 10px;
    }

    body .woocommerce-billing-fields__field-wrapper {
        flex-direction: column;
        gap: 0;
    } 

    body .shb-booking-page-main .woocommerce .col2-set p.form-row-last {
        width: 100%;
    }

    .shb-booking-page-main .woocommerce .col2-set p {
        width: 100%;
    }

    .shb-booking-page-main .woocommerce #payment .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {
        line-height: 22px;
    }

    .textwidget ul {
        grid-template-columns: repeat(1,minmax(0,1fr));  
    }

    .woocommerce-billing-fields h3 {
        padding: 15px 15px !important;
    }
	
	body .sohohotel-slider-caption-3 p {
		display: none;
	}
	
	a.phone-btn {
		display: flex;
	}

}