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

#Header_wrapper {box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2); z-index: 99;}

#Top_bar {border-bottom: 0px;}

#Top_bar .menu > li > a {padding: 35px 0;}
#Top_bar .menu > li > a span:not(.description) {line-height: 33px; text-transform: uppercase; letter-spacing: 1px; padding: 0px 13px;}

#menu-item-34 {margin-left: 75px !important;}
#menu-item-34 a::after {display: none !important;}
#menu-item-34 a span {color: #5fa0d6;}

.menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after {border: 2px solid #5fa0d6; height: 33px; background: transparent; width: 90%; left: 5%; top: 34px; margin-top: 0px;}

#Top_bar .menu li ul li {width: 250px; font-size: 17px;}
#Top_bar .menu li ul li a {padding: 4px 20px 2px;}
#Top_bar .menu li ul li a span {line-height: 24px;}

#Top_bar .menu li ul li ul {left: 250px;}
#Top_bar .menu li ul li ul li {width: 250px;}

#Top_bar .menu li ul li a .menu-arrow {right: 5px; top: 4px; font-size: 15px; color: #fff;}

#Top_bar.is-sticky .menu_wrapper .menu > li > a {padding: 14px 0;}
#Top_bar.is-sticky .menu > li > a:after {bottom: 0px; background: #5fa0d6;}

/* Global */

.button {background-color: rgba(0,0,0,0); border: 1px solid #5fa0d6; border-radius: 0px; letter-spacing: 0.5px; padding: 12px 25px; font-size: 18px;}

ul li, ol li {color: #000d14;}

.pum-content h3 {color: #114373;}
.pum-content p {font-size: 18px; line-height: 30px; margin-bottom: 25px;}
.wpcf7 p {margin-bottom: 10px !important;}
.wpcf7-submit {border-radius: 0px !important; background: #114373 !important;}

/* Home */

#landing .mcb-background-overlay {background: rgba(0,0,0,0.3);}
.landing-container {padding: 170px 0px 130px;}

.landing-text h1 {color: #dfecf7; text-transform: uppercase; margin-bottom: 35px;}
.landing-text h4 {font-size: 24px; line-height: 36px; color: #ffffff; font-weight: 600; padding-left: 141px; max-width: 670px; margin-bottom: 20px;}
.landing-text p {font-size: 20px; line-height: 36px; color: #ffffff; padding-left: 141px; max-width: 670px; margin-bottom: 35px;}
.landing-text .button {margin-left: 141px;}

.neurosurgeon-container {padding: 50px 0px 100px;}

.what-i-do-container {padding: 100px 0px;}

.neurosurgeon-text, .what-i-do-text {z-index: 999;}
.neurosurgeon-text .mcb-column-inner, .what-i-do-text .mcb-column-inner {position: relative; left: 141px;}
.neurosurgeon-text .column_attr, .what-i-do-text .column_attr {padding: 50px;}
.neurosurgeon-text h2, .what-i-do-text h2 {text-transform: uppercase; color: #3374a8;}
.neurosurgeon-text p, .what-i-do-text p {font-size: 20px; line-height: 36px; color: #000c14; margin-bottom: 35px;}

.services-text h2 {text-transform: uppercase; color: #114373;}
.services-text p {font-size: 20px; line-height: 36px; color: #000c14; margin-bottom: 50px;}

.services-block .column_attr {padding: 50px;}
.services-block h3 {text-transform: uppercase; color: #114373; font-size: 22px; line-height: 36px; letter-spacing: 0.5px; font-weight: 600; margin: 25px 0px 10px;}
.services-block hr {width: 227px; height: 2px; display: block; margin: 10px auto 30px;}
.services-block p {font-size: 20px; line-height: 30px; color: #000c14; margin-bottom: 35px;}

.icon-blocks .button {padding: 0px; border: 2px solid #114373; color: #114373;}
.icon-blocks .button .button_label {padding: 0px 5px 0px 15px;}
.icon-blocks .button .button_icon {padding: 6px 8px; background: #114373;}
.icon-blocks .button .button_icon i {color: #ffffff; position: relative; left: 1px;}

/* About */

#about-content {background-position: top 75px right 75px !important;}

.about-content-text .column_attr {padding: 75px 0px 75px 141px;}
.about-content-text p {margin-bottom: 25px;}
.about-content-text p.big {font-size: 22px; text-transform: uppercase; color: #114373; font-weight: 600; margin-bottom: 0px !important;}

.about-block .column_attr {padding: 75px 170px 75px 141px;}
.about-block h3 {text-transform: uppercase; color: #114373; font-weight: 600; margin: 20px 0px;}
.about-block hr {margin: 0px 0px 30px; height: 2px; width: 91px;}
.about-block a {text-decoration: underline;}

.doctor-container {padding: 104px 0px;}

.doctor-section-text {padding: 104px 45px 0px 0px;}
.doctor-section-text .column_attr {padding: 50px;}
.doctor-section-text h2 {color: #114373;}
.doctor-section-text p {margin-bottom: 25px;}

/* Secondary */

.sec-head-container .sec-head-text {width: 55%;}
.sec-head-text .column_attr {padding: 170px 0px 150px;}
.sec-head-text p {margin-bottom: 0px; color: #114373; font-size: 20px; line-height: 30px; font-weight: 600; text-transform: uppercase; padding-left: 3px;}
.sec-head-text h1 {margin-bottom: 0px; color: #3374a8; text-transform: uppercase;}

#sec-content {background-position: top 55px right 55px !important;}

.sec-content-text {font-size: 20px; line-height: 30px;}
.sec-content-text .column_attr {padding: 55px 0px 105px 141px;}
.sec-content-text h3 {margin-top: 50px; text-transform: uppercase; color: #114373; font-weight: 600;}
.sec-content-text h3:first-child {margin-top: 0px;}
.sec-content-text ul {margin: 0 0 15px 19px;}
.sec-content-text ul li {padding-left: 30px;}
.sec-content-text .button {margin-top: 50px;}

.sec-faq-container {padding: 0px 0px 105px;}

.sec-faq-text {font-size: 20px; line-height: 30px;}
.sec-faq-text .column_attr {padding: 90px 141px;}
.sec-faq-text h3 {margin-top: 50px; text-transform: uppercase; color: #114373; font-weight: 600;}
.sec-faq-text hr {height: 2px; width: 91px; background: #ffffff; margin: 0px;}
.sec-faq-text .inner {padding-top: 90px;}
.sec-faq-text .inner hr {height: 1px; width: 100%; margin: 40px 0px;}
.sec-faq-text p.big {font-style: italic; font-weight: 600; color: #114373; font-size: 20px; line-height: 30px;}
.sec-faq-text p.big span {display: inline-block; margin-right: 30px;}
.sec-faq-text ul {margin: 0 0 15px 19px;}
.sec-faq-text ul li {padding-left: 30px;}

/* FAQ */

.sec-faq-main {padding-top: 55px;}

.contact-text h3:first-child {margin-bottom: 30px;}
.contact-text p {position: relative; padding-left: 60px; margin-bottom: 20px;}
.contact-text p img {position: absolute; left: 0px;}

.contact-text .wpcf7 p {padding-left: 0px;}

/* Footer */

#Footer .footer_action {background-image: url("https://sd2.personalpro.co.za/dr-denver-naicker/wp-content/uploads/2024/12/footer-action.png"); background-repeat: no-repeat; background-position: center; background-size: cover;}
#Footer .footer_action .mcb-column-inner {padding-top: 170px; margin-bottom: 170px;}
#Footer .footer_action h2 {font-size: 30px; line-height: 40px; text-transform: uppercase; color: #ffffff; max-width: 1400px; display: block; margin: 0 auto 30px; display: none;}
#Footer .footer_action p {font-size: 18px; line-height: 40px; text-transform: uppercase; color: #ffffff; margin: 30px 0px 40px; display: none;}
#Footer .footer_action .button {margin: 0px 12px;}
#Footer .footer_action .button_label {width: 255px;}

.quote-content {text-transform: uppercase !important;}
.quote-author {text-transform: uppercase !important; margin: 30px 0px 40px !important;}

#Footer .widgets_wrapper .mcb-column-inner {margin-left: 0px; margin-right: 0px;}

#Footer .widget {margin: 0px; padding-bottom: 15px;}
#Footer .widget p {text-align: center; font-size: 18px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 0px;}
#Footer .widget p img {display: block; margin: 0 auto 10px;}
#Footer .widget p span {display: block; min-height: 57px;}

#custom_html-3, #custom_html-4 {border-left: 1px solid #5fa0d6; border-right: 1px solid #5fa0d6; min-height: 153px;}
#custom_html-4 {border-left: 0px !important;}

#back_to_top {float: none; margin: 0 auto; display: block; width: 100%; text-align: center;}

.paia-forms {margin-bottom: 15px;}
.paia-forms h4 {margin-bottom: 0px; font-size: 17px; color: #5fa0d6;}

#Footer .footer_copy .copyright {text-align: center; float: none; font-size: 15px !important;}
.site-link {font-weight: 600; color: #5fa0d6 !important;}

.mfn-footer .footer_copy {border: 0px;}
.footer_copy .mcb-column-inner {margin-bottom: 0px;}
#Footer .footer_copy .one {padding: 0px margin: 0; min-height: unset;}

.wpcf7-submit:focus {outline: none !important;}
.wpcf7 form .wpcf7-response-output {margin: 0;}
button:focus {outline: none !important;}

/* RESPONSIVE */

html,body{overflow-x:hidden}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1490px) and (max-width: 1680px){
	
	.services-block .column_attr {padding: 50px 20px;}
	.services-block h3 {font-size: 20px;}

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1240px) and (max-width: 1489px){
	
	
	#Top_bar .menu > li > a span:not(.description) {font-size: 15px;}
	
	#menu-item-34 {margin-left: 25px !important;}
	
/* Home */
	
	#landing .mcb-background-overlay {background: rgba(0,0,0,0.6);}
	
	.services-block h3 {font-size: 21px;}
	
/* Secondary */
	
	.sec-head-text .column_attr {padding: 110px 0px 100px;}

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 960px) and (max-width: 1239px){
	
	body.mobile-side-slide {overflow-x: hidden;}
	#menu-item-34 {margin-left: 0px !important;}
	
/* Global */
	
	h1 {font-size: 30px;}
	h2 {font-size: 24px; line-height: 30px;}
	p, .sec-content-text ul li, .sec-faq-text ul li, .about-block ul li, .about-block ol li {font-size: 15px !important; line-height: 21px !important;}
	
	.button {font-size: 14px; padding: 12px;}
	
/* Home */
	
	#landing .mcb-background-overlay {background: rgba(0,0,0,0.6);}
	.landing-container {padding: 100px 0px;}
	.landing-container .landing-text {width: 100%;}
	
	.neurosurgeon-text .mcb-column-inner, .what-i-do-text .mcb-column-inner {position: relative; left: 100px;}
	.neurosurgeon-text .column_attr, .what-i-do-text .column_attr {padding: 25px;}
	
	.services-container .services-block {width: 50%;}
	.services-block .column_attr {padding: 50px 15px;}
	.services-block h3 {font-size: 15px;}
	
/* About */
	
	.about-content-text .column_attr {padding: 75px 0px;}
	.about-block .column_attr {padding: 75px 40px 75px;}
	
	.doctor-container .mcb-wrap-inner {background-size: 51%;}
	.doctor-section-text {padding: 25px 45px 0px 0px;}
	
/* Secondary */
	
	.sec-head-text .column_attr {padding: 60px 0px 50px;}
	.sec-head-text h1 {font-size: 25px;}
	
	.sec-content-text .column_attr {padding: 55px 0px 105px;}
	
	.sec-faq-text .column_attr {padding: 50px;}
	.sec-faq-text .inner {padding-top: 50px;}
	
	.contact-text p {padding-left: 0px;}
	.contact-text p br {display: none;}
	.contact-text p img {position: static; display: block; margin: 0 0 10px;}
	
/* Footer */
	
    
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 768px) and (max-width: 959px){    
	
	body.mobile-side-slide {overflow-x: hidden;}
	#menu-item-34 {margin-left: 0px !important;}
	
/* Global */
	
	h1 {font-size: 30px;}
	h2 {font-size: 24px; line-height: 30px;}
	p, .sec-content-text ul li, .sec-faq-text ul li, .about-block ul li, .about-block ol li {font-size: 14px !important; line-height: 19px !important;}
	
	.button {font-size: 14px; padding: 12px;}
	
/* Home */
	
	#landing .mcb-background-overlay {background: rgba(0,0,0,0.6);}
	.landing-container {padding: 100px 0px;}
	.landing-container .landing-text {width: 100%;}
	
	.neurosurgeon-text .mcb-column-inner, .what-i-do-text .mcb-column-inner {position: relative; left: 0;}
	.neurosurgeon-text .column_attr, .what-i-do-text .column_attr {padding: 25px;}
	
	.services-container .services-block {width: 50%;}
	.services-block .column_attr {padding: 50px 15px;}
	.services-block h3 {font-size: 15px;}
	
/* About */
	
	.about-content-text .column_attr {padding: 75px 0px;}
	.about-block .column_attr {padding: 75px 40px 75px;}
	
	.doctor-container .mcb-wrap-inner {background-size: 51%;}
	.doctor-section-text {padding: 25px 45px 0px 0px;}
	
/* Secondary */
	
	.sec-head-text .column_attr {padding: 60px 0px 50px;}
	.sec-head-text h1 {font-size: 25px;}
	
	.sec-content-text .column_attr {padding: 55px 0px 105px;}
	
	.sec-faq-text .column_attr {padding: 50px;}
	.sec-faq-text .inner {padding-top: 50px;}
	
	.contact-text p {padding-left: 0px;}
	.contact-text p br {display: none;}
	.contact-text p img {position: static; display: block; margin: 0 0 10px;}
	
/* Footer */
	
    
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 480px) and (max-width: 767px){
	
	body:not(.template-slider) #Header {min-height: 90px;}
	#Top_bar .logo #logo {margin: 10px 60px 10px 30px; height: 70px; line-height: 70px;}
	#Top_bar a.responsive-menu-toggle {top: 54px;}
	#menu-item-34 {margin-left: 0px !important;}
	
/* Global */
	
	h1 {font-size: 30px;}
	h2 {font-size: 24px; line-height: 30px;}
	p, .sec-content-text ul li, .sec-faq-text ul li {font-size: 14px !important; line-height: 19px !important;}
	
	.button {font-size: 14px; padding: 12px;}
	
/* Home */
	
	#landing .mcb-background-overlay, #sec-head .mcb-background-overlay {background: rgba(0,0,0,0.6);}
	.landing-container {padding: 50px 0px;}
	.landing-text h4 {padding-left: 0px; font-size: 20px; line-height: 24px;}
	.landing-text p {font-size: 14px; line-height: 19px; padding-left: 0px;}
	.landing-text .button {margin-left: 0;}
	
	.neurosurgeon-text .mcb-column-inner, .what-i-do-text .mcb-column-inner {left: 0px;}
	.neurosurgeon-text .column_attr, .what-i-do-text .column_attr {padding: 40px 20px;}
	.neurosurgeon-text p, .what-i-do-text p {margin-bottom: 15px;}
	
	#services {padding-bottom: 50px;}
	.services-block .column_attr {padding: 40px 20px;}
	.services-block hr {width: 175px;}
	.services-block h3 {font-size: 20px; line-height: 30px;}
	.services-block p {margin-bottom: 0px;}
	
	#icon-section .section_wrapper, #map .section_wrapper {padding-left: 0px !important; padding-right: 0px !important;}
	
/* Secondary */
	
	.sec-head-container .sec-head-text {width: 100%;}
	.sec-head-text .column_attr {padding: 35px 0px 30px;}
	.sec-head-text p {color: #ffffff;}
	.sec-head-text h1 {font-size: 26px;}
	
	.about-content-text .column_attr, .sec-content-text .column_attr {padding: 50px 0px;}
	.about-block .column_attr, .doctor-section-text .column_attr, .sec-faq-text .column_attr {padding: 40px 20px;}
	
	.doctor-container {padding: 50px 0px;}
	.doctor-container .mcb-wrap-inner {background-image: none !important;}
	.doctor-section-text {padding: 0;}
	
	.sec-content-text ul li, .sec-faq-text ul li {padding-left: 11px;}
	.sec-faq-text h3 {margin-top: 0px;}
	.sec-faq-text .inner {padding-top: 30px;}
	
	.contact-text p {padding-left: 0px;}
	.contact-text p br {display: none;}
	.contact-text p img {position: static; display: block; margin: 0 0 10px;}
	
/* Footer */
	
	#Footer .footer_action .mcb-column-inner {padding-top: 50px; margin-bottom: 50px;}
	
	#Footer .footer_action h2 {font-size: 20px; line-height: 30px;}
	#Footer .footer_action .button {margin: 5px auto;}
	#Footer .footer_action .button_label {width: 188px;}
	
	#custom_html-3, #custom_html-4 {border: 0px !important; min-height: unset;}
	#Footer .widget p span {min-height: unset; margin-top: 20px;}
	
	#custom_html-5 {margin-top: 30px !important;}
    
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 479px){
	
	body:not(.template-slider) #Header {min-height: 90px;}
	#Top_bar .logo #logo {margin: 10px 60px 10px 30px; height: 70px; line-height: 70px;}
	#Top_bar a.responsive-menu-toggle {top: 54px;}
	#menu-item-34 {margin-left: 0px !important;}
	
/* Global */
	
	h1 {font-size: 28px;}
	h2 {font-size: 22px; line-height: 30px;}
	p, .sec-content-text ul li, .sec-faq-text ul li {font-size: 13px !important; line-height: 19px !important;}
	
	.button {font-size: 13px; padding: 12px;}
	
/* Home */
	
	#landing .mcb-background-overlay, #sec-head .mcb-background-overlay {background: rgba(0,0,0,0.6);}
	.landing-container {padding: 50px 0px;}
	.landing-text h4 {padding-left: 0px; font-size: 18px; line-height: 24px;}
	.landing-text p {font-size: 13px; line-height: 19px; padding-left: 0px;}
	.landing-text .button {margin-left: 0;}
	
	.neurosurgeon-text .mcb-column-inner, .what-i-do-text .mcb-column-inner {left: 0px;}
	.neurosurgeon-text .column_attr, .what-i-do-text .column_attr {padding: 40px 20px;}
	.neurosurgeon-text p, .what-i-do-text p {margin-bottom: 15px;}
	
	#services {padding-bottom: 50px;}
	.services-block .column_attr {padding: 40px 20px;}
	.services-block hr {width: 175px;}
	.services-block h3 {font-size: 20px; line-height: 30px;}
	.services-block p {margin-bottom: 0px;}
	
	#icon-section .section_wrapper, #map .section_wrapper {padding-left: 0px !important; padding-right: 0px !important;}
	
/* Secondary */
	
	.sec-head-container .sec-head-text {width: 100%;}
	.sec-head-text .column_attr {padding: 35px 0px 30px;}
	.sec-head-text p {color: #ffffff;}
	.sec-head-text h1 {font-size: 22px;}
	
	.about-content-text .column_attr, .sec-content-text .column_attr {padding: 50px 0px;}
	.about-block .column_attr, .doctor-section-text .column_attr, .sec-faq-text .column_attr {padding: 40px 20px;}
	
	.doctor-container {padding: 50px 0px;}
	.doctor-container .mcb-wrap-inner {background-image: none !important;}
	.doctor-section-text {padding: 0;}
	
	.sec-content-text ul li, .sec-faq-text ul li {padding-left: 11px;}
	.sec-faq-text h3 {margin-top: 0px;}
	.sec-faq-text .inner {padding-top: 30px;}
	
	.contact-text p {padding-left: 0px;}
	.contact-text p br {display: none;}
	.contact-text p img {position: static; display: block; margin: 0 0 10px;}
	
/* Footer */
	
	#Footer .footer_action .mcb-column-inner {padding-top: 50px; margin-bottom: 50px;}
	
	#Footer .footer_action h2 {font-size: 20px; line-height: 30px;}
	#Footer .footer_action .button {margin: 5px auto;}
	#Footer .footer_action .button_label {width: 188px;}
	
	#custom_html-3, #custom_html-4 {border: 0px !important; min-height: unset;}
	#Footer .widget p span {min-height: unset; margin-top: 20px;}
	
	#custom_html-5 {margin-top: 30px !important;}
	
	
    
}