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

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

/*  font-family: 'Roboto Condensed', sans-serif;
    font-family: 'Oswald', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Lato', sans-serif;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Raleway', sans-serif;
    font-family: 'Source Sans Pro', sans-serif;  */

.tm-features-slideshow .uk-slideshow,
.tm-features-slideshow .uk-slideshow > li { min-height: 400px; }

h1.uk-article-title {
  color: #007690 !important;
}

.uk-article h2 {
  color: #007690 !important;
  font-size: 20px !important;
}

/* slideshow text shadow */
.tm-fullscreen { text-shadow: 1px 1px 2px #000000; }

/* homepage search */ 
.uk-panel.uk-panel-box.tm-panel-box-default.pretraga-home .uk-search-field { 
width: 200px !important; 
}

/* rest pages search */ 
.uk-search-field { 
width: 140px !important; 
}

/* desktop menu li padding and color */
ul.uk-nav.uk-nav-navbar { 
  font-family: 'Roboto Condensed', sans-serif; 
  font-size: 16px !important;
  text-transform: uppercase !important; 
}
.uk-nav.uk-nav-navbar .uk-nav-sub li {
  padding-left: 15px !important;
  text-transform: none !important;
}
.uk-nav.uk-nav-navbar a:link,
.uk-nav.uk-nav-navbar a:visited {
  color: #585858 !important; /* child, sub-menu */
  text-decoration: none !important;
}
.uk-nav.uk-nav-navbar a:hover,
.uk-nav.uk-nav-navbar a:active {
  color: #007690 !important;
  text-decoration: none !important;
}
.uk-nav.uk-nav-navbar .uk-nav-sub a:link,
.uk-nav.uk-nav-navbar .uk-nav-sub a:visited {
  color: #585858 !important; /* child, sub-menu */
  text-decoration: none !important;
}
.uk-nav.uk-nav-navbar .uk-nav-sub a:hover,
.uk-nav.uk-nav-navbar .uk-nav-sub a:active {
  color: #007690 !important;
  text-decoration: none !important;
}
.uk-parent.uk-nav-header /* sub-menu separator link */ {
  padding-top: 0px !important;
  margin-top: 0px !important;
}
/* desktop menu accordian effect - child opens on hover */
.uk-nav-navbar > .uk-parent > .uk-nav-sub { display: none; }    
.uk-nav-navbar > .uk-parent > a:after {    
  content: "\f107";    
  font-family: "FontAwesome";    
  display: block;    
  float: right;    
  }    
.uk-nav-navbar > .uk-parent {     
  position: relative;  
  }  
.uk-nav-navbar > .uk-parent:hover > .uk-nav-sub {     
  display: block;    
  background: none repeat scroll 0 0 padding-box #ffffff;    
  border: 1px solid rgba(0, 0, 0, 0.12);    
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);    
  width: 150px;    
  margin-top: -40px;    
  padding: 15px;    
  position: absolute;    
  left: 120px;    
  z-index: 1;
  } 

/* mobile menu li padding and color */
ul.uk-nav-offcanvas { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.uk-nav.uk-nav-offcanvas .uk-nav-sub li {
  padding-left: 15px !important;
  text-transform: none !important;
}
.uk-nav.uk-nav-offcanvas .uk-nav-sub a:link,
.uk-nav.uk-nav-offcanvas .uk-nav-sub a:visited {
  color: #ffffff !important;
}
.uk-nav.uk-nav-offcanvas .uk-nav-sub a:hover,
.uk-nav.uk-nav-offcanvas .uk-nav-sub a:active {
  color: #ffffff !important;
  text-decoration: underline !important;
}
.uk-nav.uk-nav-offcanvas li {
  text-transform: uppercase !important;
}
.uk-nav.uk-nav-offcanvas a:link,
.uk-nav.uk-nav-offcanvas a:visited {
  color: #ffffff !important;
}
.uk-nav.uk-nav-offcanvas a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* gmaps modul padding */
.uk-panel.uk-panel-box.tm-panel-box-default.gmaps { padding: 3px 3px 3px 3px; }

/* footer contacts, menu, etc. */
.uk-panel.uk-panel-box.tm-panel-box-default.footer-custom {
  background-color: transparent !important;
  color: #ffffff !important;
}
.uk-panel.uk-panel-box.tm-panel-box-default.footer-custom h4 {
  color: #ffffff !important;
}
.uk-panel.uk-panel-box.tm-panel-box-default.footer-custom a:link,
.uk-panel.uk-panel-box.tm-panel-box-default.footer-custom a:visited {
  color: #ffffff !important;
  text-decoration: none;
}
.uk-panel.uk-panel-box.tm-panel-box-default.footer-custom a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}
.uk-panel.uk-panel-box.tm-panel-box-default.footer-custom .footer-block {
  float:left; width:100%; max-width:270px; padding-top:10px; padding-bottom:25px;
}

