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



#Top_bar .menu {margin-right: 100px;margin-top: 18px;}
#Top_bar .menu > li > a span {text-transform: uppercase; padding: 15px 0 0;}
#Top_bar .menu > li.current-menu-item > a {background: url('https://drjohannsnyman.co.za/wp-content/uploads/2024/10/menu-bg.jpg') bottom center no-repeat!important;}
#Top_bar .menu > li > a:hover {background: url('https://drjohannsnyman.co.za/wp-content/uploads/2024/10/menu-bg.jpg') bottom center no-repeat!important;}
#Top_bar .menu > li > a {padding: 15px 0 0;}

#Top_bar.is-sticky {padding: 10px 0;}
#Top_bar.is-sticky .menu {margin-top: 0px;}

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

.subhdr-txt h3 {font-size: 36px; font-weight: 600;}
.subhdr-txt h4 {font-size: 24px; color: #fff; font-weight: 500;}

/*content*/
.svc-txt a {color: #c9a169;}
.svc-txt a:hover {text-decoration: underline;}

.about-txt-main h4 {font-size: 24px; color: #0f133f; padding-right: 5%;}
.about-txt-main p {margin-bottom: 40px; padding-right: 5%;}
.about-txt-main p strong {color: #0f133f; margin-bottom: 20px;}
.about-txt-main p:last-child {margin-bottom: 20px;}
.about-txt-main ul {margin: 30px 0 30px 20px; list-style-image: url('https://drjohannsnyman.co.za/wp-content/uploads/2024/10/bullet-smll.png');}
.about-txt-main ul li {padding-left: 20px; padding-right: 5%;}

.mfn-list-item { background: url('https://drjohannsnyman.co.za/wp-content/uploads/2024/10/list-lines.jpg') bottom left 50px no-repeat!important; margin-bottom: 30px;}

.faq-txt h4 {color: #c9a169; font-style: italic;}

.mcb-section-9kx24q7v {margin-top: 40px;}

/*footer only*/
#text-4 {padding: 0 10%; border-left: 2px solid #c9a169; border-right: 2px solid #c9a169;}
#widget_mfn_menu-2 {padding: 0 14%;}
#widget_mfn_menu-2 a {font-size: 17px;}

.footer-table h6 {font-size: 17px; color: #c9a169; margin-bottom: 20px;}
.footer-table td {border: 0px!important; font-size: 17px; padding: 0px; text-align: left; padding-bottom: 10px; vertical-align: top;}

#Footer .widget_mfn_menu ul li a {padding: 0 10px; text-transform: uppercase; border-bottom: 1px solid #c9a169; background: none;}

#Footer .footer_copy .one {margin-bottom: 0px; padding-top: 10px; font-size: 14px;}
.ft-bld {font-weight: bold; color: #c9a169;}

td.addr {line-height: 16px;}


/* RESPONSIVE */


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

@media only screen and (min-width: 1490px) and (max-width: 1680px)
{
	#Top_bar {background-position: right -200px top!important;}
	
	.svc-txt h3 {font-size: 25px;}
	.svc-txt p {font-size: 17px; line-height: 22px;}
	
	
	
}

/* > 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)
{
	#Top_bar {background-position: right -200px top!important;}
	#Top_bar .logo {max-width: 380px;}
	
	#Top_bar .menu { margin-right: 50px;}
	#Top_bar .menu > li > a span:not(.description) { padding: 0 14px;}
	
	.svc-txt-wrp p {font-size: 19px; line-height: 26px;}
	.svc-txt h3 {font-size: 22px;}
	.svc-txt p {font-size: 16px; line-height: 21px;}
	
	.about-txt-main {padding: 0 20px;}
	.about-txt-main p, .about-txt-main li {font-size: 17px; line-height: 28px;}
	.mfn-list-desc {font-size: 17px!important;}
	
}

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

@media only screen and (max-width: 1239px)
{
	.about-txt-main {padding: 0 20px;}
	.about-txt-main p, .about-txt-main li {font-size: 17px; line-height: 28px;}
	.mfn-list-desc {font-size: 17px!important;}
	
}
/* #Desktop	960 - 1239 ---------------------------------------------------------------------------------- #Desktop	960 - 1239 */

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


/* #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)
{
	#Header .container {max-width: 880px;}
	#Top_bar {background-image: none !important;}
	.banner-lrg-txt h1 {font-size: 24px; line-height: 25px;}
	
	.svc-txt h3 {font-size: 18px;}
	.svc-txt p {font-size: 14px; line-height: 21px;}

	
}

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

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

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

	
}

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

@media only screen and (max-width: 767px)
{
	#Top_bar .top_bar_right {padding: 0px!important;}
	
	.subhdr-txt .mcb-column-inner {padding-top: 50px!important; padding-bottom: 50px!important;}
	
	.subhdr-txt h3 {font-size: 26px;}
	.about-txt-main h4 { font-size: 18px;}
	
	.svc-txt-wrp li {font-size: 16px;}
	
	.mfn-list-desc, .about-txt-main ul li {font-size: 16px!important;}
	p {font-size: 16px;}
	
	.mcb-section .mcb-wrap-154qmjdd .mcb-wrap-inner-154qmjdd {padding-bottom: 0px!important;}
	.mcb-section .mcb-wrap-zq24bj0sn .mcb-wrap-inner-zq24bj0sn {padding-top: 30px!important; padding-left: 20px!important; padding-right: 20px!important;}
	.mcb-section .mcb-wrap-7lt2hlz7n .mcb-wrap-inner-7lt2hlz7n {margin-bottom: 30px; padding-top: 20px;}
	
	.mcb-section-8qkvtgzje {background-image: none!important;}
	
	#Footer td {font-size: 14px!important;}
	#Footer li a {font-size: 14px!important;}
	
	#text-4 {padding: 20px 0px; border-top: 2px solid #c9a169; border-bottom: 2px solid #c9a169; border-left: 0px solid #c9a169; border-right: 0px solid #c9a169;}
	#widget_mfn_menu-2 {padding: 0px!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)
{
 	#Top_bar  {background-color: #C9A068;}
	.banner-lrg-txt h1 {font-size: 24px; line-height: 25px;}
	
	.svc-txt h3 {font-size: 18px;}
	.svc-txt p {font-size: 14px; line-height: 21px;}
	
}

@media only screen and (max-width: 375px)
{	
	.banner-lrg-txt h1 {font-size: 24px; line-height: 25px;}
	
	.svc-txt h3 {font-size: 18px;}
	.svc-txt p {font-size: 14px; line-height: 21px;}
}

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

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