/*
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
*/

@import url(https://fonts.googleapis.com/css?family=Tangerine:400,700);

.compact-box{max-width: 700px; margin: 0 auto;}
#Sliding-top a.sliding-top-control{display: none;}
.mobile{display: none;}
.desktop{display: inherit;}

/*------------------Header Style Bar---------------------*/
#Top_bar .menu > li > a {padding: 0; text-transform: uppercase;}
.header-split #Header .top_bar_left .logo { position: absolute;  left: 50%;  width: 150px; margin-left: -75px; margin-top: -35px; z-index: 9;}
#Top_bar .menu > li > a span:not(.description) {padding: 0 10px;}
.header-split #Header .top_bar_left .menu_left {float: left;  width: 43%; text-align: right;}
.header-split #Header .top_bar_left .menu_right {float: right; width: 43%;  text-align: left;}
.header-semi.ab-hide #Top_bar:not(.is-sticky) {top: 35px !important;     background-color: rgba(255,255,255,0.2);}
#Top_bar #logo{padding: 5px 0;}
#Top_bar .menu li ul li {width: 300px; margin: 0;}
.header-split #Header .top_bar_left .menu li ul li a {padding: 5px 15px;  font-size: 15px;  text-align: left;}

#Top_bar.is-sticky .top_bar_left .logo{margin-top: 0;}
#Top_bar.is-sticky #logo img.logo-sticky {max-height: 100%;}
#Top_bar.is-sticky .menu > li > a{color: #555;}
#Top_bar.is-sticky .menu > li.submenu > a > span:not(.description)::after {border-top-color: #555;}
#Top_bar .menu > li.hover.submenu > a > span:not(.description)::after {border-top-color: #ff9b05;}
#Top_bar.is-sticky .menu > li > a:hover{color: #ff9b05;}

.mobile-menu{display: none !important;}

.header-top-panel{background: transparent; position: absolute; width: 100%; left: 0; top: 0; z-index: 30; font-size: 14px;}
.top-info{display: inline-block; float: left; color: #ddd; padding: 5px 0;}
.top-info a{color: #fff;}
.top-info a:hover{color: #ff9b05; text-decoration: none;}
.top-info .phone{display: inline-block; margin-right: 10px;}
.top-info .get-location{border: 2px solid #fff; padding: 1px 5px; font-size: 12px; text-transform: uppercase; font-weight: 700;}
.top-info .get-location:hover{background: #fff;}

.top-panel-right{display: inline-block; float: right; padding: 5px 0;}
.top-panel-right span{padding: 0 3px; color: #aaa;}
.top-panel-right a{font-size: 13px; text-transform: uppercase; color: #fff; font-weight: 700;}
.top-panel-right a:hover{color: #ff9b05; text-decoration: none;}

.homepage-first-title h2{font-size: 34px; margin: 0 0 5px 0;}
.homepage-first-title h3{font-family: "Open Sans", sans-serif; font-size: 20px;}
.homepage-title{}
.homepage-title h2{font-weight: 700; font-size: 52px; text-transform: capitalize; color: #222; margin: 0 0 5px 0;}
.homepage-title h4{font-family: Tangerine, serif; font-weight: 400; color: #ffc600; text-transform: none; font-size: 45px;}
.homepage-title h3{font-weight: 400; font-size: 18px; color: #555; font-family: "Open Sans", sans-serif;}
.dark{color: #ddd;}
.dark h2{color: #fff;}
.dark h3{color: #ddd;}

.menu ul{margin: 0 0 40px 0; padding: 0; list-style-type: none;}
.menu ul li{width: 28%;  display: inline-block;  margin: 2.5% 2.5% 10px 2.5%; color: #aaa; vertical-align: top;}
.menu ul li p{width: 90%; color: #aaa; text-align: left;}
.menu ul li h3{font-size: 17px; font-weight: 400; color: #ffc600; line-height: normal;}
.menu ul li h3 a{color: #ffc600;}
.menu ul li h3 strong{color: #fff;}
.menu ul li h3 a:hover, .menu ul li h3 a:hover strong{color: #ffc600;}

#mailing-list{}
.nf-form-fields-required{font-weight: 700; margin-bottom: 20px;}
#ninja_forms_required_items, .nf-field-container {margin-bottom: 15px !important;}
#mailing-list .nf-form-content label {font-size: 14px; line-height: 18px; font-weight: 400;}
#mailing-list .nf-form-content .label-above .nf-field-label, #mailing-list .nf-form-content .label-below .nf-field-label, #mailing-list .nf-form-content .label-hidden .nf-field-label {margin-bottom: 5px;}
#mailing-list .nf-form-content .listselect-wrap .nf-field-element div, #mailing-list .nf-form-content input.ninja-forms-field, #mailing-list .nf-form-content select.ninja-forms-field:not([multiple]) {height: 35px;}
#mailing-list .nf-form-content .list-select-wrap>div div:after {font-size: 16px; height: 35px; line-height: 35px;}
#mailing-list .nf-form-content .listselect-wrap .nf-field-element div, #mailing-list .nf-form-content .ninja-forms-field {font-size: 14px; margin: 0;  padding: 3px 12px;}
#mailing-list .nf-error.field-wrap .nf-field-element:after{height: 33px; width: 35px; line-height: 35px;}
#mailing-list .nf-form-content button, #mailing-list .nf-form-content input[type=button], #mailing-list .nf-form-content input[type=submit] {color: #fff; transition: all .5s; height: 50px; font-weight: 700;}
#mailing-list .nf-form-content button:hover, #mailing-list .nf-form-content input[type=button]:hover, #mailing-list .nf-form-content input[type=submit]:hover {background: #000;   color: #ffc600; transition: all .5s;}

.testimonial li{margin-top: 0 !important;}
.testimonials_slider .testimonials_slider_ul li .bq_wrapper{max-width: 700px; margin: 0 auto; padding-top: 0;}
.testimonial blockquote{font-weight: 400; font-size: 16px; color: #eee; font-family: "Open Sans", sans-serif; text-align: center; line-height: 1.4em;}
.testimonial .author h5{font-family: "Montserrat", sans-serif; color: #fff; font-size: 18px; display: inline-block; margin-right: 10px;}
.testimonial .company{color: #ffc600 !important; font-weight: 500; font-family: Tangerine, serif; font-size: 22px;}

#Footer .footer_copy{border-top-color: rgba(255,255,255,0.1); background: #000;}
#Footer .footer_copy .one {margin-bottom: 15px; padding-top: 15px;}
.footer-copy-center #Footer .footer_copy .copyright {color: #8a8a8a !important; font-family: "Montserrat", sans-serif; font-size: 14px; margin: 0;}

.footer-top{padding: 30px 0; font-size: 15px; text-align: left;}
.footer-top .compact-box{max-width: 900px; display: block; overflow: hidden;}
.footer-top h5{font-size: 18px;}
.dfd-heading-delimiter {border-bottom-style: solid; border-bottom-width: 1px; width: 100px; border-bottom-color: #dddddd; margin-top: 0; margin-bottom: 20px; display: inline-block;}
.operation strong {color: #ffc600;}
.footer-top .column{margin: 0 1% 0 0;}
.footer-new h4{font-size: 1.1em;font-weight: 700; margin-bottom: 5px;}
.footer-new h5{font-size: 16px; margin-bottom: 0;}

.footer-call{background: #F3F3F3;  padding: 15px 0;}
.footer-call h3{font-size: 24px; color: #555 !important; font-weight: 400; margin: 0;}
.footer-call h3 a{color: #000 !important;}
.footer-call h3 a:hover{color: #ff9b05 !important;}
.footer-call .column{margin: 0 1% 0 0;}

.menu-page ul{margin: 0 0 40px 0; padding: 0; list-style-type: none;}
.menu-page ul li{width: 45%; display: inline-block;    margin: 2% 2% 10px 2%;    color: #000;    vertical-align: top;    position: relative;    padding-right: 90px;}
.menu-page ul li p{width: 98%; color: #888; text-align: left;}
.menu-page ul li h3{font-size: 17px; font-weight: 400; color: #000000; margin-bottom: 5px; line-height: normal;  border-bottom: 1px dashed #888; padding-bottom: 7px;}
.menu-page ul li h3 strong{color: #000;}
.menu-page ul li h5{position: absolute;    top: 0;    right: 0;    font-size: 28px;    font-weight: 300;    letter-spacing: -.1em;    padding: 0 8px 8px 8px;    background: #EFEFEF;    font-family: "Open Sans", Helvetica, Arial, sans-serif;}

.catering-menu{margin: 10px; color: #000; vertical-align: top; position: relative; padding-right: 60px;}
.catering-menu p{width: 98%; color: #888; text-align: left;}
.catering-menu h3{font-size: 17px; font-weight: 400; color: #000000; margin-bottom: 5px; line-height: normal;  border-bottom: 1px dashed #888;    padding-bottom: 7px;}
.catering-menu h3 strong{color: #000;}
.catering-menu h5{position: absolute; top: 0; right: 0; font-size: 30px; font-weight: 300; padding: 4px 8px 8px 8px; background: #fff;}

.contact-box{}
.contact-box h4{font-size: 15px; line-height: 17px; font-weight: 700; letter-spacing: 0; margin-bottom: 0 !important;}
.list_item .list_right{margin-left: 55px;}
.list_item .list_left{width: 40px; height: 40px; line-height: 40px;  font-size: 30px;  overflow: hidden; text-align: center;  float: left;}
.contact-list h4{font-size: 20px;}
.contact-list ul{margin: 0 0 15px 20px;}
.contact-list li{font-size: 14px; line-height: normal; margin-bottom: 5px !important}
.nf-form-content textarea.ninja-forms-field {height: 100px !important;}

.mobile-footer{display: none;}

@media screen and (max-width: 768px){
    .mobile{display: block;}
    .desktop, #Top_bar{display: none;}
    .mobile-menu{display: inherit !important;}
    .header-mobile-panel .logo{display: inline-block;}
    .top-panel-right a{font-size: 18px; color: #999; line-height: 38px;}
    .top-panel-right a:hover{color: #ff9b05;}
    .call-info{background: rgba(202,162,112,0.9);padding: 5px 0;}
    .call-info .top-info{display: block; float: none; color: #fff; text-align: center;}

    .homepage-first-title h2 {font-size: 28px;  margin: 0 0 5px 0;  line-height: 1.2em; }
    .homepage-title h2 {line-height: .8em; font-size: 34px;}
    .homepage-title h3{font-size: 14px;}
    .homepage-title h4 {font-size: 28px; line-height: 1em;  margin: 0;}
    .menu ul li{width: 46%;  border-bottom: 1px solid #333;  padding-bottom: 10px;  margin: 1.5%;}

    .testimonials_slider .testimonials_slider_ul li{padding: 0 10px;}

    .mobile-footer{position: fixed; bottom: 0; width: 100%; z-index: 9999; display: block;}
    .mobile-footer i{font-size: 32px; font-weight: 400; line-height: 55px;}
    .mobile-call{display: inline-block; }
    .mobile-location{float: right;}
    .mobile-call a{padding: 30px 25px 30px 20px; border-top-right-radius: 20px; background: #C70000; color: #fff;}
    .mobile-location a{padding: 30px 25px 30px 20px; border-top-left-radius: 20px;  background: #1F8000; color: #fff;}
    .menu-page ul li {width: 95%;}
}

@media screen and (max-width: 572px){
    .menu ul li {width: 95%;  border-bottom: 1px solid #333;  padding-bottom: 10px;}
    .footer-copy-center #Footer .footer_copy .copyright {font-size: 12px; margin: 0;}
    .footer-top{padding: 30px 0 100px 0;}
    .footer_copy{position: absolute; bottom: 0; z-index: 99999;  width: 100%;}
    #CDSWIDCOE {margin: 15px auto !important;}
}