:root {
  --color-primary: #f4c9c7!important; /*title and header colour*/
  --bg-primary-color: #f4c9c7!important; /*header and button background*/
  --form-background-color: var(--white-color)!important;; /*form background*/
  --accent-color: #3a3f1d!important; /*breadcrumb and button hover*/
  --form-control-color: #495057!important; /*form header text colour*/
  --text-color: #3a3f1d!important; /*Main text colour*/
  --grey-color: #D9E1E7!important; /*Form Border*/
  --white-color: #ffffff!important;

  --select-color: #3a3f1d!important; /*Background colour of select buttons*/
  --select-highlight-color: #f4c9c7!important; /*BG colour of select buttons on hover*/
  --select-border-color: #3a3f1d!important; /*border colour of select buttons*/
  --select-text-color: #ffffff!important; /*colour of select text*/
  --select-highlight-text-color: var(--white-color)!important; /*colour of select text on hover*/
  --select-padding: 25!important; 
  --select-disabled-color :#ADB4B8 !important; /*colour of select fonts and buttons*/
  --body-font: 'Proxima Nova', sans-serif; /*main fonts*/
  	
  /* fonts  weight */
  --font-normal: normal;
  --font-semibold: bolder;
  --font-bold: bold;


/* rest of the vars */
  --background-color: var(--color-primary);
  --border-radius: 12px;
  --border-radius-large: 10px !important;
  --letter-spacing: 1px;
  --transition: 0.3s ease-in-out all;
  --max-width: 400px !important;
}


element.style {
    max-width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

body {
  font-family: var(--body-font);
}

.progress_holder,
.app-view .header-color {
  background-color: #fff!important;
  padding-top: 10px;
}

.milenia-booking-form [class*="form-col"] .form-control,
.btn,
.milenia-custom-select {
border-radius: var(--border-radius);
}

.header-text-color {
	color: #ffffff;
}

.header-color {
	background: #f4c9c7; /*colour of top half of the header*/
	padding-bottom: 10px;
}

.contact-us-label.header-text-color {
	color: #ffffff!important;
}

.milenia-body--scheme-blue .milenia-btn--scheme-primary:not(.milenia-btn--link) {
  font-family: var(--secondary-font);
  background-color: var(--color-primary)!important;
  font-size: 21px;
  border-radius: var(--border-radius-large);
  font-weight: var(--font-bold);
  }

.milenia-booking-form--style-2 .form-col--children .form-control {
font-size: 16px !important;
}

.form-col--title {
  font-family: var(--headingFont);
}


.milenia-booking-form [class*="form-col"] .form-control,
.head-searchpage { 
  text-align: left;
  max-width: var(--max-width);
  color: var(--text-color);
  background-color: var(--white-color);
  font-size: 28px;
}

.form-control.head-searchpage,
.head-searchpage {
  text-align: left !important;
  font-family: var(--body-font);
  font-weight: var(--font-bold);
}

.form-control.head-searchpage::after,
.head-searchpage::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  margin-top: 1px;
  background-color: var(--color-primary);
}

.form-control {
  border-radius: var(--border-radius);
  background-color: var(--color-primary);
}

.milenia-booking-form--style-2 .form-col--arrival-date .form-control, .milenia-booking-form--style-2 .form-col--departure-date .form-control, .milenia-booking-form--style-2 .form-col--rooms .form-control, .milenia-booking-form--style-2 .form-col--adults .form-control, .milenia-booking-form--style-2 .form-col--children .form-control {
  background-color: var(--form-background-color);
  border: 1px solid var(--grey-color)!important;
}

.milenia-booking-form--style-2 .form-col--children .form-control.litepickertextbox {
  color: var(--text-color);
}

.app-view .no-gutters{
  width: 90%;
  margin: 0 auto;
}

.lower-payment .milenia-btn.milenia-btn--huge.milenia-btn--scheme-primary {
  border-radius: var(--border-radius-large);
}

.milenia-btn:not(.milenia-btn--link):not(.milenia-btn--big):not(.milenia-btn--huge):not(.milenia-btn--xxl):not(.cont-btn):not(.order-save-info-message) {
  border-radius: var(--border-radius-large);
  text-transform: capitalize;
  line-height: 0 !important;
  height: 25px !important;
}

