@charset "UTF-8";
/*!
* WSM Custom Css v1.0.1 (https://wesimplifymarketing.com/)
*/
.sticky-filter {
  position: fixed;
  margin-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  top: 0;
  transition: top 0.3s ease-in-out;
  left: 0;
  right: 0;
}
.not-sticky {
  top: -191px !important;
}

/* additional css on chain & each hotel */
body,
.main_font {
  font-family: Franklin Gothic Book !important;
  color: #333333;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.5px;
}
html.stm-site-loader::before {
  right: 0;
}
h1,
h2,
h3,
h4 {
  font-family: "Franklin Gothic Demi";
}
.h4,
h4 {
  font-family: "Franklin Gothic Demi";
  color: #010101;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 20px;
}
p {
  font-family: Franklin Gothic Book !important;
  font-size: 16px;
}
.stm_header_style_1 .stm-navigation__default > ul > li > a {
  font-family: Franklin Gothic Demi;
}
.stm_header_style_1 .stm-navigation__default > ul > li > ul > li > a {
  font-family: Franklin Gothic Demi;
}
.btn_extended .stm-button__text {
  font-family: Franklin Gothic Book;
}
.stm_infobox_style_1 .stm_infobox_front h4 {
  font-family: Franklin Gothic Demi !important;
}
.stm_header_transparent .stm-header {
  background-color: #13283f !important;
  position: absolute;
}
.stm-header.active {
  left: 0;
  width: 100%;
}
.stm-header__element .btn_primary.btn_solid:hover {
  border-color: #fff !important;
}
.stm-header__element .btn_primary.btn_solid:hover {
  background-color: #e01518 !important;
}
.stm-footer aside.widget .widgettitle.widget-footer-title h4 {
  font-size: 20px !important;
  margin: 5px 0 20px !important;
  color: #fff;
  font-weight: 800;
}
.stm-footer .textwidget {
  padding-left: 20px;
  color: #fff;
}
.stm-footer .textwidget a {
  padding-left: 20px;
  color: #fff;
}
.stm-footer {
  font-size: 12px !important;
}
.stm-footer a:hover {
  color: #e01518;
}
.stm-footer__bottom .stm-socials__icon_filled:hover {
  background-color: #005e88 !important;
  color: #fff !important;
}
.stm-footer__bottom .stm-socials__icon_filled i:hover {
  background-color: #005e88 !important;
  color: #fff !important;
}

.btn_extended {
  padding: 12px 15px 20px 60px !important;
  border-radius: 0 !important;
}
.stm-header__element .dropdown-menu ul {
  padding-left: 0px !important;
}
.stm-header__element .dropdown-menu li {
  padding-left: 0px !important;
}
.stm-header__element .dropdown-menu li a:hover {
  background-color: #e01518 !important;
}
.stm_header_style_1 .stm-navigation ul > li > ul > li:hover > a {
  background-color: #005e88 !important;
}
.stm_header_style_1 .stm-navigation ul > li > ul > li > a {
  color: #005e88 !important;
}
.stm-navigation__default > ul > li ul {
  padding-left: 0px !important;
}
.stm-navigation__default > ul > li ul li {
  padding-left: 0px !important;
}
.datepicker-form .datepicker__month-day--first-day-selected,
.datepicker-form .datepicker__month-day--last-day-selected {
  color: #fff !important;
  background-color: #005e88 !important;
}

.stm-header__element.stm_header_element_5b34c79cd2162 li:hover > a {
  color: #ffffff !important;
}
.stm-header__element.stm_header_element_5b34c79cd2162 li a:hover {
  color: #ffffff !important;
}
.stm_header_style_1 .stm-navigation__default > ul > li > a {
  padding: 0 12px !important;
  font-size: 12px;
}
.stm_header_style_1 .stm-navigation__default > ul > li ul li > a {
  font-size: 16px !important;
  font-weight: 500 !important;
}
/* @media only screen and (min-device-width: 768px) and (max-device-width: 999px) {
  .home .hotel-portfolio-hp {
    margin-top: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .stm_infobox_style_1 .stm_infobox_front h4 {
    padding: 0 !important;
    font-size: 25px !important;
  }
} */
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern {
  color: #fff;
  border-color: #e01518 !important;
  background-color: #e01518 !important;
}
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern:focus,
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern:hover {
  color: #f7f7f7;
  border-color: #005e88 !important;
  background-color: #005e88 !important;
}
.login {
  background: url(https://wesimplifymarketing.com/tla-0530/wp-content/uploads/2022/04/Travelodge-Hotels-Asia-Convenient-min-scaled.jpg) !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#close-wsm-hotelier-datepicker-select {
  width: auto;
}
.menu-item.href_empty > a {
  pointer-events: none;
}
#icon-socmed-ftr2 {
  margin-left: 0;
  padding-left: 0;
  display: block;
  overflow: hidden;
  margin-bottom: 18px;
  margin-left: -15px;
}
#icon-socmed-ftr2 li {
  float: left;
  display: block;
  overflow: hidden;
  width: 69px;
}
#icon-socmed-ftr2 img:hover {
  opacity: 0.5;
}
#icon-socmed-ftr2 picture img {
  width: 50px;
}
/* END = additional css on chain & each hotel */

/* for CLS(Cumulative Layout Shift) */
/* C HP Filter */
@media (min-width: 1200px) {
  .tla-chain-filter-con .wpb_wrapper {
    width: 1200px;
    min-height: 191px;
  }
  .stm_header_style_1 .stm-navigation__default > ul > li > a {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .tla-chain-filter-con .vc_column-inner {
    margin-top: -78px !important;
  }
  .home .hotel-portfolio-hp {
    margin-top: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .stm_infobox_style_1 .stm_infobox_front h4 {
    padding: 0 !important;
    font-size: 25px !important;
  }
}

@media (max-width: 767px) {
  .tla-chain-filter-con .vc_column-inner {
    margin-top: -28px !important;
  }
}