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

/*header*/
#Top_bar.is-sticky {height: 60px;}
#Top_bar.is-sticky #logo img.logo-sticky {max-height: 59px !important;}
#Top_bar.is-sticky .menu {margin-top: 0px;}

.sticky-tb-color #Top_bar.is-sticky .cta-right {display: none;}

/*.menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after {width: 100%; left: 0;}*/

/*menu*/
.cta-right {float: right; margin-top: 45px;}
.cta-right a {color: #f5802d; font-size: 17px; font-weight: 600;}

#Top_bar .menu {border-top: 2px solid #a49592; margin-top: 10px;}
#Top_bar .menu > li > a {padding: 0;}

#Top_bar .menu > li > a span:not(.description) {padding: 0px 12px;}

#Top_bar .menu > li a:not(.menu-toggle):after {background-color: #ef4235;}
.menu-line-below #Top_bar .menu > li > a:not(.menu-toggle):after {bottom: 6px;}

.mnu-gapper {margin-right: 40px !important;}

#Top_bar .menu > li i {font-size: 30px; color: #ef4235 !important;}

#Top_bar .menu li ul li {width: 300px;}
#Top_bar .menu > li ul li a {font-size: 14px; font-weight: 600;}

/*content*/

.main-banner h1, .about-btm-banner h2 {background: url('https://sd1.personalpro.co.za/protea-spine/wp-content/uploads/2023/06/line.jpg') bottom left no-repeat; padding-bottom: 10px; margin-bottom: 30px;}

.bottom-banner h2, .team-section h2 {background: url('https://sd1.personalpro.co.za/protea-spine/wp-content/uploads/2023/06/line-small.jpg') bottom center no-repeat; padding-bottom: 10px;}

.snd-hdr h6, .about-btm-banner h6 {margin-bottom: 0 !important; color: #f5802d;}

.icon_box {padding-bottom: 0 !important;}
.doc-blox {margin-top: 150px;}
.doc-blox img {margin-top: -100px;}
.doc-blox .title {color: #493f36; font-weight: 600;}
.doc-blox .desc {color: #493f36; font-weight: 500;}

.team-btn {background: #81705f; font-size: 17px; color: #fff !important; font-weight: 600; width: 100%; padding: 5px 0; border-top: 10px solid #f5802d; margin-top: 20px;}

.services-section h2 {background: url('https://sd1.personalpro.co.za/protea-spine/wp-content/uploads/2023/06/line.jpg') bottom center no-repeat; padding-bottom: 10px; color: #81705f;}

.home-svc-list li {background: url('https://sd1.personalpro.co.za/protea-spine/wp-content/uploads/2023/06/separator.png') bottom center no-repeat; line-height: 45px;}
.home-svc-list li a {font-size: 18px; color: #81705f; font-weight: 500;}

.quot-area h3 {color: #fff; font-weight: 500; font-size: 36px;}
.quot-area {color: #fff;}

.svc-txt h4 {text-transform: uppercase; color: #f5802d; font-size: 24px;}
.svc-txt h5 {font-weight: 700; margin-top: 10px; font-style: italic; font-size: 22px;}
.svc-txt p {font-size: 19px;}
.svc-txt li {color: #626262;}

.button-custom input[type="submit"] {background-color: #F5802C !important;}

.get_in_touch, .mcb-item-contact_box-inner {background-color: #817060;}

.pum-theme-10 .pum-title, .pum-theme-lightbox .pum-title {font-weight: 600;}

.drop-margn p {margin-bottom: 0 !important;}

.wp-caption-text {color: #626262;}

/*footer*/

#Footer table td {border: none !important; text-align: left;}
#Footer table h6 {font-size: 17px; text-transform: uppercase; margin-bottom: 0 !important;}

#Footer table tr:nth-child(2n) td {background: none !important;}
#Footer table tr:first-child td {box-shadow: none !important;}
#Footer table td i {color: #f5802d; font-size: 25px;}
#Footer table td:nth-child(n) {vertical-align: top;}
#Footer table a {color: #fff !important;}

.widget_archive ul li a, .widget_nav_menu ul li a {padding: 5px 0;}
.mfn-footer .widget_nav_menu ul {list-style-type: none;}

.widget_nav_menu ul {background: none; padding-left: 0;}

#Footer .widget_nav_menu ul li:after {border-color: #f5802d; width: 100%; left: 0;}

#custom_html-3 h6 {text-align: center; font-size: 17px;}
#custom_html-3 h6 a {color: #f5802d;}

/*footer copy*/

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

#Footer .footer_copy .copyright {font-size: 15px;}

#back_to_top {position: absolute; bottom: 245px; right: 0px;}
#back_to_top i {font-size: 28px; color: #F5802C; border: 2px solid #F5802C; border-radius: 3px;}

.footer_button {width: 50px; height: 50px;}

#Top_bar a.responsive-menu-toggle { top: 64% !important;}
#Side_slide #menu ul li > a {font-size: 14px !important;}

/* RESPONSIVE */

/* > 1490 ------------------------------------------------------------------------------------------------------------- > 1680 */

@media only screen and (min-width: 1490px) and (max-width: 1680px)
{
	
}

/* > 1240 ------------------------------------------------------------------------------------------------------------- > 1240 */

@media only screen and (min-width: 1240px)
{	
	
	
}

/* #Header Creative always Open	1240 - 1489 ----------------------------------------- #Header Creative always Open 1240 - 1489 */

@media only screen and (min-width: 1240px) and (max-width: 1489px)
{
	.mcb-section-4iknfofoj {background-position: 130% center !important;}

	.mcb-section .mcb-wrap-3n3gh12qq .mcb-wrap-inner-3n3gh12qq {padding-top: 70px !important;}
}

/* < 1240 ------------------------------------------------------------------------------------------------------------- < 1240 */

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

/* #Desktop	960 - 1239 ---------------------------------------------------------------------------------- #Desktop	960 - 1239 */

@media only screen and (min-width: 960px) and (max-width: 1239px)
{
	.mcb-section-4iknfofoj {background-position: 180% center !important;}
	
	.mcb-section .mcb-wrap-3n3gh12qq .mcb-wrap-inner-3n3gh12qq {padding-top: 30px !important;}
	.main-banner h1 {font-size: 54px !important; margin-bottom: 3px !important;}
	
	.big {font-size: 18px !important;}
	
	.button-custom .button .button_label {font-size: 14px !important;}
	
}

/* #Desktop	> 960 -------------------------------------------------------------------------------------------- #Desktop	> 960 */

@media only screen and (min-width: 960px)
{
	
}

/* #Tablet (Landscape) 768 - 959 --------------------------------------------------------------- #Tablet (Landscape) 768 - 959 */
@media only screen and (min-width: 768px) and (max-width: 959px)
{
	.mcb-section-4iknfofoj {background-image: none !important;}
	
	.mcb-section .mcb-wrap-3n3gh12qq .mcb-wrap-inner-3n3gh12qq {padding-top: 30px !important;}
	.main-banner h1 {font-size: 38px !important; margin-bottom: 30px !important;}
	
	.big {font-size: 15px !important;}
	
}

/* #Desktop & Tablet (Landscape) > 768 --------------------------------------------------- #Desktop & Tablet (Landscape) > 768 */

@media only screen and (min-width: 768px)
{
	
	
	
}

@media only screen and (max-width: 768px)
{

	.mcb-section-4iknfofoj {background-image: none !important;}
	
}



/* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------- #Tablet (Portrait) & Mobile < 768 */

@media only screen and (max-width: 767px)
{
		.mcb-section .mcb-wrap-3n3gh12qq .mcb-wrap-inner-3n3gh12qq {padding-top: 30px !important;}
	.main-banner h1 {font-size: 54px !important; margin-bottom: 3px !important;}
	
	.big {font-size: 18px !important;}
}

/* #Tablet (Portrait) & Mobile (Landscape) 480 - 768 ----------------------- #Tablet (Portrait) & Mobile (Landscape) 480 - 768 */

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

	
	
}

/* #Mobile (Portrait) < 480 ------------------------------------------------------------------------- #Mobile (Portrait) < 480 */

@media only screen and (min-width: 448px) and (max-width: 500px)
{
	
}

@media only screen and (max-width: 479px)
{
	
	.mcb-section .mcb-wrap-3n3gh12qq .mcb-wrap-inner-3n3gh12qq { padding-top: 60px !important; padding-left: 0px !important; text-align: center !important;}
	
	.main-banner h1 {font-size: 48px !important; margin-bottom: 10px !important;}
	
	.cta-right {float: none; margin: 45px 0 20px; text-align: center;}
	
	.mcb-section-vnvzyel5 {background-size: cover !important;}
	
	.column_icon_box {margin: 50px 0 !important;}
	
	.mcb-column-inner-eonw5ubt {text-align: center !important;}
	.mcb-item-0qgh0fgpn {text-align: center !important;}
	
	.mfn-list-desc {text-align: center;}
	
	.quot-area h3 {line-height: 40px;}
}

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

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

/* Retina | iPad ----------------------------------------------------------------------------------------------- Retina | iPad */
@media only screen and (max-device-width: 1024px)
{
	
}