/* EA Accommodation Site Classic Stylesheet */
body {
  /* Use line below for colours */
  background-color: #f5f5f5 !important;
  /* Use lines below for background image */
  /* Add the image URL in between the quotes ('') */
  /* background-image: url('') !important;
  background-attachment: fixed !important;
  background-size: cover; */
}

.main-form {
  /* margin-top: 0px !important; */
  margin-top: 40px !important;
  background: #fff !important;
  padding: 0px !important;
  padding-bottom: 1px !important;
  border-radius: 15px;
}

.main-form form p {
  padding: 0;
}

.text-left.h1, .text-center.h1 {
  color: #fff !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
  margin: 0px 0px 10px 0px !important;
}

.h1.text-center {
  padding: 15px !important;
}

/* Accom thank you heading */
#thanksHeading {
  background-color: #102434;
  margin: 0px -15px 10px -15px !important;
  /* margin: -25px -15px 10px -15px; use this line for panel themes */
  width: auto;
}

button, input.btn, a.btn {
  border-radius: 0px !important;
  border: 1px solid #102433 !important;
  height: 34px !important;
  font-size: 12px !important;
  font-weight: bold !important;
  line-height: 34px !important;
  padding: 0px 30px !important;
  white-space: nowrap !important;
  background: #fff !important;
  color: #102433 !important;
}

.btn::before {
  background: none !important;
}

.btn-default:hover {
  background: #102433 !important;
  border-color: #102433 !important;
}

button:hover, button:active, input.btn:hover, a.btn:hover {
  background: #102433 !important;
  color: #fff !important;
}

button.close {
  background: none !important;
  opacity: 1 !important;
}

button.close:hover {
  background: #fff !important;
  color: #000 !important;
  transform: none !important;
}

form.form-horizontal:has(input) {
  margin-bottom: 15px !important;
}

form .text-left {
  padding: 15px !important;
  margin: 0 !important;
  opacity: 1 !important;
  transition: opacity 0.6s !important;
}

form .row {
  margin: 15px 0 !important;
}

form .form-group {
  padding-right: 0px !important;
  padding-left: 15px !important;
}

/* Remove extra space around OBE */
form.dynamic-target.form-horizontal.clearfix {
  margin-top: -15px;
  background: #f5f5f5;
}

font, strong {
  background: none;
}

* {
  transition: none !important;
}

.brand-header {
  width: 100%;
  margin-left: 0;
  border-radius: 15px;
}

.alert {
  background: #CC0000 !important;
  color: #FFFFFF !important;
}

.navbar-inside-page {
  width: 0%;
  display: none;
}

/* Footer */
.brand-footer-bg {
  /* display: none; */
  margin: -30px 0 30px 0;
  /* margin: 30px 0 30px 0; use if there is a footer image */
  background: #fff;
}

.footer {
  bottom: 0;
  min-height: 60px;
  margin-top: 30px;
  /* When booking form button is on top */
  /* margin-top: 80px; */
  padding-bottom: 10px;
  height: 60px;
}

/* Set banner image width */
.brand-header > .img-responsive {
  width: 1200px !important;
  border-radius: 15px 15px 0 0;
}

.brand-footer > .img-responsive {
  width: 1200px !important;
  border-radius: 0;
  margin-bottom: -30px;
}

.alert-dismissable .close {
  top: -5px;
  padding: 0px 20px !important;
}

/* Stock EA accommodation */
.row.hotel .inline {
  color: #fff;
}
#booked_container_fluid .select2-container {
  background: #efefef;
}
.room-row-amount {
  padding-right: 0px !important;
}

/* Link Hover Effects */
a {
  transform: perspective(1px) translateZ(0);
  position: relative;
  overflow: hidden;
  color: #4690D0;
  text-decoration: none;
}
a::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #4690D0;
  height: 1px !important;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}
a:hover::before, a:focus::before, a:active::before {
  transform: scaleX(1);
}
a:hover {
  text-decoration: none !important;
}

/* Cookie message button */
#cookie-message .coockie-message-close {
  border: none !important;
  background: none !important;
  font-size: 18pt !important;
  line-height: normal !important;
  padding: 5px !important;
}

/* Smaller screens */
@media (max-width: 900px) {
  .footer {
    height: 70px !important;
  }
}

@media (max-width: 767px) {
  .footer {
    height: 130px !important;
  }

  #thanksImage {
    height: auto;
    width: 100%;
  }
}