/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* line 22, ../sass/style.scss */
body {
  font-size: 16px;
  color: #333;
  font-family: 'Libre Franklin', sans-serif;
}

/* line 29, ../sass/style.scss */
#main li {
  margin: 0px 0px 0px 0px;
  list-style: none;
  border-bottom: 1px solid #ccc;
  padding: 20px 0px 20px 0px;
}

/* line 39, ../sass/style.scss */
.source {
  color: #999;
  font-size: 14px;
}

/* line 44, ../sass/style.scss */
.main {
  margin-top: 20px;
}
/* line 46, ../sass/style.scss */
.main .populated {
  min-height: 2000px;
}
/* line 49, ../sass/style.scss */
.main p {
  line-height: 1.5;
}

/* line 54, ../sass/style.scss */
#collections {
  border: 0px solid red;
  margin-top: 20px;
}
/* line 57, ../sass/style.scss */
#collections button {
  margin: 5px;
}
/* line 60, ../sass/style.scss */
#collections .topic-label {
  margin-top: 15px;
  text-align: right;
}

/* line 65, ../sass/style.scss */
.container {
  max-width: 970px;
}

/* line 70, ../sass/style.scss */
.grid-item span {
  display: block;
}

/* line 75, ../sass/style.scss */
header {
  margin-top: 20px;
  margin-bottom: 20px;
}
/* line 78, ../sass/style.scss */
header img {
  max-width: 200px;
  height: auto;
  margin: 25px 20px 10px 0px;
  float: left;
  border: 1px solid #ddd;
}

/* line 86, ../sass/style.scss */
.meta {
  color: #990000;
  font-size: 14px;
  line-height: 34px;
}

/* line 92, ../sass/style.scss */
.event_date {
  font-weight: bold;
}

/* line 97, ../sass/style.scss */
.platform {
  color: #999;
  text-transform: uppercase;
  font-size: 12px;
  display: inline;
}

/* line 103, ../sass/style.scss */
.category {
  color: #ccc;
  text-transform: uppercase;
  font-size: 12px;
}

/* line 109, ../sass/style.scss */
#nav_bar {
  width: 100%;
  z-index: 200;
  left: 0px;
}

/* line 114, ../sass/style.scss */
.affix {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
  left: 0px;
}

/* line 123, ../sass/style.scss */
#reset-button {
  margin-top: 12px;
  margin-right: 24px;
}

#download-button {
  margin: 10px 0px;
}

/* line 131, ../sass/style.scss */
.navbar-nav li a {
  line-height: 1.8em;
}

/* line 137, ../sass/style.scss */
.dropdown-toggle {
  min-width: 200px;
}

/* line 140, ../sass/style.scss */
.deck {
  position: relative;
}
/* line 142, ../sass/style.scss */
.deck button {
  float: left;
  margin-right: 20px;
}

/* line 147, ../sass/style.scss */
.photo_url {
  max-width: 200px;
  float: left;
  margin: 0px 15px 10px 0px;
}

/* line 153, ../sass/style.scss */
.source_link {
  margin-top: 8px;
  color: #999999;
}

/* line 163, ../sass/style.scss */
.social-links {
  width: auto;
  position: absolute;
  right: 20px;
  top: 20px;
}
/* line 168, ../sass/style.scss */
.social-links i {
  cursor: pointer;
}

/* line 172, ../sass/style.scss */
.fa {
  font-size: 2em;
  color: #ccc;
}

.fa-small {
  font-size: 1.4em;
  color: #ccc;
}

/* line 177, ../sass/style.scss */
.nav .fa {
  font-size: 1.4em;
  margin-right: 10px;
}

strong {
  /* highlight very light blue pastel */
  background-color: #e6f7ff;
  
}

/* line 183, ../sass/style.scss */
.dropdown-menu .fa {
  font-size: 1.4em;
  margin-right: 10px;
}

