/*
Theme Name: Alt Ex
Author: Art Media Agency
Author URI: http://www.artmedia.ee/
Version: 1.0
*/
@charset "UTF-8";

h1, h2, h3, h4, h5, h6{font-family: 'Exo 2', sans-serif; font-weight: 700;  color: #1c1c1c; margin-bottom: 1em; }
img{max-width: 100%; height: auto;}
/* =============================================================================
   reusable
   ========================================================================== */
.post-excerpt{margin-bottom: 20px;}
.btn .fa{color: #000; margin-left: 5px;}
.btn{padding: 14px 20px; font-family: 'Exo 2', sans-serif; font-weight: 300;  font-size: 18px; line-height: 18px;}
.btn.btn-default:hover{
	border-color: #f7911e;
	background-color: #f7911e;	
}

html, body{height: 100%;}
#wrapper{min-height: 100%; position: relative; padding-bottom: 86px;}

/* =============================================================================
   header
   ========================================================================== */
#logo{display: block; float: left; margin-bottom: 20px;}

#header{position: relative; padding-top: 20px;}   
#lang_sel_list{font-size: 12px; font-family: 'Exo 2', sans-serif; line-height: 12px; text-transform: uppercase; position: absolute; top: 20px; right: 15px; overflow: hidden;}
#lang_sel_list ul{list-style: none; padding: 0; margin: 0;}
#lang_sel_list ul li{padding-left: 7px; margin-left: 7px; border-left: 1px solid #828282; float: left;}
#lang_sel_list ul li:first-child{padding-left: 0; margin-left: 0; border-left: 0;}
#lang_sel_list a{color: #555;}
#lang_sel_list a.lang_sel_sel{color: #ef4a35;}

#sitenav{float: right; font-size: 18px; text-transform: uppercase; font-family: 'Exo 2', sans-serif; font-weight: 700;  margin-top: 40px;}
#sitenav li{float: left; margin-left: 10px;}
#sitenav ul{list-style: none; padding: 0; margin: 0; overflow: hidden;}
#sitenav li > a{display: block; padding: 0 10px 12px 10px; border-bottom: 6px solid #fff; color: #1c1c1c;}

#sitenav .current-menu-item > a,
#sitenav .current-menu-parent > a,
#sitenav .current-menu-ancestor > a,
#sitenav li:hover > a{border-color: #ef4a35; text-decoration: none; color: #ef4a35;}

/* =============================================================================
   front page
   ========================================================================== */
#front-image{margin-bottom: 55px;}
#home-content{
	padding: 35px 0;
	background-color: #ecf9fe;	
}
#home-content h2{font-size: 24px;}
#home-content h2:first-child{margin-top: 0;}

.entry-content p{margin-bottom: 2em;}

.entry-header{background: url(images/content-bg.jpg) center 0 no-repeat; color: #fff; padding: 65px 0 10px 0; min-height: 160px; margin-bottom: 45px;}
.entry-header h1{color: #fff; font-size: 44px; margin: 0; line-height: 1em; float: left;}
.entry-title.with-icon{padding-left: 65px; position: relative;}
.entry-title.with-icon img{position: absolute; top: 0; left: 0;}

/* =============================================================================
   services
   ========================================================================== */
#services .col-md-4{margin-bottom: 65px;}
#services h2{position: relative; padding-left: 65px; min-height: 40px; font-size: 26px; line-height: 30px; padding-top: 4px; margin-top: 0; margin-bottom: 25px;}
#services h2 img{position: absolute; left: 0; top: 0;}

#service_block{float: right; position: relative; font-family: 'Exo 2', sans-serif; font-weight: 300;  font-size: 18px;}
#service_block a{display: block; color: #fff; padding: 12px 20px; background-color: #ef4a35;}
#service_block a:hover, #service_block a:focus{background-color: #f7911e; text-decoration: none;}
a#service_trigger{position: relative; padding-right: 40px;}
a#service_trigger i{color: #000; font-size: 21px; position: absolute; right: 15px;}
#service_menu{position: absolute; top: 100%; right: 0; min-width: 100%; display: none; z-index: 1000;}
#service_menu a{ margin-top: 1px;}

.fw-main-row{margin-left: -15px; margin-right: -15px;}

/* =============================================================================
   search
   ========================================================================== */
.searchlink{
	display: block;
	float: right;
	position: relative;
	right: 0;
	cursor: pointer;
	background: url(images/search-icon.png);
	height: 14px;
	width: 14px;
	margin-top: 44px;
	margin-left: 15px;
}
.searchlink.open > .searchform {
	display: block;
	z-index: 9000;
}
/** search field **/
.searchform {
	display: none;
	position: absolute;
	bottom: -92px;
	right: -10px;
}
.searchlink.open .searchform {
	display: block;
}
#search{
	display: block;
	position: relative;
	padding: 10px;
	border: 1px solid #d5d5d5;
	background: #fff;
}
#search:after, #search:before {
	bottom: 100%;
	right: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#search:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-right: 6px;
}
#search:before {
	border-color: rgba(213, 213, 213, 0);
	border-bottom-color: #d5d5d5;
	border-width: 11px;
	margin-right: 5px;
}
#search #s{
	width: 300px;
	padding-right: 50px;
	height: 45px;
	border: 1px solid #ef4a35;
	outline: none;
	padding-left: 10px;
}
#search #s:focus{border: 1px solid #ef4a35;}
#search .search-btn{height: 45px; width: 45px; text-align: center; border: none; outline: none; line-height: 30px; background-color: #ef4a35; color: #fff; position: absolute; top: 10px; right: 10px;}
#search .search-btn:hover{background-color: #323232;}

