/*
Theme Name: Panola Child
Theme URI: https://example.com/
Description: Child theme di Panola
Author: Tony
Template: panola
Version: 1.0
*/

/* =========================
   DESIGN SYSTEM - VILLALUCIANA
========================= */

:root {
  --primary: #F5A72B;
  --primary-dark: #137BE9;
  --heading: #137BE9;
  --text: #6e6e6e;
  --footer-bg: #137BE9;
  --error-text: #888888;
  --border-light: #e1e6eb;
}

/* =========================
   BASE
========================= */

body,
p {
  color: var(--text);
}

a {
  color: var(--text);
}

a:hover {
  color: var(--primary);
}

h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  color: var(--heading);
}

h3 a:hover,
h4 a:hover {
  color: var(--primary);
}

/* =========================
   BUTTONS
========================= */

.theme-btn {
  background: var(--primary);
}

.theme-btn-two {
  color: var(--primary);
}

.theme-btn-two:hover {
  background: var(--primary-dark);
  border: 1px solid var(--primary-dark);
}

.theme-btn-three {
  color: var(--text);
}

.theme-btn-three:hover {
  background: var(--primary);
}

/* =========================
   PAGINATION
========================= */

.pagination li a,
.pagination li i:before {
  color: var(--text);
}

.pagination li a:hover,
.pagination li a.active {
  background: var(--primary-dark);
  border: 1px solid var(--primary-dark);
}

/* =========================
   HEADER
========================= */

.header-top {
  background: var(--primary-dark);
}

.header-top .left-content li a:hover,
.header-top .left-content li i:before,
.header-top .right-content .social-box li a:hover {
  color: var(--primary);
}

.main-menu .navigation > li > a {
  color: var(--heading);
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
  border-bottom: 3px solid var(--primary);
}

.main-menu .navigation > li ul li {
  background: var(--primary-dark);
}

.main-menu .navigation > li > ul > li:hover,
.main-menu .navigation > li > ul > li > ul > li:hover {
  background: var(--primary);
}

.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a {
  background: var(--primary);
}

/* =========================
   FILTER FORM
========================= */

.filter-section .filter-content .single-item .form-group label,
.filter-content .single-item .form-group label {
  color: var(--primary-dark);
}

.filter-section .filter-content .single-item .form-group input,
.filter-section .filter-content .single-item .form-group select,
.filter-content .single-item .form-group input,
.filter-content .single-item .form-group select {
  color: var(--text);
}

.filter-section .filter-content .single-item .form-group input:focus,
.filter-section .filter-content .single-item .form-group select:focus,
.filter-content .single-item .form-group input:focus,
.filter-content .single-item .form-group select:focus {
  border: 1px solid var(--primary);
}

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

.room-section .single-item .lower-content .price,
.single-room-list .content-box .right-content .price {
  color: var(--heading);
}

.room-section .single-item .lower-content .price span,
.single-room-list .content-box .right-content .price span {
  color: var(--text);
}

.room-section .single-item .lower-content .info-box li i:before,
.single-room-list .content-box .left-content .info-box li i:before {
  color: var(--text);
}

.room-details .room-details-content .content-style-two table .icon-box i:before {
  color: var(--primary);
}

/* =========================
   SECTIONS
========================= */

.sec-title h2 {
  color: var(--heading);
}

.scroll-top {
  background: var(--primary);
}

.scroll-top:hover {
  background: var(--primary-dark);
}

.service-section .tab-title li.active .single-btn,
.service-section .tab-title li.active .single-btn:before {
  background: var(--primary-dark);
  border: 1px solid var(--primary-dark);
}

.service-section .tab-title .single-btn .icon-box i:before {
  color: var(--text);
}

.service-section .tab-title li.active .single-btn .icon-box i:before {
  color: var(--primary);
}

.service-section .tab-details-content .content .title {
  color: var(--primary-dark);
}

.overlay-style-one .inner-box .overlay-inner .content a.link {
  color: var(--primary);
}

.overlay-style-one .inner-box .overlay-inner .content a.link:hover {
  background: var(--primary);
}

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

.main-footer {
  background: var(--footer-bg);
}

.main-footer .newsletter-widget .form-group button,
.sidebar .sidebar-search .form-group button,
.footer-widget .sidebar-search .form-group button {
  background: var(--primary);
}

.footer-bottom .copyright a {
  color: var(--primary);
}

