/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

#Wrapper {background-color: #928670;}

body:not(.template-slider) #Header_wrapper {background-position: left top 5px;}
body:not(.template-slider) #Header {min-height: 159px; box-shadow: -1px 6px 22px 1px rgba(0,0,0,0.64); z-index: 999;}

.header-split #Top_bar {background-color: transparent;}

#Top_bar #logo img {min-height: 192px;}

#Top_bar .menu_wrapper {top: 7px; position: relative;}
#Top_bar .menu > li > a {padding: 0px; text-transform: uppercase;}
#Top_bar .menu > li > a span:not(.description) {padding: 0px 8px;}

.header-split #Header .top_bar_left .menu_left {text-align: right;}
.header-split #Header .top_bar_left .menu_right {text-align: left;}

.my_bottom_left_menu {position: absolute; top: 100px; left: 0%; width: 38%; text-align: right;}
#menu-bottom-left-menu {float: right; }
#menu-bottom-left-menu > li > a {color: #000000; font-size: 14px; padding: 0px 8px !important; line-height: 60px; text-transform: uppercase;}
#menu-bottom-left-menu > li > a:hover {color: #000000;}

.my_bottom_right_menu  {position: absolute; top: 100px; right: 0%; width: 38%;}
#menu-bottom-right-menu {float: left;}
#menu-bottom-right-menu > li > a  {color: #000000; font-size: 14px; padding: 0px 8px !important; line-height: 60px; text-transform: uppercase;}
#menu-bottom-right-menu > li > a:hover {color: #000000;}

#menu-bottom-left-menu li, #menu-bottom-right-menu li {display: inline;}

#Top_bar .banner_wrapper {display: block;}

.banner-left {position: absolute; top: 75px; left: 22%;}
.banner-left img {padding: 0px 2px;}

#head-fb-icon {padding-right: 4px;}
#head-fb-icon i {font-size: 36px; position: relative; top: -3px; color: #0266ff;}

#head-mail-icon {padding-right: 8px; padding-left: 2px;}
#head-mail-icon i {font-size: 26px; position: relative; top: -7px; color: #333333;}

