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

/*===================== header reset =====================*/
body:not(.template-slider) #Header{min-height: 0px;}
#Content{padding-top:0;}
.logo-main{max-height: 83px !important;position: relative !important;top: -6px !important;}
#Top_bar #logo{height:70px;}
#Header {
    position: relative;
    box-shadow: 0 0px 15px #00000024;
	z-index: 9999;}

.header-classic #Header .top_bar_left {width: 100%;}

/*===================== menu =====================*/
#Top_bar .menu > li > a span:not(.description){padding: 0 0px;}
#Top_bar .menu > li a{margin-right:25px;}
#Top_bar .menu {position: relative; top: 31px;}
.menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:after{width:100%;left:0;}
#Top_bar .menu > li a{padding: 4px 0;}
/* parallax */
.parallax-quote{margin-top: 308px !important;margin-bottom: 300px !important;}
.parallax-quote h2{font-size: 50px;padding-left: 126px;}
#Top_bar .menu li ul li{width: 200px;}
#Top_bar .menu li ul{background-color: #001f35;}
#Top_bar .menu li ul li a{color: #fff;    border-bottom: 1px solid #ffffff2b;}
#Top_bar .menu li ul li a:hover{color: #fff;background:none;}
#Top_bar a.responsive-menu-toggle i {
    font-size: 35px;
    line-height: 34px;
	color: #67a09f;}



/* sidemenu */
#Side_slide {background-color: #193448;}
#Side_slide #menu ul li span {color: #fff;}
#Side_slide #menu ul li a:hover{color:#67a09f !important;}




.sub-menu span {font-size:15px; }
.sub-menu a{margin-right:0 !important;}
/* sticky nav */
#Top_bar.is-sticky{height: 95px;}
#Top_bar.is-sticky #logo img.logo-sticky{max-height:84px;}

/* footer contact list */
.footer-contact-list{margin-top: 33px !important;position: relative;left: 6%;}
.footer-contact-list ul{display:flex;}
.footer-contact-list li {list-style: none; margin-bottom: 27px;padding-left: 27px;}
.footer-contact-list li p {     position: relative;top: -8px;}
.footer-contact-list li a {     position: relative;top: -6px;}
 .footer-contact-list .cell {list-style-image: url('https://dongoconsulting.co.za/wp-content/uploads/2020/06/phone.png') }
.footer-contact-list .email {list-style-image:url('https://dongoconsulting.co.za/wp-content/uploads/2020/06/email.png')}
.footer-contact-list .location {list-style-image:url('https://dongoconsulting.co.za/wp-content/uploads/2020/06/location.png')}



/* footer nav */
#Footer .widgets_wrapper .widget {
    padding: 2px 0 !important;}
.widget_nav_menu ul{list-style:none;padding:0;background:none;}
#Footer .widget_nav_menu ul li:after{border:none;}
 #Footer label, legend {
    display: block;
    margin-bottom: -33px;
	font-weight: 700;}

/* footer-form */

#Footer .footer_copy .one {
	margin-bottom: -56px;}

#Footer input[type="submit"]{    background-color: #001F35;
    color: #ffffff;
    position: relative;
    top: 17px;
float: right;}

#Footer input[type="text"],#Footer input[type="email"],#Footer input[type="tel"], #Footer textarea
{
	    background-color: #001f35b0;
    	border:none;
}

#Footer textarea{height:134px !important;}

