/*
COLORI
*/
@charset 'UTF-8';
.booking-form,
.chr-about-wrap,
.chr-staff-thumb,
.price-table .text,
.sticky-header.affix,
.navigation .sub-menu,
.navigation .children,
.navigation ul li ul a,
.brnd-slider .thumb:hover,
.services-bg .chr-about-wrap,
.navigation ul li .sub-menu a,
.navigation ul li .children a,
.brnd-slider .slick-center .thumb,
.chr-login .input-field input[type="text"],
.safari .navigation ul li .safari-children,
.gray-bg .contact-form .input-field textarea,
.chr-login .input-field input[type="password"],
.chr-login .input-field input[type="submit"]:hover,
.gray-bg .contact-form .input-field input[type="text"],
.gray-bg .contact-form .input-field input[type="email"],
.gray-bg .contact-form .input-field input[type="submit"]:hover,
.aminities-thumb{
  background-color:#fff; 
}
.th-cl,
.time i,
.tweet_list li a:hover,
textarea:focus,
.page-navigation a:hover,
.weather-inner i,
.menu-list:hover .title a,
.arrows .slick-arrow:before,
.chr-services:hover .title a,
.input-field input:focus,
.error-page .chr-btn:hover,
.header-1 .chr-top-info i,
.event-small .blog-meta li a i,
.readmore-btn:hover,
.title a:hover,
.breadcrumb > li.active a,
.breadcrumb > li.active ,
.blog-meta li a:hover,
.chr-blog-1:hover .title a,
.testimonial-thumb .title a,
.footer-1 address:before,
/*.fancy-btn:hover,*/
.chr-price-thumb h6,
.comment-reply-link:before,
.comment-reply-link:hover,
.widget-event-info .title i,
.chr-blog-small:hover .title a,
.room-list-view:hover .title a,
.widget-event-thumb .blog-meta li a i,
.chr-staff-thumb figure .chr-social li a:hover,
.widget-info .flex-text a:hover,
.widget-search .input-field .search_icon:before,
.chr-room-thumb:hover .title a,
/*HOTEL*/
.news-letter input[type="email"]:focus .search_icon:before,
.news-letter .input-field input[type="text"]:focus label::before,
.news-letter .input-field input[type="text"]:focus label:hover::before,
.hotel-footer .about-text a:hover,
.header-1 .navigation ul li:hover > a,
.header-1 .navigation ul li.active > a,
.header-1.absolute .navigation ul li:hover > a,
.header-1.absolute .navigation ul li.active > a
{
  color: #FFF;
}
.header-1.affix .navigation ul li:hover > a,
.header-1.affix .navigation ul li.active > a {
  color: #111;
}
.port-filter li .filter.active,
.port-filter li .filter:hover {
  color: #4D4842;
}
.th-bg,
.tweet_list li i,
.ocr-button.hv-th-bg:hover,
.chr-btn.th-bg,
.price-tag:hover,
.room-list-view figure,
.menu-list figure:before,
.price-table:hover .title,
.chr-spa-thumb:hover > span,
.chr-staff-thumb figure:before,
.chr-room-thumb:hover .price-tag,
.chr-pagination .page-numbers.current,
.chr-pagination .page-numbers:hover,
.chr-social li a:hover,
.chr-blog-1:hover .date-box,
.gallary-thumb figure:before,
.headind-1 .title:after,
.arrows .slick-arrow:hover,
.dot-style-1 li.slick-active button,
.chr-blog-small figure:before,
.widget_categories li:hover,
.widget_archive li:hover,
.comingsoon-page-2,
.chr-contact-thumb:hover,
.booking-form .input-field .chr-btn:hover,
.chr-blog-small:hover figure .s-date-box,
.headind-1 .title:before,.chr-sr-list li:before,
.header-1 .navigation ul li.active > a:after,
.header-1 .navigation ul li.active > a:before,
.header-1 .navigation ul li:hover > a:after,
.header-1 .navigation ul li:hover > a:before,
/**/
.options li:hover,
.widget-title span:before,
.widget-title span:after,
.main-services-tab li.active a:hover,
.main-services-tab li.active a,
.main-services-tab li:hover a,
.aminities-thumb:hover,
.dl-menuwrapper button,
.dl-menuwrapper li a:hover,
.navigation ul li .children li:hover > a,
.chr-btn:hover
{
  background-color:#4D4842;
}
.chr-about-wrap figure{
  outline-color: #4D4842!important;
}
.tweet_list li a,
.ocr-button.hv-th-bg:hover,
.chr-btn .th-bd,
.th-bd,
.fancy-btn,
.tweet_list li a,
.styledselect.active,
.input-field .options,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
.arrows .slick-arrow:hover,
.brnd-slider .thumb:hover,
.brnd-slider .slick-center .thumb,
.booking-form .input-field .chr-btn:hover,
.room-detail-slider .slider-nav figure:before,
.chr-pagination .page-numbers.current,
.chr-pagination .page-numbers:hover,
.chr-social li a:hover,
.fancy-btn:before, 
.chr-contact-thumb i,
.fancy-btn:after,
.main-services-tab li.active a:before,
.main-services-tab li:hover a:before,
.hotel-testimonial-thumb .text,
.hotel-testimonial-thumb .text:before,
.chr-pagination .page-numbers
{
  border-color:#4D4842; 
}
select,
input,
textarea,
.chr-btn,
.p-middel,
.chr-room,
.zoom-icon,
.price-table,
.blog-meta *,
.zoom-icon a,
.styledselect,
.readmore-btn,
.chr-blog-1 *,
.page-numbers,
.chr-btn:after,
.chr-blog-small,
.room-list-view,
.chr-btn:before,
.chr-room-thumb,
.chr-social li a,
.chr-blog-small *,
.chr-contact-thumb,
.comment-reply-link,
.price-table .title,
.chr-contact-thumb *,
.styledselect .options,
.chr-spa-thumb,
.chr-spa-thumb > span,
.room-list-view figure img,
.widget_rss ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_archive ul li,
.widget_nav_menu ul li,
.widget_categories ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li a,
.widget_meta ul li a,
.widget_pages ul li a,
.widget_archive ul li a,
.widget_nav_menu ul li a,
.widget_categories ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a,
.widget_rss ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_archive ul li,
.widget_nav_menu ul li,
.widget_categories ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li a:before,
.widget_meta ul li a:before,
.widget_pages ul li a:before,
.widget_archive ul li a:before,
.widget_nav_menu ul li a:before,
.widget_categories ul li a:before,
.widget_recent_comments ul li a:before,
.widget_recent_entries ul li a:before,
.room-detail-slider .slider-nav figure:before,
.price-tag,
.tagcloud a,
.about-text a,
.aminities-thumb,
.tweet_list li a,
.options li,
.chr-staff-thumb,
.brnd-slider .thumb,
.brnd-slider .thumb img,
.port-filter li .filter,
.page-navigation a,
.navigation ul li a,
.aminities-thumb h6,
.dl-menuwrapper button,
.main-services-tab li a,
.main-services-tab li a:before,
.navigation ul li a:before,
.navigation ul li a:after,
.menu-list figure:before,
.chr-staff-thumb figure img,
.widget-info .flex-text a,
.gallary-thumb figure:before,
.chr-staff-thumb figure:after,
.chr-staff-thumb figure:before,
.chr-blog-small figure:before,
.fancy-btn:before, .fancy-btn:after,
.dot-style-1 li button,
.arrows .slick-arrow:before,
.arrows .slick-arrow,
.dl-menuwrapper li a,
.navigation ul li ul,
.navigation .sub-menu,
.navigation .children,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
{
  transition:all 0.3s ease-in-out;
  -webkit-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out; 
}
::selection {
    background: #4D4842;
    color:#ffffff;
}
::-webkit-selection {
    background: #4D4842;
    color: #ffffff;
}
::-moz-selection {
    background: #4D4842;
    color: #ffffff;
}
.chr-blog-small,
.special-room,
.chr-login,
.chr-contact-thumb,
.main-services-tab li a,
.room-list-view,
blockquote,
#loader-overflow,
.gray-bg{
  background: #f5f5f5;
}