.dropdown-menu {
  max-height: 90vh;
  overflow: auto;
}

/* line 188, ../sass/style.scss */
#search-description {
  width: 400px;
  height: 200px;
  border: 1px solid red;
}

/* line 196, ../sass/style.scss */
#sort-button span {
  font-size: 12px;
}

/* Footer
------------------------------------------------------------------------------*/
/* line 203, ../sass/style.scss */
#footer {
  clear: both;
  background: #58595b;
  padding: 45px 30px;
  font-size: 14px;
  overflow: hidden;
  line-height: 17px;
  position: relative;
  bottom: 0px;
}

/* line 214, ../sass/style.scss */
#footer p {
  padding-left: 53px;
  color: #b2b2b2;
  float: left;
  background: url(../img/ico_footer.png) no-repeat 0 0;
}

/* line 221, ../sass/style.scss */
#footer span {
  color: #808080;
}

/* line 225, ../sass/style.scss */
#footer a {
  color: #b2b2b2;
  text-decoration: none;
}

/* line 230, ../sass/style.scss */
#footer a:hover {
  color: #fff;
}

/* line 234, ../sass/style.scss */
#footer .social {
  margin: 5px 0;
  float: right;
}

/* line 239, ../sass/style.scss */
#footer .social ul {
  margin: 0;
  padding: 0;
}

/* line 244, ../sass/style.scss */
#footer .social li {
  float: left;
  list-style: none;
  padding: 0 0 0 5px;
}

/* line 250, ../sass/style.scss */
#footer .social span {
  float: left;
  background: url(../img/ico_social_f.png) no-repeat;
  height: 29px;
  width: 29px;
  opacity: .15;
}

/* line 258, ../sass/style.scss */
#footer .social a:hover span {
  opacity: 1;
}

/* line 262, ../sass/style.scss */
#footer .social .ico-fb {
  background-position: -35px 0;
}

/* line 266, ../sass/style.scss */
#footer .social .ico-mail {
  background-position: -70px 0;
}

/* line 270, ../sass/style.scss */
#footer .social .ico-el {
  background-position: -105px 0;
}

