/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

body {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,a5f0c7+100 */
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #a5f0c7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#a5f0c7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4f4f4 0%,#a5f0c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#a5f0c7',GradientType=0 ); /* IE6-9 */

font-family: 'Open Sans', Arial, sans-serif;

}

.bighead {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+51,0d9348+51 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 51%, #0d9348 51%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 51%,#0d9348 51%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 51%,#0d9348 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0d9348',GradientType=1 ); /* IE6-9 */

margin-bottom: 25px; 
-webkit-box-shadow: 0px 1px 5px 0px rgba(166,166,166,0.65);
-moz-box-shadow: 0px 1px 5px 0px rgba(166,166,166,0.65);
box-shadow: 0px 1px 5px 0px rgba(166,166,166,0.65);

}

.uk-navbar-toggle { color: #fff; border:1px solid #eee; margin-right: 20px; margin-top: -10px; }

.mygreen {
	background-color: #0b9247;
	padding:10px 0px;
}

.mylogo {
	padding: 10px 0px 0 0;
}

.mybottoma {
	background: url('pool_table.png') repeat top left #0b9247;
	color: #fff;
}

.mybottomb {
	background-color: #252a27;
	padding:25px 0px 5px 0px;
	color: #999 !important;
	border-top: 3px solid #f57a20;
}

.mymain {
	margin:10px -20px 50px -20px;
	padding:20px;
	border-radius: 8px;
	background-color: #fff;

-webkit-box-shadow: 0px 0px 5px 0px rgba(166,166,166,0.65);
-moz-box-shadow: 0px 0px 5px 0px rgba(166,166,166,0.65);
box-shadow: 0px 0px 5px 0px rgba(166,166,166,0.65);
}


.green {
	background-color: #0b9247;
	color: #fff;
}

.green ul > li > a { color: #fff; 

}
.green h3.uk-panel-title {  color: #fff; margin: -20px -20px 15px -20px; background-color:#f57a20; padding: 10px 20px; border-bottom: 1px solid #eee;  }

.tm-navbar { margin-top: 20px !important; }

.uk-navbar-nav.uk-hidden-small img {
    display: block;
    margin: 0 auto;
}

.tm-bottom-b ul.uk-nav-side > li > a { color: #0b9247; padding-left: 10px; }
.tm-bottom-b ul.uk-nav-side > li.uk-active > a { background:none;  }
.tm-bottom-b ul.uk-nav-side > li > a:hover { color: #f57a20; }
.tm-bottom-b ul.uk-nav-side > li { margin-left: 5px; }
.tm-bottom-b ul.uk-nav-side { list-style: outside circle; margin-left: 10px; }

.uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li > a:hover, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a {
	border: 1px solid #eee;
}

.tm-bottom-b h3.uk-panel-title {  color: #eee; }

.uk-navbar-nav > li {  margin:10px; }

.uk-grid-divider > [class*="uk-width-medium-"]:nth-child(n+2):not(.uk-width-medium-1-1) {
	border-left: 1px dashed #444;
}

.uk-navbar { float:right; }
ul.tick { list-style-type: none; margin: 10px; padding:0px; }
ul.tick > li {
	background: url('zptick.png') no-repeat left center transparent;
	padding-left:24px;
	font-weight: bold;
	color: #0b9247;
}

ul.tick2 { list-style-type: none; margin: 10px; padding:0px; }
ul.tick2 > li {
	background: url('zptick.png') no-repeat left 4px transparent;
	padding-left:24px;
	font-weight: normal;
	color: #333;
	margin-bottom:10px;
}

h4.call_me_back_headline { color: #fff; margin:12px 0px 8px 0px; font-weight: 400; }
p.call_me_back_pretext { margin:0px; }

.call_me_back_form_name, .call_me_back_form_phone { margin-right:10px; }

input.uk-button-primary.outline { border: 1px solid #eee; }
input.uk-button-primary.outline:hover { background-color: #333; }

h2, .uk-h2 {
    font-size: 24px;
    color: #0b9247;
	font-weight:normal;
}


/* MEDIA QUERIES ===================== */


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

	#yoo-zoo .width25 {
		width: 100%;
	}

	#yoo-zoo .width25 .teaser-item {
		width: 32%;
		float:left;
		display: block;
	}
	
	#yoo-zoo .width25.last { width:100%; }

	#yoo-zoo .width25.last .teaser-item {
		width: 31%;
		float: left;
		display: block;
	}

	#yoo-zoo .items-col-4 h1.pos-title {  font-size:16px; }

}


@media only screen and (max-width: 540px) {
	
	#yoo-zoo .width25 {
		width: 100%;
	}

	#yoo-zoo .width25 .teaser-item {
		width: 47%;
		float:left;
		display: block;
	}

	#yoo-zoo .width25.last { width:100%; }

	#yoo-zoo .width25.last .teaser-item {
		width: 47%;
		float: left;
		display: block;
	}

	#yoo-zoo .items-col-4 h1.pos-title {  font-size:16px; }

}


@media only screen and (max-width: 480px) {
	
	#yoo-zoo .width25 {
		width: 100%;
	}

}