.milenia-underlined-link, a:not(.milenia-ln--independent), .milenia-navigation .sub-menu a, .milenia-btn--link, .milenia-dropdown-element > li > a, .milenia-events-month-event-title a,
.room-descs2 {
  color: var(--text-color);
  font-size: 14px;
}

.carousel-item.card-img {
  border-radius: 20px !important;
  object-fit: cover;
  aspect-ratio: 4 / 2;
  object-fit: cover;
}

@media only screen and (min-width: 576px) {
  .carousel-item.card-img {
    aspect-ratio: 4 / 3;
  }
}

.milenia-booking-form [class*="form-col"] .form-control.litepickertextbox {
  color: var(--text-color);
  background: white !important;
}

button {
  text-transform: capitalize;
}

.occupancy-picker-dropdown,
.occupancy-picker-dropdown  .btn.btn-block.btn-outline-secondary.occupancy-picker-button.button-width.button-width2 {
  height: 39px !important;
}


@media only screen and (min-width: 576px) {
  .occupancy-picker-dropdown {
    bottom: 5px
  }
}

.milenia-btn.milenia-btn--scheme-primary.select {
  height: 20px;
  margin-left: 0;
  line-height: 0px !important;
}

.milenia-body--scheme-lightbrown .milenia-btn--scheme-primary:not(.milenia-btn--link) {
  border-radius: var(--border-radius-large);
  margin-top: 15px;
}

input.form-control.form--style-2 {
  padding-bottom: 10px;
  padding-bottom: 5px;
  border: 1px solid lightgray;
  background-color: var(--white-color) !important;
}

input.form-control.form--style-2::placeholder {
  color: var(--grey-color);
  line-height: 20px;
  font-size: 14px;
}

.modal-content .modal-footer button.btn.milenia-btn.btn-secondary {
  height: 30px !important;
}

.modal-dialog .milenia-btn.btn.btn-sm.btn-block.btn-primary {
  height: 30px !important;
}

.form-control button.milenia-btn.cont-btn {
  height: 30px !important;
  line-height: 0 !important;
  text-transform: capitalize !important;
}

@media only screen and (max-width: 400px) {
  .form-control button.milenia-btn.cont-btn {
    font-size: 10px !important;
  }
} 


@media only screen and (max-width: 360px) {
  .form-control button.milenia-btn.cont-btn {
    font-size: 12px !important;
  }
} 


.milenia-btn.cont-btn.button,
.milenia-btn.milenia-btn2.cont-btn.button {
  border-radius: 0;
}

.milenia-btn.cont-btn.button {
  border-right: 1px solid var(--grey-color) !important;
}

.form-col--arrival-date.d-block {
  text-align: center;
}


@media only screen and (max-width: 576px) {
  .form-col--arrival-date.d-block h2,
  .form-col--arrival-date.d-block h3,
  .form-col--adults.d-block h2,
  .form-col--adults.d-block h3 {
    font-size: 17px !important;
  }
}

.form-group .milenia-btn.cont-btn,
.milenia-btn.milenia-btn2.cont-btn {
  border-radius: var(--border-radius);
}

.modal-body .not-mobile {
  width: 25%;
}

.form-area input,
.form-area select,
.form-area textarea,
.boxarea {
  border-radius: var(--border-radius);
}

.milenia-btn.but-width {
  margin-bottom: 20px;
  padding: 20px 35px !important;
}

.modal-dialog img {
  border-radius: var(--border-radius);
}

.modal-content .cross:after {
  top: 14px;
}

.cross:after {
  top: 20px;
}

/*Shop*/

.col-12.col-md-4.offset-md-4.text-center input {
  border-radius: var(--border-radius-large);
}

.shop-control-bar-mobile .btn-showbasket,
.shop-control-bar .btn-showbasket{
  border-radius: 0;
  line-height: 20px;
  height: auto;
}


.shop-control-bar-mobile .milenia-btn:not(.milenia-btn--link):not(.milenia-btn--big):not(.milenia-btn--huge):not(.milenia-btn--xxl):not(.cont-btn):not(.order-save-info-message) {
  border-radius: 0 !important;
  line-height: 1.2rem !important;
  height: auto !important;
}

.new-padarea.product-list {
  border-radius: var(--border-radius);
}

