/* --------------------------------- FONTS -------------------------------- */
/* --------------------------------- COLOURS ----------------------------- */
/** Boldly original blue/green palette **/
/** Boldly multi-colour palette       **/
/** Boldly grayscale palette          **/
/* Cool Steel #3B3B41 */
/*0F0A0A*/
/*333*/
/*666*/
/*CCC*/
/** Mixing and matching colours       **/
/** Colours for buttons and alerts    **/
/* --------------------------------- MIXIN -------------------------------- */
@keyframes scroll-prompt-animation {
  0% {
    opacity: 0.2; }
  50% {
    opacity: 0.8; }
  100% {
    opacity: 0.2; } }
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff4949+0,2e99ff+100 */
/* --------------------- LOCATIONS LIBRARY ------------------------ */
#locations h2 {
  text-align: center; }

#locations h4 {
  font-family: "StrokeWeight", "Calibri", "Helvetica Neue", sans-serif;
  font-weight: bold; }

.tag-container {
  max-width: 81rem;
  margin: 0 auto;
  padding: 1rem; }
  .tag-container .counter {
    text-align: right; }

.locations-grid {
  max-width: 80rem;
  margin: 0 auto; }
  .locations-grid .location {
    -webkit-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    -moz-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    -ms-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    padding: 0; }
    .locations-grid .location a {
      display: block;
      margin: 0;
      padding: 0; }
      .locations-grid .location a:hover img {
        opacity: 0.5; }
  .locations-grid img {
    margin: 0;
    width: 100%;
    -webkit-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    -moz-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    -ms-transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01);
    transition: all 0.25s cubic-bezier(0.75, 0, 0.23, 1.01); }

.locations-tags {
  max-width: 80rem;
  margin: 0 auto; }

.locations-tags .col-4of12 {
  padding: 1rem; }

.tags-container .badge {
  margin: 0.25rem; }

.default-location {
  background-color: #222;
  text-align: center;
  height: 100%;
  position: relative; }
  .default-location a {
    position: absolute;
    display: block;
    padding-bottom: 0.5rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

/*# sourceMappingURL=locations.css.map */