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

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



h1 {
	
}

h3 {
	font-family: "Roboto", Arial, Tahoma, sans-serif !important;
}

h3 a:hover {
	color: #2AA0DB !important;
	text-decoration: underline;
}

h3 a {
	text-decoration: underline;
	color: #a4a4a4 !important;
}

.h2-line:after {
	content:' ';
    display: block;
    height: 4px;
	background: #2aa0db; /* Old browsers */
    margin-top: 27px;
    margin-bottom: 28px;
    width: 60px;
}

.h2-center-line {
	text-align: center;
	
}

.h2-center-line:after {
	text-align: center;
	content:' ';
    display: block;
    height: 4px;
	background: #2aa0db; /* Old browsers */
    margin-top: 27px;
    margin-bottom: 28px;
    width: 60px;
	margin-left: auto;
	margin-right: auto;
}



a {
	  
		
}

.compass-btn a {
	background-color: #2aa0db !important;
	border: solid 4px  #2aa0db 	!important;
	background-image: none !important;
	font-weight: 700 !important;
	color: #fff !important;
	font-family: "Karla", Arial, Tahoma, sans-serif !important;
	letter-spacing: 2px !important;
	transition: all 0.3s !important;
}

.compass-btn a:hover {
	background-color: rgb(52, 158, 78) !important;
	border: solid 4px  rgb(52, 158, 78) 	!important;
}

button.compass-btn {
	background-color: #2aa0db !important;
	border: solid 4px  #2aa0db 	!important;
	background-image: none !important;
	font-weight: 700 !important;
	color: #fff !important;
	font-family: "Karla", Arial, Tahoma, sans-serif !important;
	letter-spacing: 2px !important;
	transition: all 0.3s !important;
	text-transform : uppercase;
	padding: 15px 25px !important;
	
}

button.compass-btn:hover {
	background-color: rgb(52, 158, 78) !important;
	border: solid 4px  rgb(52, 158, 78) 	!important;
	
}

.button-flat a.button:hover:after, .button-flat a.tp-button:hover:after, .button-flat button:hover:after, .button-flat input[type="submit"]:hover:after, .button-flat input[type="reset"]:hover:after, .button-flat input[type="button"]:hover:after {
	opacity: 0 !important;
}

.wpcf7-mail-sent-ok {
	color: #3fc164;
	background: inherit !important;
	
}

.algemene-voorwaarden {
	width: inherit !important;
	float: left;
}

h3 {
	letter-spacing: -0.5px !important;
}

h3#slider-h3  {
	letter-spacing: 4px !important;
}

.h3-grey h3 {
    color: #060606 !important;
}

.white p {
    color: #9c9c9c;
}

#Top_bar a{
    color: white !important;
}

#Top_bar a:hover{
    color: #2BA0DB !important;
}

#Top_bar .menu_wrapper {
/*     float: none !important; */
    z-index: 201;
    text-transform: uppercase;
/* 	position: relative; */
/*     width: 547px; */
/*     margin: auto; */
/*     padding-left: 76px; */

}

.current-menu-item span {
    color: #2AA0DB;
}

/* menu fix scroll styles  */

.home .home-scroll-item {
	display: block !important;
}

.home-scroll-item {
	display: none !important;
}


.home .external-scroll-item {
	display: none !important;
}

.external-scroll-item {
	display: block !important;
}



/* end menu fix scroll styles */

.page-id-12 #Top_bar {
	background-color: rgba(10, 10, 10, 0) !important;
	top: 0px !important;
	position: absolute !important;
} 

#Top_bar.is-sticky {
	background: rgba(0,0,0,.8) !important;
}

#Top_bar .container {
	padding-top: 19px;
	padding-bottom: 19px;
}


#Header_wrapper, #Intro {
    background-color: #ffffff !important;
}

#Header {
    min-height: 70px !important;
}

#Top_bar .search_wrapper { 
	background: #F2F2F2 !important;
	font-size: 26px !important;
	border-bottom: solid 4px #2AA0DB;
}

#Top_bar .search_wrapper input[type="text"] {
   font-size: 20px !important;
	color: #626262 !important;
}

#Top_bar .menu>li>a span {
    border-color: rgba(0, 0, 0, 0);
}

#back_to_top {
    border-radius: 100% !important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 15px
}

#back_to_top:hover {
    border-radius: 5px !important;
     
}

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

#Footer {
    font-size: 14px !important;
}

#Footer a {
    font-weight: 700;
    letter-spacing: 1px;
}

