/*
Theme Name: Klein Child Theme
Theme URI: http://klein.dunhakdis.me/
Author: Dunhakdis
Author URI: http://themeforest.net/user/dunhakdis
Description: Klein is an innovative WordPress theme built to support BuddyPress, bbPress, and WooComerce out of the box. Perfect for website that interacts with number of users. Let your members create profile, send message, add connection, or share what's happening in their life.  Collaborate through forums or sell any products you want. 
Version: 2.0.7
License: Envato License
Template: klein-2.0.7
License URI: license.txt
Tags: custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

/**
 * Style CSS
 *
 * @package Klein
 * @since version 1.0
 */

 /**
  * Add you css below, they won't be overwritten when you update.
  */

#header { position: relative; }
#bp-klein-top-bar { background: #FFFFFF !important; }
.site-description { display: none !important; }

.site-branding {
	position: relative;
}
.site-branding a {
	display: block;
	margin-top: -65px;
}

#header { background: #FFFFFF; border-bottom: 2px solid #DDDDDD; }
.home h1 {color: #00aeef; font-style: italic;}

a { color:#00aeef; }

.desktop-menu ul.sub-menu li a { background: #333333; color: #EEEEEE; }
.desktop-menu ul.sub-menu li:first-child:before, 
.desktop-menu ul.children li:first-child:before{
	border-bottom-color: #333333; 
}
.desktop-menu ul.sub-menu > li > ul.sub-menu > li:first-child:before, .desktop-menu ul.children > li > ul.children > li:first-child:before{
	border-right-color: #333333;
}
.desktop-menu ul li a{ color: #0a0a0a }
.desktop-menu ul.sub-menu li a:hover, .desktop-menu ul.children li a:hover{ 
	background: #444;
}

div.css-search div.em-search-main div.em-search-field {
	display: inline-block;
	background-position: left center;
	padding-top: 0;
	padding-bottom: 0;
}


input[type=submit], input[type=button], button, .woocommerce .button, li.load-more a, .nav-previous-link .nav-previous, .nav-next-link .nav-next, .generic-button a, .post-navigation .nav-next p, .post-navigation .nav-previous p, .btn-primary {
	background: #01aef0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxYWVmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMmFhY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #01aef0 0%, #02aacc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01aef0), color-stop(100%,#02aacc));
	background: -webkit-linear-gradient(top, #01aef0 0%,#02aacc 100%);
	background: -o-linear-gradient(top, #01aef0 0%,#02aacc 100%);
	background: -ms-linear-gradient(top, #01aef0 0%,#02aacc 100%);
	background: linear-gradient(to bottom, #01aef0 0%,#02aacc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01aef0', endColorstr='#02aacc',GradientType=0 );
	border-color: #019CB7;
}

#bp-klein-top-bar .btn-primary {
	background: #c6c6c6;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGEwYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #c6c6c6 0%, #a0a0a0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#a0a0a0));
	background: -webkit-linear-gradient(top, #c6c6c6 0%,#a0a0a0 100%);
	background: -o-linear-gradient(top, #c6c6c6 0%,#a0a0a0 100%);
	background: -ms-linear-gradient(top, #c6c6c6 0%,#a0a0a0 100%);
	background: linear-gradient(to bottom, #c6c6c6 0%,#a0a0a0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#a0a0a0',GradientType=0 );
	border-color: #999999;
}

.widget_em_widget > ul > li > ul {
	font-size: 12px;
	margin-top: 3px;
	color: #444444;
}
.widget_em_widget > ul > li > ul li:last-child { padding-left: 10px; border-left: 1px solid #999999; margin-left: 10px; line-height: 0.8; }
.widget_em_widget > ul > li > ul li { display: inline-block; }
.widget_em_widget > ul > li > ul li:empty { display: none; }

h1,  h2, h3 { margin-top: 0; }
h1, .entry-title {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
	font-weight: bold;
}

.btn { padding: 4px 12px; }
.entry-title { text-transform: none; }


#bp-klein-user-bar-action {
	margin-left: 15px;
}

#bp-klein-user-bar-action input[type="text"] {
	padding-top: 5px;
	padding-bottom: 6px;
}


.single-location .blog-content { width: auto !important; float: none; }
.single-location .blog-pad:first-child { padding-left: 0 !important; }

.gform_confirmation_message {
    padding:  10px;
    background: green;
    color: #FFFFFF;
    border-radius: 3px;
    margin-bottom: 20px;
}

.social-links-widget a { margin-right: 5px;}






@media screen and (max-width: 992px) {
	
	#logo-anchor img {
		max-width: 100%;
		width: 150px;
	}
}


.custom-overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #222222de;
	z-index:99;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
#countries{
	width:100%;
}