/*
GENERALI
*/

body {
  background-color: #d1cac1;
  color: #25221f;
}
.section, section {
  padding: 120px 0;
}
footer {
  padding: 40px 0;
}
.pt-60 {
  padding-top: 60px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pt-90 {
  padding-top: 90px;
}
.pb-90 {
  padding-bottom: 90px;
}

/*
Grid
*/

.row.align-items-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.row.align-items-center .col-* {
  flex: 0 0 auto; /* Mantieni il comportamento delle colonne */
  width: 100%; /* Default per dispositivi piccoli */
}

/*
TOP BAR
*/

.header-1 .chr-top-bar {
  background-color: #4D4842;
}
.header-1 .chr-top-info {
  padding: 8px 15px;
}
.header-1 .chr-top-info .chr-top-slogan {
  font-weight: 400;
  letter-spacing: 0.5px;
}
.header-1 .chr-top-info .chr-top-slogan strong {
  color: #FFF;
}
@media (max-width: 767px) {
  .header-1 .chr-top-info {
    padding: 0 15px;
    line-height: 50px;
  }
  .header-1 .chr-top-bar {
    border-bottom: 1px solid #FFF;
  }
  .header-1 .chr-top-info .chr-top-slogan {
    display: none;
  }
}

/*
HEADER POSIZIONE INIZIALE
*/

.header-1 .chr-logo-outer {
  /* background-color: rgba(103,97,90,.5); */
  background-color: transparent;
}
.header-1 .logo {
  max-width: 160px;
}
.header-1 .logo > .logo-colorato {
  display:block;
}
.header-1 .logo > .logo-bianco {
  display:none;
}
.header-1 .navigation ul li a {
  font-size: 16px;
  color: #FFF;
}
.header-1.affix .navigation ul li a {
  color: #FFF;
}
.header-1.affix .navigation ul li a:hover {
  color: #33302d;
}
.header-1 .navigation ul li ul li a {
  background-color: #4D4842;
}
.header-1 .navigation ul li ul li a:hover {
  background-color: #608f69;
}
.header-1 .navigation.pull-left,
.header-1 .navigation.pull-right {
  margin-top: 58px;
  width: 350px;
}
.header-1 .navigation.pull-right ul {
  float: right;
}
@media (min-width: 768px) {
  .header-1 .logo > .logo-colorato {
    display:none;
  }
  .header-1 .logo > .logo-bianco {
    display:block;
  }
}
@media (max-width: 767px) {
  .header-1 .chr-logo-outer {
    background-color: #686159;
    border-bottom: 1px solid #FFF;
  }
}
.safari .navigation ul li .safari-children {
  margin-top: -2px;
}

/*
HEADER FISSO
*/

.header-1.affix .chr-logo-outer {
  background-color: #686159;
}
.header-1.affix .navigation-outer {
  padding: 5px 0;
}
.header-1.affix .logo {
  max-width: 100px;
}
.header-1.affix .logo > .logo-colorato {
  display:block;
}
.header-1.affix .logo > .logo-bianco {
  display:none;
}
.header-1.affix .navigation ul li ul li a,
.header-1.affix .navigation ul li ul li a:hover {
  color: #FFF;
}
.header-1.affix .navigation.pull-left,
.header-1.affix .navigation.pull-right {
  margin-top: 28px;
}

/*
HEADER MOBILE
*/

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active {
  background-color: #5b154f;
}
@media (max-width: 767px) {
  .header-1 .logo {
    width: 80px;
  }
}

/*
FOOTER
*/

.hotel-footer {
  background-color: #7f756a;
}
.hotel-footer .about-widget .text p,
.hotel-footer .about-text address,
.hotel-footer .about-text a,
.hotel-footer * {
  color: #FFF;
  font-size: 14px;
}
.about-text span {
  border-radius: 50%;
}
.about-text .overflow-text.single-line {
  padding-top: 0;
}
.about-text .overflow-text.single-line > a {
  line-height: 42px;
}
.th-bg {
  background-color: #4D4842;
}
.th-bg > .fa {
  color: #FFF;
}
.osr-copyright p,
.osr-copyright strong {
  color: #FFF;
}
.osr-copyright a:hover {
  text-decoration: underline;
}
#mappa-google-footer > iframe {
  widh: 100%;
  height: 190px;
  border: 0;
}

