/* Site-wide styles, moved out of loco-2's base.html <style> block. */
::selection {
  background-color:#C85409;
  color:white;
}
@media (min-width: 992px) and (max-width:1200px ) {
    #header {
        margin-left:-28px;
    }
}
nav.navbar {
    margin-bottom:0px;
}
navbar {
   border-radius: 0px;
}
    nav#main-nav a:hover {
   background-color: #101010;
    }
    .opengraph-card {
   padding:1em;
   border: 1px solid #ccc;
   border-radius: 10px;
   max-width:550px;
   margin: 0 auto;
    }
    .opengraph-card img {
   border: 1px solid #eee;
   border-radius: 5px;
    }
    .opengraph-card:hover {
   background-color: #eee;
    }
    .opengraph-card a {
   color:black;
   text-decoration:none; 
    }
    @media (max-width:768px) {
   .opengraph-card {
       width:100%;
   }
    }
    @media (max-width: 992px) {
 .navbar-header {
   float: none;
 }
 .navbar-left,.navbar-right {
   float: none !important;
 }
 .navbar-toggle {
   display: block;
 }
 .navbar-collapse {
   border-top: 1px solid transparent;
   box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
 }
 .navbar-fixed-top {
   top: 0;
   border-width: 0 0 1px;
 }
 .navbar-collapse.collapse {
   display: none!important;
 }
 .navbar-nav {
   float: none!important;
   margin-top: 7.5px;
 }
 .navbar-nav>li {
   float: none;
 }
 .navbar-nav>li>a {
   padding-top: 10px;
   padding-bottom: 10px;
 }
 #main-nav .collapse.in {
   display:block !important;
   margin-top:51px;  
 }
 #main-nav .navbar-collapse.collapsing {
   display:block !important;
   margin-top:51px;
 }
    }
    #content {
   margin-top:1em;
    }
    #navbar a {
   color: #fff;
    }
    #navbar .dropdown-menu {
   background-color:#fff !important;
    }
    #navbar .dropdown-menu > li > a {
   color:#333;
    }
    #second-navbar {
  font-size: 1em;
  border-bottom: 1px solid #eee;
  padding-left:0px;
    }
    #second-navbar li:first-child {
  border-left: 1px solid #eee;
  min-height: 31px;
    }
    #second-navbar li {
  border-right: 1px solid #eee;
    }
    #second-navbar li a {
  padding-top:5px;
  padding-bottom:5px;
    }

.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.social-media-panel {
    border-width:3px;
}
.social-media-panel .col-xs-3:hover {
    background-color:#eee;
}
.social-media-panel .panel-body {
    padding:15px 8px;
}
.social-media-panel {
    color: inherit;
    text-decoration:none;
}
twitter-widget {
    margin:0 auto !important;
}
@media (max-width: 786px){
  #below-text-ad, .reel-vertise {
    margin-left:-15px;
    margin-right:-15px;
  }
}
@media (min-width: 786px) {
  #below-text-ad  {
    border: 1px dotted #222;
    padding: 1em;
    padding-left:4px;
    padding-right:4px;
    margin-top:2em;
    text-align:center;
  }
}
#below-text-ad img {
    margin:0px;
}
.mobile-text-unit{
    margin-bottom:1em;
    background-color:white;
}
@media(max-width:991px) {
  .mobile-text-unit {
    width: 98vw;
    margin-left: -49.5vw;
    margin-right: -49.5vw;
    position: relative;
    left: 50%;
    right: 50%;
  }
}
table.electiontable tr td, table-table-condensed tr th {
    width:25%;
}
table.electiontable tr td:first-child, table-table-condensed tr th:first-child {
    width:50%;
}
div.line-behind h6, div.line-behind p {
   margin: 5px auto;
   padding: 5px 10px;
   text-align:center;
   width: auto;
   border: 2px solid #068068;
   display: inline-block;
   border-radius: 5px;
   background-color:#fff;
}
div.line-behind h6 {
   font-family: 'Yanone Kaffeesatz', serif;
   font-size: 32px;
   font-weight: 400;
   letter-spacing: 1px;
}
div.line-behind {
  width: auto;
  position: relative;
  text-align: center;
  z-index: 1;
}
div.line-behind span {
  content: " ";
  border-top: 1px solid #068068;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  z-index: -1;
}
div#whisper-anchor + div {
    margin-bottom: 60px !important;
}