/*
Theme Name: 	Betheme Child 2
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		21.3.2
*/

/* Theme customization starts here
-------------------------------------------------------------- */
::selection {
	color: #fff;
}

a.button,
a.tp-button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	font-weight: 500;
	letter-spacing: 3px;
}

.booking_button {
	top: -2px;
	margin: 0 5px;
	font-size: 12px;
	weight: 500;
	letter-spacing: 4px;
	font-family: "Montserrat Local", Arial, Tahoma, sans-serif;
	/* background-color: #faa21b; */
    background-color: #fff;
	/* color: #ffffff !important; */
    color: #765741;
	display: block;
	padding: 11px 20px;
	line-height: 21px;
	float: left;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

#Side_slide .extras .booking_button {
	color: #765741 !important;
}

#Side_slide #menu {
	margin: 50px 0 0 0;
}

.button_theme {
    background-color: #b95927 !important;
    color: #ffffff !important; 
}

.wpcf7-submit {
    color: #fff !important;
    background-color: #b95927 !important;
}

.wpcf7-submit:hover, .wpcf7-submit:focus {
    color: #b95927 !important;
    background-color: #fff !important;
}

.button_size_2 {
     background-color: #b95927 !important;
    color: #ffffff !important; 
}

p a {  /* body copy links  */
    color: #0b8571 !important; 
}

.ramb-main-flo .column_attr.mfn-inline-editor.clearfix {
	float: right;
}
.home_last-sec .mcb-column-inner {
	margin-left: 0;
	margin-right: 0;
}
.home_last-sec .image_wrapper img {
	max-width: 101.1%;
	height: 152.5px;
	object-fit: cover;
}
.home_last-sec .instagram__content-sec {
	padding-right: 0px;
}
.home_last-sec .one-second.column {
	width: 60%;
}
.home_last-sec .instagram__content-secmai {
	text-align: right;
	padding-right: 30px;
	background-image: url(https://www.theramblermotel.com/wp-content/uploads/2023/01/stitched-border-1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.home_last-sec .one-fourth.column,
.four.columns {
	width: 18.6%;
}
.ramb-main-flo
	.column.mcb-column.mcb-item-e6did0mmy.one.tablet-one.mobile-one.column_button {
	text-align: right;
	width: 83%;
}
.booking_button:hover {
	text-decoration: none;
}

ul.list_check li,
li.list_check {
	background: url(images/list_check_orange.png) no-repeat 20px 5px !important;
}

ul.list_mixed li:after,
ul.list_check li:after,
ul.list_star li:after,
ul.list_idea li:after {
	background: rgba(118, 87, 65, 1);
}

.museum2-newsletter {
	position: relative;
}
.museum2-newsletter span.wpcf7-form-control-wrap {
	width: 36%;
}
.museum2-newsletter .wpcf7-email,
.museum2-newsletter .wpcf7-text {
	background: #fff !important;
	border-width: 0 2px 0 0;
	border-color: #765741;
	color: #765741 !important;
}
.museum2-newsletter .wpcf7-email:focus,
.museum2-newsletter .wpcf7-text:focus {
	font-weight: bold;
	border-color: #765741;
	color: #765741 !important;
}
.museum2-newsletter input[type="submit"] {
	background-color: #faa21b;
	line-height: 15px;
}
.museum2-newsletter input[type="submit"]:hover,
.museum2-newsletter input[type="submit"]:focus {
	background-color: #fff;
	color: #faa21b;
	outline: 2px solid #faa21b;
}
.rambler-newsletter-form label {
	display: inline;
}
.museum2-newsletter label,
#wpcf7-f94-p13-o1 label,
#wpcf7-f94-p11-o1 label {
	display: none;
}

.rambler-pghead {
	margin-bottom: 5%;
}

.menu li a {
	text-transform: uppercase;
}

/*#Top_bar.loading { display: block !important; }
.top_bar_left {width:85% !important;}*/
#Top_bar .menu > li a:after {
	background: #fff;
	bottom: -5px !important;
}
#Top_bar .menu > li > a {
	font-weight: bold;
}
#Top_bar .menu > li {
	border-bottom: 5px solid transparent;
	transition: all 0.3s ease-in-out;
}
#Top_bar .menu > li:hover {
	border-bottom: 5px solid transparent;
}
#Top_bar .menu > li a:focus {
	color: #faa21b;
}
#Top_bar .menu.page-menu > li > a {
	border-right: none;
	margin: 0;
}
#Top_bar .banner_wrapper {
	display: block;
	text-align: right;
}
.menu-line-below #Top_bar.is-sticky .menu > li > a:after {
	bottom: 0 !important;
}

