.has-content-area img, main img, #footer img, .dropdown-menu img {
    transition: 0.15s filter linear, 0.15s -webkit-filter linear;
}

.has-content-area img:hover, main img:hover, #footer img:hover, .dropdown-menu img:hover {
    @-webkit-filter :brightness(80%);
    @-moz-filter :brightness(80%);
    @-oc-filter :brightness(80%);
    filter: brightness(80%);
}
  
.post-headline-lg .text-white:hover {
    color: white !important;
    text-decoration: underline;
}
  
.post-headline-lg {
    font-family: "Oswald", Impact, "Franklin Gothic", sans-serif;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0.1px;
    line-height: 34px;
    text-transform: uppercase;
}
  
  .post-headline-lg a:hover {
    color: black;
    text-decoration: underline;
  }
  
  a:hover {
    color: inherit;
  }
  
  .post-headline-md {
    font-family: "Oswald", Impact, "Franklin Gothic", sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.1px;
    line-height: 28px;
    text-transform: uppercase;
  }
  
  .post-headline-sm {
    font-family: "Oswald", Impact, "Franklin Gothic", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-transform: uppercase;
  }
  
  .caption-overlay {
    position: absolute;
    bottom: 0%;
    width: 95%;
    background: rgba(0, 0, 0, 0.6);
  }
  
  .bg-teal:hover {
    background-color: #2E9598;
    color: #ffffff;
  }
  
  .bg-yellow:hover {
    background-color: #F5CA69;
    color: #000000;
  }
  
  .bg-orange:hover {
    background-color: #E86541;
    color: #000000;
  }
  
  .bg-purple:hover {
    background-color: #732EB3;
    color: #ffffff;
  }
  
  .bg-fuchsia:hover {
    background-color: #A8216B;
    color: #000000;
  }
  
  .bg-blue:hover {
    background-color: #2E7398;
    color: #ffffff;
  }
  
  .bg-green:hover {
    background-color: #55851E;
    color: #ffffff;
  }
  
  .bg-brand {
    background-color: #CC1641;
  }
  
  .bg-black {
    background-color: black;
  }
  
  .zebra {
    background-color: #F1F1F1;
  }
  
  .bg-newsletter {
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../images/Newsletter.png") center center no-repeat;
    background-size: cover;
  }
  
  .bg-newsletter:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #FFA880, #BE3D62);
    opacity: .7;
  }
  
  /* Flatten main bootstrap components */
  .well, .navbar-inner, .popover, .btn, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav > .active > a, .dropdown-menu, .tooltip-inner, .badge, .label, .img-polaroid {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    border-collapse: collapse !important;
    background-image: none !important;
  }
  
  /* universal class to make things stick to bottom */
  .sticky-bottom {
    position: absolute;
    bottom: 0;
  }
  
  /* override for bootstrap bg-dark class */
  .bg-dark {
    background-color: #333 !important;
  }
  
  /* sticky nav */
  .sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
  }
  
  /* button styling */
  .btn-brand {
    color: #ffffff;
    background-color: #CC1641;
    border: 1px solid #CC1641;
  }
  
  .btn-brand:hover {
    color: #ffffff;
    background-color: #B3002B;
    border: 1px solid #B3002B;
  }
  
  .btn-grey {
    color: black !important;
    background-color: #E6E6E6;
    border: none;
    text-decoration: none !important;
  }
  .btn-grey:hover {
    color: white !important;
    background-color: #888888;
  }
  
  .btn-round {
    border-radius: 3px !important;
  }
  
  /* modal close text style override */
  .close {
    text-shadow: none;
  }
  
  /* styles for load more buttons */
  #loadmore {
    font-size: 20px;
    border: 2px black solid !important;
    padding: 16px;
    font-weight: 500;
    background-color: #efefef;
  }
  #loadmore i {
    font-size: 20px;
    color: inherit;
  }
  #loadmore:hover {
    background-color: #efefef;
  }