/** Hotel App CSS **/


.vc_row-has-fill > .vc_column_container > .vc_column-inner {
    padding-top: 0px;
}
.wpb_content_element{
    margin-bottom: 0px;
}
.vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-white:focus, .vc_btn3.vc_btn3-color-white:hover {
    color: #FFF;
    background-color: #e01518;
}
.vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat {
    color: #13283f;
    background-color: #fff;
}
.loyalty-btn-hp .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
  color: #fff;
  border-color: #e01518;
  background-color: #e01518;
}
.loyalty-btn-hp .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
  color: #fff;
  border-color: #005e88;
  background-color: #005e88;
}
.vc_column_container > .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: Franklin Gothic Book !important;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.mtop{
	margin-top:100px!important;
}
.filter-form {
    background-color: #12293f;
    padding: 25px;
    border-radius: 20px;
    color: #fff!important;
}
.filter-form input {
    border: navajowhite;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
}
.site-branding {
    background-color: #12293f;
    padding: 20px 0px;
}
#logo-tla {
    margin-left: 10px;
}
.got-ucvrd-text h1 {
    color: #135f8a;
    font-weight: 900;
    font-size: 46px;
    line-height: 40px;
    margin-bottom: 20px;
}
/*#site-footer {
    background: #12293f!important;
    border-top: transparent!important;
    font-size: 12px;
    padding: 8px 0px!important;
    color: #fff!important;
}*/
.got-ucvrd-text p i {
    background-image: url(https://travelodge-hotels.com/demo/wp-content/uploads/2022/04/icon-arrow-down.png);
    width: 19px;
    height: 19px;
    display: block;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
}

[role=contentinfo] {
    background: #ffff;
    height: 120px;
    z-index: 999;
    margin: 0 auto;
    border-bottom: 1px solid #dadada;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
/*#site-footer span {
    color: #fff;
    text-align: center;
    display: block;
    font-size: 10px;
    margin-top: 6px;
}*/
#welcome-bg{
	background-image:url('https://travelodge-hotels.com/demo/wp-content/uploads/2022/03/TLA-Homepage-Headers-03-1024x672.jpg');
    background-repeat:no-repeat;
    background-position:center;
}
.row-up{margin-top: 100px;}
.row-down{margin-bottom: 200px;}
.offers-header{height: 300px; background: red;}

#tla-app-hotel { margin-bottom: 0; padding-bottom: 75px; }
#tla-app-hotel .stm_titlebox { margin-top: 0; padding: 20px !important; }
#tla-app-hotel .stm_titlebox h1.stm_titlebox__title { font-weight: normal; font-size: 18px !important; line-height: 1.2; margin-bottom: 0; text-align: center; }

#tla-app-hotel .vc_tta-panel-body { padding-top: 30px !important; }
/*#tla-app-hotel #row-wsm-filter .vc_column-inner { padding-left: 0; padding-right: 0; }*/

#wsm-filter-modal form.wsm-filter [type="button"] { width: 100%; margin-top: 0; }
#wsm-filter-modal form.wsm-filter [type="button"] i.btn__icon { display: none; }



/******************/
/***** Filter *****/
/******************/

#tla-app-hotel #rooms div.stm_wp_hotelier_form { padding: 15px !important; }
#tla_app #con-filter div.filter-form .vc_row,
#tla-app-hotel #rooms div.stm_wp_hotelier_form .vc_row { margin-bottom: 0px !important; }
#tla_app #con-filter div.filter-form #third_row,
#tla-app-hotel #rooms div.stm_wp_hotelier_form #third_row { padding-top: 0; margin-top: -10px !important; }
#tla_app #con-filter div.filter-form #third_row div:last-child .form-group,
#tla-app-hotel #rooms div.stm_wp_hotelier_form #third_row div:last-child .form-group { margin-bottom: 30px !important; }
#hotelier-datepicker .vc_row .form-group,
#tla-app-hotel #rooms div.stm_wp_hotelier_form .form-group { margin-bottom: 10px !important; }
/*.datepicker__month { width: 100% !important; }*/
#con-filter .wsm-rooms-datepicker .datepicker.datepicker--open {
    width: 100%;
    left: 0;
    right: 0;
}
#con-filter #second_row_qty .guest_count { margin-bottom: 10px !important; }
#con-filter #second_row_qty { display: block; }
#con-filter #second_row_qty .guest_count {
    margin-left: 0;
    margin-right: 0;
}
#tla_app #con-filte #third_row,
#tla-app-hotel #rooms #third_row { padding-top: 0; }
#tla_app #con-filter #corporate_rates_con,
#tla-app-hotel #rooms #corporate_rates_con { margin-top: 0; margin-bottom: 10px; position: initial; }
#tla_app #con-filter #corporate_rates_con:hover,
#tla-app-hotel #rooms #corporate_rates_con:hover { color: #fff; }
#tla_app #con-filter div.filter-form .cr-btn .form-group,
#tla-app-hotel #rooms div.stm_wp_hotelier_form .cr-btn .form-group { margin-bottom: 0 !important; }
#tla_app #con-filter .cr-btn label,
#tla-app-hotel #rooms .cr-btn label { display: none; }
#tla_app #con-filter .cr-btn button,
#tla-app-hotel #rooms .cr-btn button { padding: 8px 30px; }