.search-result{border-bottom: 1px solid #efefef; padding-bottom: 10px; margin-bottom: 30px;}

.fw-heading{margin-bottom: 1.5em;}
h2{font-size: 26px;}
.fw-heading .fw-special-title{margin-bottom: 5px; color: #ef4a35;}
.fw-heading .fw-special-subtitle{font-size: 18px; font-family: 'Exo 2', sans-serif;}

/* =============================================================================
   footer
   ========================================================================== */
#footer{color: #fff; background-color: #1d1d1d; padding: 25px 0; font-family: 'Exo 2', sans-serif; position: absolute; bottom: 0; left: 0; width: 100%; padding-top:15px;}
#footer strong{font-family: 'Exo 2', sans-serif; font-weight: 700; }
#footer p{margin: 10px 0 0 0;}

#footer .container{position: relative;}
#footer a#ama{position: absolute; top: 10px; right: 0; font-size: 10px; line-height: 10px; color: #c0c1c1;}

.footer-social{float: right; padding: 0; margin: 0 40px 0 0;}
.footer-social li{display: inline-block; margin-left: 4px;}
.footer-social li a{display: block; height: 36px; width: 36px; text-align: center; color: #fff; line-height: 36px;}
.footer-social li a:hover{opacity: 0.75; text-decoration: none; color: #fff;}
.footer-social li a.social-fb{background-color: #395d9d;}
.footer-social li a.social-tw{background-color: #009def;}
.footer-social li a.social-gplus{background-color: #e34e28;}

@media (max-width: 768px){
	#header{padding-bottom: 15px;}
	#logo{display: none;}
	#sitenav{display: none;}
	#lang_sel_list{position: relative; margin-left: 15px; float: left;}
	.searchlink{margin-top: 15px;}
	.searchform{bottom: -82px;}
	.entry-header{min-height: inherit; padding: 15px 0;}
	.entry-header h1{float: none; clear: both; margin-bottom: 15px; font-size: 26px; min-height: 40px; padding-top: 6px;}
	#service_block{float: none;}
	#wrapper{padding-bottom: 0;}
	#footer{position: static!important; margin-top: 25px;}
}