.simple-weather {
	font-weight: bold;
}

.testimonials_slider .testimonials_slider_ul li .bq_wrapper {
	background: #f3efe4;
}
.testimonials_slider .testimonials_slider_ul li .bq_wrapper blockquote:after {
	background: none;
}

.hp-overlap {
	margin-top: -100px;
}
.hp-overlap2 {
	margin-top: -160px;
}

.rambler-contact ::placeholder {
	color: #765741;
	opacity: 1; /* Firefox */
}
.rambler-contact :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #765741;
}
.rambler-contact ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #765741;
}

.vc_tta-tabs-container {
	margin-top: -10px !important;
}
.vc_tta-tabs-list .vc_active a {
	display: none !important;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a:focus,
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a:hover {
	background-color: transparent !important;
}
.vc_tta-tabs-list
	.wpb-js-composer
	.vc_tta-color-white.vc_tta-style-flat
	.vc_tta-tab
	> a {
	background-color: transparent !important;
	color: #faa21b !important;
	padding: 0 20px !important;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a {
	background-color: transparent !important;
	color: #faa21b !important;
}

.image_frame,
.wp-caption {
	border-width: 0 !important;
}

h5 b,
h5 strong {
	letter-spacing: 1px;
}

.hp-social [class^="icon-"]:before,
.hp-social [class*=" icon-"]:before {
	font-size: 1.85em;
}

pre {
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
}
.rambler-footer .column {
	margin: 0;
}

.copyright a {
	text-decoration: underline;
}

.simple-weather {
	float: right;
	/* color: #6bbcae !important; */
    color: #fff !important;
	padding-top: 18px;
}
span.simple-weather__date {
	display: none;
}
.menu_wrapper {
	float: none !important;
}

.testimonials_slider .testimonials_slider_ul li .author h5 {
	display: none;
}
.top_bar_left h1 {
	margin-bottom: 0;
}

.gif-row {
	overflow: hidden;
}
#Content .gif-row .mcb-wrap .mcb-column .image_frame a {
	border: none;
}
#Content .gif-row .mcb-wrap .mcb-column .image_frame a:focus {
	border: 5px solid #faa21b;
}

@media (max-width: 1240px) {
	.simple-weather {
		float: right;
		padding-right: 80px;
	}
}

@media (max-width: 767px) {
	#Top_bar .menu_wrapper {
		float: none !important;
	}
}

@media (max-width: 480px) {
	.simple-weather {
		display: none !important;
	}
}

#Sliding-top a.sliding-top-control {
	display: none !important;
}
#Sliding-top.active a.sliding-top-control {
	display: block !important;
}

/*Booking Engine CSS */

