/* general heading styles */
h1 {
  font-family: 'PT Sans Narrow', sans-serif;
  color: #24c3f0;
}

h1[id] {
  margin-bottom: 0.5em;
}

h2, header .navbar-nav, .panel-heading {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size:2em;
}

/* general button styles */
a.btn {
  background-color: #1d2939;
  border-color: #fff;
  margin-top: 1em;
  margin-bottom: 1em
}

/* change .navbar properties */
.navbar {
  background-color: #fff; 
  padding-top: 15px;
}

/* Account for fixed navbar */
/* body {
  padding-top: 114px;
}

h1[id] {
  padding-top: 114px;
  margin-top: -94px;
}

.navbar {
  padding-bottom: 19px;
}

@media (min-width: 569px) {
  body {
    padding-top: 223px;
  }
  
  h1[id] {
    padding-top: 223px;
    margin-top: -203px;
  }
} */

/* remove .navbar-default properties */
.navbar-default {
  border: none;
}

.navbar-default .navbar-collapse
{
  border: none;
}

/* change .navbar-default colors */
.navbar-default .navbar-nav>li>a {
  color: #1d2939;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: #1d2939;
}

/* navbar vertical alignment of brand and menu items */
.navbar-nav li a {
	line-height: 30px;
}

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  height: 75px;
}

@media (min-width: 569px) {

  .navbar-header {
    float: none;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 34px;
  }
  .navbar>.container .navbar-brand {
    float: none;
  }
  .navbar>.container .navbar-brand img {
    width: 180px;
    height: 90px;
  }
}

.nav>li>a {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (min-width: 569px) {
  .navbar-collapse {
    padding-left: 0;
  }

  .nav>li>a {
    padding-left: 0;
    margin-right: 15px;
  }
}

.nav-btn-support {
  line-height:30px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 15px;
}

/* align toggle button */
.navbar-toggle {
  margin-top: 36px;
}

/* container-wrapper styling */
.container-wrapper {
  padding: 15px;
}

.container-stripe {
	background-color: #f5f5f5;
}

@media (min-width: 786px) {

  .container-wrapper {
    padding: 35px 0;
  }

}

/* hero styling */
.container-hero {
	background-color: #1d2939;
	color: #fff;
  padding: 0;
}

.container-hero h1 {
	margin-bottom: 1em;
}

.container-hero a.btn {
  background-color: #24c3f0;
}

.container-hero img {
  max-height: 305px;
}

@media (min-width: 786px) {
  
  .container-hero {
    padding: 55px 0;
  }

  .container-hero h1 {
     margin-top:0;
  }

  .container-hero a.btn {
    margin-top: 2em;
  }

}

/* panel styling */
.panel {
  border: none;
  box-shadow: none;
  text-align: center
}

.panel-heading {
  padding-bottom: 5px;
}

.glyphicon-outer-placeholder {
  width: 56px;
  height: 56px;
  margin: 0 auto;
  border: 2px solid #24c3f0;
}
.glyphicon-inner-placeholder {
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  color: #fff;
  background-color:#1d2939;
  padding: 6px;
}

@media (max-width: 767px) {
  .glyphicon-outer-placeholder {  
    display: none;
  }
}

/* make panel same height */
@media (min-width: 768px) {
  .equal-height-panels .panel {  
    min-height: 225px;
  }
}

/* cenik sytyling */
.cena-placeholder {
  background-color: #1d2939;
  color: #fff;
  text-align: center;
  padding: 19px;
}

.cena-placeholder h2 {
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: 5px;
}

.cena-valuta {
  font-size: 1.4em;
  position: relative;
  top: -2.5em;
  left: -0.5em;
}

.cena-znesek {
  font-size: 6em;
  letter-spacing: -4px;
  margin-right: 6px;
  margin-left: -5px;
}

.cena-obdobje {
  font-size: 0.9em;
  letter-spacing: 2px;
  margin-left: -5px;
}

.cena-telefon {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-style: italic;
}

.info-placeholder ul li {
  color: #777;
  padding: 20px 25px;
  background: #f5f5f5;
  border-bottom: solid 1px #e9e9e9;
}

.info-placeholder ul li.emphase {
  color: #222;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}
.container .text-muted {
  /* Not required for sticky footer method. */
  margin: 20px 0;
}

/* CookieGuard */
@media (max-width: 568px) {

  #cookieGuardMsg
  {
    font-size: 11px !important;
    font-family: Verdana, Helvetica, Sans-Serif !important;
    overflow: visible !important;
  }
  #cookieGuardMsgInner
  {
    max-width: 410px;
    padding: 10px !important;
  }
  #cookieList
  {
    padding-right: 0 !important;
    font-size: 9px !important;
  }
  #cookieList ul
  {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  #authoriseCookies, #denyCookies, #cookieGuardOkay
  {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin-top: 1em;
  }
  #showCookies
  {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 1em 0;
  }
  .essentialCookies {
    margin-bottom: 0 !important;
  }
  
}