/*
Theme Name: Mükoloogia
Author: Art Media Agency
Author URI: http://www.artmedia.ee/
Version: 1.0
*/

@charset "UTF-8";

.js div#preloader{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #333 url('images/loading.gif') no-repeat center center;
}
a,.btn,button,input,textarea {
outline:none!important
}

body {
font-family:'Open Sans',sans-serif;
font-size:15px;
line-height:24px;
color:#4a4d4e
}

h1,h2,h3,h4,h5,h6 {
font-weight:700;
color:#3c3130
}

h1,h2,h3,h4,h5,h6,p,ul,ol {
margin:0 0 30px
}

h1,.h1 {
font-size:3.13333333em
}

h2,.h2 {
font-size:1.86666667em
}

h3,.h3 {
font-size:1.73333333em
}

h4,.h4 {
font-size:1.4em
}

h5,.h5 {
font-size:1.26666667em
}

h6,.h6 {
font-size:1.13333333em
}

ul > li,ol > li {
margin:5px 0
}

ul ul,ol ol {
margin:5px 0
}

img {
max-width:100%;
height:auto
}

img.alignright {
float:right;
margin:0 0 30px 30px
}

img.alignleft {
float:left;
margin:0 30px 30px 0
}

img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

.alignright {
float:right
}

.alignleft {
float:left
}

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

.btn {
min-width:120px;
font-weight:600;
text-transform:uppercase;
font-size:16px
}

.last-element {
margin-bottom:0!important
}

.btn-brown {
border-color:#3c3130;
color:#fff;
background-color:#3c3130
}

.btn-brown:hover,.btn-brown:focus {
color:#22cad4
}

.btn:hover i.fa {
color:#fff!important
}

.display-t {
display:table;
width:100%
}

.display-tc {
display:table-cell;
vertical-align:middle
}

html,body {
height:100%
}

#wrapper {
min-height:100%;
position:relative;
padding-bottom:142px;
max-width:1920px;
margin:0 auto
}

.btn-default:hover {
background-color:#f90520;
border-color:#f90520;
color:#fff
}

#header {
padding:15px 0 10px;
background-color:#fff
}

#header .container {
position:relative
}

#header-top-elements {
position:absolute;
top:0;
right:15px
}

#lang_sel_click {
float:left
}

#lang_sel_click ul {
list-style:none;
padding:0;
margin:0
}

#lang_sel_click ul li {
margin:0
}

#lang_sel_click > ul > li {
position:relative
}

#lang_sel_click > ul > li > a {
background-image:url(images/lang-arrow.png);
background-position:96% center;
background-repeat:no-repeat
}

#lang_sel_click ul ul {
position:absolute;
top:100%;
left:0;
border:1px solid #f90520;
background-color:#fff;
display:none;
z-index: 1000;
}

#lang_sel_click a {
display:block;
width:54px;
height:22px;
line-height:22px;
padding-left:10px;
font-size:14px;
font-weight:700;
color:#939ea0
}

#lang_sel_click a:focus {
text-decoration:none
}

#lang_sel_click a:hover {
color:#f90520;
text-decoration:none
}

.lang_sel_click.active > ul > li > a {
color:#939ea0
}

.header-social {
list-style:none;
padding:0;
margin:0 0 0 25px;
float:left
}

.header-social li {
float:left;
margin:0 0 0 5px
}

.header-social li a {
display:block;
height:22px;
width:22px;
line-height:18px;
color:#2d4f9c;
border:2px solid #2d4f9c;
-webkit-border-radius:11px;
-moz-border-radius:11px;
border-radius:11px;
text-align:center;
font-size:12px
}

.header-social li a:hover {
border-color:#000;
color:#000
}

#sitenav {
clear:both;
text-align:right;
font-size:1.0666666666667em;
text-transform:uppercase;
font-weight:700;
margin-top:43px
}

.primary-menu, .primary-menu ul {
list-style:none;
padding:0;
margin:0
}

.primary-menu > li {
display:inline-block;
margin-left:30px;
position: relative;
}

.primary-menu li a {
color:#3c3130;
text-decoration:none
}

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

#jumbotron {
margin-bottom:45px
}

#jumbotron .display-t {
height:370px;
text-align:center
}

#jumbotron .display-tc {
vertical-align:bottom;
padding-bottom:40px
}
.primary-menu ul{
	z-index: 1000;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	text-align: left;
	min-width: 100%;
	white-space: nowrap;
	padding-top: 10px;	
	font-size: 0.85em;
}
.primary-menu li:hover > ul{display: block;}
.primary-menu ul a{display: block; padding: 5px 15px; white-space: pre-line; line-height: 1.25em; max-width: 300px;}

#jumbotron h1 {
font-size:2em;
text-shadow:1px 1px 2px rgba(0,0,0,0.75);
color:#fff;
margin:0
}

