/*
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 .container {padding: 0px !important;}

#Top_bar #logo {height: 70px;}
#Top_bar .logo {margin-right: 0px!important;}

#Top_bar .menu > li > a span:not(.description) {padding: 0 10px;}
#Top_bar .menu > li.current_page_item a {background: url('https://sd1.personaldev.co.za/dr-hrrngtn/wp-content/uploads/2024/10/mnu-bg.jpg') bottom 30px center no-repeat;}

#Top_bar .top_bar_right {padding: 0;}
#Top_bar.is-sticky {padding: 14px;}
#Top_bar.is-sticky .menu > li.current_page_item a {background-position: bottom center;}
#Top_bar.is-sticky .top_bar_right .action_button {padding: 20px 10px;}

.column_button .button {background: url('https://sd1.personaldev.co.za/dr-hrrngtn/wp-content/uploads/2024/10/btn-bg.jpg') top left repeat-y; background-size: contain; }
.wpcf7 input[type="submit"] {background: url('https://sd1.personaldev.co.za/dr-hrrngtn/wp-content/uploads/2024/10/btn-bg.jpg') top left repeat-y; background-size: contain;}

.sldr-txt p {margin-bottom: 0px!important;}

.svc-btn {background-image: none!important; display: none;}

.slick-slide img {margin-left: 0px !important;}

.home-about-txt h3 {font-size: 26px;}

.mfn-icon-box {overflow: visible!important;}
.mfn-icon-box .icon-wrapper { margin-top: -68px !important; overflow: visible!important;}

.svc-wrp {overflow: visible;}
.svc-bx {min-height: 620px; background-color: #023752;}

.svc-bx .desc-wrapper {text-align: left; padding-left: 40px;}
.svc-bx .desc-wrapper ul, .home-txt ul {list-style-image: url('https://sd1.personaldev.co.za/dr-hrrngtn/wp-content/uploads/2024/10/bullet.png');margin: 0 0 15px 15px;}
.svc-bx .desc-wrapper ul li, .home-txt ul li {padding: 0 0 0 20px;}
.svc-bx .desc-wrapper ul li a:hover {text-decoration: underline; color: #d8b864;}

.dark h3, .dark h4, .dark h2 {color: #d8b864; font-weight: 600;}

.subhdr-txt p {margin-bottom: 5px;}
.gapped-txt p {margin-bottom: 30px;}

.cntnt-txt p {font-size: 19px;}
.cntnt-txt h3 {color: #d8b864; font-size: 24px;}
.membr-hd h3 {font-weight: 600; font-size: 24px;}

.smolprnt {font-size: 14px!important;}

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

.mfn-footer .footer_copy {border-top: 0px!important;}
#Footer .footer_copy .one {margin-bottom: 0px; padding-top: 10px; border-top: 1px solid #d8b864;}
#Footer .footer_copy .copyright {font-size: 14px;}

#text-2 {border-right: 1px solid #d8b864;}
#text-3 {padding: 0 40px; border-right: 1px solid #d8b864;}
#text-4 {border-right: 1px solid #d8b864; width: 80%;}

.ft-bld {font-weight: 600; color: #d8b864;}

#back_to_top {position: absolute; bottom: 140px; right: 0px; background: url('https://sd1.personaldev.co.za/dr-hrrngtn/wp-content/uploads/2024/10/bckttop.png') bottom center no-repeat;}

.icon-up-open-big:before {width: 3em; content: ' ';}

.footer-table textarea {height: 120px;}

/* 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)
{
	h3 {font-size: 25px;}
	
	#Top_bar .logo { width: 400px;}
	#Top_bar .top_bar_right .top_bar_right_wrapper {padding-right: 10px;}
	
	#Top_bar .menu > li > a span:not(.description) {font-size: 15px;}
	
	.footer-table td {padding: 8px !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)
{
	h3 {font-size: 23px;}
	
	#Top_bar .top_bar_right .action_button {font-size: 14px; padding: 10px;}

	.banner-txt .big {font-size: 17px; line-height: 28px;}
	
	.svc-bx .desc-wrapper {padding-left: 10px;}
	.svc-bx .desc-wrapper ul li {font-size: 14px; line-height: 26px;}
	.svc-bx .desc-wrapper ul li, .home-txt ul li {padding: 0 0 0 8px;}
		
	.svc-btn .button_label {font-size: 14px;}
	
	.column_button .button {padding: 20px 0!important;}
	.hm-about-wrap .button{padding: 20px!important;}
	
	.footer-table td {font-size: 14px; padding: 3px!important;}
	#text-3 {padding: 0 10px!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)
{
	#Top_bar .logo {width: 300px;}
	
	h3 {font-size: 22px;}
	
	.banner-txt .big {font-size: 15px; line-height: 27px;}
	
	.svc-bx .desc-wrapper {padding-left: 10px;}
		.svc-bx .desc-wrapper ul li {font-size: 14px; line-height: 22px;}
		.svc-bx .desc-wrapper ul li, .home-txt ul li {padding: 0 0 0 8px;}
	
	.svc-btn .button_label {font-size: 14px;}
	
	.footer-table td {font-size: 14px; padding: 3px!important;}
	#text-3 {padding: 0 10px!important;}
	
	
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 0px; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 0px; 
		position: relative;
		 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		white-space: nowrap;
	}
	
	
	#back_to_top { right: -25px;}
	
	
}

/* #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)
{
	.header-classic #Top_bar {padding-bottom: 32px;}
	
	.svc-bx {min-height: 350px; }
	.svc-bx .desc-wrapper ul li {font-size: 14px; line-height: 22px;}
	.svc-btn {margin-bottom: 50px !important;}
	

	
	.footer-table td {font-size: 13px; padding-left: 10px;}
	
	.widget { margin: 15px 0;}
	#text-2 {border-right: 0px;padding: 20px 0 0;}
	#text-3 {padding: 20px 0 0; border-right: 0px; border-top: 1px solid #d8b864;}
	#text-4 {border-right: 0px; padding: 20px 0 0; border-top: 1px solid #d8b864; width: 100%;}
	
}

/* #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 .mcb-item-hh7suh3ky .mcb-column-inner-hh7suh3ky { padding-top: 10px !important; padding-left: 6% !important; background-image: none !important;}
	
	.mcb-column-inner-5561mhb2 {margin: 0 6% !important; text-align: center !important;}
	.mcb-section .mcb-wrap .mcb-item-p8ljj772i .mcb-column-inner-p8ljj772i {padding: 0 6% !important; text-align: center !important;}
	
	section.mcb-section-37u7ezzi {background-size: contain !important; background-position: center;}
	
	
	.cntnt-txt .mcb-column-inner {padding-left: 6% !important;}
	.cntnt-txt h4 {font-size: 17px!important;}
	.cntnt-txt p, .cntnt-txt li {font-size: 15px !important;}
	
	.mcb-item-button-inner {text-align: center!important;}
	.button_full_width {width: 85%!important; margin-left: 6%!important; }
	
	.cntnt-txt .button {margin: 0 6% !important;}

}

@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)
{
	
}