/* footer copyright */
.signature { margin-top: -40px;}
.signature a:link,
.signature a:visited { color: #ffffff !important; }
.signature a:hover { color: #ffffff !important; text-decoration: underline !important; }

/* images razno */
.img-small {
  width: 100%;
  max-width: 250px;
  height: auto;
  margin-right: 25px;
  margin-bottom: 25px;
}
.img-medium {
  width: 100%;
  max-width: 375px;
  height: auto;
  margin-right: 25px;
  margin-bottom: 25px;
}
.img-big {
  width: 100%;
  max-width: 500px;
  height: auto;
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 25px;
}
.img-auto {
  width: auto;
  height: auto;
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 25px;
/*  padding: 3px 3px 3px 3px;
  border: 1px solid #cccccc;
  box-shadow: 2px 2px 5px #E8E8E8; */
}
.img-zatvarac {
  width: 200px;
  height: 200px;
  display: inline-block;
  border: 1px solid #cccccc;
/*  padding: 3px 3px 3px 3px;
  box-shadow: 2px 2px 5px #E8E8E8; */
}
.img-alati {
  width: 100%;
  max-width: 325px;
  height: auto;
  margin-right: 25px;
  margin-bottom: 25px;
}
.social-contact {
  width: auto;
  height: 40px;
  padding-bottom:10px;
}

/* Booking form custom css */
.truecroatia.textarea {
  height: 80px;
}
.truecroatia.date {
  width: 165px;
}

/* click to call float button */
.label-container{
	position:fixed;
	bottom:48px;
	right:105px;
	display:table;
	visibility: hidden;
}
.label-text{
	color:#333333;
	background:#ffffff;
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-radius:3px;
}
.label-arrow{
	display:table-cell;
	vertical-align:middle;
	color:#ffffff !important;
	opacity:1;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#00e600;
	color:#ffffff !important;
	border-radius:50px;
	text-align:center;
	/* box-shadow: 2px 2px 3px #999; */
    border: 2px solid #ffffff;
}
.my-float{
	font-size:42px !important;
	margin-top:10px;
}
a.float + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}
a.float:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}

/* continue reading hovereffect */

a.uk-button.uk-button-large:hover {
    background-color:#007690;
    color:#ffffff;
    font-weight:bolder;
}

/* Social icons custom css */ 
.uk-icon-facebook.uk-margin-small-top a:link
{ text-decoration: none !important; color: #007690 !important; }
.uk-icon-facebook.uk-margin-small-top a:visited
{ text-decoration: none !important; }
.uk-icon-facebook.uk-margin-small-top a:hover
{ text-decoration: none !important; }
.uk-icon-facebook.uk-margin-small-top a:active
{ text-decoration: none !important; }

.uk-icon-instagram.uk-margin-small-top a:link
{ text-decoration: none !important; color: #007690 !important; }
.uk-icon-instagram.uk-margin-small-top a:visited
{ text-decoration: none !important; }
.uk-icon-instagram.uk-margin-small-top a:hover
{ text-decoration: none !important; }
.uk-icon-instagram.uk-margin-small-top a:active
{ text-decoration: none !important; }

/* SIGE images on lower resolution - thumbnail settings */
@media screen and (max-width: 400px) {
  .sige_thumb {
    max-width: 250px !important;
    height: auto !important;
  }


@media screen and (min-width: 801px) {
  .xxl1 {float: left !important; max-width: 500px !important; border: 1px solid #cccccc !important; padding: 2px 2px 2px 2px !important; margin-bottom:30px !important; margin-right: 30px !important;}
}
@media screen and (max-width: 800px) {
  .xxl1 {float: left !important; max-width: 500px !important; border: 1px solid #cccccc !important; padding: 2px 2px 2px 2px !important; margin-bottom:30px !important;}
}
@media screen and (min-width: 801px) {
  .xxl2 {float: left !important; max-width: 500px !important; border: 1px solid #cccccc !important; padding: 2px 2px 2px 2px !important; margin-bottom:30px !important;}
}
@media screen and (max-width: 800px) {
  .xxl2 {float: left !important; max-width: 500px !important; border: 1px solid #cccccc !important; padding: 2px 2px 2px 2px !important; margin-bottom:30px !important;}
}