/*
Theme Name: Hotel Piacentino Child
Theme URI: https://www.netskyn.net/test/hotelpiacentino/
Description: Hotel Piacentino Child Theme
Author: Beddy
Author URI: https://www.beddy.io
Template: hotelpiacentino
Version: 1.0.0
*/


@import '../hotelpiacentino/style.css'; 

:root{
      --PiacentinoBG: #8b2809;
      --TitleColor: #161616;
      --TextColor: #616161;
}
.staybook-main-menu.transprent-menu a.dtbtn{
      border: 1px solid #FFFFFF4D;
      backdrop-filter: blur(16px);
      background: #FFF3;
}
.staybook-main-menu.transprent-menu .trp_nav_area.hbg2,
#scrollUp,
.dreamit-button.style20 a::before,
.icon-box.style9 .icon,
footer .elementor-social-icon:hover,
.icon-box.style26::before,
.mean-container .mean-bar,
.mean-container .mean-nav{
      background-color: var(--PiacentinoBG)!important;
}
.staybook-main-menu.transprent-menu a.dtbtn:hover,
.dreamit-button.style19 .button:hover,
.dreamit-button.style20 a,
.section-title.style14 .title,
.icon-box.style9 h4.title,
.not-found-inner h1{
      color: var(--TitleColor);
}
.transprent-menu .staybook_menu > ul > li > a:hover,
.testimonial.style12 .owl-nav button.owl-next i:hover,
footer .elementor-shortcode, footer .elementor-shortcode a,
footer .policy{
      color: #fff;
}
.service-box.style8:hover::before{
      border-color: var(--PiacentinoBG);
}
.service-box.style8::before,
.icon-box.style9 .icon::after{
      border-color: #fff;
}
.icon-box.style9 p.description,
.form-area.quote_form.style_two .form-control{
      color: var(--TextColor);
}
form .form-group{
      margin-bottom: 20px!important;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder,
textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
      color: var(--TextColor)!important;
}
.form-area.quote_form.style_two .form-control{
      border-color: var(--TextColor)!important;
}
.form-area.quote_form.style_two .form-control:focus,
footer .elementor-social-icon:hover,
.btn-hover-border-red a:hover{
      border-color: var(--PiacentinoBG)!important;
}

.form-area.quote_form.style_two .buttons input {
      border: 1px solid #161616;
      color: #161616;
      background: transparent;
      line-height: 24px;
      padding: 14px 35px;
      margin-top: 0;
      font-size: 16px;
      font-weight: 500;
      font-family: "Open Sans", sans-serif;
}
.form-area.quote_form.style_two .buttons input:hover {
      background-color: var(--PiacentinoBG)!important;
      transition: .5s;
      color: #fff!important;
}
.wpcf7 form .wpcf7-response-output {
      margin: 0;
      color: inherit;
}
form .privacy_policy .wpcf7-list-item{
      margin-left: 0;
}
footer a:hover,
footer a span:hover{
      color: var(--PiacentinoBG)!important;
}
.come-arrivare .e-n-tabs-heading .e-n-tab-title{
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding: 18px 24px;
      border-radius: 5px;
}
.come-arrivare .e-n-tabs-heading{
      list-style: none;
      display: flex;
      padding: 40px 40px 30px;
      background: var(--PiacentinoBG);
      border: 2px solid #fff;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
      gap: 15px;
}
.come-arrivare > .e-n-tabs{
      gap: 30px;
}
.come-arrivare .e-n-tabs-content{
      background: var(--PiacentinoBG);
      padding: 35px 40px 17px;
}
.staybook-main-menu.transparent-two .staybook_menu{
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 24px;
      margin-right: 50px;
}
.hover-galleria .gallery-item .gallery-icon{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.hover-galleria .gallery-item .gallery-icon:before{
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 50%;
    left: 0;
    top: -50%;
    position: absolute;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    content: "";
}
.hover-galleria .gallery-item .gallery-icon:after{
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 50%;
    left: 0;
    position: absolute;
    top: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    content: "";
}

.hover-galleria .gallery-item .gallery-icon:hover::before {
    left: 0;
    top: 0;
}
.hover-galleria .gallery-item .gallery-icon:hover::after {
    left: 0;
    top: 50%;
}
.hover-galleria .gallery-item .gallery-icon:hover a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1;
}
.hover-galleria .gallery-item .gallery-icon:hover a:after {
    content: '\f1a3';
    font-family: "Flaticon";
    position: absolute;
    z-index: 1;
    color: #fff;
    top: 50%;
    left: 50%;
    line-height: 16px;
}
.hover-galleria .gallery-item img {
      padding: 0;
}
.hover-galleria .gallery-item{
      margin-bottom: 0!important;
}
.testimonial.style12 .owl-nav {
      position: relative;
      left: 0;
      bottom: 0;
}
.mean-container .mean-bar::before{
      background-image: url("https://www.netskyn.net/test/hotelpiacentino/wp-cntnt/uplds/2026/03/hotel-piacentino-logo-light.png");
      content: "";
      background-repeat: no-repeat;
      width: 120px;
      height: 40px;
      background-size: cover;
      top: 10px;
}
.main-menu-area{
      position: fixed;
      width: 100%;
      top: 0;
      z-index: 10;
}
.menu_area.mobile-menu .wpml-ls-statics-shortcode_actions{
      position: absolute;
      top: 15px;
      z-index: 1000;
      right: 60px;
}
.not-found-inner p {
      font-size: 16px;
      margin-top: 15px;
}
.not-found-area {
      background-color: #fff;
}
.not-found{
      box-shadow: none;
}
@media (min-width: 992px) and (max-width: 1169px) {
      .staybook-main-menu.transprent-menu .staybook_menu > ul > li > a {
            margin: 35px 8px!important;
            font-size: 14px!important;
      }
}
@media (max-width: 768px){
      .come-arrivare .e-n-tabs-heading{
            max-width: 100%;
      }
}