/* =========================
   FORMS
========================= */

.default-form .form-group input,
.default-form .form-group textarea {
  border: 1px solid var(--border-light);
  color: var(--text);
}

.default-form .form-group label {
  color: var(--heading);
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus {
  border: 1px solid var(--primary);
}

/* =========================
   BLOG & SIDEBAR
========================= */

.news-section .single-item .lower-content .meta-content li a,
.sidebar .sidebar-post .single-post .text h5,
.sidebar .sidebar-post .single-post .text h5 a {
  color: var(--heading);
}

.news-section .single-item .lower-content .meta-content li a:hover,
.sidebar .sidebar-post .single-post .text a:hover {
  color: var(--primary);
}

.sidebar .sidebar-categories .categories-list li a,
.sidebar .sidebar-archives .archives-list li a {
  color: var(--text);
}

.sidebar .sidebar-categories .categories-list li a:hover,
.sidebar .sidebar-archives .archives-list li a:hover {
  color: var(--primary);
}

/* =========================
   ERROR PAGE
========================= */

.error-section .error-title {
  color: var(--heading);
}

.error-section .error-text {
  color: var(--error-text);
}

.error-section .text a {
  color: var(--primary);
}

.error-section .text a:hover {
  color: var(--heading);
}

/* =========================
   CUSTOM STYLES
========================= */

.mt-30{
	margin-top: 30px;
}
.mb-30{
	margin-bottom: 30px;
}
.main-footer  p,
.main-footer .text,
.main-footer .phone,
.main-footer .mail,
.main-footer a{
	color: #FFFFFF !important;
}
.main-footer .newsletter-widget .form-group input[type='email']{
	background: #FFFFFF;
}
.footer-bottom{
	background:#FFFFFF;
}

.single-room-list .content-box{
	min-height: 100%;
}
.single-room-list .content-box{
	display: flex;
	justify-content: start;
	align-items: center;
}
.main-footer{
	padding: 60px 24px 20px 24px;
}
.main-footer > .container > .row{
	    width: 100%;
    flex-direction: column;
	align-items: center;
}
.main-footer > .container > .row>div{
    display: block;
    width: 100%;
    float: none;
    clear: both;
    max-width: 100%;
    text-align: center;
}
.main-footer > .container > .row>div .contact-widget div{
	margin-bottom: 0;
}
.widget_bunch_about_us .text p{
	margin-bottom: 0;
}
.main-header.header-style-two .menu-area{
	padding-right: 0;
}
.homepage-request-ava{
	padding-top:40px;
	padding-bottom:40px;
}
.homepage-request-ava input[type="text"],
.homepage-request-ava input[type="number"],
.homepage-request-ava input[type="email"],
.homepage-request-ava input[type="tel"],
.homepage-request-ava input[type="date"],
.homepage-request-ava select,
.homepage-request-ava textarea{
	background: #f8f8f8 !Important;
	position: relative;
    width: 100%;
    height: 50px;
    border: 1px solid #e1e6eb;
    border-radius: 30px;
    color: #333333;
    padding: 10px 20px;
    margin-bottom: 12px;
    transition: all 500ms ease;
}
.homepage-request-ava .wpcf7-spinner{
	display:block;
}
.homepage-request-ava h2{
	text-align:center;
	margin-bottom: 40px;
}
#hotel_booking_room_hidden, .wphb-single-room-booking-container{
	display: none !important;
	visibility: hidden !important;
	width:0;
	height:0;
	overflow: hidden;
}
body.single-hb_room.wp-hotel-booking-page:not(.tp-themes-premium) .wphb-single-room-content .hb_single_room_details{
	width: 100%;
}
.hb_single_room_tabs li[data-tab-id="hb_room_pricing_plans"]{
	display: none !important;
}
.request-availability-box{
    padding-top: 50px;
    background: var(--footer-bg);
    padding-bottom: 40px;
    margin-top: 60px;
}
.request-availability-box h3,
.request-availability-box p{
	color: #FFFFFF;
}
.request-availability-box h3{
	margin-bottom: 16px;
}
.request-availability-box p{
	margin-bottom: 24px;
}
#hb_room_description ul{
	padding-left: 20px;
}
#hb_room_description li{
	list-style: disc;
}
.maxi-margin{
	margin-bottom: 100px;
}
.hb_related_other_room .summary .media img{
	width: 100%;
}
.hb_single_room .hb_single_room_details .hb_single_room_tabs li a:hover, .hb_single_room .hb_single_room_details .hb_single_room_tabs li a.active, .hb_single_room #reviews #review_form_wrapper form .form-submit input[type="submit"]:hover, .room-single-section .hb_single_room > a:hover {
    background: var(--footer-bg);
    border-color: var(--footer-bg);
    color: #ffffff;
    border-radius: 0;
}
.header-style-two .header-bottom{
    background: var(--footer-bg);
}

