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

#cookie-law-info-bar {box-shadow: 0px 5px 50px rgba(0,0,0,0.5); background-color: rgba(255,255,255,0.85) !important;}
.cli-style-v2 .cli-bar-message {font-size: 18px;}
.cli-bar-btn_container {text-align: center !important;}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {font-size: 18px;}
.cli-bar-message a {text-decoration: underline; color: #333333;}

/*header*/
body:not(.header-simple) #Top_bar #menu {margin-left: 100px;}

/*lines NB ERRORS*/

#Top_bar .menu > li > a {padding: 0; border-top: 1px solid #17303B !important; border-bottom: 1px solid #17303B !important;}
#Top_bar .menu > li > a:after {height: 1px;}
#Top_bar .menu > li > a:hover {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 1px solid #829fab !important; border-bottom: 1px solid #829fab !important;}
/*#Top_bar .menu > li > a:active {border-top: 1px solid #fff !important; border-bottom: 1px solid #fff !important;}*/
#Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a { border-top: 1px solid #829fab !important; border-bottom: 1px solid #829fab !important;}

#Top_bar .menu > li:not(.mfn-megamenu-parent) {margin-top: 20px;}
#Top_bar .menu > li > a span:not(.description) {line-height: 40px;}

#Top_bar.is-sticky .menu > li > a:after {bottom: 10px;}
#Top_bar.is-sticky .menu > li > a:before {top: 8px; content: ""; height: 1px; width: 100%; position: absolute; left: 0; top: 8px; z-index: 999999; opacity: 1;}
#Top_bar.is-sticky .menu_wrapper .menu > li > a {padding: 2px 0;}
#Top_bar.is-sticky .menu > li:not(.mfn-megamenu-parent) {margin-top: 10px;}

.top-btn {float: right; padding: 6px 15px; margin-top: 21px; font-size: 18px; font-weight: 300; border: 1px solid #829fab; color: #829fab;}
.top-btn:hover {text-decoration: none; color: #fff;}

#Top_bar.is-sticky .top-btn {margin-top: 13px;}

/*slider hax*/

.no-margin p {margin: 0 !important;}
.n2-ss-slider .n2-ow-all picture {border-bottom: 32px solid #17303b;}

/*home content*/

.button.button_size_4, .button-flat input[type="submit"] {font-size: 19px; font-family: 'Roboto'; font-weight: 300; box-shadow: 10px 10px 5px #ccc;}
#Footer .button.button_size_4 {box-shadow: 10px 10px 5px #587480;}

.custom-heading-light {background: url('http://sd1.personalpro.co.za/dr-steenkamp/wp-content/uploads/2021/05/light-head-bg-line.jpg') bottom center no-repeat;}
.custom-heading-light h5 {font-size: 22px; margin-bottom: 0; color: #17303b; font-weight: 400; font-family: 'Roboto';}
.custom-heading-light h3 {color: #829fab; font-size: 41px; line-height: 60px;}

.img-bdr-edit {border-bottom: 32px solid #17303b;}

.about-wrap {padding-top: 115px;}

.custom-heading-dark {background: url('http://sd1.personalpro.co.za/dr-steenkamp/wp-content/uploads/2021/05/dark-head-bg-line.jpg') bottom left no-repeat;}
.custom-heading-dark h5 {font-size: 22px; margin-bottom: 18px; color: #fff; font-weight: 400; font-family: 'Roboto';}
.custom-heading-dark h3 {color: #829fab; font-size: 41px; line-height: 35px; padding-bottom: 15px;}

.home-about-txt p {color: #fff; margin: 40px 0 0;}
a.mfn-link {margin: 0 0 15px;}
a.mfn-link-4 {padding: 12px 0 10px; font-size: 20px; font-weight: 300;}

a.mfn-link-4::after {height: 1px;}
a.mfn-link-4::before {height: 1px; background: rgba(156,177,186,1);}

.about-main-txt p {font-size: 20px; color: #17303b; font-weight: 500; line-height: 35px; margin-bottom: 40px;}
.about-main-btn .button {margin: 30px 0 200px;}

.icon_box .image_wrapper {text-align: left;}
.style-simple .icon_box .desc_wrapper .title:before {margin: 0; background-color: #456a7c;}

.cat-app-wrap {padding: 50px 0 120px;}
.main-category-txt {min-height: 370px; background: url('http://sd1.personalpro.co.za/dr-steenkamp/wp-content/uploads/2021/05/cat-dec-grad.jpg') bottom center no-repeat;}
.main-category-txt h4.title {text-align: left; text-transform: uppercase;}
.main-category-txt .desc {text-align: left; font-size: 20px; font-weight: 300;}
.cat-read {font-size: 18px; font-weight: 500; font-family: 'Montserrat';}
.cat-read a {color: #456a7c;}

.quote-area {background: rgba(24,49,60,0.75); padding: 50px 0;}
.quote-area h2 {color: #fff; font-size: 36px;  font-style: italic; font-family: 'Roboto';}

h2.main-quo {font-weight: 300 !important;}

.questions-txt p.big {margin: 30px 0 60px;}

/*service pages*/

.service-dc {position: absolute; top: -113px; left: -20px;}

.service-main-txt p {font-size: 20px; color: #17303b; font-weight: 500; line-height: 35px; margin-bottom: 40px;}
.service-main-txt h3 {text-transform: uppercase; color: #456a7c; font-size: 24px; }
.increase-head {line-height: 45px !important;}
.decrease-head {font-size: 25px; line-height: 30px;}
.service-main-txt ul {font-size: 20px; color: #17303b; font-weight: 500; line-height: 35px; list-style: none; margin-bottom: 40px;}
.service-main-txt ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #829fab; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size: 30px !important;
}

.button-flat input[type="submit"] {background-color: #456A7C;}

.top-cntact .footer-table tr:first-child td {box-shadow: none;}

.top-cntact td {color: #fff; font-size: 18px;}
.top-cntact .footer-table td {border: none;}
.top-cntact .footer-table td:nth-child(2) {text-align: left;}
.top-cntact .footer-table i {font-size: 22px; color: #499fc9;}

.style-simple .faq .question .title {background: #17303B; color: #fff; font-size: 20px; font-weight: 500;}
.style-simple .faq .question.active:after {background-color: #7B97A3;}
.faq .question .title > .acc-icon-plus, .faq .question.active .title > .acc-icon-minus {color: #fff;}
.faq .question .answer {padding: 20px 20px 20px 80px; font-size: 20px;}
/*footer*/

#text-2 {border-right: 1px solid #536c7a;}
#media_image-2 {border-right: 1px solid #658292;}
#nav_menu-2 {border-right: 1px solid #7495a8;}

#Footer {background: linear-gradient(to right, #17303c, #829fab);}

#Footer table td {border: none; font-size: 17px; font-weight: 300;}
#Footer table tr:first-child td {box-shadow: none;}
#Footer table td i {font-size: 20px;}
#Footer table td:nth-child(2) {text-align: left;}

.life-logo {margin-top: 97px;}

.widget_nav_menu ul {list-style-type: none; width: 87%; padding: 5px 10px; background: none;}

#Footer .widget_nav_menu ul li:after {border-color: rgba(23,48,59,1);}
.widget_nav_menu ul li a {font-size: 17px; font-weight: 300; padding: 4px 0 4px 3px;}
.widget_nav_menu ul li:after {width: 100%; border-color: #17303b; left: 0px;}

.footer-cta {margin-top: 124px;}
#back_to_top {position: absolute; right: 85px; bottom: 200px;}
#back_to_top i {font-size: 30px; color: #17303b;}

#Footer .footer_copy .copyright {float: none !important; text-align: center;}



/*responies plepperon*/

/* > 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)
{	
	#Top_bar .menu > li > a span:not(.description) {padding: 0 13px;}
	
	#menu > ul > li > a {font-size: 16px;}
	
	.top-btn {margin-top: 20px; margin-bottom: 10px;}
	
	

}

/* < 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)
{	
	.top-btn {margin-right: 80px;}
	#text-2, #media_image-2, #nav_menu-2 {border-right: none;}
}

/* #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-btn {margin: 0 10px 10px 0;}
	#Top_bar a.responsive-menu-toggle{right: 5px; top: 32%;}
	
	.about-wrap {padding-top: 20px;}
	.home-about-txt p {color: #fff; margin: 0 0 5px;}
	
		#text-2, #media_image-2, #nav_menu-2 {border-right: none;}
	
	.custom-heading-dark h3, .custom-heading-light h3 {font-size: 30px; line-height: 35px;}

	.main-category-txt {min-height: 420px;}
	.main-category-txt .desc {font-size: 15px;}
	
}

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

@media only screen and (min-width: 768px)
{
	
	.home-about-txt p {margin: 15px 0 0;}
	.custom-heading-light {padding: 30px 0 0;}
	

	.textwidget .get_in_touch {padding: 0 !important;}
	
	#back_to_top {position: absolute; right: 5px; bottom: 300px;}
	
	#Footer table td {font-size: 14px; padding: 5px; vertical-align: top;}
	
	.footer-cta {margin-top: 80px;}
}

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

@media only screen and (max-width: 767px)
{
	.section_wrapper {max-width: 80% !important;}
}

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

@media only screen and (min-width: 480px) and (max-width: 767px)
{
	.top-btn {margin: 0 10px 10px 0;}
	
	.about-wrap {background-repeat: repeat-y !important;}
	
	.custom-heading-light {padding: 30px 0;}
	
	#text-2, #media_image-2, #nav_menu-2 {border-right: none;}
	.footer-cta {margin-top: 0;}	
	.life-logo {margin-top: 0;}
	
}

/* #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-btn {margin-top: -20px; margin-bottom: 10px; margin-right: 15px;}
	
	.about-wrap {padding-top: 20px; background-repeat: repeat-y !important;}
	.about-main-txt {padding: 50px 0 0;}
	.top-abt-txt p {font-size: 20px; line-height: 30px;}
	
	h3 {line-height: 29px !important;}
	
	.img-bdr-edit {border-bottom-width: 10px;}	
	.custom-heading-dark h3, .custom-heading-light h3 {font-size: 30px; line-height: 35px;}
	.home-about-txt p {color: #fff; margin: 0 0 5px;}
	a.mfn-link-4 {font-size: 14px;}
	
	.custom-heading-light {padding: 30px 0;}
	
	.cat-app-wrap {padding: 30px 0;}
	
	.quote-wrapper {padding: 0 !important;}
	
	.quote-area h2 {font-size: 20px;}
	.questions-txt p.big {font-size: 20px;}
	
	#Footer .widgets_wrapper .widget {padding: 5px 0;}
	
	#text-2, #media_image-2, #nav_menu-2 {border-right: none;}
	.footer-cta {margin-top: 0;}	
	
	.life-logo {margin-top: 0;}

}

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