.banner-right {position: absolute; top: 75px; right: 22%;}
.banner-right h5 {font-size: 36px; line-height: 36px; margin-bottom: 0px; color: #333333;}
.banner-right h5 img {position: absolute; left: -35px; top: 0px;}

/* home */

div#n2-ss-2 {float: none !important; display: block; margin: 0 auto !important;}

.slider-container {padding: 0px 302px;}
.slider, .slider p {width: 100% !important; margin: 0px;}

.grad-1 {}

.accommodation-room .one-fourth {margin: 5px 2% 10px 3% !important;}

.landing-text-container {background: rgb(201 152 67 / 50%); position: relative; top: -40px; padding: 80px 0px 25px;}
.landing-text h5 {font-size: 56px; line-height: 60px; margin-bottom: 0px;}
.landing-text .image_frame {position: absolute; top: 50px; right: 12.5%;}
.landing-text .one-second {display: block; margin: 0 auto; text-align: center; float: none;}

.home-text-container {padding: 75px 0px 100px;}
.home-text {width: 44% !important; margin: 0px 3% 40px !important;}
.home-text a {text-decoration: underline;}

/* secondary */

.secondary-text .absolute-button {position: absolute; right: 20px; top: 80px;}

/* accommodation page */

.accommodation-room {border: 3px solid #C99843; position: relative; margin-bottom: 50px; background: #f4e9d7;}
.accommodation-room h5 {font-size: 38px; line-height: 60px;}
.accommodation-room .button {position: absolute; right: 25px; top: 0px; background: #efbf04 !important; padding: 10px 20px;}

.blue-button {background-color: #dcc95e !important; border: 1px solid #000000 !important; border-radius: 0px !important;}
.blue-button .button_label {color: #000000; padding: 5px 20px !important;}

.accommodation-room .one-fourth {margin: 5px 2% 40px 3%;}
.accommodation-room .three-fourth {width: 70% !important;}

.accommodation-room .mcb_column_inner {}

.breakfast-icon {height: 35px !important; position: relative; top: 11px; margin-right: 8px;}

.wpcp-carousel-wrapper {margin: 40px 0px -15px;}
.wpcp-swiper-dots {display: none;}

/* accommodation enquiry form */

.secondary-text input {font-size: 18px;}
.secondary-text textarea {height: 125px; font-size: 18px;}
.accommodation-form .wpcf7-mail-sent-ok {width: 97.5% !important; margin: 0px !important;}

.form-one-second {width: 48%; display: inline-block; margin: 0px 1% 10px 0px; vertical-align: top;}

.form-one-full {width: 97.5%; margin-bottom: 10px;}

span.wpcf7-list-item {display: block;}

input[type="submit"] {background-color: #ffffff; color: #928670; border-radius: 0px; position: relative; top: -5px;}

/* tablepress */

.rates-text-container {padding: 75px 0px 100px;}

.tablepress-id-1 a {color: #000000; text-decoration: underline;}

.tablepress-id-1 .column-1 {width: 90px;}
.tablepress-id-1 .column-3 {width: 220px;}
.tablepress-id-1 .column-4 {width: 265px;}

.tablepress-id-1 .column-4 img {max-height: 50px; width: auto; display: inline;}

.tablepress-id-1 thead th {background-color: transparent; font-size: 15px; color: #000;}
.tablepress-id-1 tbody td {font-size: 15px;}

/*Self Catering*/
.row-6, .row-24, .row-25, .row-26, .row-27, .row-28, .row-29, .row-30, .row-31, .row-32 {background: #ffffff !important;}
/*Standard*/
.row-2, .row-8, .row-9, .row-10, .row-11, .row-12, .row-13, .row-23 {background: #f4e9d7 !important;}
/*Deluxe*/
.row-3, .row-5, .row-14, .row-15, .row-16, .row-17, .row-18 {background: #e8d3b0 !important;}
/*Premier*/
.row-4, .row-7, .row-22 {background: #ddbe88 !important;}
/*Executive*/
.row-19, .row-20, .row-21 {background: #d1a861 !important;}
		

/* functions */

.functions-text .absolute-button {position: absolute; right: 20px; top: 80px;}

/* activities */

.activities-text-container {padding: 75px 100px 100px;}

/* guest book */

.testimonials_list .item .desc {margin-bottom: 20px; background-color: rgba(255,255,255,0.75); padding: 20px; width: calc(98% - 40px) !important;}

blockquote {background-image: none; color: #000000; top: 0px;}
blockquote:after {display: none;}

.hr_color {background-color: #d3cec5;}

/* Restaurant */

.restaurant-text .one {text-align: center;}
.restaurant-text .button {background: #C99843 !important; padding: 10px 20px; border: 1px solid #000000 !important; border-radius: 0px !important; margin: 0px 10px;}
.restaurant-text .button .button_label {color: #000000; padding: 5px 20px !important; min-width: 200px;}

/* footer */

#Footer {background: rgb(201 152 67); margin-bottom: 35px;}

#custom_html-2 .textwidget div {width: 406px; display: block; margin: 0 auto;}
#custom_html-2 .textwidget img {max-height: 80px; width: auto;}
#custom_html-2 .textwidget .image-2 {position: relative; top: 2px;}
#custom_html-2 .textwidget .image-3 {position: relative; top: 20px;}

#Footer .footer_copy {border-top: 0px;}

#Footer .footer_copy .one {min-height: unset; margin-bottom: 0px; padding: 10px 0px;}

.copyright {font-size: 15px; color: #000000; margin-bottom: 0px !important;}
.copyright a {color: #000000 !important; text-decoration: underline;}

.rewards-container {width: 131px !important; margin: 0 auto !important;}

#Footer a, #Footer a:hover {color: #747474;}

#custom_html-2 .image_frame {max-width: 100%; display: inline-block !important; position: relative; top: 7px; margin: 0px 5px !important; width: 121px !important;}
#custom_html-2 .image_frame div {width: 121px !important; margin: 0 !important;}
#custom_html-2 .image_frame img {min-height: 175px; max-height: unset;}
.afristay-reward {max-width: 50%; display: inline-block !important; margin: 0px 5px !important;}

.wpcf7-submit:focus {outline: none !important;}
button:focus {outline: none !important;}

/* RESPONSIVE */

html,body{overflow-x:hidden}

@media only screen and (min-width: 1490px) and (max-width: 1680px){  
	
div#n2-ss-2 {float: none !important; display: block; margin: 0 auto !important;}

}

@media only screen and (min-width: 1240px) and (max-width: 1489px){   
	
/* home */
	
div#n2-ss-2 {float: none !important; display: block; margin: 0 auto !important;}
	
.landing-text .image_frame {right: 5%;}

}

@media only screen and (min-width: 960px) and (max-width: 1239px){    
	
	#Top_bar #logo {padding: 12px 0px; width: 225px; display: block; margin: 0 auto;}
	
	#Top_bar a.responsive-menu-toggle {margin-top: 0px; right: 30px; top: -54px;}
	#Top_bar a.responsive-menu-toggle i {font-size: 28px;}
	
	
.my_bottom_left_menu, .my_bottom_right_menu {display: none;}
	
.banner-left {left: 14%; top: 95px;}
	
.banner-right {right: 10%; top: 95px;}
	
/* home */
	
div#n2-ss-2 {float: none !important; display: block; margin: 0 auto !important;}
	
.slider-container {padding: 0px 60px;}
	
.home-text-container {padding: 50px 0px;}
	
.landing-text .image_frame {position: static;}
.landing-text .image_frame img {display: block; margin: 0 auto;}
	
/* accommodation & links */
	
.accommodation-room .button {position: static; margin-top: 20px;}
	
/* rates */
	
	#tablepress-1 {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap;}
	
/* functions */
	
.functions-text .absolute-button {top: -15px;}
	
/* conferences */
	
.conferences-text .absolute-button {position: absolute; right: 0px; top: -15px;}
    
}

@media only screen and (min-width: 768px) and (max-width: 959px){  
	
	#Top_bar #logo {padding: 12px 0px; width: 225px; display: block; margin: 0 auto;}
	
	#Top_bar a.responsive-menu-toggle {margin-top: 0px; right: 30px; top: -54px;}
	#Top_bar a.responsive-menu-toggle i {font-size: 28px;}
	
.my_bottom_left_menu, .my_bottom_right_menu {display: none;}
	
.banner-left {left: 10%; top: 95px;}
	
.banner-right {right: 4%; top: 95px;}
	
/* home */
	
div#n2-ss-2 {float: none !important; display: block; margin: 0 auto !important;}
	
.slider-container {padding: 0px 60px;}
	
.home-text-container {padding: 50px 0px;}
	
.landing-text .image_frame {position: static;}
.landing-text .image_frame img {display: block; margin: 0 auto;}
	
/* rates */
	
	#tablepress-1 {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap;}
	
/* accommodation & links */
	
.accommodation-room .button {position: static; margin-top: 20px;}
	
/* functions */
	
.functions-text .absolute-button {top: 47px;}
	
/* conferences */
	
.conferences-text .absolute-button {position: absolute; right: 0px; top: 109px;}
    
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	
body:not(.template-slider):not(.header-simple) #Header {min-height: 305px;}
	
	.mobile-header-mini.header-split #Top_bar .top_bar_left .logo {width: 100%; margin-left: 0px;}
	.mobile-header-mini #Top_bar #logo {line-height: auto !important; height: auto !important;}
	
	#Top_bar #logo {padding: 12px 0px; width: 225px; display: block; margin: 10px auto !important;}
	
	#Top_bar a.responsive-menu-toggle {margin-top: 0px; right: 30px; top: -54px;}
	#Top_bar a.responsive-menu-toggle i {font-size: 28px;}
	
	.mobile-header-mini #Top_bar a.responsive-menu-toggle {top: unset !important; right: 20px; margin-top: 0; bottom: -70px;}
	
	#head-fb-icon {padding-right: 8px;}
	
.my_bottom_left_menu, .my_bottom_right_menu, .mob-menu-logo-holder {display: none !important;}
	
.mobmenur-container {top: 80px;}
	
.banner-left {width: 238px; display: block; margin: 0 auto 5px;}
.banner-left img {padding: 0px 8px;}
	
.banner-right, .banner-left {position: static;}
.banner-right h5 {text-align: center;}
.banner-right h5 img {position: relative; left: -5px; top: 5px;}
	
/* home */
	
	.slider-container {padding: 0px;}
	
.home-text-container {padding: 50px 0px;}
	
	.landing-text-container {top: unset; padding: 50px 33px 20px;}
	
.landing-text-container {top: unset;}
.landing-text h5 {font-size: 45px; line-height: 45px;}
.landing-text .image_frame {position: static;}
.landing-text .image_frame img {display: block; margin: 0 auto;}
	
	.home-text {margin: 0px !important; width: 100% !important;}
	
/* secondary */
	
.secondary-text h6 {font-size: 32px; line-height: 32px;}
	
.secondary-text .absolute-button {position: relative; right: 0; top: -15px;}
	
/* Accommodation & Link */
	
	.accommodation-room {margin-bottom: 50px !important;}
	.accommodation-room h5 {font-size: 32px; line-height: 32px;}
	.accommodation-room .button {position: static; margin-top: 20px;}
	
	.accommodation-room p:empty {display: none;}
	.accommodation-room .one {padding: 20px 20px 0px;}
	
/* rates */
	
	#tablepress-1 {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap;}
	
/* functions */
	
.functions-text .absolute-button {position: relative; right: 0px; top: -15px;}
	
/* activities */
	
.activities-text-container .image_wrapper img {display: block; margin: 0px auto;}
	
/* conferences */
	
.conferences-text .one-second {margin: 0px;}
	
/* guest book */
	
.testimonials_list .item .desc {margin-bottom: 0px;}
	
/* contact */
	
.secondary-text textarea, .secondary-text input {font-size: 13px;}
	
/* footer */
	
#custom_html-2 .textwidget div {width: auto;}
#custom_html-2 .textwidget img {display: block; margin: 15px auto;}
#custom_html-2 .textwidget .image-3 {width: 254px; top: unset;}
    
}

@media only screen and (max-width: 479px){
	
body:not(.template-slider):not(.header-simple) #Header {min-height: 305px;}
	
	.mobile-header-mini.header-split #Top_bar .top_bar_left .logo {width: 100%; margin-left: 0px;}
	.mobile-header-mini #Top_bar #logo {line-height: auto !important; height: auto !important;}
	
	#Top_bar #logo {padding: 12px 0px; width: 225px; display: block; margin: 10px auto !important;}
	
	#Top_bar a.responsive-menu-toggle {margin-top: 0px; right: 30px; top: -54px;}
	#Top_bar a.responsive-menu-toggle i {font-size: 28px;}
	
	.mobile-header-mini #Top_bar a.responsive-menu-toggle {top: unset !important; right: 20px; margin-top: 0; bottom: -70px;}
	
	#head-fb-icon {padding-right: 8px;}
	
.my_bottom_left_menu, .my_bottom_right_menu, .mob-menu-logo-holder {display: none !important;}
	
.mobmenur-container {top: 80px;}
	
.banner-left {width: 238px; display: block; margin: 0 auto 5px;}
.banner-left img {padding: 0px 8px;}
	
.banner-right, .banner-left {position: static;}
.banner-right h5 {text-align: center;}
.banner-right h5 img {position: relative; left: -5px; top: 5px;}
	
	
/* home */
	
	.slider-container {padding: 0px;}
	
.home-text-container {padding: 50px 0px;}
	
	.landing-text-container {top: unset; padding: 50px 33px 20px;}
	
.landing-text-container {top: unset;}
.landing-text h5 {font-size: 45px; line-height: 45px;}
.landing-text .image_frame {position: static;}
.landing-text .image_frame img {display: block; margin: 0 auto;}
	
	.home-text {margin: 0px !important; width: 100% !important;}
	
/* secondary */
	
.secondary-text h6 {font-size: 32px; line-height: 32px;}
	
.secondary-text .absolute-button {position: relative; right: 0; top: -15px;}
	
/* Accommodation & Link */
	
	.accommodation-room {margin-bottom: 50px !important;}
	.accommodation-room h5 {font-size: 32px; line-height: 32px;}
	.accommodation-room .button {position: static; margin-top: 20px;}
	
	.accommodation-room p:empty {display: none;}
	.accommodation-room .one {padding: 20px 20px 0px;}
	
/* rates */
	
	#tablepress-1 {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap;}
	
/* functions */
	
.functions-text .absolute-button {position: relative; right: 0px; top: -15px;}
	
/* activities */
	
.activities-text-container .image_wrapper img {display: block; margin: 0px auto;}
	
/* conferences */
	
.conferences-text .one-second {margin: 0px;}
	
/* guest book */
	
.testimonials_list .item .desc {margin-bottom: 0px;}
	
/* contact */
	
.secondary-text textarea, .secondary-text input {font-size: 13px;}
	
/* footer */
	
#custom_html-2 .textwidget div {width: auto;}
#custom_html-2 .textwidget img {display: block; margin: 15px auto;}
#custom_html-2 .textwidget .image-3 {width: 254px; top: unset;}
    
}