/*
HOME SLIDER
*/

.banner-hotel ul li img {
  opacity: 0.9;
}
.chr-caption-wrapper {
  bottom: 45%;
}
h6.chr-caption-title {
  color: #575656;
}
.chr-caption-title::before {
  background-color: #575656;
}
h6.chr-caption-title.chr-caption-title-white {
  color: #FFF;
}
.chr-caption-title.chr-caption-title-white::before {
  background-color: #FFF;
}
h6.chr-caption-text {
  color: #4D4842;
  margin-bottom: 16px;
}
.banner-hotel .chr-caption-wrapper .chr-btn {
  background-color: #bfa3b9;
  border: 0;
}
.banner-hotel .chr-caption-wrapper .chr-btn:hover {
  background-color: #4D4842;
}
.slick-prev {
  left: 20px;
}
.slick-next {
  right: 20px;
}
@media (min-width: 768px) and (max-width: 979px) {
  .chr-caption-wrapper {
    bottom: 25%;
  }
  .banner-hotel .chr-caption-text {
    font-size: 37px;
  }
}
@media (min-width: 1200px) {
  .slick-slide {
    height: 100vh;
  }
}

/*
HOME - BIOGRAFIA
*/

.chr-bio h2 {
  font-size: 28px;
  margin-bottom: 15px;
}
.chr-bio .chr-sub-title {
  font-size: 22px;
  color: #4D4842;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.chr-bio p,
.chr-bio li {
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: 0.5px;
}
.chr-bio li {
  line-height: 150%;
}
@media (max-width: 767px) {
  .chr-bio {
    padding-top: 20px;
  }
  .chr-bio .chr-title,
  .chr-bio .chr-sub-title {
    text-align: center;
  }
}

/*
BREADCRUMB
*/

.chr-sub-banner {
  background-image: url(/assets/img/breadcrumb.jpg);
  background-size: cover;
  padding: 310px 0 50px;
}
.chr-sub-banner::before {
  background-color: #111;
  opacity: .2;
}
.chr-sub-banner h1,
.chr-sub-banner span.sembra-h1 {
  display: block;
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  margin: 0px 0px 0px 0px;
  text-transform: uppercase;
  font-family: 'Poppins', Arial, Helvetica, sans-serif;
  line-height: 1.1;
}
.chr-sub-banner h1,
.chr-sub-banner span.sembra-h1 {
  color: #FFF;
}
.breadcrumb>li+li::before,
.breadcrumb>li a,
.breadcrumb>li,
.breadcrumb>li.active {
  color: #FFF;
}
@media (max-width: 767px) {
  .chr-sub-banner {
    background-image: url(/assets/img/breadcrumb-mobile.jpg);
    background-attachment: unset;
    background-repeat: no-repeat;
    padding: 63px 0 60px;
  }
}

/*
BOX CTA
*/

#box-cta {
  background-color: #f48243;
  padding: 20px;
}
#box-cta h2 {
  font-weight: 400;
}
#box-cta h2 > strong {
  font-weight: 700;
}
#box-cta h2,
#box-cta strong,
#box-cta p {
  color: #FFF;
  padding-bottom: 10px;
}
#box-cta a.btn {
  display: block;
  background-color: #531a4d;
  color: #FFF;
  padding: 15px 0;
}
#box-cta a.btn:hover {
  background-color: #4D4842;
}
@media (min-width: 1200px) {
  #box-cta {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 10px;
  }
}

