@import url("https://palazzoamazigh.it/themes/custom/palazzo_amazigh/dist/tailwind.base.css?spcpji");
@import url("https://palazzoamazigh.it/themes/custom/palazzo_amazigh/dist/tailwind.css?spcpji");

html, body {
  font-size: 16px;
}

body,
section.room div.label p,
section.shortcuts a.box p,
section.room div.calendar ul li .datetheme2 big,
section.room div.calendar ul li .datetheme2 big sup,
.customDayCalendar .datetheme2 p, section.room div.calendar ul li .datetheme2 p,
section.relative div.content h1 {
  font-family: "League Spartan", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.RoomTitle,
.CartSummary > .FontBold,
.PriceSection > .FontBold {
  font-family: "La Luxes Serif", sans-serif !important;
  font-weight: bold !important;
}

body {
  background: #fbf8f4 !important;
  padding: 0;
}

.LayoutDynamic .SiteTopBar {
  position: absolute;
  left: auto;
  right: 0;
  z-index: 1001;
  box-shadow: none;
  background: transparent;
}

.LayoutDynamic .SiteHeader {
  display: block;
  position: static;
  width: 100%;
  left: auto;
  right: auto;
  top: auto;
  z-index: 1000;
  transform: none;
}

.LayoutDynamic .SiteHeader > .BackTransparent:first-child {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  background: #fff;
  background-image: url(https://palazzoamazigh.it/themes/custom/palazzo_amazigh/favicon.svg);
  background-repeat: no-repeat;
  background-size: 3rem;
  background-position: 1rem;
  overflow: visible;
}

.LayoutDynamic .SearchBar {
  display: flex; 
  justify-content: center;
  margin: 0 auto;
  max-width: 950px;
}

.LayoutDynamic .SearchCal {
  width: 130px; 
}

.LayoutDynamic .SiteContent,
.LayoutDynamic .SiteFooter,
.CartSummary {
  max-width: 950px;
  margin: 0 auto;
}

.LayoutDynamic .SiteContent {
  margin-top: 3rem; 
}

@media (min-width: 768px) { 
  .LayoutDynamic .SiteContent {
    margin-top: 6rem; 
  }
}

.LayoutDynamic .SiteMain {
  padding-bottom: 2rem; 
}

.AnimBar:before,
.BounceColor .ui-button-text:before,
.BounceColor:before {
  display: none;
}

.RoomPhoto.ZoomHover>div:hover,
.Zoom,
.BoxHover:hover {
  transform: none;
}

.BoxHover:hover {
  box-shadow: none;
  transition: none;
}

.BoxSection {
  border-radius: 0; 
}

.BoxSection, .BoxSectionSimple {
  box-shadow: none; 
}

.BoxHover:hover {
  cursor: default;
}

.BackTransparent {
  background: transparent;
}

.ui-button .ui-button-text {
  padding-left: 2.5rem !important;
  padding-right: 1.5rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.5rem !important;
  background-color: #395d5a;
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  font-weight: 500;
  letter-spacing: 1px;
  color: #fff;
  border-radius: 1.5rem !important;
  transition: none;
  box-shadow: none;
}

.ui-button.ui-state-hover .ui-button-text,
.ui-button.ui-state-focus .ui-button-text,
.ui-button.ui-state-active .ui-button-text {
  background-color: #395d5a;
  opacity: 0.9;
}

.ui-button.ui-state-focus .ui-button-text,
.ui-widget.ui-state-focus {
  box-shadow: none !important;  
}

.SearchBar .ui-button-text.ui-c {
  border-radius: 1.5rem !important;
}

@media (min-width: 850px) {
  .SearchBar .fa-search {
    display: none !important;
  }
}

.LayoutDynamic .SearchBar>div>div {
  padding: 0;
}

.ui-notificationbar {
  display: none !important; 
}

#toTop {
  background: #395d5a; 
}

.SiteFooter {
  display: none; 
}

.ui-inputfield {
  padding: 3px 10px !important; 
}

.SiteTopBar .ui-selectonemenu {
  padding-right: 19px !important; 
}

.Green {
  color: #395d5a !important; 
}

.RoomInfo .RoomTitle + .Leaden {
  letter-spacing: 1px; 
}

.Fs20 {
  font-size: 26px !important;
  line-height: 36px;
}

.RoomSection .ui-button .ui-button-text {
  padding-top: 0.5rem !important;
  padding-bottom: 0.25rem !important;
  font-size: 1rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.CartSummary {
  margin-top: 6rem;
  margin-bottom: -2rem;
  animation: none; 
}

.CartSummary > .FontBold {
  font-size: 1.75rem;
  text-align: left;
  margin-bottom: 1.5rem;
}

.CartSummaryItems {
  margin-top: 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.ui-scrollpanel {
  background: transparent;
}

.PriceSection > .FontBold {
  font-size: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem; 
}

.PriceDetail .Blue {
  cursor: pointer;
}

.PriceDetail:hover {
  color: inherit; 
}

.ui-panelgrid {
  font-size: 1.25rem;
}

.ui-widget input {
  transition: none !important; 
}

.ui-fluid .ui-inputfield,
.ui-fluid .ui-inputtextarea {
  font-size: 1.125rem;
  padding: 0.35rem 0.75rem !important;
  background: #f1efed;
  border: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 0.5rem;
}

.SearchCal .ui-inputfield {
  margin-bottom: 0 !important; 
}

label.ui-selectonemenu-label {
  padding-top: 10px !important;
  margin-bottom: 0 !important;
}

.ui-grid-responsive .TexAlCenter {
  text-align: left;
}

.ui-grid-responsive .ui-md-6 {
  width: 100%;  
}

label {
  line-height: 1.25rem;
}

.specialRequest {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.ui-outputlabel {
  font-size: 1.25rem; 
}

.LayoutDynamic .SiteHeader .ui-inputfield {
  background-color: #f1efed; 
}

.ui-datatable {
  color: inherit;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.ui-datatable table thead tr th {
  background: transparent; 
  border-color: #dbd7cf;
  color: inherit;
}

.ui-datatable table tbody tr td {
  border-color: #dbd7cf;
  padding: 0.5rem 0.5rem 0.05rem 0.5rem !important;
}

.ui-datatable .ui-datatable-even,
.ui-datatable .ui-datatable-odd {
  background: none; 
}

.ui-selectonemenu {
  border-radius: 0;
  border: 0 !important;
}

.LayoutDynamic .SearchBar .ui-selectonemenu-trigger {
  width: 34px !important;
  height: 100% !important;
  margin-top: 0px !important;
  border-radius: 0 !important;
}

.LayoutDynamic .SiteHeader .ui-inputfield {
  line-height: 1.75rem !important; 
}

.ui-selectonemenu-trigger .ui-icon-triangle-1-s {
  margin-top: 12px !important; 
}

.SearchBar .ui-button-text {
  padding-top: 0.5rem !important;
  padding-bottom: 0.25rem !important; 
  margin-left: 1rem;
}

.RoomSection {
  margin-bottom: 4rem !important;  
}

.RoomTop {
  display: flex;
  padding: 1rem;
  flex-direction: column-reverse;
  gap: 1rem;
}

@media (min-width: 768px) {
  .RoomTop {
    display: block;
    padding: 2rem;  
  }
}

@media (min-width: 768px) {
  .RoomHeader {
    margin-left: 1rem; 
  }
}

.GroupSection>div:first-child>div:first-child>div {
    border-top: 0;
}

.GroupSection>div>div>div {
  padding: 0.75rem 0; 
  border-color: #dbd7cf;
}

.RoomSection .GroupSection {
  padding-bottom: 0; 
}

.RoomBottom {
  font-size: 1.125rem;
  line-height: 1.75rem; 
}

.RoomInfo {
  padding-top: 0.5rem; 
  padding-bottom: 0;
}

.ShowDetails,
.HideDetails {
  color: inherit !important;
  text-underline-offset: 4px;
  text-decoration: underline;
}

.PriceSection {
  padding-top: 0;
  padding-left: 2rem;
  padding-bottom: 2rem;
}

.PriceSection>ul>li {
  width: 25%; 
}

@media (min-width: 768px) { 
  .PriceSection>ul>li {
    width: 13%; 
  }
}

.PriceSection ul .Leaden {
  margin-bottom: 2px;
  font-weight: bold; 
}

.PriceDetail .Blue {
  color: inherit !important;
  text-decoration: underline;
  text-underline-offset: 3px; 
}

.PriceDetailValue {
  margin-top: 0.25rem;
}

.TextCut {
  margin-top: 0.5rem;
}

.RoomInfo .Description + .Leaden {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
  font-size: 1.125rem; 
}

.RoomSummary>div+div {
  padding: 0 20px; 
}

.RoomSummary>div:first-child {
  padding-right: 10px; 
}

.RoomSummary>div:last-child {
  padding-left: 10px;
}

.PriceDetailValue + p {
  display: none;
}

.RoomInfo .Gray {
  color: inherit;
}

.SearchBar .ui-button-text {
  padding-left: 1rem !important;
  margin: 0 auto; 
}

.calendar .days .stay {
  display: none !important;
}

section.room div.calendar .controls {
  text-align: left;
}

.RoomHeader .Leaden {
  display: flex;
  align-items: center; 
}

.CalendarPad {
  font-size: 18px !important;
}

.CalendarPad .CalendarDay .GrayBack {
  background: #f1efed;
}

.CalendarDay:has(.RedBack) {
  opacity: 0.4;
}

.CalendarPad .CalendarDayValue {
  border-radius: 0;
}

.RoomInfo span[aria-describedby] {
  margin-left: 12px;
}

.BoxSectionSimple .calendar {
  padding: 0 !important;
}

section.room div.calendar .controls {
  display: flex;
  justify-content: space-between; 
}

section.room div.calendar .legendtheme2 p {
  font-size: 18px !important;
  line-height: 26px; 
}

section.room div.calendar ul li .datetheme2 {
  padding: 10px 15px;
}

section.room div.calendar ul li .datetheme2 p {
  font-size: 16px !important;
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
}

/* hide price decimals */
section.room div.calendar ul li .datetheme2 .NormalText sup {
  display: none; 
}

.ui-tooltip.ui-tooltip-right,
.ui-tooltip.ui-tooltip-left {
  font-size: 1rem;
  line-height: 1.25rem;
}

.fadeInRightShort {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

section.room div.calendar ul li.available {
  opacity: 1; 
}

section.room div.calendar ul li.occupied,
section.room div.calendar ul li.pass {
  opacity: 0.4 !important;
  cursor: not-allowed;
}

.RooHeader .GroupShortDesc,
.RoomInfo .ShowDetails,
.RoomInfo .HideDetails {
  display: none;
}

.RoomBottom {
  display: block;
}

.monthList label {
  padding: 1rem !important;
  font-size: 26px; 
}

.PriceSection {
  display: block;
}

.PriceDetail > div:first-child {
  display: none;
}

.LayoutDynamic .SiteHeader {
  transform: none !important; 
}

.LayoutDynamic .SiteContent, .LayoutDynamic .SiteFooter {
  margin-left: auto !important;    
}

.ui-selectonemenu-panel .ui-selectonemenu-item {
  font-size: 18px;
  padding: 8px 11px !important;
}

.ui-selectonemenu-panel {
  border-radius: 0;
}

.ui-selectonemenu.ui-state-hover, .ui-selectcheckboxmenu:hover {
  border: 0 !important;
}

.ui-selectonemenu-trigger .ui-icon-triangle-1-s {
  margin-top: 8px !important;
}

.ui-scrollpanel {
  font-size: 18px;
  line-height: 26px;
}

.ui-dialog .ui-dialog-titlebar {
  font-size: 20px; 
}

.Blue {
  color: #3e5e66 !important; 
}

#extraspanel table {
  width: auto; 
}

#extraspanel .Fright {
  margin-left: 1rem; 
}

.ui-button-icon-only .ui-icon.fa {
  padding-left: 0px;
}

#extraspanel .ui-inputnumber {
  margin-left: 10px; 
}

.ui-widget-content a {
  color: #3e5e66 !important;
}

#privacyGroup {
  display: block;
  margin-top: 1rem;
}

#privacyGroup button {
  margin-top: 1rem;
}

.fadeInDownShort,
.fadeInUpShort {
  transform: none !important; 
  opacity: 1 !important;
}

.fadeInDownShort.go,
.fadeInUpShort.go {
  animation: none !important;
}

.SiteContent,
.SiteFooter {
  animation: none;  
}

section.welcome div.content svg {
  display: none;
}

section.relative div.content h1 {
  font-size: 1.25rem;
  margin-bottom: 2rem !important;
}

.SiteMain section.relative a p {
  position: absolute;
  font-family: 'La Luxes Serif';
  font-weight: bold;
  width: 100%;
  font-size: 1.25rem;
  line-height: 2rem;
  padding: 1rem;
}

.SearchBar > .MobileOff:first-child {
  display: none; 
}

.ui-inputfield {
  transition: none !important; 
}

.SiteContent .Fright .ui-selectonemenu,
.HotelHeader .RoomPhoto,
.HotelHeader .VAlignBase .TextUp, 
.HotelHeader .VAlignBase div:last-child,
.SiteContent #formGroup .RoomPhoto {
   display: none;
}