::placeholder{color: #fff;}

.icon-up-open-big{    
	    background: #001f35;
    border-radius: 100%;
    font-size: 29px;
    position: relative;
    top: 21px;
    padding-bottom: 10px;
    padding-top: 7px;
    padding-left: 3px;
    padding-right: 3px;
    color: #67a09f;
}

#back_to_top
{
	    float: right;
    margin: -9px 0 0;
    width: 66px;
    height: 110px;
    line-height: 42px;
    font-size: 20px;
    text-align: center;
    position: relative;
    top: -20px;
}

#Footer .widgets_wrapper {padding: 24px 0;}
.wpcf7-mail-sent-ok{position: relative;top:20px;}

/* ABOUT US PAGE */
/* bullet list */
.bullet-list ul{display: flex;}
.bullet-list li {list-style:none;list-style-image:url('https://dongoconsulting.co.za/wp-content/uploads/2020/06/bullet.png');color: #fff;}
.color-change li{color: #626262 !important;}

.bullet-list li a{color: #001f35;}
.bullet-list li a:hover{color: #001f35;}

.about-section-right-column h3{margin-bottom: 37px !important;}

/* SERVICES PAGES */
.services-list-widget
{
	display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
	width: 375px;
    max-width: 100%;
	border: 1px solid #001f35;
	float: right;
	background: #fff;
}
.services-list-widget-heading
{
	background: #001f35;
    padding-top: 10px;
    padding-left: 10px;
}
.services-list-widget-content
{
	border-bottom: 7px solid #001f35;
}


.services-list
{
	list-style: none !important;
    color: #001f35;
    margin-left: 12px !important;
    margin-top: 16px !important;
}

.services-list li a
{
	text-decoration:none;
	color: #001f35;
}

.services-list li a:hover
{
	color: #67a09e;
}

/* CONTACT PAGE */
/* contactpage contact list */
.contact-list ul{display:flex;}
.contact-list li {list-style: none; margin-bottom: 35px !important;padding-left: 27px;}
.contact-list li p {     position: relative;top: -8px;}
.contact-list li a {     position: relative;top: -6px;    color: #67a09e;}
 .contact-list .cell {list-style-image: url('https://dongoconsulting.co.za/wp-content/uploads/2020/06/phone.png') }
.contact-list .email {list-style-image:url('https://dongoconsulting.co.za/wp-content/uploads/2020/06/email.png')}
.contact-list .location {list-style-image:url('https://dongoconsulting.co.za/wp-content/uploads/2020/06/location.png')}
/* contact-form */
.contact-page-form{}

.contact-page-form input[type="text"],.contact-page-form input[type="email"],.contact-page-form input[type="tel"], .contact-page-form textarea
{
	border: 2px solid #67a09e;
}

.contact-page-form input[type="submit"]
{
	background-color: #001f35;
    color: #ffffff;
}

.contact-page-form label 
{
	font-weight: 500;
}

/* popup form */
.popmake-content input[type="text"],.popmake-content input[type="email"],.popmake-content input[type="tel"], .popmake-content textarea
{
	border: 2px solid #67a09e;
}
.popmake-content input[type="submit"]
{
	background-color: #001f35;
    color: #ffffff;
}
.pum-theme-9 .pum-title, .pum-theme-lightbox .pum-title { margin-bottom: 20px;font-weight:600 !important;}
.popmake-content .wpcf7-mail-sent-ok{
    position: relative;
    top: 1px;}
/* RESPONSIVENESS */


html,body{overflow-x:hidden}
@media only screen and (max-width: 1800px)
{
	.about-section-right-column{    padding-left: 20px !important;}
}


@media only screen and (max-width: 1710px){    
	.home-mission-section .clearfix{padding: 127px 0px 0px 24px !important;}	
}

@media only screen and (max-width: 1622px)
{
	.about-section-right-column .clearfix { padding: 30px 0px 0px !important;}
	.about-section-right-column{width:60% !important;}
}

@media only screen and (min-width: 1490px) and (max-width: 1680px){    
	.home-mission-section .clearfix{padding: 63px 0px 0px 24px !important;}
}


@media only screen and (max-width: 1448px)
{
	.about-img-col1
	{
		display: none;
	}
}
@media only screen and (max-width: 1440px){    
	.home-section2-content{width:75% !important;}
	.home-mission-section .clearfix {
    padding: 68px 0px 0px 24px !important;
		width: 124%;}
	.parallax-quote h2 {
    font-size: 44px;
		padding-left: 43px;}
/* 	service pages */
	.service-content{
    padding: 81px 0px 0px 0px !important;}

}

@media only screen and (min-width: 1240px) and (max-width: 1489px){    
.home-mission-section .clearfix {
    padding: 26px 0px 0px 24px !important;
	width: 124%;}
}



@media only screen and (min-width: 960px) and (max-width: 1239px){    
	.our-mission-img{display:none;}
	.home-mission-section{ height: auto;padding-bottom: 40px;padding-top: 27px;width: 81.333% !important;}
	.home-mission-section .clearfix {width: 100%;}
/* 	copyright */
	#Footer .footer_copy .copyright 
	{
     
    font-size: 14px;
	}
/* 	about us section1 */
	.about-section1 .clearfix {padding: 47px 0px 21px 0px !important;}
	.about-section1-content{width: 84.666% !important;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){    
    	.our-mission-img{display:none;}
	.home-mission-section{ height: auto;padding-bottom: 5px;padding-top: 27px;width: 81.333% !important;}
	.home-mission-section .clearfix {width: 100%;}
	.home-mission-section .clearfix {
    padding: 0px 0px 0px 24px !important;}
/* 	footer */
	#Footer .footer_copy .copyright {
		float: initial;text-align: left;}
	#Footer .footer_copy .one { margin-bottom: -36px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
    
	.about-section-right-column {
		width: 78% !important;}
/*nav fix */
	#Top_bar .logo {text-align:left !important;}
	#Top_bar a.responsive-menu-toggle i{position:relative;right:26px;}
	body:not(.template-slider):not(.header-simple) #Header{min-height: 0;}
/* 	home section1 */
	.icon-set1{display:none;}
	.home-section2-content .clearfix {padding: 10px 25px !important;}
/* 	home section 2 */
	    	.our-mission-img{display:none;}
	.home-mission-section{ height: auto;padding-bottom: 5px;padding-top: 27px;width: 81.333% !important;}
	.home-mission-section .clearfix {width: 100%;}
	.home-mission-section .clearfix {
    padding: 0px 29px 0px 24px !important;}
/* 	parallax */
	.parallax-quote h2 {
    font-size: 40px;
    padding-left: 26px;
		line-height: 46px;}
/* 	About page */
    .about-section-right-column
	{
		max-width: 89% !important;
	}
/* services pages */
	.services-list-widget{float: left;}
	
/* 	footer */
	#Footer .footer_copy .copyright {
		float: initial;text-align: left;}
	#Footer .footer_copy .one { margin-bottom: -10px;}


}

@media only screen and (max-width: 479px){
	h4{font-size:16px;padding-bottom: 0 !important;}
	/*nav fix */
	#Top_bar .logo {text-align:left !important;}
    body:not(.template-slider):not(.header-simple) #Header{min-height: 0;}
	#Top_bar .logo #logo{margin: 10px 23px;}
	#Top_bar a.responsive-menu-toggle i{position:relative;right:26px;}
	/* 	home section1 */
	.icon-set1{display:none;}
	.home-section2-content .clearfix {padding: 10px 25px !important;}
	/* 	home section 2 */
	    	.our-mission-img{display:none;}
	.home-mission-section{ height: auto;padding-bottom: 5px;padding-top: 27px;width: 81.333% !important;}
	.home-mission-section .clearfix {width: 100%;}
	.home-mission-section .clearfix {
    padding: 0px 29px 0px 24px !important;}
	
/* 	parallax */
		.parallax-quote h2 {
    font-size: 40px;
    padding-left: 26px;
		line-height: 46px;}
	
/* 	footer */
	#Footer .footer_copy .copyright {
		float: initial;text-align: left;}
	#Footer .footer_copy .one { margin-bottom: -10px;}
}

@media only screen and (max-width: 370px)
{
	/* 	parallax */
		.parallax-quote h2 {
    font-size: 31px;
    padding-left: 24px;
		line-height: 46px;}
	
/* 	footer */
	#back_to_top{display:none;}
	#Footer .footer_copy .one { margin-bottom: 0px;}
}
