/* Add here all your css styles (customizations) */
.header-fixed .header.header-fixed-shrink {
    background: #fff;
}

.search-block {
    padding: 40px 0;
}

    .search-block h1 {
        text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
    }

@media (min-width: 992px) {
    .header-fixed .header.header-fixed-shrink .logo img {
        max-width: 187px;
        margin: 45px 0 0px;
    }

    .modal-dialog {
        margin-left: 20px;
        right: auto;
        width: 624px;
    }

    li a {
        color: #06C /*#e3a400 #F3AF00 */;
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

    A[rel="email"] {
        padding-right: 12px;
        background: url(/assets/img/icons/icon_emaillink.gif) no-repeat top right;
        margin-right: 6px;
    }

    p {
        margin-bottom: 20px;
    }

    .noicon A[rel="document"], .noicon A[rel="external"], #menu .noicon A[rel="document"], #menu .noicon A[rel="external"] {
        padding-right: 0;
        background: none;
        margin-right: 0;
    }

    .figure.right {
        float: right;
        border: solid 1px #ddd;
        margin: 0 0 10px 5px;
        padding: 5px 5px 0 5px;
    }

    .figure.left {
        float: left;
        border: solid 1px #ddd;
        margin: 0 10px 10px 0;
        padding: 5px 5px 0 5px;
    }

    .figure p {
        text-align: center;
        text-indent: 0;
        margin: 0;
        padding: 0;
        padding-bottom: 5px;
        font-size: 1.1em;
    }

    .figure img {
        margin: 0;
        padding: 0;
        display: inline;
    }

    A[rel="external"], #menu ul li a[rel="external"] {
        padding-right: 12px;
        background: url(/assets/img/icons/icon_external_website.gif) no-repeat top right;
        margin-right: 6px;
    }

    A[rel="document"], #menu ul li a[rel="document"] {
        padding-right: 12px;
        background: url(/assets/img/icons/icon_pdfdocument.gif) no-repeat top right;
        margin-right: 6px;
    }

    .content dd {
        padding-left: 25px;
        margin-bottom: 8px;
    }

    dd {
        margin-bottom: 1em;
        padding: 0 4.5em 0 3.5em;
    }
}
/*smaller navbar fonts*/
.header .navbar-nav > li > a {
    font-size: 13px;
}


/* simple weather */
/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/

@font-face {
    font-family: 'weather-old';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'weather';
    src: url('../plugins/simpleweather/artill_clean_weather_icons_02/artill_clean_icons.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/*html {
  width: 100%;
  height: 100%;
  background: #1192d3 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/austin-2.jpg) no-repeat bottom right;
  background-size: cover;
}*/

/*body {
  padding: 45px 0;
  font: 13px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}*/

.loading {
  margin: 65px 0 0;
}

#weather {
  /*width: 500px;*/
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase;
  background-color:#fff;
}

#weather h1 {
  margin: 0 0 15px 0;
  color: #fff;
  font-family: weather;
  font-size: 250px;
  font-size: 125px;
  font-size: 62.5px;
  font-weight: normal;
  line-height: 1.0;
}

#weather h1.icon-0:before { content: ":"; }
#weather h1.icon-1:before { content: "p"; }
#weather h1.icon-2:before { content: "S"; }
#weather h1.icon-3:before { content: "Q"; }
#weather h1.icon-4:before { content: "S"; }
#weather h1.icon-5:before { content: "W"; }
#weather h1.icon-6:before { content: "W"; }
#weather h1.icon-7:before { content: "W"; }
#weather h1.icon-8:before { content: "W"; }
#weather h1.icon-9:before { content: "I"; }
#weather h1.icon-10:before { content: "W"; }
#weather h1.icon-11:before { content: "I"; }
#weather h1.icon-12:before { content: "I"; }
#weather h1.icon-13:before { content: "I"; }
#weather h1.icon-14:before { content: "I"; }
#weather h1.icon-15:before { content: "W"; }
#weather h1.icon-16:before { content: "I"; }
#weather h1.icon-17:before { content: "W"; }
#weather h1.icon-18:before { content: "U"; }
#weather h1.icon-19:before { content: "Z"; }
#weather h1.icon-20:before { content: "Z"; }
#weather h1.icon-21:before { content: "Z"; }
#weather h1.icon-22:before { content: "Z"; }
#weather h1.icon-23:before { content: "Z"; }
#weather h1.icon-24:before { content: "E"; }
#weather h1.icon-25:before { content: "E"; }
#weather h1.icon-26:before { content: "3"; }
#weather h1.icon-27:before { content: "a"; }
#weather h1.icon-28:before { content: "A"; }
#weather h1.icon-29:before { content: "a"; }
#weather h1.icon-30:before { content: "A"; }
#weather h1.icon-31:before { content: "6"; }
#weather h1.icon-32:before { content: "1"; }
#weather h1.icon-33:before { content: "6"; }
#weather h1.icon-34:before { content: "1"; }
#weather h1.icon-35:before { content: "W"; }
#weather h1.icon-36:before { content: "1"; }
#weather h1.icon-37:before { content: "S"; }
#weather h1.icon-38:before { content: "S"; }
#weather h1.icon-39:before { content: "S"; }
#weather h1.icon-40:before { content: "M"; }
#weather h1.icon-41:before { content: "W"; }
#weather h1.icon-42:before { content: "I"; }
#weather h1.icon-43:before { content: "W"; }
#weather h1.icon-44:before { content: "a"; }
#weather h1.icon-45:before { content: "S"; }
#weather h1.icon-46:before { content: "U"; }
#weather h1.icon-47:before { content: "S"; }

#weather h2 {
  /*margin: -50px 0 8px;*/
  color: #fff;
  font-size: 140px;
  font-size: 70px;
  font-size: 35px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
  margin: 0;
  padding: 0;
}

#weather li {
  background: #fff;
  background: rgba(255,255,255,0.90);
  margin: 15px 0 0 0;
  padding: 10px;
  display: inline-block;
  border-radius: 5px;
}

#weather .updated {
  opacity: 0.45;
  padding: 15px 0;
}

/* five columns */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}



@media (min-width: 992px) and (max-width: 1200px){

    .header .navbar-nav > li > a{font-size:12.5px;}
}

.header-sticky .navbar-collapse{padding-top:26px;}

.header-fixed .header.header-fixed-shrink .navbar-nav > li > a {
    padding-bottom:7px;
}