.HotelHeader .VAlignBase {
  padding-left: 0 !important;
  max-width: none !important;
  font-size: 1.25rem;
  line-height: 2rem;
}

.HotelHeader .MinHei280px {
  min-height: auto !important; 
}

.HotelHeader .RoomTitle {
  margin-bottom: 1rem; 
}

.HotelHeader .VAlignBase > div {
  margin-bottom: 0.75rem;
}

.ui-button-icon-only {
  min-width: 46px !important; 
}

.ui-button-icon-only .ui-icon.fa {
  padding-left: 3px !important; 
}

.SiteContentChannel .ui-button-icon-only .ui-button-text {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.SiteContentChannel > form {
  display: flex; 
  flex-wrap: wrap;
}


.SiteContent > form button:nth-of-type(1),
.SiteContent > form button:nth-of-type(2),
.SiteContent > form button:nth-of-type(4),
.SiteContent > form button:nth-of-type(5) {
  display: none !important; 
}

.SiteContent > form button.customButton {
  display: inline-block !important; 
}

.SiteContentChannel form .ui-button {
  margin-bottom: 0 !important;
}

.WidSDialog {
  width: 100% !important;
}

@media (min-width: 768px) {
  .WidSDialog {
    width: 40% !important;
  }
}

.ui-link {
  color: #395d5a !important;
  text-decoration: underline;
  text-underline-offset: 2px; 
}

.ui-selectonemenu.ui-state-focus {
    border-width: 0 !important;
}

.ui-selectonemenu label.ui-selectonemenu-label {
  padding-top: 0.5rem !important;
  font-size: 1.125rem;
  line-height: 1.25rem !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
  margin-top: 0 !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
  box-shadow: none !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-table td {
  font-size: 16px !important; 
}

.ui-selectonemenu-panel .ui-state-hover,
.ui-selectonemenu-panel tr.ui-state-highlight td,
.ui-selectonemenu-panel .ui-state-highlight,
.ui-selectcheckboxmenu-panel .ui-state-highlight {
  background-color: #395d5a;
  color: #fff;
}

.Fright .ui-selectonemenu:last-child {
  min-width: 77px !important;
}

.Orange {
  color: #395d5a !important; 
}

.HotelSlogan>div>div:nth-of-type(2) .fa {
  margin-right: 5px;
  vertical-align: middle; 
}

@media (min-width: 768px) {
  .ui-grid-responsive .ui-md-6:first-child {
    width: 30% !important; 
  }

  .ui-grid-responsive .ui-md-6:last-child {
    width: auto;
  }
}

#formGroup .RoomHeader .Leaden {
  gap: 0.75rem; 
  color: #505050 !important;
}

#formGroup .RoomTop.LightGrayBack {
  background: #ffeded;
  min-height: 0;
  padding: 1rem;
}

