/*
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 consent bar style */

#cookie-law-info-bar {box-shadow: rgb(0 0 0 / 50%) 0px 5px 50px; background-color: rgba(255,255,255,0.85) !important; z-index: 2147483660 !important;}

.cli-style-v2 .cli-bar-message {font-size: 17px;}
.cli-bar-btn_container {text-align: center !important;z-index: 2147483660 !important;}
#scrollUp{z-index: 99999 !important;}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {font-size: 18px;}
.cli-bar-message a {
    cursor: pointer;
	color:#4e6848;
	font-weight: 500;}

/* cookie consent bar style ends*/

body.header-creative.header-open {padding-left: 332px;}

#Header {display: none;}
#Header_creative {width: 332px;}

#Top_bar #logo {padding-bottom: 20px;}

.level-1-menu > a > span {text-align: right; text-transform: uppercase; line-height: 40px;}
.level-1-menu > a > span::after {content: ""; height: 1px; background-color: #62768d; display: block; width: 152px; margin-left: 140px;}
.level-1-menu:last-child a span::after {display: none !important;}


#Top_bar .menu li ul li {width: 350px; text-transform: uppercase;}
#Top_bar .menu li ul li a {padding: 0px 15px !important;}
.level-2-menu a span {font-size: 18px; line-height: 39px; top: 2px; font-weight: 400;}

.menu-button {font-size: 18px; line-height: 30px; background-color: #4e6848; color: #d3d3d3; border-bottom: 7px solid #d3d3d3 !important;}

#Top_bar .banner_wrapper table {width: 80%; margin: 20px 5% 0px;}
#Top_bar .banner_wrapper table td {border: 0px !important; padding: 5px;}
#Top_bar .banner_wrapper table tr td:first-child {vertical-align: top; font-size: 24px; color: #4e6848;}
#Top_bar .banner_wrapper table tr td:last-child {text-align: left; font-size: 15px; line-height: 20px; color: #9e9f9f;}
#Top_bar .banner_wrapper table tr td a {color: #9e9f9f;}
#Top_bar .banner_wrapper table tr:first-child td {background: none !important; box-shadow: none;}
#Top_bar .banner_wrapper table tr:nth-child(2n) td {background: rgba(0,0,0,0.0);}

.header-life-logo {position: relative; top: 30px; left: -54px;}

/* test */

.test-background-image {padding: 400px 0px;}

.test-background-graphic {padding: 500px 0px; position: absolute;}


/* home */

.absolute-landing-container {position: absolute; top: 0px; left: -32px; z-index: 400;}

.landing-image .image_frame {margin: 0px;}

.home-about-content-container {background-size: 49.85%;}

.home-about-text-heading {background-color: #ffffff; width: 85% !important; margin: 60px 0px 0px 12% !important; padding: 40px 0px 40px 3%;}
.home-about-text-heading h1 {font-size: 36px; line-height: 38px; width: 74%; margin-bottom: 0px;}
.home-about-text-content {margin: 0px 0px 0px 15% !important; width: 85% !important;}
.home-about-text-content .inner-container {width: 47%; padding: 70px 0px 40px;}
.home-about-text-content .green-button {background-color: #4e6848;}
.home-about-text-content .blue-button {background-color: #092f5b;}

.content-button {border-bottom: 7px solid #d3d3d3 !important;}
.content-button .button_label {font-size: 22px; line-height: 36px; color: #d3d3d3;}

.parallax-image-inner-container {padding: 200px 0px;}

.home-service-text h2 {padding: 70px 0px 35px 30px;}
.service-slider-mobile {display: none;}

/* slider */

.service-slider {box-shadow: 0px 0px 10px 10px #ccc; margin-bottom: 125px !important;}
.service-slider p {margin: 0px;}

#n2-ss-2-align, #n2-ss-4-align {margin-left: 0px !important;}

.green-slider-button, .blue-slider-button {border-bottom: 7px solid #d3d3d3 !important;}

.slider-background-block .n2-ss-layer-content {background-size: auto !important; background-position: left 28px top 9px !important;}

/*CORRECT CONTENT SLIDER - ANGELO */
.content-slider-table {border: 0;}
.content-slider-table td {border: none;}
.content-slider-table td:nth-child(n) {padding-left: 5%;}
.content-slider-table tr:first-child td {box-shadow: none;}
.content-slider-table td p, .content-slider-table td h3 {text-align: left;}
.button-col {width: 48%; float: left; text-align: left}
.cnt-sld-btn {background-color: #7e9b6b !important; color: #fff !important; border-bottom: 10px solid #bcbdc0 !important; text-align: center; width: 340px;}
.framed-decorative {padding: 30px 0 0 30px; background: url('https://pretoriasurgeon.co.za/wp-content/uploads/2019/07/slider-block.jpg') top left no-repeat;}
.blue-text {color: #082e5a;}

/*ANGELO MORE TWEAKS*/

.landing-image2 {background: url('https://pretoriasurgeon.co.za/wp-content/uploads/2019/07/full-width-header-image.jpg') top right no-repeat;}
.absolute-landing-container {height: 990px; background-position: 1% top !important; margin-top: -510px;}

/* practice */

.about-text-heading-container {background-position: right -15px top !important; border-bottom: 10px solid #ffffff;}
.about-text-heading {margin-bottom: 0px;}
.about-text-heading h2 {padding: 170px 0px 6px 280px; font-size: 48px; line-height: 48px; color: #ffffff}

.about-main-image {width: 60% !important; margin: 0px; position: absolute; top: -189px; right: 0px;}
.about-main-image img {width: 100%;}

.about-logo-graphic {position: absolute; left: -23px;}

.about-text h3 {font-size: 30px; line-height: 40px; text-align: right; color: #333132; padding: 52px 50px 0px 77px;}
.about-text .inner-container {padding: 0px 0px 0px 200px;}
.about-text p {font-size: 18px; line-height: 30px; margin-bottom: 30px;}
.about-text .blue-button {background-color: #092f5b;}

/* secondary */

.secondary-text-container {width: 55% !important; padding: 70px 50px 0px;}

.secondary-image-list-container {width: 45% !important; position: relative; top: -189px;}
.secondary-image, .secondary-list {width: 100% !important; margin: 0px 0px 40px;}
.secondary-list .content-button {width: 555px; background-color: #082e5a; margin-bottom: 0px;}

.secondary-text .inner-container {padding: 0px 0px 40px 0px;}
.secondary-text h2 {font-size: 30px; line-height: 40px; color: #092f5b;}
.secondary-text h3 {font-size: 24px; line-height: 36px; color: #082e5a; margin-bottom: 50px;}
.secondary-text h4 {font-size: 24px; line-height: 36px; margin-bottom: 0px; color: #082e5a; margin-top: 30px;}
.secondary-text strong {color: #082e5a;}
.secondary-text p {font-size: 18px; line-height: 36px; color: #333132; margin-bottom: 0px;}
.secondary-text .big strong {margin-top: 30px; font-size: 18px; line-height: 36px;}
.secondary-text ul {margin: 30px 0px 30px 25px;}
.secondary-text ul li {font-size: 18px; line-height: 24px; color: #082e5a;}

/* contact */

.contact-text table {margin-bottom: 60px;}
.contact-text table td {border: 0px !important; padding: 5px;}
.contact-text table tr td:first-child {vertical-align: top; font-size: 24px; color: #4e6848;}
.contact-text table tr td:last-child {text-align: left; font-size: 18px; line-height: 36px; color: #333132;}
.contact-text table tr td a {color: #333132;}
.contact-text table tr:first-child td {background: none !important; box-shadow: none;}
.contact-text table tr:nth-child(2n) td {background: rgba(0,0,0,0.0);}

.column_map_basic {width: 100% !important; margin: 0px;}

#popmake-78 input[type="text"], #popmake-78 input[type="email"], #popmake-78 textarea {font-size: 18px; line-height: 36px;}

input[type="text"], input[type="email"], textarea {font-size: 18px; line-height: 36px;}
input[type="submit"] {font-size: 18px; line-height: 36px; background-color: #082e5a; border-bottom: 7px solid #d3d3d3 !important; color: #d3d3d3;}
textarea {height: 175px;}

/* footer */

#Footer .footer_copy .one {width: 100%; margin: 0px; padding: 30px 0px; min-height: unset;}
#Footer .footer_copy .copyright {font-size: 14px; color: #d3d3d3; margin-bottom: 0px;}

.footer_copy .container {max-width: 1500px;}

.site-link {color: #092f5b !important;}

.wpcf7-submit:focus {outline: none !important;}
button:focus {outline: none !important;}

.ui_tpicker_second, .ui_tpicker_millisec, .ui_tpicker_microsec {display: none;}

#ui-datepicker-div {font-size: 16px;}

/* RESPONSIVE */

/* Home Page Graphic Styles */

@media only screen and (min-width: 1901px) and (max-width: 1920px){ .absolute-landing-container {left: -2%; margin-top: 0px; top: 0px;}}
@media only screen and (min-width: 1881px) and (max-width: 1900px){ .absolute-landing-container {left: -2.5%; margin-top: 0px; top: 0px;}}
@media only screen and (min-width: 1861px) and (max-width: 1880px){ .absolute-landing-container {left: -3%; margin-top: 0px; top: 0px;}}
@media only screen and (min-width: 1841px) and (max-width: 1860px){ .absolute-landing-container {left: -4%; margin-top: 0px; top: 0px;}}
@media only screen and (min-width: 1821px) and (max-width: 1840px){ .absolute-landing-container {left: -5%; margin-top: 0px; top: 0px;}}
@media only screen and (min-width: 1801px) and (max-width: 1820px){ .absolute-landing-container {left: -5.8%; margin-top: 0px; top: 0px;}}
@media only screen and (min-width: 1781px) and (max-width: 1800px){ .absolute-landing-container {left: -5.8%; margin-top: 0px; top: 0px;}}
@media only screen and (min-width: 1761px) and (max-width: 1780px){ .absolute-landing-container {left: -7.1%; margin-top: 0px; top: 0px;}}
@media only screen and (min-width: 1741px) and (max-width: 1760px){ .absolute-landing-container {left: -8%; margin-top: 0px; top: 0px;}}
@media only screen and (min-width: 1721px) and (max-width: 1740px){ .absolute-landing-container {left: -8.9%; margin-top: 0px; top: 0px;}}
@media only screen and (min-width: 1701px) and (max-width: 1720px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 5px;}}
@media only screen and (min-width: 1681px) and (max-width: 1700px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 16px;}}
@media only screen and (min-width: 1661px) and (max-width: 1680px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 27px;}}
@media only screen and (min-width: 1641px) and (max-width: 1660px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 38px;}}
@media only screen and (min-width: 1621px) and (max-width: 1640px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 49px;}}
@media only screen and (min-width: 1601px) and (max-width: 1620px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 60px;}}
@media only screen and (min-width: 1581px) and (max-width: 1600px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 71px;}}
@media only screen and (min-width: 1561px) and (max-width: 1580px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 82px;}}
@media only screen and (min-width: 1561px) and (max-width: 1580px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 82px;}}
@media only screen and (min-width: 1541px) and (max-width: 1560px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 93px;}}
@media only screen and (min-width: 1521px) and (max-width: 1540px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 104px;}}
@media only screen and (min-width: 1501px) and (max-width: 1520px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 115px;}}
@media only screen and (min-width: 1481px) and (max-width: 1500px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 120px;}}
@media only screen and (min-width: 1461px) and (max-width: 1480px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 118px;}}
@media only screen and (min-width: 1441px) and (max-width: 1460px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 116px;}}
@media only screen and (min-width: 1421px) and (max-width: 1440px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 114px;}}
@media only screen and (min-width: 1401px) and (max-width: 1420px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 112px;}}
@media only screen and (min-width: 1381px) and (max-width: 1400px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 110px;}}
@media only screen and (min-width: 1361px) and (max-width: 1380px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 108px;}}
@media only screen and (min-width: 1341px) and (max-width: 1360px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 106px;}}
@media only screen and (min-width: 1321px) and (max-width: 1340px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 104px;}}
@media only screen and (min-width: 1301px) and (max-width: 1320px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 102px;}}
@media only screen and (min-width: 1281px) and (max-width: 1300px){ .absolute-landing-container {left: -9.25%; margin-top: 0px; top: 100px;}}
@media only screen and (min-width: 1261px) and (max-width: 1280px){	.absolute-landing-container {left: -9.25%; margin-top: 0px; top: 98px;}}
@media only screen and (min-width: 1240px) and (max-width: 1260px){	.absolute-landing-container {left: -9.25%; margin-top: 0px; top: 96px;}}

html,body{overflow-x:hidden}

@media only screen and (min-width: 1490px) and (max-width: 1680px){    
	
/* slider */
	
.framed-decorative {padding: 30px 0 0 0px;}
	
/* home */
	
.about-text-left {width: 48% !important;}
.about-logo-graphic {display: none;}
	
.about-main-image {width: 50% !important; position: static;}

}

@media only screen and (min-width: 1240px) and (max-width: 1489px){  
	
#Top_bar #logo {padding-bottom: 0px; padding: 20px 0px;}
	
#Top_bar .menu_wrapper {margin-bottom: 15px !important;}
	
#Top_bar .banner_wrapper table {margin-top: 0px;}
#Top_bar .banner_wrapper table td {padding: 2px 5px;}
	
.header-life-logo {top: 10px;}
	
/* slider */
	
.framed-decorative {padding: 30px 0 0 0px;}

/* home */
		
	
/* practice */
	
.about-text-left {width: 48% !important;}
.about-logo-graphic {display: none;}
.about-text-heading h2 {padding: 170px 0px 6px 30px;}
	
.about-main-image {width: 50% !important; position: static;}
.about-text h3 {padding: 52px 25px 0px 25px;}
.about-text .inner-container {padding: 0px 0px 0px 25px;}
	
/* secondary */
	
.secondary-text .inner-container {padding: 0px 0px 40px 0px;}
	
.secondary-list .content-button {width: 100%;}
	

	
	
}

@media only screen and (min-width: 960px) and (max-width: 1239px){ 
	
body.header-creative.header-open {padding-left: 0px;}
	
#Header_creative {width: 100%;}
	
.level-1-menu > a > span::after {display: none;}
#Side_slide #menu ul li a {padding: 0px 5px 0px 20px;}
	
/* slider */
	
.framed-decorative {padding: 30px 0 0 0px;}
	
/* home */
	
/*.absolute-landing-container {position: absolute; top: 0px; left: -32px; z-index: 400;}
 * .absolute-landing-container {overflow-y: hidden !important; max-height: 990px;}
 * */

.home-about-content-container {padding: 0px 25px; background-image: none !important;}
.home-about-text-heading, .home-about-text-content {width: 100% !important; margin: 0px !important; padding: 0px;}
.home-about-text-heading h1 {width: 98%; padding: 50px 10px 20px;}
.home-about-text-content .inner-container {width: 95%; padding: 40px 10px; font-size: 20px; line-height: 26px;}
	
.absolute-landing-container {display: none;}
	
/* practice */
	
.secondary-image-list-container {top: unset;}
.about-main-image {position: static;}
.about-logo-graphic {display: none;}
	
.about-text-heading h2 {padding: 150px 0px 0px 25px; width: calc(100% - 25px);}
.about-text h3 {width: calc(100% - 50px); padding: 50px 25px 0px 25px; text-align: left;}
.about-text .inner-container {padding: 0px 25px;}

/* secondary */

.secondary-text-container {padding: 70px 25px 0px 25px;}
.secondary-text .inner-container {padding: 0px 0px 50px;}
	
.secondary-list .content-button {width: calc(100% - 50px); margin: 0px 25px;}
    
}

@media only screen and (min-width: 768px) and (max-width: 959px){    
    	
body.header-creative.header-open {padding-left: 0px;}
	
#Header_creative {width: 100%;}
	
.level-1-menu > a > span::after {display: none;}
#Side_slide #menu ul li a {padding: 0px 5px 0px 20px;}
	
/* slider */
	
.framed-decorative {padding: 30px 0 0 0px;}
	
/* home */
	
.absolute-landing-container {display: none;}

.home-about-content-container {padding: 0px 25px; background-image: none !important;}
.home-about-text-heading, .home-about-text-content {width: 100% !important; margin: 0px !important; padding: 0px;}
.home-about-text-heading h1 {width: 98%; padding: 50px 10px 20px;}
.home-about-text-content .inner-container {width: 95%; padding: 40px 10px; font-size: 20px; line-height: 26px;}
	
/* practice */
	
.secondary-image-list-container {top: unset;}
.about-main-image {position: static;}
.about-logo-graphic {display: none;}
	
.about-text-heading h2 {padding: 150px 0px 0px 25px; width: calc(100% - 25px);}
.about-text h3 {width: calc(100% - 50px); padding: 50px 25px 0px 25px; text-align: left;}
.about-text .inner-container {padding: 0px 25px;}
	
/* secondary */
	
.secondary-text-container {padding: 70px 25px 0px 25px;}
.secondary-text .inner-container {padding: 0px 0px 50px;}
	
.secondary-list .content-button {width: calc(100% - 50px); margin: 0px 25px;}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	
body.header-creative.header-open {padding-left: 0px;}
	
#Header_creative {width: 100%;}
	
.level-1-menu > a > span::after {display: none;}
#Side_slide #menu ul li a {padding: 0px 5px 0px 20px;}
	
/* slider */
	
.content-slider-table tr td {width: 100% !important; padding: 15px; display: block;}
.content-slider-table tr td:first-child {padding: 30px; width: calc(100% - 60px) !important;} 
	
.content-slider-table td:nth-child(n) {padding-left: 0%;}
	
.framed-decorative {padding: 30px 0 0 0px;}
	
/* home */
	
.absolute-landing-container {display: none;}

.home-about-content-container {padding: 0px 25px; background-image: none !important;}
.home-about-text-heading, .home-about-text-content {width: 100% !important; margin: 0px !important; padding: 0px;}
.home-about-text-heading h1 {width: 98%; padding: 50px 10px 20px;}
.home-about-text-content .inner-container {width: 95%; padding: 40px 10px; font-size: 20px; line-height: 26px;}
	
/* practice */
	
.secondary-image-list-container {top: unset;}
.about-main-image {position: static;}
.about-logo-graphic {display: none;}
	
.about-text-heading h2 {padding: 150px 0px 0px 25px; width: calc(100% - 25px);}
.about-text h3 {width: calc(100% - 50px); padding: 50px 25px 0px 25px; text-align: left;}
.about-text .inner-container {padding: 0px 25px;}
	
/* secondary */
	
.secondary-text-container {padding: 70px 25px 0px 25px;}
.secondary-text .inner-container {padding: 0px 0px 50px;}
	
.secondary-list .content-button {width: calc(100% - 50px); margin: 0px 25px;}
    
}

@media only screen and (max-width: 479px){
    
body.header-creative.header-open {padding-left: 0px;}
	
#Header_creative {width: 100%;}
	
.level-1-menu > a > span::after {display: none;}
#Side_slide #menu ul li a {padding: 0px 5px 0px 20px;}
	
/* slider */
	
.content-slider-table tr td {width: 100% !important; padding: 15px; display: block;}
.content-slider-table tr td:first-child {padding: 30px; width: calc(100% - 60px) !important;}
	
.content-slider-table td:nth-child(n) {padding-left: 0%;}
	
.content-slider-table .button {width: 200px;}
	
.framed-decorative {padding: 30px 0 0 0px;}
	
/* home */
	
.absolute-landing-container {display: none;}

.home-about-content-container {padding: 0px 25px; background-image: none !important;}
.home-about-text-heading, .home-about-text-content {width: 100% !important; margin: 0px !important; padding: 0px;}
.home-about-text-heading h1 {width: 96%; padding: 50px 10px 20px 10px; font-size: 24px;}
.home-about-text-content .inner-container {width: 95%; padding: 40px 10px; font-size: 20px; line-height: 26px;}
.home-about-text-content .content-button .button_label {font-size: 14px;}
	
/* practice */
	
.secondary-image-list-container {top: unset;}
.about-main-image {position: static;}
.about-logo-graphic {display: none;}
	
.about-text-heading h2 {padding: 150px 0px 0px 25px; width: calc(100% - 25px);}
.about-text h3 {width: calc(100% - 50px); padding: 50px 25px 0px 25px; text-align: left;}
.about-text .inner-container {padding: 0px 25px;}
	
/* secondary */
	
.secondary-text-container {padding: 70px 25px 0px 25px;}
.secondary-text .inner-container {padding: 0px 0px 50px;}
	
.secondary-list .content-button {width: calc(100% - 50px); margin: 0px 25px;}
	
}