.tab-guestinfo .btn-group.btn-group-toggle .btn.milenia-btn {
  border-radius: 12px !important;
  text-transform: capitalize;
  line-height: 0 !important;
  height: 20px !important;
  margin-right: 14px !important;
}

.chooser-holder ul.table-list li.list-group-item {
    display: inline-flex;
    justify-content: space-between;
    border-radius: 30px;
    line-height: 28px;
}

.chooser-holder ul.table-list li.list-group-item span {
  border-radius: var(--border-radius-large);
  line-height: 40px;
}

.shop-basket-modal .modal-header {
  border-radius: var(--border-radius-large);
}

.modal-body .order-totals {
  border-radius: var(--border-radius);
}

.tab-guestinfo .boxarea .btn-group.btn-group-toggle .btn.milenia-btn {
  line-height: 9px !important;
}

.milenia-booking-form.milenia-booking-form--style-2 .head-searchpage::after,
.milenia-booking-form.milenia-booking-form--style-2 .head-searchpage::after {
  margin-top: 7px;
}

.milenia-booking-form.milenia-booking-form--style-2 .milenia-btn--huge.milenia-btn--scheme-primary {
  font-size: 17px;
}


@media only screen and (max-width: 400px) {
  .milenia-booking-form.milenia-booking-form--style-2 .milenia-btn--huge.milenia-btn--scheme-primary {
    font-size: 12px !important;
  }
}

.btn-choose-time {
  border-radius: var(--border-radius);
}

.new-padarea.product-list input {
  border-radius: var(--border-radius);
}

.new-padarea.product-list .d-sm-block.d-md-none {
  border-radius: var(--border-radius) !important;
}

.btn-group.btn-group-toggle .btn.milenia-btn{
  height: 15px !important;
}


.btn-group.btn-group-toggle .milenia-btn:not(.milenia-btn--link):not(.milenia-btn--big):not(.milenia-btn--huge):not(.milenia-btn--xxl):not(.cont-btn):not(.order-save-info-message) {
  line-height: 9px !important;
}

.progress_holder.new-header .active::before {
  background-color:  #f4c9c7;
  border-color: var(--color-primary);
}

.app-view .topnav {
  display: none;
}

.navbar.navbar-light {
  margin-bottom: 20px;
}

.modal.login-modal .modal-title.head-searchpage {
  font-family: var(--body-font);
}

.row.tab-timeslots .chooser-holder span {
  color: var(--text-color);
}

.summary-bar-block input {
  border-radius: var(--border-radius-large);
}

.shop-control-bar h2,
.down-whitearea h2  {
  font-size: 19px;
}

.header-text-color.top-banner-header-link:hover,
.menusec span.hide-this a:hover {
  color: var(--select-color);
}

/*
.milenia-btn:not(.milenia-btn--link):not(.milenia-btn--big):not(.milenia-btn--huge):not(.milenia-btn--xxl):not(.cont-btn):not(.order-save-info-message) {
  border-radius: var(--border-radius-large);
  text-transform: capitalize;
  line-height: 0 !important;
  height: 25px !important;
}*/

@media (max-width: 575.98px) {
    html.app-view h4.shop-header.hotel-guest-question-header {
        font-size: 16px;
    }

    html.app-view .hotel-guest-question .btn-group.btn-group-toggle {
        vertical-align: sub;
    }
}

.boxarea h4{
  font-weight: 700;
}

.multi-steps .step.disabled a,
.multi-steps .step a {
  color: var(--select-disabled-color )!important;
}

button.milenia-btn.milenia-btn2.cont-btn.button {
  background-color:  var(--accent-color) !important;
}

.modal-title.optional-extras-title {
  padding: 20px !important;
}

.toggle.ios .toggle-handle {
  background-color: var(--white-color);
}

.toggle-handle.btn.btn-light.btn-xs {
  padding: 0 20px;
}

.form-area select {
  margin-bottom: 5px;
}

.form-area .row > [class*="col-md"]:not([class*="col-sm"]):not([class*="col-xs"]):not(:last-child) {
  margin-bottom: 0;
}

.form-area label {
  padding: 20px 15px 0;
}

.modal-content .modal-body .not-mobile {
  width: 100%;
}

.logo img {
	width: 125px;
}