#Sliding-top .widgets_wrapper {
	margin-bottom: 30px;
}
#custom_engine select {
	margin-bottom: 0;
}
#custom_engine select:focus {
	outline: 2px solid #faa21b;
}
#custom_engine {
	width: 100%; /*background-color:rgba(118,87,65,0.8);padding:10px;box-sizing:border-box;float:left; position: absolute; bottom: 0; left: 0*/
}
.booking_panel {
	max-width: calc(1250px - 88px);
	margin: 0 auto;
}
#custom_engine .outer_booking #results_widget {
	width: 185px;
}
#custom_engine .outer_booking .inputbox-be {
	width: 85px;
}
#custom_engine .outer_booking input.login {
	background: #faa21b;
	text-shadow: none;
}
#custom_engine .outer_booking input.login:focus {
	background: #fff !important;
	color: #faa21b;
	outline: 2px solid #faa21b;
}
#custom_engine p.booking-myaccount a {
	color: #d95809;
}
#custom_engine p.booking-myaccount a:focus {
	background: #fff;
	color: #545454 !important;
}
#custom_engine .outer_booking #reservation_search {
	background: 0;
	padding: 0;
}
#custom_engine .outer_booking {
	background: 0;
}
#custom_engine .outer_booking p {
	height: 15px;
}
#custom_engine .outer_booking .calendar input {
	box-shadow: none;
}
#custom_engine .outer_booking .calendar input:focus {
	outline: 2px solid #faa21b;
}
#custom_engine .outer_booking .room {
	box-shadow: none;
}
#custom_engine .outer_booking #results_widget {
	box-shadow: none;
}
#custom_engine .outer_booking .room {
	width: 118px;
}
#custom_engine .outer_booking {
	color: #fff;
}
#custom_engine p.booking-myaccount a {
	color: #fff !important;
}
#custom_engine .margin_top_p {
	margin-top: 34px !important;
}
#custom_engine .outer_booking input.login {
	padding: 0 40px !important;
	background-color: #faa21b !important;
	font-weight: normal;
}
#custom_engine .outer_booking .room:before {
	right: 30px;
	border-top: #000 6px solid;
	border-left-width: 4px;
	border-right-width: 4px;
}
#custom_engine .outer_booking #results_widget:before {
	border-top: #000 6px solid;
	border-left-width: 4px;
	border-right-width: 4px;
}
#custom_engine .outer_booking .room:after {
	content: "";
	position: absolute;
	top: 8px;
	right: 10px;
	background: url(images/adults.jpg) no-repeat left top;
	width: 10px;
	height: 19px;
}
#custom_engine .outer_booking .calendar input {
	background-image: url(images/calendar.png);
}
#custom_engine .outer_booking p {
	padding: 7px 0;
}
/*#custom_engine .outer_booking .fields-block,#custom_engine .outer_booking .fields-block-alter{text-align:left!important}*/
#custom_engine .outer_booking p {
	display: block;
}
#custom_engine
	.outer_booking
	#reservation_search
	> .fields-block-alter
	> .room:after {
	content: "";
	position: absolute;
	top: 9px;
	right: 12px;
	background: url(images/room.jpg) no-repeat left top;
	width: 11px;
	height: 19px;
}
.outer_booking {
}
.find_title {
	display: none;
}
#custom_engine .outer_booking {
	float: none;
	max-width: 1200px;
	margin: 0 auto;
}
#custom_engine .outer_booking p {
	margin: 0 0 2px 0;
	font-size: 13px;
}
#custom_engine .outer_booking .inputbox-be input {
	box-shadow: none; /*background-color: #ffd78f;*/
	color: #000;
}
#custom_engine .outer_booking .inputbox-be input:focus {
	outline: 2px solid #faa21b;
}
#custom_engine .outer_booking .inputbox-be {
	width: 115px;
}
#custom_engine .outer_booking .child-popup .room {
	width: 65px;
	border: solid 1px #dadada;
}
#custom_engine .outer_booking .child-popup {
	color: #000000;
}
#adbox_widget .fields-block-alter {
	width: 10%;
}
#adbox_widget .child-popup {
	width: auto;
}

