/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

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

body, p, a, h1, h2, h3, h4, h5, h6 {
  font-family:Segoe UI, Lucida, Helvetica;
}

.thumbnail.pull-right {
 float: right;
}

.home, .home h3 {
    padding-top: 70px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

fieldset {
  border:0;
}

.header { position: relative; z-index: 999; }

/*.tm-navbar.uk-navbar { position: fixed; right: 0; top: 0; z-index: 99; } */
.tm-navbar.uk-navbar {background:#fff;}
#tm-content {padding-top:150px;}
#tm-footer { z-index: 99; position: fixed; bottom: 0; left: 0; right: 0; font-size:11px; }
.tm-gallery #tm-top-a { z-index: 9; }
.tm-gallery #tm-top-a > div > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; }

/* Phones portrait */
@media (max-width: 479px) {
  .tm-gallery #tm-top-a > div > div > div { padding-top: 0! important; padding-bottom: 30px; }
  .tm-gallery #tm-top-a > div > div > div { padding-top: 50px; padding-bottom: 30px; }
}
/* Phones landscape */
@media (min-width: 480px) and (max-width: 767px) {
  .tm-gallery #tm-top-a > div > div > div { padding-top: 50px; padding-bottom: 30px; }
}
/* Tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {
  .tm-gallery #tm-top-a > div > div > div { padding-top: 50px; padding-bottom: 30px; }
}
/* Desktops & tablets landscape */
@media (min-width: 960px) and (max-width: 1199px) {
  .header { position: fixed; top:0; left:0; width:100%; min-width:100%; z-index:999; height:10px; }
  .tm-headerbar { position: fixed; left: 0; top: 0; z-index: 99; background:#fff;}
  .tm-gallery #tm-top-a > div > div > div { padding-top: 150px; padding-bottom: 30px; }
}
/* Large Desktops */
@media (min-width: 1200px) {
  .header { position: fixed; top:0; left:0; width:100%; min-width:100%; z-index:999; height:10px; }
  .tm-headerbar { position: fixed; left: 0; top: 0; z-index: 99; background:#fff;}
  .tm-gallery #tm-top-a > div > div > div { padding-top: 150px; padding-bottom: 30px; }
}

.tm-gallery #tm-top-a .uk-slidenav-position { height: 100%; }
.tm-gallery #tm-top-a .uk-slideshow-fullscreen, .tm-gallery #tm-top-a .uk-slideshow-fullscreen > li { height: 90%; min-height: 90%; width:90%; margin-left: 5%; margin-right: 5%; }
.tm-gallery #tm-top-a .uk-cover-background { background-size: contain; }

.tm-footer {position:fixed; bottom:0; left:0; width:100%; z-index:999; background-color:#fff; padding:0; margin:0;}
.tm-logo { position: absolute; left: 10px; top: 10px; }

.tm-headerbar {
  position: relative;
  margin:0;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  background: #fff;
	}

.uk-navbar-nav > li > a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 45px;
    padding: 0 15px;
    line-height: 45px;
    color: #777777;
    font-size: 14px;
    font-family: Segoe UI, Lucida, Helvetica;
    font-weight: normal;

}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: #fff;
  color: #000;
  /* 3 */
  outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  background-color: #fff;
  color: #000;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  background-color: #fff;
  color: #000;
  text-decoration:underline;
}

.socials {
    float: right;
    padding-right: 25px;
    position: absolute;
    right: 0;
    top: 10px;
}



.uk-icon-button:hover, .uk-icon-button:focus {
  background-color: #fff;
 color:#000; 
}

.uk-icon-button {
 color:#919191; 
}
/*
.uk-navbar-center {
  margin-top:-35px;
}
*/

.contact {
  color:#4d4d4d;
  }

textarea#jform_contact_message {
  min-width: 500px;
  min-height:150px;
}

.uk-offcanvas-bar {
  background-color:#ffffff;
}

a.shop {
    color: #58595b;
    font-weight: bold;
    text-decoration: none;
  background: #ddd;
  padding: 5px 17px;
  border-color: rgba (0, 0, 0, 0.05); 
  border-style: solid; 
  border-width: 1px;  
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 5px;
}

a:hover.shop {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
  background: #58595b;
  padding: 5px 17px;
  border-color: #58595b; 
  border-style: solid; 
  border-width: 1px;  
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 5px;
}

.uk-button-shop {
  -webkit-appearance: none;
    margin: 0;
    overflow: visible;
    font: inherit;
    color: #59585d;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
      vertical-align: middle;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
 }