/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1
*/

/* Main Viewport Customization
-------------------------------------------------------------- */

.header-stack #Top_bar {border-bottom: 1px solid #725b25; background: transparent url('https://capedermatology.co.za/wp-content/uploads/2018/03/menu-bg.jpg') center bottom repeat-x !important;}

#Sliding-top .widgets_wrapper {padding: 56px 0;}

.pop-address {padding-left: 0px;}

.pum-theme-55 .pum-container, .pum-theme-cutting-edge .pum-container {background-image: url(http://localhost/irene/wp-content/uploads/2019/10/popup-bg.png); background-position: top right; background-repeat: no-repeat; background-size: contain; }

.header-stack.header-center #Top_bar .logo {text-align: left;}

.header-stack.header-center #Top_bar #menu {background: transparent !important;}
#Top_bar .menu > li > a span:not(.description) {line-height: 43px; padding: 0 29px !important;}
#Top_bar.is-sticky .menu > li > a span:not(.description) {line-height: 43px; padding: 0 20px !important;}
#Top_bar.is-sticky .menu > li > ul.mfn-megamenu {margin-top: -13px !important;}
#Top_bar.is-sticky .menu > li ul {margin-top: -13px;}

.mfn-megamenu-5, .mfn-megamenu-4 {margin-top: 0 !important;}

#Top_bar .menu > li > ul.mfn-megamenu > li > ul {margin-left: 10px !important;}
.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu {border-left: 1px solid #52421b; border-right: 1px solid #52421b; border-bottom: 1px solid #52421b;}
.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li {border-right-color: #52421b !important;}

.social-list {position: absolute; top: 60px; left: 20px;}
.social-list li {float: left;}
.social-list li i {font-size: 20px; color: #715726;}

#Top_bar.is-sticky .social-list, #Top_bar.is-sticky #google_translate_element, #Top_bar.is-sticky .appointment-wrapper {display: none; }

#google_translate_element {position: absolute; top: 7px; right: 20px;}

.appointment-wrapper {position: absolute; top: 91px; right: 20px}
.appointment-wrapper h4 {color: #725b25;}
.appointment-wrapper h4 a {color: #725b25; border: 1px solid #a39371 !important; padding: 5px;}
.appointment-wrapper h4 a:hover {transition: border-width 0.3s linear; color: #725b25;}

#Top_bar.is-sticky {background: #fff !important;}

#Top_bar.is-sticky .menu > li > a span:not(.description) {line-height: 43px; color: #725b25; padding: 0px 14px;}
#Top_bar.is-sticky .submenu {margin-top: 0px !important;}

#practice h2, #conditions h2 {margin-bottom: 25px;}
#practice h2, #practice p {color: #725b25; text-align: center !important;}
#conditions h2, #conditions p {color: #fff !important; text-align: center !important;}

.conditions-area-lens {background: rgba(255,255,255,0.9); padding: 50px 8%;}
.conditions-area .one-third { margin-bottom: 0 !important;}
.condition-button {border: 1px solid #fff !important;}
.condition-button2 {border: 1px solid #52421b !important;}

.conditions-content {background: #f9fdff url('https://capedermatology.co.za/wp-content/uploads/2018/03/secondary-bg2.png') center 80px no-repeat !important;}
.conditions-content p {color: #715726 !important;}

.conditions-content2 {background: transparent !important;}

.all-conditions-button {border: 1px solid #725b25 !important; background: transparent !important;}

.conditions-home-section {background: rgba(114,91,37,0.6); color: #fff !important;}
.conditions-home-section h2 {color: #fff !important;}

.testimonials_slider .testimonials_slider_ul li .bq_wrapper {background: none !important;}
.pad-testimonials {}

.address_wrapper {color: #fff;}

blockquote {background: none !important; font-size: 15px !important; color: #725b25 !important;}
.hr_dots {text-align: center; margin-left: 0;}
.hr_dots span {color: #725b25 !important; background: #725b25 !important;}
.author {text-align: center !important; margin-left: 0;}

.get_in_touch {background: #a39371 !important;}

.testimonials_slider a.slider_prev .button_icon, .testimonials_slider a.slider_next .button_icon {background: rgba(0,0,0,0) !important; color: #725b25 !important; font-size: 40px !important;}

.fancy_heading_icon .icon_top {color: #725b25 !important;}

.no-bottom-margin {margin-bottom: 0 !important;}

.appointment-bar-button-bottom {border: 1px solid #fff !important; margin-bottom: 0px !important; }

.wpcf7-submit {border: 1px solid #725b25 !important; background: #a39371 !important;}

.faq .question .title {color: #725b25 !important;}

.warning-box {border: 1px solid #52421b; background: #c7bda8; height: 30px; padding: 10px 5px; margin: 45px 0 0; }




/* Secondary Page Tweaks for added Images */ 


#Content {padding-top: 0 !important;}


.image_frame .image_wrapper .image_links a {background: #a39371;}
.image_frame .image_wrapper .image_links a:hover {color: #a39371 !important;}

.image_frame .image_wrapper .image_links {background: #a39371;}



/* Secondary Page Customization
-------------------------------------------------------------- */

body.header-stack:not(.template-slider) #Header {min-height: 187px !important; }

#Subheader {background: #FAF3EE !important;}
#Subheader ul.breadcrumbs li a {color: #725b25 !important;}


#Content ul {color: #725b25 !important; list-style: square !important;}
#Content a {text-decoration: underline !important;}
#Content a:hover {text-decoration: none !important;}

.conditions-content a.button {border: 1px solid #725b25 !important;}

.conditions-content a.desc_wrapper .title {text-decoration: none !important;}

.secondary-button-secondary .condition-button {border: 1px solid #725b25 !important;}

.subheader-rev {background-size: cover !important;}

.overlapping-bg {overflow: visible !important;}
.overlapping-bg p, .overlapping-bg h2, .overlapping-bg h3 {color: #725b25 !important;}

.transparent-bg {background-color: transparent !important;}

.top-gap {margin-top: 40px;}

.abcdes {background-color: #faf3ee; padding: 8px 0 8px 15px; border: 1px solid #52421b;}

.idea_box {background: #c7bda8 !important; border: 1px solid #52421b;}

.pressrelease-link a {background: #715b2a; font-size: 13px; text-decoration: none !important; border-radius: 2px; color: #fff; padding: 10px 15px; margin: 15px 0 !important;}
.pressrelease-link a:hover {background: #50411e; color: #c7bca8;}

.highlight-list {background-color: #a79673; list-style: none !important; padding: 10px 0 10px 20px; margin-bottom: 35px !important; margin-left: 0 !important;}
.highlight-list li {color: #fff; list-style: none !important;}

#text-2 {padding: 0 25px 0 160px !important;}
#text-2 h4 {text-align: right !important;}

#Footer table td {border: none !important;}
.footer-table {width: 70%;}
.footer-table i {font-size: 29px; color: #fff !important;}
table tr:first-child td, table tr:nth-child(2n) td {background: none !important;}

.pop-table td {border: none !important; text-align: left; vertical-align: top !important;}
.pop-table {width: 70%; vertical-align: top !important;}
.pop-table i {font-size: 29px; color: #725b25 !important;}

#Footer .footer_copy {color: #fff;}

.hr_color {color: #52421b !important; background: #52421b !important;}


/* > 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)
{	
	
}


/* < 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)
{	
	a.button.button_size_4 .button_label {padding: 18px 20px !important;}
	
	.header-stack #Top_bar .logo {border: none !important;}
	
	#Top_bar a.responsive-menu-toggle {height: 28px !important;}
	
		#text-2 {padding: 0 25px 0 60px !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)
{	
	.header-stack #Top_bar .logo {border: none !important;}
	
	.logo-main {max-width: 83% !important;}
	
	#Top_bar a.responsive-menu-toggle {height: 28px !important;}
	
	a.button.button_size_4 .button_label {padding: 10px !important;}
	
	#text-2 {padding: 0 25px 0 60px !important}
	
	.subheader-rev {background-size: cover;}
	
}


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

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


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

@media only screen and (max-width: 767px) 
{
	.header-stack #Top_bar a.responsive-menu-toggle {margin-top: 25px !important;}
	
	#text-2 {padding:0 25px 0 25px !important;}
}


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

@media only screen and (min-width: 480px) and (max-width: 767px)
{
	body.header-stack:not(.template-slider) #Header {min-height: 135px !important;}
	
	#google_translate_element {display: none !important;}
	
	.logo-mobile {max-width: 65% !important; margin-top: -50px !important;}
	
	.appointment-wrapper {top: 100px !important; left: 20px !important;}
		#open-popup-form {background: #725b25 !important; color: #fff !important;}
	
	#practice, #testimonials {background-image: none !important;}
	
	#text-2 { padding: 0 25px !important;}	
	#text-2 .textwidget p {text-align: left !important;}
	#text-2 h4, #text-2 p {text-align: left !important;}

}

/* #Mobile (Portrait) < 480 ------------------------------------------------------------------------- #Mobile (Portrait) < 480 */

@media only screen and (min-width: 448px) and (max-width: 500px)
{
	body.header-stack:not(.template-slider) #Header {min-height: 135px !important;}
	
	#google_translate_element {display: none !important;}
	
	.logo-mobile {max-width: 65% !important; margin-top: -50px !important;}
	
	.appointment-wrapper {top: 100px !important; left: 20px !important;}
		#open-popup-form {background: #725b25 !important; color: #fff !important;}
	
	#practice, #testimonials {background-image: none !important;}
		
}


@media only screen and (max-width: 479px)
{
	body.header-stack:not(.template-slider) #Header {min-height: 135px !important;}
	
	#google_translate_element {display: none !important;}
	
	.logo-mobile {max-width: 65% !important; margin-top: -50px !important;}
	
	.appointment-wrapper {top: 100px !important; left: 20px !important;}
		#open-popup-form {background: #725b25 !important; color: #fff !important;}
	#text-2 {padding:0 25px 0 25px !important;}
	#text-2 .textwidget p {text-align: left !important;}
	#text-2 h4, #text-2 p {text-align: left !important;}
	
	#practice, #testimonials {background-image: none !important;}
	
	.circle-hover-links-wrapper {background: rgba(114,91,37,0.6);}
	.circle-hover-links {margin-top: 10px !important;}
}


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