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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 .uk-article {
	background-color: #F9F9F9 !important;
}
	  
em {
	color: #000 !important;
}

em a {
	color: #0056af;
}

#essay {
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	line-height: normal;
}

#essay p {
	font-size: 115%;
	line-height: 155% !important;
	/*letter-spacing: 150%;*/
	text-align: justify;
	/*text-indent: 20px;*/
	/*word-spacing: 125%;*/
	color: #000;
	padding-left: 0px;
	padding-right: 0px;
}

#essay a {
	color: #0056af;

}

#essay img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 7px 0px;
}

h1.essaytitle {
	margin: -15px 0px 25px 0px;
}

div.caption {
	background-color: none !important;
	background:none !important ;
	color: #000 !important;
	text-align:center !important;
}

button {
	padding: 10px;
	border: 1px solid #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	background-color: #DFE9F7;
	
}

a:hover button {
	padding: 10px;
	border: 1px solid #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	background-color: #B2CAEB;
}

/* line 1248 */
.uk-panel-box .uk-nav-side ul.uk-nav-sub {
  padding-left: 15px !important;
}

/* line 7958 */

 * Larger margins
 */
.uk-margin-large {
  margin-bottom: 40px;
}
* + .uk-margin-large {
  margin-top: 30px;
}
.uk-margin-large-top {
  margin-top: 30px !important;
}
.uk-margin-large-bottom {
  margin-bottom: 40px !important;
}
.uk-margin-large-left {
  margin-left: 30px !important;
}
.uk-margin-large-right {
  margin-right: 30px !important;
}


.offlajn-ajax-search-container {
	margin: 40px 0px 0px 0px !important;
}

/* maps*/

.placemarkContent {
	width: 300px;
	}


.placemarkHead {
	font-size: 20px;
	line-height:normal;
	margin: 0px 0px 5px 0px;
	}

h1.placemarkHead {
	color: #044e72 !important;
	}


.placemarkBody  {
	font-size: 14px;
	color: #000;
	}

.placemarkBody  p {
	margin: 5px 0px 5px 0px;
	}

.uk-panel-box-primary .uk-nav-side > li.uk-active > a {
	font-weight: bold;
	color: #D3EEFF;
}

h3.uk-panel-title {
	color:#FFF !important;
	font-size:21px;
}

#essay img {
	/*font-size: 125%;*/
	/*line-height: 150%;*/
	/*letter-spacing: 150%;*/
	text-align: center;
	/*text-indent: 20px;*/
	/*word-spacing: 125%;*/
	color: #000;
}


#essay li {
	/*list-style-image: url(/templates/yoo_symphony/images/typography/list_disc.png);*/
	font-size: 115%;
	line-height: 150%;
	/*letter-spacing: 150%;*/
	text-align: justify;
	/*text-indent: 20px;*/
	/*word-spacing: 125%;*/
	color: #000;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-type:disc;
	padding-right: 30px;
}


.content-category h1 {
	margin: -25px 0px 10px 0px;
	text-align: center !important;
}

.list-title {
	font-size: 120%;
}

.categories-listcolumns-2 img {
	float:left;
	padding: 0px 10px 0px 0px;
	margin-top: -35px;
}

h3.page-header.item-title  {
	margin-left: 50px;
}
 
 
 /*  * Widgetkit Slideshow: Default Style  */

/* Screen
----------------------------------------------------------------------------------------------------*/

/* Frame */
.wk-slideshow-screen > div {
	position: relative;
	border-radius: 8px;
	background: #3c5b77;
	padding: 15px;
	margin-bottom: 20px;
	z-index: 9;
}

/* Shadow */
.wk-slideshow-screen > div:before {
	content: "";
	position: absolute;
	bottom: -40px;
	left: -10px;
	right:-10px;
	height: 76px;
	/*background: url(images/shadow.png) 0 0 no-repeat;*/
	background-size: 100% 100%;
	z-index: -1;
}

/* -----------------------------------------------------------------------------*/

 
.tm-headerbar {
	margin-top: -15px;
	margin-bottom: -30px;
}

.tm-headerbar h1,.tm-headerbar  a,.tm-headerbar  a:visited{
	color: #044e72;
	font-size: 42px;
	text-decoration:none;
}


/* Sub-object `uk-article-title`
 ========================================================================== */
.uk-article-title {
  font-size: 36px;
  line-height: 36px;
  font-weight: normal;
  text-transform: none;
  text-align:center;
  margin: -15px 0px 30px 0px;
}
.uk-article-title a {
  color: inherit;
  text-decoration: none;
}