/*
NEWS
*/

.s-date-box {
  background-color: #f48243;
}
.chr-blog-small {
  background-color: #FFF;
}
.chr-blog-small:hover .title a {
  color: #531a4d;
}
.chr-blog-small:hover figure::before {
  opacity: 0.4;
}
.chr-blog-small .blog-meta i {
  color: #4D4842;
}
.widget_categories {
  margin-bottom: 45px;
}

/*
CONTATTI
*/
.chr-contact-wrap {
  padding: 60px 0 30px;
}
.chr-contact-thumb {
  background-color: transparent;
  border: 1px solid #BCB1A4;
  float: none;
}
.contact-form {
  border: 1px solid #BCB1A4;
  padding: 30px;
}
.contact-form .input-field textarea {
  min-height: 119px;
}
.chr-map #map-canvas,
.chr-map #map {
  min-height: 1px;
}
.chr-map #map-canvas > iframe,
.chr-map #map > iframe {
  width: 100%;
  height: 500px;
}
.form-control,
.input-field textarea,
.time_picker .timepicker,
.input-field .form-control,
.input-field .styledselect,
.rq-check-inout-single-wrapper,
.input-field input[type="text"],
.input-field input[type="email"],
.input-field input[type="password"] {
  background-color: #FFF;
}

/*
VARIE
*/

.input-field input:focus {
  color: #777;
}
.text p,
.text li {
  font-size: 18px;
  line-height: 180%;
  color: #555;
} 
.text ul {
  float: none;
  width: auto;
}
.text a {
  color: #4D4842;
}
.text a:hover {
  color: #531a4d;
}
.text h2 {
  margin-top: 50px;
  margin-bottom: 20px;
  color: #686159;
  letter-spacing: 1px;
  text-align: left;
  font-size: 24px;
  line-height: 1.4;
  border-left: 10px solid #7f756a;
  padding-left: 10px;
}
.title.title-white {
  color: #FFF !important;
}
.social-icon {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  width: 20px;
  text-align: center;
  background-color: #FFF;
  border-radius: 2px;
}
.social-icon > i {
  color: #4D4842 !important;
  margin: 0 !important;  
}
@media (max-width: 767px) {
  .social-icon {
    height: 36px;
    line-height: 36px;
    width: 36px;    
  }
}