/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

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

body { color: #555; }
.bfc-o {
    color: #b5b5b5;
}
/* Logo */
/* Change header to 100 in height */
.tm-headerbar { height: 100px; }
.uk-navbar-brand, .uk-navbar-content { height: 100px; }
.tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand img, .tm-navbar-fixed .tm-headerbar-small .uk-navbar-brand a { width: 132px; height: auto; }
.uk-navbar-nav > li > a { line-height: 100px; }
@media (max-width: 1025px){
	.uk-navbar-brand img { width: 150px; }
	.uk-navbar-brand { height: 60px; }
}

/* Nav Links */
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a { color: #777; }
.uk-navbar-nav > li > a { color: #222; }

/* Search Menu Item */
.uk-search:before { font-size: 16px; color: #222; }
form#search-27 { position: relative; left: -15px; }
.uk-navbar-content .uk-search .uk-search-field { color: #017949; }

/* Teaser Adjustment */
.tm-bottom-a .uk-panel-box .uk-panel-teaser {
    margin: 0;
}

/* Circle Icons */
.frontpage-features { float: left; }

.circle-icon {
	float: left;
	font-size: 40px;
	width: 110px;
	height: 110px;
	line-height: 110px;
	background-color: #333;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto 50px auto;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin-right: 15px;
	color: #fff;
}

.circle-icon:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.frontpage-features {
	margin-top: 30px;
	overflow: hidden;
}

.frontpage-features h1 {
	margin: 20px 0 5px 0;
	font-size: 19px;
	line-height: 20px;
}

div.circle-icon em {
	color: #fff;
}

@media (max-width: 959px) and (min-width: 400px) {
	/* Fonts to Dark Color */
	.tm-teaser,
	.tm-teaser-text-secondary,
	.tm-teaser-text-primary,
	.tm-teaser h1 { color: #222; }
}

.tm-button-teaser { color: #666; }

.tm-wrapper .tm-block a {
	color: #008000;
}

.tm-wrapper .tm-block a:hover {
	color: rgba(0, 128, 0, 0.65);
}

.frontpage-features a {
	color: #dfd1bf !important;
}

.tm-sidebar-a .uk-panel-box .uk-panel-title,
.tm-sidebar-b .uk-panel-box .uk-panel-title,
.tm-sidebar-c .uk-panel-box .uk-panel-title {
	color: #008000;
}

input#mce-EMAIL {
	width: 225px;
}

.scroll-bottom-arrow {
    background: url(../images/down_arrow.svg) no-repeat;
    display: block;
    height: 22px;
    margin-top: -80px;
    position: absolute;
    width: 60px;
    z-index: 1000;
    left: 50%;
    margin-left: -27px;
}

.scroll-down-text {
	display: block;
	margin-top: -110px;
	position: absolute;
	z-index: 1000;
	left: 50%;
	margin-left: -28px;
	color: #fff;
	text-transform: uppercase;
	font-size: 15pt;
}

@media (max-width: 768px) and (min-width: 400px) {

	.scroll-bottom-arrow {
			background: url(../images/down_arrow_dark.svg) no-repeat;
			display: block;
			height: 22px;
			margin-top: -20px;
			position: absolute;
			width: 40px;
			z-index: 1000;
			left: 50%;
			margin-left: -10px;
			color: #333;
			line-height: 15pt;
	}

	.scroll-down-text {
		display: block;
  	margin-top: -30px;
  	position: absolute;
  	z-index: 1000;
  	left: 50%;
  	margin-left: -24px;
  	color: #333;
  	font-size: 10pt;
  	line-height: 15pt;
	}

}

/* WidgetKit Accordion - Arrows */
.uk-accordion-title { padding: 5px 10px; }
.uk-accordion-title.uk-active:before {
    font-family: FontAwesome;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
    margin-right: 5px;
    text-decoration: none;
}
.uk-accordion-title:before {
    font-family: FontAwesome;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0da";
    margin-right: 5px;
    text-decoration: none;
}
.uk-panel-box {
  padding: 30px;
  background: #ffffff;
  color: #000000;
  border: 1px solid #dddddd;
}

textarea#jform_contact_message {
    height: 120px;
}