#tla-app-hotel #rooms div.stm_wp_hotelier_form form input[type="text"],
#tla-app-hotel #rooms div.stm_wp_hotelier_form form input[type="number"] { padding: 5px 13px; line-height: 1; font-size: 14px; font-weight: normal; }
#tla_app #con-filter div.filter-form .datepicker-form .datepicker-input-select-wrapper::after,
#tla-app-hotel #rooms div.stm_wp_hotelier_form .datepicker-form .datepicker-input-select-wrapper::after { top: 45%; font-size: 20px; }
#tla_app #con-filter div.filter-form .datepicker-form .fa,
#tla-app-hotel #rooms div.stm_wp_hotelier_form .datepicker-form .fa { font-size: 14px; }

#tla_app #con-filter div.filter-form form input[type="text"],
#tla_app #con-filter div.filter-form form input[type="number"] { padding: 5px 13px; line-height: 1; font-size: 14px; font-weight: normal; border: 2px solid #f5f5f5; border-radius: 5px; margin-bottom: 0; }
#iata { margin-bottom: 10px; }
#tla_app #con-filter #first_row .select2-selection { height: auto; line-height: 1; border: 0; border-radius: 5px; }
#tla_app #con-filter #first_row .select2-selection .select2-selection__rendered { font-size: 14px; line-height: 30px; }
#tla_app #con-filter #first_row .select2-search--dropdown { height: 30px; }

/*** end Filter ***/


/*********************/
/*** POP-UP FILTER ***/
/*********************/
#tla_app #wsm-filter-modal form.wsm-filter-popup { padding: 15px; }
#tla_app #wsm-filter-modal form.wsm-filter-popup input[type="text"],
#tla_app #wsm-filter-modal form.wsm-filter-popup input[type="number"] {
	padding: 5px 13px;
    line-height: 1;
    font-size: 14px;
    font-weight: normal;
    border: 2px solid #f5f5f5;
    border-radius: 5px;
    margin-bottom: 0;
}
#tla_app #wsm-filter-modal form.wsm-filter-popup #first_row .select2-selection .select2-selection__rendered { font-size: 14px; line-height: 30px; }
#tla_app #wsm-filter-modal form.wsm-filter-popup #first_row .select2-selection { height: auto !important; line-height: 1; border: 0; border-radius: 5px; }
#tla_app #wsm-filter-modal form.wsm-filter-popup #first_row .select2-selection .select2-search--dropdown { height: 30px; }
#tla_app #wsm-filter-modal form.wsm-filter-popup .datepicker-input-select-wrapper::after { top: 45%; font-size: 20px; }
#tla_app #wsm-filter-modal form.wsm-filter-popup .vc_row { margin-bottom: 0 !important; }
#tla_app #wsm-filter-modal form.wsm-filter-popup .vc_row .form-group { margin-bottom: 10px !important; }
#tla_app #wsm-filter-modal form.wsm-filter-popup .vc_row .form-group .fa { font-size: 14px; }
#tla_app #wsm-filter-modal form.wsm-filter-popup #corporate_rates_con { display: block; position: initial; margin-top: 0; margin-bottom: 10px; overflow: hidden; }
#tla_app #wsm-filter-modal form.wsm-filter-popup #corporate_rates_con:hover { color: #fff; }
#tla_app #wsm-filter-modal form.wsm-filter-popup #third_row { padding-top: 0; margin-top: -10px !important; }
#tla_app #wsm-filter-modal form.wsm-filter-popup #third_row div:last-child .form-group { margin-bottom: 30px !important; }
#tla_app #wsm-filter-modal form.wsm-filter-popup .cr-btn button { padding: 8px 30px; }

#tla_app #wsm-filter-modal form.wsm-filter-popup #first_row .select2 { width: 100% !important; }
/* end POP-UP FILTER */


#overview .wpb_single_image { margin-bottom: 0; }
#rooms .room__content { padding-top: 10px !important; }

#tla_app .got-ucvrd-text h1{ font-size: 46px !important; line-height: 40px !important; margin-top: 0; }

/*******************/
/***** REWARDS *****/
/*******************/
#rewards .table h4 { font-weight: 500; font-size: 22px; }
#rewards .table span { padding: 10px; }
#rewards .table span.bg { bottom: 5px; }
#rewards .table > thead > tr > th span { font-size: 12px; font-family: 'Franklin Gothic Book'; }
#rewards .table > tbody > tr > td span { font-size: 14px; }
.content-rewards .vc_row { margin-left: -15px; margin-right: -15px; }
.content-rewards .vc_column_container > .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/****************/
/**** OFFERS ****/
/****************/
#special-offers .vc_grid-item .vc_gitem-post-data { margin-bottom: 20px; }
#special-offers .vc_grid-item .vc_gitem-post-data-source-post_title { margin-bottom: 10px !important; }
#special-offers .vc_grid-item .vc_gitem-post-data-source-post_title h4 {
  color: #005e88;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
}

#special-offers .vc_grid-item .vc_gitem-post-data p { margin-bottom: 0; line-height: 1.4; }
#special-offers .vc_grid-item .vc_gitem-col .vc_btn3-container a.vc_btn3 {
  color: #fff;
  border-color: #e01518;
  background-color: #e01518;
  text-transform: uppercase;
}



@media (min-width: 451px) {
	#tla-app-hotel .stm_titlebox h1.stm_titlebox__title { font-size: 22px !important; line-height: 1.2; }
}

@media (min-width: 768px) {
	#tla-app-hotel .stm_titlebox h1.stm_titlebox__title { font-size: 28px !important; line-height: 1.5; }
    #tla_app #wsm-filter-modal form.wsm-filter-popup #first_row > div { width: 50%; }
}
/******************/
/*** APP HOTELS ***/
/******************/

@media only screen and (min-device-width: 200px) and (max-device-width: 767px) {

}