.jumbo-btns .btn{
	padding:13px 20px;
}

.entry-header .jumbo-btns .btn{
	border: 2px solid #582424;
	background-color: transparent;
	color: #582424;
	padding: 7px 10px;
	font-size: 1em;
}
.entry-header .jumbo-btns .btn:hover{
	background-color: #f90520;
	color: #fff;
	border-color: #f90520;	
}

.jumbo-btns {
list-style:none;
padding:0;
margin:30px 0 0
}

.jumbo-btns li {
display:inline-block;
margin:10px 7px 0
}

.entry-header {
padding:30px 0;
margin-bottom:50px;
background-image:url(images/header-bg.jpg);
background-position:center 0;
background-repeat:no-repeat
}

.entry-header .jumbo-btns {
margin-top:5px;
margin-left: -5px;
margin-right: -5px;
}

.entry-title {
margin:0;
font-size: 2.5em;
opacity: 0.85; 
}

#home-boxes .col-md-3 {
margin-bottom:30px
}

#home-boxes h3 {
margin-bottom:25px
}
#home-boxes h3 > a{color: inherit;}

#home-boxes p {
margin:25px 0 20px;
color:#747b7c;
font-weight:600
}

#home-boxes hr {
border-top:2px solid #e8e7e7;
margin-top:15px;
margin-bottom:45px
}

#home-content {
font-weight:600;
margin-bottom:45px
}

#home-content h2 {
font-size:1.8666666666667em;
line-height:1.3em
}

#sidebar aside {
margin-bottom:30px
}

#sidebar .menu {
border:1px solid #eee;
margin:0;
padding:0;
list-style:none;
font-size:1.0666666666667em
}

#sidebar .menu a {
display:block;
padding:10px 15px 10px 40px;
font-weight:600;
color:#3c3130;
background-image:url(images/sidebar-arrow.png);
background-position:20px 17px;
background-repeat:no-repeat
}

#sidebar .menu li {
margin:0;
border-top:1px solid #eee
}

#sidebar .menu > li:first-child {
border-top:0
}

#sidebar .sub-menu {
list-style:none;
padding:0;
margin:0;
font-size:.93333333333333em
}

#sidebar .sub-menu > li > a {
padding-left:50px;
background-position:30px 17px
}

#sidebar .sub-menu > li > .sub-menu > li > a {
padding-left:60px;
background-position:40px 17px
}

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

#footer {
background-color:#6d6969;
height:142px;
color:#fff;
position:absolute;
width:100%;
bottom:0;
left:0
}

#footer .container {
position:relative
}

#footer a#ama {
font-size:10px;
line-height:10px;
top:50%;
right:15px;
position:absolute;
color:#868686;
font-family:'Ubuntu Condensed',sans-serif
}

#footer .display-t {
height:142px
}

#footer a {
color:#d6d4d4
}

#footer a:hover {
color:#d6d4d4;
text-decoration:underline
}

.cat-post {
margin-top:30px;
padding-top:30px;
border-top:1px solid #efefef
}

.cat-post:first-of-type {
margin-top:0;
padding-top:0;
border:none
}

.gallery {
overflow:hidden;
margin-left:-15px;
margin-right:-15px
}

.gallery .gallery-item {
width:33.33333%;
float:left;
text-align:center;
padding-left:15px;
padding-right:15px;
margin-bottom:30px
}

.gallery .gallery-item:nth-child(3n+1) {
clear:left
}

@media (min-width: 992px){
	.container{width: 100%;}
	#home-boxes .col-md-3{width: 20%;}	
	#home-boxes .col-md-3:nth-child(5n+1){clear: left;}
}
@media (min-width: 1200px){
	.container{width: 1170px;}	
}
@media (max-width: 1140px){
	body{font-size: 14px;}
	.container{width: 100%;}
	#home-boxes h3{font-size: 1.5em;}
}
@media (max-width: 960px){
	#header-top-elements{position: relative;}
	#header .pull-left,
	#sitenav{display: none!important;}	
}
@media (max-width: 800px){
	#home-boxes .col-md-3:nth-child(2n+1){clear: left;}	
}
@media (max-width: 784px){
	#home-boxes .col-md-3 img{width: 100%;}	
}
@media (max-width: 767px){.hide-mobile{display: none!important}}
@media (max-width: 600px){
	#jumbotron h1, .entry-title{font-size: 1.4em;}
	#home-content h2{font-size: 1.3em;}
	.jumbo-btns .btn,
	.entry-header .jumbo-btns .btn{font-size: 12px; padding: 10px 5px;}	
}

.table.hinnatabel tbody tr td {
	padding:20px;
}
.table.hinnatabel tbody tr td:first-child strong {
	font-size: 18px;
	margin: 0;
}
.table.hinnatabel tbody tr td p{margin: 0!important;}