/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.section-locations .locations-wrapper {
  display: grid;
  gap: 2em;
  grid-template-columns: 1fr; }
  @media (min-width: 768px) {
    .section-locations .locations-wrapper {
      grid-template-columns: repeat(2, 1fr); } }
  .section-locations .locations-wrapper .location-group {
    padding: 1em;
    background-color: var(--oudgoud-gray); }
    .section-locations .locations-wrapper .location-group .location-title {
      display: block;
      font-weight: 500; }
    .section-locations .locations-wrapper .location-group .locations .location-item {
      display: block;
      margin-bottom: 1em;
      position: relative;
      padding-left: 1.5em; }
      .section-locations .locations-wrapper .location-group .locations .location-item:last-child {
        margin-bottom: 0; }
      .section-locations .locations-wrapper .location-group .locations .location-item:before {
        content: '\e914';
        font-family: Icomoon;
        position: absolute;
        color: var(--gold);
        left: 0;
        font-size: 16px;
        transition: left .3s ease-in-out; }
      .section-locations .locations-wrapper .location-group .locations .location-item:hover {
        text-decoration: none; }
        .section-locations .locations-wrapper .location-group .locations .location-item:hover:before {
          left: 5px; }

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