#our_enigne .outer_booking {
	margin: 0;
}
body .ui-widget-header {
	background-color: #faa21b;
}
body .ui-widget-header .ui-state-hover {
	background-color: #fff;
}
body .ui-widget-header a {
	background-color: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 1400px) {
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
	#custom_engine .outer_booking #reservation_search {
		padding: 10px;
	}
	#custom_engine .outer_booking .room {
		width: 58px;
	}
	#custom_engine .outer_booking #results_widget {
		width: 160px;
	}
	#custom_engine .outer_booking .calendar input {
		padding: 4px 2px;
	}
	#custom_engine .outer_booking .calendar {
		width: 107px;
	}
	#custom_engine .switch-section {
		width: 108px;
	}
	#custom_engine .outer_booking .inputbox-be {
		width: 86px;
	}
	#custom_engine select {
	}
}
@media (max-width: 1180px) {
	#custom_engine .outer_booking #adbox_widget .room {
		width: 100% !important;
	}
}
@media screen and (max-width: 1100px) {
	#custom_engine {
		width: 98%;
	}
	#our_enigne {
		width: 980px;
	}
}
@media screen and (max-width: 1023px) {
	#our_enigne {
		width: auto;
	}
	#custom_engine .outer_booking #results_widget {
		width: 232px;
	}
	/*  #Top_bar #logo img.logo-main {
display: block; 
} */
	.mobile-header-mini.mobile-sticky #Top_bar .top_bar_right {
		display: none;
	}
	#Side_slide #menu {
		margin: 50px 0 0 0;
	}
}
@media (max-width: 650px) {
	#adbox_widget .fields-block-alter {
		width: 15% !important;
	}
}
@media screen and (max-width: 580px) {
	#custom_engine .fields-block-alter.calendar + .fields-block-alter.width100pr,
	.fields-block-alter.calendar
		+ .fields-block-alter.width100pr
		+ .fields-block-alter.width100pr {
		width: 100%;
	}
	#custom_engine .fields-block-alter.width35pr,
	#custom_engine .fields-block-alter.width35pr.pdr10 {
		width: 37%;
	}
	#custom_engine .outer_booking .calendar {
		width: 47%;
	}
	#custom_engine .outer_booking #reservation_search {
		padding: 10px;
	}
	#custom_engine .outer_booking #results_widget {
		width: auto;
	}
	#custom_engine .outer_booking .calendar {
		width: 29%;
	}
}
@media (max-width: 450px) {
	#adbox_widget .fields-block-alter {
		width: 31% !important;
	}
}
@media (max-width: 320px) {
	#custom_engine .outer_booking .calendar {
		width: 47.5%;
	}
	#custom_engine .outer_booking .room_list,
	#custom_engine .outer_booking .room_list .room {
		width: 99%;
	}
	.fields-block-alter.width100pr {
		width: 100%;
	}
	#custom_engine .outer_booking .room {
		width: 100% !important;
	}
}
/*----------- CHILD AGE ------------*/
.Age {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	background: #fffdf3;
}
.Age .child-age {
	float: left;
	width: 46%;
	margin: 2%;
}
.Age .child-age:nth-child(even) {
	float: right;
}
.child-age .room select {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: #fff url("../images/arrow_booking.png") no-repeat scroll 96%
		center;
	border: 1px solid #d1d1d1;
	color: #000;
	width: 100%;
	height: 28px;
	padding: 5px;
}
.child-age p {
	margin-bottom: 0px;
}
.popup-age:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 15px 0;
	border-color: #faa21b transparent transparent transparent;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -10px;
	margin-bottom: -20px;

	top: -18px;
	transform: rotate(180deg);
}

