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

/* Theme customization starts here
-------------------------------------------------------------- */

/* 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: rgb(14, 123, 92); */
	font-weight: 500;}

/* cookie consent bar style ends*/

div#n2-ss-2 .n-uc-Ry0d8A672c6k-inner {background-size: contain !important;}

.header-fixed #Top_bar {background: url('https://www.thrivingkids.co.za/wp-content/uploads/2017/10/header-bg.jpg') top left repeat-x; height: 230px !important;}

#Top_bar #logo img {background: #a0dfdd; padding: 0 10px;}

.header-fixed #Top_bar .top_bar_left, .header-fixed #Top_bar .top_bar_right, .header-fixed #Top_bar .top_bar_right:before {width: 100%;}

.top-social-menu {float: right; margin-top: 66px;}
.top-social-menu li {float: left;}
.top-social-menu li a {font-size: 22px; color: #fff;}
.top-social-menu li a:hover {color: #11b0a9;}

.header-fixed #Top_bar .menu {margin-top: 25px;}
.header-fixed #Top_bar .menu > li > a {padding: 11px 0 11px !important; font-weight: bold; text-transform: uppercase;}
.header-fixed #Top_bar .menu > li > a:hover {background: #a0dfdd; text-shadow: 1px 1px 1px #999;}

.header-fixed #Top_bar .sub-menu {margin-top: 4px;}
.header-fixed #Top_bar .sub-menu > li > a:hover {background: #b97db1;}

#Top_bar .menu > li > a span:not(.description) {padding: 0 13px;}
#Top_bar .menu > li a:after {background: #b97db1 !important;}

.services-container {text-align: center !important;}
.services-boxes 	{ text-align: center !important; margin: 0 auto !important; display: inline-block !important;}

.procedure-box					{width: 14% !important; background: #fff; float: left; border-radius: 36px; border: 6px solid #11b0a9;}
.procedure-box:hover			{background: #cfefee;}
.procedure-box h5				{font-size: 16px; min-height: 50px;}
.procedure-box h5 a 			{color: #11b0a9;}
.procedure-box h5 a:hover 		{color: #b97db1;}

.birth, .visits, .child, .clinic, .chronic, .adhd {margin-right: 1%;}
.adolescents 		{}

.fancy_heading_icon .icon_top {color: #b97db1 !important;}

.opening_hours .opening_hours_wrapper li span {color: #b97db1 !important;}
.opening_hours h3 {text-align: center !important;}

.wpcf7-submit {background: #b97db1 !important;}
.button-love a.mfn-love {color: #b97db1 !important;}

#recent-posts-2 {margin: 180px 0 0 !important;}
.widget_recent_entries ul li::after {background: #b97db1 !important;}

.fbx-modal a {
	   font-family: foobox !important;
}

/*FOOTER*/

#text-2 			{text-align: right !important; border-right: 1px solid #fff;}
#text-2 h4			{padding-right: 40px;}
#text-2 .textwidget {padding-left: 100px !important; padding-right: 40px;}
#text-3 h4			{padding-left: 20px !important;}

table tr:first-child td {background: none !important;}

#Footer table td 	{border-color: rgba(255,255,255,.00) !important;}

.footer-copy-center #Footer .footer_copy {background: #a0dfdd; color: #11b0a9;}

.rev_purple-area {}
.rev_logo-element {}
.rev_main-text {}

@media only screen and (min-width: 1450px) and (max-width: 1600px)
{	
 	.reduce-padding-mobile {padding-top: 180px !important;}
}


/* > 1240 ------------------------------------------------------------------------------------------------------------- > 1240 */

@media only screen and (min-width: 1240px)
{	
 	.reduce-padding-mobile {padding-top: 180px !important;}
}


/* #Header Creative always Open	1240 - 1489 ----------------------------------------- #Header Creative always Open 1240 - 1489 */

@media only screen and (min-width: 1240px) and (max-width: 1489px)
{	

}


/* #Desktop	960 - 1239 ---------------------------------------------------------------------------------- #Desktop	960 - 1239 */

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

#Top_bar a.responsive-menu-toggle {top: 66%; color: #fff;}




div#n2-ss-2 .n-uc-Ry0d8A672c6k-inner {background-position: 0px 130px !important;}
	.n2-ss-slider .n2-ss-item-image {max-width: 60%; margin: 0 auto !important;}




.procedure-box 					{border-radius: 20px; }
.procedure-box h5				{font-size: 14px; min-height: 50px !important;}

.birth, .visits, .child, .clinic, .chronic, .adhd {margin-right: 0.8%;}


}



/*--- FIX ---*/

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


.slides_main {width: 50% !important; margin-left: -10%;}
.rev_large-bg {display: none !important;}

.move-down-mobile {margin-top: 100px;}

}



/* #Tablet (Landscape) 768 - 959 --------------------------------------------------------------- #Tablet (Landscape) 768 - 959 */

@media only screen and (min-width: 768px) and (max-width: 959px)
{	
	
#Top_bar a.responsive-menu-toggle {top: 68%; color: #fff;}

.slides_main {width: 50% !important; margin-left: -10%;}
.rev_large-bg {display: none !important;}

.procedure-box {border-radius: 15px; border: 2px solid #11b0a9;}
.procedure-box h5				{font-size: 13px;}

	div#n2-ss-2 .n-uc-Ry0d8A672c6k-inner {background-position: 0px 110px !important;}
	.n2-ss-slider .n2-ss-item-image {max-width: 80%; margin: 0 auto !important;}

}



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

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


.reduce-padding-mobile {padding-top: 50px;}

}




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

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



}





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

@media only screen and (min-width: 480px) and (max-width: 767px)
{
	
.header-fixed #Top_bar 			{background-color: #a0dfdd !important;}

#Top_bar .logo #logo			{margin: 0px 50px;}
.logo-mobile					{height: 110px; width: 227px;}

.top-social-menu 				{margin-top: -180px;}

#rev_slider_1_1_wrapper			{margin-top: 0px !important;}

.slides_main {width: 40% !important; margin-left: -10%;}

#services						{padding-top: 20px !important;}
.services-boxes					{margin-bottom: 20px !important;}
.services-intro p 				{padding: 10px;}
.services-container				{padding-bottom: 20px !important;}

.procedure-box 					{border-radius: 14%; width: 30% !important; margin-bottom: 15px; border: 3px solid #11b0a9;}
.procedure-box h5				{font-size: 13px;}

.reduce-padding-mobile 			{padding-top: 70px !important;}

#lung-specialist				{padding-top: 80px !important;}

}


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

@media only screen and (min-width: 448px) and (max-width: 500px)
{

.header-fixed #Top_bar 			{background-color: #a0dfdd !important;}

#Top_bar .logo #logo			{margin: 0px 50px;}
.logo-mobile					{height: 110px; width: 227px;}

.top-social-menu 				{margin-top: -180px;}

.slides_main {width: 30% !important; margin-left: -10%;}

.procedure-box					{width: 40% !important;}

}




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

#Top_bar .logo		 			{background: #a0dfdd !important;}
.logo-mobile					{height: 107px; width: 220px;}
.top-social-menu 				{margin-top: -30px;}

.rev_large-bg 					{display: none !important;}
.slides_main 					{max-height: 98px !important; width: auto !important;}

.mobile-layer-move				{margin-left: 650px !important;}

#services						{padding-top: 50px !important;}

.services-intro p 				{padding: 10px;}

.procedure-box 					{border-radius: 14%; width: 43% !important; margin-bottom: 15px; border: 3px solid #11b0a9;}
.procedure-box h5				{font-size: 13px;}

#lung-specialist				{padding-top: 80px !important;}

#text-2 .textwidget {padding-left: 10px !important; padding-right: 10px;}

#text-2 {text-align: left !important; border: none !important;}

}

/*--- ANOTHER FIX ---*/

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

#rev_slider_1_1_wrapper			{margin-top: -8% !important;}

.reduce-padding-mobile {padding-top: 70px !important;}

.rev_large-bg 					{display: none !important;}
.slides_main 					{max-height: 98px !important; width: auto !important;}

}