.uk-navbar {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  background-image: url("../less/uikit/images/default/panel-box-noise-bg.png");
  box-shadow: 0 1px 3px rgba(30, 50, 70, 0.3), inset 0 0 1px rgba(255, 255, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  margin-top: 30px;
}

 * Micro clearfix
 */
.uk-navbar:before,
.uk-navbar:after {
  content: " ";
  display: table;
}
.uk-navbar:after {
  clear: both;
}


/* Modifier `uk-nav-navbar`
 ========================================================================== */
/*
 * Items
 */
 
 .uk-navbar-nav > li > a {
  display: block;
  -moz-box-sizing: border-box;

  box-sizing: border-box;
  text-decoration: none;
  /* 1 */
  height: 60px;
  padding: 0 20px 0 19px;
  line-height: 60px;
  /* 2 */
  color: #ffffff;
  font-size: 18px;
  font-family: 'Roboto';
  font-weight: 300;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.12);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
}
 
.uk-nav-navbar > li > a {
  color: #5c626b;
  padding-left: 10px;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
  background-color: #e1f4ff;
  color: #52b8df;
  /* 2 */
  outline: none;
}

.uk-nav-navbar img {
	padding-right: 5px;
}

.uk-nav-navbar li {
	margin: -2px -5px -2px -10px;
  	background: #F0F0F0;
	
}


/* Modifier: `uk-nav-parent-icon`
 ========================================================================== */
.uk-nav-parent-icon > .uk-parent > a:after {
  content: "\f104";
  width: 12px;
  margin-right: -2px; /* mss was 12px */
  float: right;
  font-family: FontAwesome;
  text-align: center;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
  content: "\f107";
}


/* Modifier: `uk-panel-box`
 ========================================================================== */
.uk-panel-box {
  padding: 5px 10px 0px 10px; /* mss was 30px */
  /* background: #ffffff; */
  /* color: #5c626b; */
  /* box-shadow: 0 1px 3px rgba(30, 50, 70, 0.3); */
  line-height: normal; /* mss added to offset body text */
  /*
     * Badge in Panel
     */
}
.uk-panel-box .uk-panel-badge {
  padding: 10px 12px;
  font-size: 12px;
}
.uk-panel-box .uk-nav-side > li > a,
.uk-panel-box .uk-nav-side .uk-nav-header {
  padding-left: 10px; /* mss was 30px */
  padding-right: 10px; /* mss was 30px */
}
.uk-panel-box .uk-nav-side .uk-nav-divider {
  margin: 0 30px;
}
.uk-panel-box .uk-nav-side ul.uk-nav-sub {
  padding-left: 40px;
}
.uk-panel-box .uk-panel-title {
  color: #497c95;
}
.uk-panel-box .uk-panel-badge {
  top: 15px;
  right: 0;
}
.uk-panel-box .uk-panel-teaser {
  margin: -30px -30px 15px -30px;
}
/*
 * Nav in panel
 */
.uk-panel-box > .uk-nav-side {
  margin: 0 -10px; /* mss was -30px */
}


/* Modifier: `uk-dropdown-navbar`
 ========================================================================== */
.uk-dropdown-navbar {
  margin-top: 5px;
  background: #F0F0F0;
  color: #5c626b;
  padding: 2px 5px 2px 2px;
  font-size:15px;
}

 /* Horizontal gutter  */
  .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid {
    margin-left: 5px;
    margin-right: 0px;
  }
  .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-'] {
    padding-left: 5px;
    padding-right: 0px;
  }
  /*
     * Column divider
     */
  .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) {
    border-left: 0px solid #e5e5e5;
  }

.uk-nav-side > li > a {
  color: #5c626b;
  padding: 6px 15px;
  border-top: 1px solid #e5e5e5;
  line-height:normal !important;
}


/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`
 ========================================================================== */
/*
 * Imitate navbar items
 */
.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
  box-sizing: border-box;
  display: block;
  height: 70px;
  padding: 0 25px !important;
  float: left;
}


/* Sub-object: `uk-navbar-center`
 ========================================================================== */
/*
 * The element with this class needs to be last child in the navbar
 * 1. This hack is needed because other float elements shift centered text
 */
.uk-navbar-center {
  float: none;
  text-align: center;
  /* 1 */
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}




/* Modifier `uk-nav-offcanvas`
 ========================================================================== */

.uk-nav-offcanvas li {
	padding-bottom: 10px;
}
	
.uk-nav-offcanvas img {
	padding-right: 5px;
	margin-bottom: 10px;
}

 /* line 8772 */
.uk-dotnav > * > * {
  display: block;
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  /* 1 */
}


.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
  box-sizing: border-box;
  display: block;
  height: 70px;
  padding: 0 25px;
  float: left;
}


/* zhGoogleMap */

.placemarkContent h2 {
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 15px;
}

.mainlogo, a.mainlogo {
  font-family: 'Playfair Display';
  font-size: 310%;
  color: #004966;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 4px 4px 9px rgba(0,0,0,0.32);
  padding: 0px 0px 0px 0px;
}