.popup-age {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #c9c9c9;
	border-radius: 8px;
	/*bottom: 50px;*/
	left: -52px;
	padding: 0 0 12px;
	position: absolute;
	width: 200px;
	z-index: 9999999;

	margin-top: 20px;
}
.popup-age p {
	margin: 5px 0 0 0;
}
.outer_booking {
	margin-top: 15em;
}
.close-pp {
	background: #fff;
	border-radius: 50%;
	color: #faa21b;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	line-height: 17px;
	position: absolute;
	right: 4px;
	text-indent: 0;
	text-transform: uppercase;
	top: 4px;
	width: 18px;
}
.outer_booking .fields-block-alter {
	position: relative;
}
.popup-age .child-popup {
	float: left;
	margin: 4%;
	width: 38%;
}
.popup-age .child-popup:nth-child(odd) {
	float: right;
}
.head-line {
	background: #faa21b;
	border-radius: 8px 8px 0 0;
	color: #fff;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.age-head {
	text-align: center;
	color: #fff;
}
.popup-age .child-popup select {
	width: 100%;
	border: 1px solid #ddd;
	color: #000;
	width: 100%;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	background: #fff url("../images/arrow_booking.png") no-repeat scroll 98%
		center;
	height: 25px;
}
.xpm-text {
	width: 96%;
	display: inline-block;
	padding-bottom: 10px;
}
/*Booking Engine css */

/* Accessibility: Skip to Content ---------------------------------------------------------------------------- */
.skip-nav {
	position: relative;
}

.skip-nav a:link,
.skip-nav a:visited {
	background: #fff;
	color: #000;
	font-size: 20px;
	font-weight: normal;
	overflow: hidden;
	padding: 10px;
	position: absolute;
	left: -9999px;
	text-decoration: none;
	text-transform: uppercase;
	width: 1px;
	height: 1px;
}

.skip-nav a:focus {
	left: 0;
	width: auto;
	height: auto;
	overflow: visible;
	text-decoration: underline;
	z-index: 9999;
}

.hidden_text span {
	display: none;
}

.mcb-section-pgwxyahj4 .mcb-column-inner h1 {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

/*  */

.adventure__section {
	padding-top: 180px;
	padding-bottom: 180px;
	margin-top: -160px;
	background-image: url("https://www.theramblermotel.com/wp-content/uploads/2023/01/RM_Home_EventsCollage.png");
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.adventure__content h2 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 400;
	letter-spacing: 0px;
	text-align: center;
	color: #fff;
	margin-bottom: 55px;
}

.theme__button {
	display: inline-block;
	padding: 10px 20px;
	background: #faa21b;
	color: #fff;
	font-weight: 500;
	letter-spacing: 3px;
	position: relative;
}

.theme__button:hover {
	text-decoration: none;
	color: #fff;
}

.theme__button::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.05);
	opacity: 0;
	z-index: 1;
	transition: opacity 0.2s ease-in-out;
}

.theme__button:hover::after {
	transition: opacity 0.2s ease-in-out;
	opacity: 1;
}

.item-center {
	text-align: center;
}

.adventure__content .item-center {
	margin-bottom: 40px;
}

.portfolio__section {
	padding-top: 100px;
	padding-bottom: 90px;
}

.portfolio__section .container {
	padding: 0 12px;
}

.portfolio__row {
	display: flex;
	margin: 0 -12px;
	flex-wrap: wrap;
}

.portfolio__column {
	width: calc(33.33% - 24px);
	padding: 16px 12px;
}

.portfolio__img {
	display: block;
	overflow: hidden;
}

.portfolio__img img {
	display: block;
	transform: scale(1);
	transition: 350ms;
}

.portfolio__img:hover img {
	transform: scale(1.1);
	transition: 350ms;
}

.portfolio__details {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
}

.portfolio__name {
	color: #765741;
	font-size: 15px;
}

.porfolio__icons-wrapper i {
	color: #faa21b;
}

.porfolio__icons-wrapper {
	color: #765741;
	position: relative;
	cursor: pointer;
}

.porfolio__icons-wrapper .icon-heart-fa {
	position: absolute;
	left: 0;
	opacity: 0;
	transition: 350ms;
}

.porfolio__icons-wrapper:hover .icon-heart-fa {
	opacity: 1;
	transition: 350ms;
}