/*  
#Footer::before {
    background-image: url(/wp-content/uploads/2017/10/color-bar-fullwidth.png);
    height: 6px;
    width: 100%;
    visibility: visible;
    position: absolute;
    top: -5px;  
}
*/

#Footer .one-third.column {
    width: 25.333% ;
}


#Footer .column, .columns {
    float: left;
    margin: 0 2% 40px 2% !important;
}

.one-second.column {
    width: 40%;
}

#Footer .widgets_wrapper {
	padding-bottom: 20px !important;
}

#Footer .widgets_wrapper .container {
	border-bottom: solid #525252 1px;
}

#Footer .footer_copy {
    border-top: 0px solid rgba(255, 255, 255, 0) !important;

}

#Footer .footer_copy .one {
    margin-bottom: 20px !important;
    min-height: 44px !important;
}

#Footer .footer-socialicons {
	font-size: 28px;
}

#Footer .footer-socialicons i.fa-behance{
	margin-right: 33px !important;
}

#Footer .footer-socialicons i {
	transition: all 0.3s;
}

#Footer .footer-socialicons i:hover {
	transition: all 0.15s;
	transform: scale(1.4);
	color: white !important;
}



.one-fourth.column, .four.columns {
	width: 22% !important;
}





.tp-bgimg {
	background-attachment: fixed;
}

  /* theme custom styles compass end */


#wpcf7-f8-p12-o1 form.wpcf7-form, #wpcf7-f8-p441-o1 form.wpcf7-form {
      width: 100%;
}


  /* mobile theme custom styles compass*/

@media only screen and (max-width: 1239px) {
    #Top_bar #menu ul li a {
        margin: 20px 0px !important;
    }
    
}

/* end mobile */

.fixed-nav {
    bottom: 50% !important;
}



/* mobile style */

@media only screen and (max-width: 767px) {
    .one-fourth.column, .four.columns {
	   width: 95% !important;
    }  
    
    .mobile-header-mini.mobile-sticky #Top_bar .top_bar_right {
    display: none !important;
    }
    
    #Top_bar .menu_wrapper {
        width: 100% !important;
        padding-left: 0px !important;
    }
    
    .mobile-header-mini #Top_bar #menu ul li a span {
    line-height: 21px;
    font-size: 27px;
    text-align: center;
    width: 240px;
    display: block;
    margin: auto;
    border-bottom: solid 1px #80808057;
    padding-bottom: 37px;
    }
    
    .mobile-sticky #Top_bar #menu {
        height: 90vh;   
    }
    
    #Top_bar #menu > ul {
        position: relative;
        top: 9%;
    }
    
    .slotholder {
        left: 0px !important;
        top: 0px !important;
    }
    
    #back_to_top {
        display: none;
    }
    
    #services {
        border-top: solid black 1px;
    }
}

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

    .menu_wrapper {
        position: static !important;
    }
}

@media only screen and (max-width: 479px) {
    h2 {
        font-size: 38px !important;
        line-height: 48px !important;
    }
    
    h4 {
        font-size: 22px !important;
        line-height: 26px !important;
    }
    
    #h-purple, #h-blue, #h-green {
        font-size: 30px !important;
        line-height: 34px !important;
    }
	
	
}

/*  support system */

#Content {
	margin: 80px 0px 120px 0px;
}

#Content td{
	text-align: left;
}

#wpas_form_login {
	width: 350px;
    margin: auto;
}

.wpas-btn.wpas-btn-default {
	padding: 15px;
    background: #2aa0db;
    color: white;
    margin-top: 10px;

}

.wpas-link-logout {
	display: none;
}

.wpas-form-control {
	width: 100% !important;
}

/* #wpas_ticketlist_filters {
	display: block !important;
} */

.um-account-profile-link {
	display: none;
}

.um-account-name:after {
	content: '';
    width: 230px;
    background: transparent;
    position: absolute;
    left: 100px;
    height: 30px;
}

.um-account-meta-img:after {
	content: '';
    width: 169px;
    background: transparent;
    position: absolute;
    left: 140px;
    height: 130px;
}

#Wrapper {
    max-width: 1240px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#Wrapper .um-button {
	border-radius: 0px !important;
}



@media only screen and (min-width: 800px) {
	#wpas_filter_wrap .wpas-clear-filter {
		top: 33% !important;
	}
}

@media only screen and (max-width: 479px) {
	#wpas_form_login {
		width: 100%;
   		margin: auto;
	}

}