@media(max-width: 991px){
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
    background: var(--footer-bg) !important;
    color: #FFFFFF !important;
}
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a {
  background: var(--primary) !important;
}
}
.wl-home-map .kc-google-maps iframe{
    width: 100%;
    height: 400px;
}
.villalucianabloghp{
  background: #e9e9e9;
}
.villalucianabloghp .top-title .sec-title h2{
  text-align: center;
}
.villalucianabloghp .top-title .title-text{
  text-align: center;
}
.villalucianabloghp .news-section .title-text:before {
    left: 50%;
    margin-left: -40px;
    animation: inherit;
}
.villalucianabloghp .news-section  .lower-content{
    background: white;
    padding: 25px;
    min-height: 330px;
}
.villalucianabloghp .news-section  .image{
  display: none;
}

@media only screen and (max-width: 800px) {
    .main-slider .tp-title {
        font-size: 40px !important;
        line-height: 49px !important;
    }
    .homepage-request-ava{
      padding: 20px;
    }
    .scroll-top.open {
      bottom: 8px;
      right: 5px;
      opacity: 0.5;
    }
    .scroll-top.open:hover{
      opacity: 1;
    }
    .main-slider .slider-caption{
      max-height: 450px;
    }
    .main-slider,
    .main-slider .slider-wrapper  {
        position: relative;
        max-height: 450px;
    }
    .slide-nav .owl-nav {
        top: auto;
        bottom: 10px;
    }
    .chisiamo-text{
      padding: 20px;
    }
    .single-room-list .content-box{
      display: block !important;
    }
    .single-room-list .content-box .right-content .link {
        top: auto !important;
        margin-top: 20px !important;
    }
    .single-room-list .content-box .right-content{
      text-align: center !important;
    }
    body.wp-hotel-booking-page:not(.tp-themes-premium){
      padding-right: 0;
      padding-left: 0;
    }
   .main-footer .row {
      margin-right: 0;
      margin-left: 0;
  }

}  .hb_related_other_room.has_slider{
    display: none !important;
  }


body .pn-detail .hb_single_room .hb_room_gallery {
	margin-bottom: 70px !important;
}
.blog-details-content p iframe{
    width: 100%;
    height: auto;
    min-height: 570px;
}
.full-video-solanas video{
    width: 100%;
    min-height: 500px;
}

.wp-block-social-links.is-layout-flex.wp-block-social-links-is-layout-flex{
    justify-content:center !important;
}
.wp-block-social-links.is-layout-flex.wp-block-social-links-is-layout-flex .wp-block-social-link-anchor{
    background: #f5a72c;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    font-size: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
}
.footer-widget.widget_block h4{ color: white; }
body .main-header .logo-box{
    margin-top: 5px !important;
}

@media only screen and (max-width: 1200px) {
    .main-slider .slider-wrapper .image img {
        width: 100% !important;
        min-height: 100px;
        height: auto;
    }
}

@media only screen and (max-width: 800px) {
    .main-slider .tp-title {
        font-size: 25px !important;
        line-height: 35px !important;
    }
    .main-slider .text{
        display: none;
    }
}


@media only screen and (max-width: 991px) {
    .main-header .logo-box {
        width: 100% !important;
        background: white !important;
        padding: 15px 0px;
        background: white  !important;
        min-width: 100vw  !important;
        margin: 0 -15px  !important;
        display: flex !important;
        justify-content: center;
    }
    .main-header .logo-box img, .main-footer .footer-logo img {
    width: 330px !important;
}
}
body.single-hb_room.wp-hotel-booking-page:not(.tp-themes-premium) .hb_single_room #hb_room_images img{
    object-fit: scale-down !important;
}
.room-section.overlay-style-one.sec-pad.gray-bg .price-outer{
    display:none;
}
.room-details.pn-detail{
    padding-top: 0 !important;
}
.testimonial-section .testimonial-content{
 min-height:500px !important;   
}