/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Quickfix */
a.adiv { text-decoration: none; }

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}

/* Text colors */
.white { color: #fff; }
.gray { color: #a9a9a9; }

/* Breadcrumb */
.breadcrumb { background-color: transparent !important; }

/* Font style */
h5 { color: #fff; font-weight: normal !important; }

h5.contMiddleTC i { padding-bottom: 5px; }

/* Iskalnik - min height */
.iskalnik div.minHeight, .iskalnikPok div.minHeight { min-height: 95px; }

/* Iskalnik - search results min height */
.iskalnik #search-results div.minHeight { min-height: 114px; }

/* Input error messages */
#inpt_name.btn-danger::-webkit-input-placeholder, #inpt_surname.btn-danger::-webkit-input-placeholder {
  color: #fff;
}

#inpt_name.btn-danger:-moz-placeholder, #inpt_surname.btn-danger:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

#inpt_name.btn-danger::-moz-placeholder, #inpt_surname.btn-danger::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}

#inpt_name.btn-danger:-ms-input-placeholder, #inpt_surname.btn-danger:-ms-input-placeholder  {
  color: #fff;
}

/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #000;
}
body {
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.75);
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}
.footer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 120px;
  top: -120px;
  left: 0px;
  margin-left: 0px;
  background-color: rgba(40, 40, 40, 0.86);
  border-top: 1px solid rgba(108, 108, 108, 0.44) !important;
  background-color: rgba(0, 0, 0, 0.75) !important;
  font-size: 12px;
  color: #9d9d9d
}

.contMiddleTC {

  /*display: inline-flex;/*
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* W3C */
  display: box;
  box-pack: center;
  box-align: center;

}

@-moz-document url-prefix() {

  .buttonCenter {
    /* FF fix */
    display: flex;
    align-items: center;
  }

}

.page-header { margin-top: 20px !important; }

/* Fix za first screen */
.iskalnik h3, .iskalnikPok h3  { font-size: 22px; margin-top: 10px !important; color: #fff !important; }
.iskalnik h3.contMiddleTC, .iskalnikPok h3.contMiddleTC { height: 36px; }
.iskalnik h3.smaller, .iskalnikPok h3.smaller { font-size: 18px; }
.iskalnik h4.contMiddleTC, .iskalnikPok h4.contMiddleTC  { height: 36px; color: #fff !important; }

.iskalnik .thumbnail, .iskalnikPok .thumbnail {

  background-color: rgba(252, 250, 255, 0.19) !important;
  border: 1px solid #dcdcdc !important;

}

.iskalnik .thumbnail span.badge {

  position: absolute;
  top: 8px;
  right: 22px;

}

.iskalnik .thumbnail span.badge.green { background-color: #5cb85c; }
.iskalnik .thumbnail span.badge.red { background-color: #d9534f; }

/* Iskalnik search-results */
.iskalnik #search-results .thumbnail, .iskalnikPok #search-results .thumbnail, .oprojektu .thumbnail {

  background-color: rgba(58, 58, 58, 0.42) !important;
  border: 1px solid #ADADAD !important;
}

/* O PROJEKTU */
.oprojektu .bigIcon { font-size: 76px; }

/* Header customization */
.navbar-inverse {

  background-color: rgba(0, 0, 0, 0.90) !important;
  border-color: rgba(108, 108, 108, 0.44) !important;

}

.navbarlogo { width:18px; margin-top:-8px; margin-right: 2px; display: inline !important; }

a.navbar-brand { font-size: 20px; color: #fff !important; }
ul.nav.navbar-nav.navbar-right { font-size: 16px; }

.inactive { opacity: 0.4; }

/* Fix za H* small */
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { color: #a9a9a9; }

/* Padding for spacing */
.inner {
  padding: 30px;
}

/* Search ALL Form */
.searchAll span.input-group-addon { text-shadow: none !important; width: 55px !important;}
.searchAll .col-lg-3, .searchPok .col-lg-3 { margin-bottom: 10px; }

/* Datepicker font color fix */
.datepicker-years { color: #2e2e2e; text-shadow: none; }
.datepicker-years th.clear { color: rgba(206, 42, 60, 0.98); text-shadow: none; }
.datepicker-years th.datepicker-switch { text-shadow: none; }

/* Search button width fix */
.searchAll div.input-group.input-group-lg, .searchAll .btn { width: 100%; }

/* Iskalnik POK */

.page-header {

  border-bottom: none !important;
  margin-bottom: 10px; }

.iskalnikPok ul.nav-tabs li.active a {

  background-color: rgba(252, 250, 255, 0.19) !important;
  border: 1px solid #dcdcdc !important;
  color: inherit;

}
.iskalnikPok ul.nav-tabs li.active a:hover, .iskalnikPok ul.nav-tabs li.active a:focus { background-color: rgba(252, 250, 255, 0.50) !important; }
.iskalnikPok ul.nav-tabs li a:hover, .iskalnikPok ul.nav-tabs li a:focus { background-color: rgba(252, 250, 255, 0.50) !important; }

/* Search POK Form - remove text shadow */
.searchPok span.input-group-addon { text-shadow: none !important; width: 55px !important; }

/* Search POK button width fix */
.searchPok div.input-group.input-group-lg, .searchPok .btn { width: 100%; }

/*.searchPok #search-results h4 { height: 26px !important; }*/

/* searchPok - min height */
.searchPok div.minHeight { min-height: 80px; }

/* searchPok - Map Canvas */

/* MyModalMAP */
#myModalMap .modal-dialog { width: 96%; height: 92%; }
#myModalMap .modal-content { height: 100%;}
#myModalMap .modal-content .modal-head { height: 10%; }
#myModalMap .modal-content .modal-body { height: 80%; padding: 0px !important; }
#myModalMap .modal-content .modal-footer { height: 10%; padding: 0px !important; }

h4#myModalLabel.modal-title { color: #000; text-shadow: none !important; }


/* Google maps API */
#map-canvas {

  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;

}

/* PREDSTAVITEV POKOPALIŠČA */
/* Splosne info */
.upraviteljLogo { position: relative; float: right; right: 5px; top: -5px;  }

/* Piran in Koper logo */
.logoC1 { height: 110px; }
.logoC2 { height: 70px; }

.urnikIkona { height: 60px !important; }

.darkBG { background-color: rgba(1,1,1,0.5); }

/* Znane osebnosti */
img.znaneOs { height: 140px; }



/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,.75);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}


/*
 * Cover
 */

.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}


/*
 * Footer
 */

.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
}


/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 700px;
  }
}