.portfolio__column-full-width {
	width: 100%;
	text-align: center;
}

.merch__section {
	padding-top: 260px;
	padding-bottom: 270px;
	background-image: url("https://www.theramblermotel.com/wp-content/uploads/2023/01/DSCF9916-1-1-scaled-1.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.merch__row {
	display: flex;
	flex-wrap: wrap;
}

.merch__column {
	width: 33.33%;
	margin-left: auto;
}

.merch__content h2 {
	color: #6bbcae;
	margin-bottom: 55px;
}

.mcb-section-e750a2bf5 {
	background-position: top center;
}

.instagram__row {
	display: flex;
	flex-wrap: wrap;
}

.instagram__column.instagram__column-full-width {
	width: 100%;
}

.instagram__column-full-width h2 {
	font-size: 52.5px;
	margin-bottom: 32px;
}

.instagram__column {
	width: 50%;
}

.instagram__content-row {
	display: flex;
	justify-content: flex-end;
}

.instagram__content {
	padding-right: 40px;
}

.instagram__section {
	padding: 60px 0 90px 0;
}

ul.social__links {
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: flex-end;
}

ul.social__links span {
	font-size: 25px;
}

.instagram__links {
	text-align: right;
	padding-right: 30px;
	background-image: url("https://www.theramblermotel.com/wp-content/uploads/2023/01/stitched-border-1.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* Accessibility Fix for TAB visual indication */
*:focus {
    outline: 1px solid !important;
    box-shadow: 0px 0px 1px 1px #000000, 0px 0px 1px 1px #ffffff !important;
}

#Action_bar .social li a, #Header_creative .social li a, #Action_bar:not(.creative) .social-menu a {
    color: #D6D6D6 !important;
}

.skip-to-content {
    position: absolute;
    top: -65px; /* Hide it offscreen */
    left: 0;
    background-color: #000;
    color: #fff;
    padding: 8px 16px;
    text-decoration: none;
    z-index: 100; /* Ensure it stays on top */
    transition: top 0.3s;
}

.skip-to-content:focus {
    top: 10px; /* Bring it into view when focused */
}

#Top_bar .menu > li.current-menu-item > a {
	color: white !important;
}

.section-white-text-bg-map {
	background-color: #765741; /* fills in dark bg color behind graphic for white text compliance */
}

#Footer .footer_copy .social li a {
    font-size: 18px;
    line-height: 25px;
	margin: 25px;
    transition: 0.3s ease-in-out;
}

#Header .social li a {
    font-size: 18px;
    line-height: 24px;
	margin: 16px;
}


/* end Accessibility fixes */

@media (max-width: 1023px) {
	.adventure__content h2 {
		font-size: 26px;
		line-height: 34px;
		font-weight: 400;
	}
}

@media (max-width: 767px) {
	.home_last-sec .one-second.column {
		width: 100%;
	}
	.home_last-sec .mcb-wrap-inner {
		display: contents;
	}
	.home_last-sec .one-fourth.column,
	.four.columns {
		width: 24.6%;
	}
	.page-id-89 .mcb-section .mcb-wrap .mcb-item-d91ed8145 .title {
		background-position: center center;
		text-align: left;
		font-size: 36px;
	}
	.portfolio__column {
		width: 100%;
	}

	.adventure__section {
		background-size: auto;
	}

	.merch__column {
		width: 100%;
	}

	.instagram__column-full-width h2 {
		font-size: 31px;
	}

	.instagram__content-row {
		flex-wrap: wrap;
	}

	.instagram__content-row .instagram__content {
		width: 100%;
	}

	.instagram__content-row .instagram__links {
		width: 100%;
	}

	.instagram__column {
		width: 100%;
	}

	.instagram__shortcode {
		margin-bottom: 32px;
	}

	.instagram__section {
		padding-bottom: 20px;
	}
}