#formGroup .RoomTop.LightGrayBack .Gray {
  color: #505050;
}

#formGroup .RoomHeader {
  display: flex;
  justify-content: space-between; 
  margin-left: 0;
}

#formGroup .RoomPrice {
  width: auto; 
}

#formGroup .RoomTop > div {
  display: block;
}

.CalendarPad .CalendarDay {
  text-decoration: none; 
}

.CustomAccordionPanel div.ui-state-active {
  background: transparent !important;
}

.CustomAccordionPanel .ui-accordion-content,
.CustomAccordionPanel div.ui-accordion-header {
  font-family: inherit;
  background: transparent !important;
}

.RoomSection .RoomBottom,
.RoomHeader .ShowDetails,
.RoomHeader .HideDetails {
  display: none !important;
}

.fa-bed.Fs20 {
  font-size: 18px !important;
  line-height: 14px !important;
}

.CancellationBox + .ui-panelgrid .ui-md-6 {
  width: 100%; 
}

.CancellationBox + .ui-panelgrid .ui-md-6 .Lh24 {
  line-height: 32px;
}

.ui-spinner .ui-spinner-button .ui-button-text {
  height: 15px;
}

.RoomPrice button,
.RoomPrice .PriceChange {
  width: 100%;
}

@media (min-width: 768px) { 
  .RoomPrice button {
    width: auto;
  }
}