/* line 273, ../sass/style.scss */
.tow_logo {
  width: 100px;
  height: 100px;
  background-image: url("../img/TowCenter-CSJExternal-v2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: fixed;
  left: 20px;
  top: 40px;
  cursor: pointer;
  display: none;
}

/* line 286, ../sass/style.scss */
.navbar-default .navbar-brand {
  background-image: url("../img/TowCenter-CSJExternal-NoHeart.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 150px;
  height: 50px;
  margin: 4px 5px 0px 0px;
}

/* line 295, ../sass/style.scss */
.small_tow_logo {
  width: 100px;
  height: 50px;
  background-image: url("../img/logo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: fixed;
  left: 20px;
  top: 0px;
  display: none;
  cursor: pointer;
}

/* line 308, ../sass/style.scss */
.mobile-only {
  display: none !important;
}

/* line 312, ../sass/style.scss */
.grid-sizer {
  width: 2px;
}

/* line 315, ../sass/style.scss */
.mini-social {
  float: right;
  width: auto;
  position: relative;
  right: 0;
  top: 4px;
  display: none;
}

/* line 323, ../sass/style.scss */
.nav > li > a:hover, .nav > li > a:focus {
  background-color: #f2f2f2;
}

/* line 326, ../sass/style.scss */
.manager span {
  font-family: "news-gothic", sans-serif;
  font-size: 14px !important;
  font-weight: bold !important;
  color: #58595b;
}

/* line 333, ../sass/style.scss */
div.jssocials-shares div {
  float: left;
  width: 35px;
}

/* line 339, ../sass/style.scss */
.jssocials-share-link {
  border: 0px;
}

/* line 343, ../sass/style.scss */
#main li:last-child {
  border: 0px;
}

@media screen and (min-width: 1200px) {
  /* line 348, ../sass/style.scss */
  .tow_logo {
    display: inline;
  }
}
@media screen and (max-width: 991px) {
  /* line 354, ../sass/style.scss */
  .project {
    border-bottom: 1px solid #ccc;
  }
}
/* - iPad view - */
@media screen and (max-width: 767px) {
  /* line 363, ../sass/style.scss */
  .project {
    border-bottom: 1px solid #ccc;
  }

  /* line 366, ../sass/style.scss */
  .photo_url {
    max-width: 50%;
  }

  /* line 371, ../sass/style.scss */
  .logo_col {
    float: left;
    margin: 0px;
    text-align: center;
  }
  /* line 375, ../sass/style.scss */
  .logo_col .fa {
    font-size: 2.5em;
  }

  /* line 379, ../sass/style.scss */
  .date_cat_block {
    float: right;
    padding: 0px 0px 0px 15px;
    margin-bottom: 5px;
  }
}
/* - Responsive view - */
@media screen and (max-width: 620px) {
  /* line 388, ../sass/style.scss */
  .photo_url {
    max-width: 100%;
  }

  /* line 392, ../sass/style.scss */
  .logo_col {
    float: left;
    margin: 0px;
    text-align: center;
  }
  /* line 396, ../sass/style.scss */
  .logo_col .fa {
    font-size: 2.5em;
  }

  /* line 400, ../sass/style.scss */
  .date_cat_block {
    float: right;
    padding: 0px 0px 0px 15px;
    margin-bottom: 5px;
  }
}
/* - Mobile view - */
@media screen and (max-width: 500px) {
  /* line 409, ../sass/style.scss */
  h1 {
    font-size: 24px;
  }

  /* line 412, ../sass/style.scss */
  .logo_col {
    float: left;
    margin: 0px;
    text-align: center;
  }
  /* line 416, ../sass/style.scss */
  .logo_col .fa {
    font-size: 2.5em;
  }

  /* line 420, ../sass/style.scss */
  .date_cat_block {
    float: right;
    padding: 0px 0px 0px 15px;
    margin-bottom: 5px;
  }

  /* line 425, ../sass/style.scss */
  .photo_url {
    max-width: 100%;
  }

  /* line 429, ../sass/style.scss */
  span .platform {
    display: inline;
  }
}
/* - Narrow desktop view - */
/* line 441, ../sass/style.scss */
.logo-facebook {
  color: #3b5998;
}

/* line 444, ../sass/style.scss */
.logo-twitter {
  color: #1da1f2;
}

/* line 447, ../sass/style.scss */
.logo-foursquare {
  color: #e95e83;
}

/* line 450, ../sass/style.scss */
.logo-linkedin {
  color: #3581b8;
}

/* line 454, ../sass/style.scss */
.logo-amazon {
  color: #ff8e00;
}

/* line 457, ../sass/style.scss */
.logo-windows {
  color: #333;
}

/* line 460, ../sass/style.scss */
.logo-microsoft {
  color: #333;
}

/* line 464, ../sass/style.scss */
.logo-apple {
  color: #999;
}

/* line 467, ../sass/style.scss */
.logo-google {
  color: #fc2c25;
}

/* line 470, ../sass/style.scss */
.logo-instagram {
  color: #cc00ae;
}

/* line 473, ../sass/style.scss */
.logo-snapchat {
  color: #fffc00;
}

.logo-spotify {
  color: #1db954;
}

.logo-telegram {
  color: #24A1DE;
}

/* line 476, ../sass/style.scss */
.logo-youtube {
  color: #dc2c28;
}

/* line 479, ../sass/style.scss */
.logo-whatsapp {
  color: #4ac659;
}

/* line 482, ../sass/style.scss */
.logo-pinterest {
  color: #dc2c28;
}


/*  updates 2-17-2020  */
#updated_timestamp {
  display: block;
  clear: both;
}  
#full_report {
  margin: 5px 10px 5px 0px !important;
}