/*  testimonials */

.test-block {
  .view-content {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) );
    gap: 1rem;
    text-align: center;

    .views-row {
      border: 1px solid black;
      border-bottom: 2px solid var(--gbd_primary);
      margin: 1rem 0;
      background:white;
      padding: 1rem;
      position: relative;
    }

    .views-field-title {
      color: var(--gbd_primary);
      font-size: .9rem;
      h3 {
        margin-bottom: 0;
      }
    }

    .views-field-body {
      padding: 2rem;
      text-align: left;
    }
    .views-field-field-year-month {
      font-style: italic;
      font-size: .7rem;
    }
    a {
      color: var(--gbd_primary);
      text-decoration: none
    }
    .views-field-view-node {
      position: absolute;
      bottom: .5rem;
      right: .5rem;
      font-size: .8rem;
    }
  }
}

.view-testimonials {
  .all-testimonial {
    margin: 2rem;
    padding: 1rem;
    position: relative;
    border: 2px solid rgba(75,125,133, .2);

    &:hover {
      transform: translateY(10px);
      transition: 1s ease-in-out;
    }
    &::before {
      content:' " ';
      position: absolute;
      font-size: 7rem;
      font-family: "PT Sans", sans-serif;
      font-weight: 400;
      color: var(--gbd_primary);
      top: -4rem;
      left: -40px;
    }
    &::after {
      content:' " ';
      position: absolute;
      font-size: 7rem;
      font-family: "PT Sans", sans-serif;
      font-weight: 400;
      color: var(--gbd_primary);
      bottom: -7rem;
      right: -40px;
    }
  }

  .views-field-field-year-month {
    font-style: italic;
  }
}

/****  galleries ****/

.view-gallery {
  .views-row {
    border-bottom: 4px solid var(--gbd_primary);
    margin: 1rem;
  }
}

.view-gallery {
  .view-content {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
    text-align: center;

    .views-row {
      border-bottom: 2px solid var(--gbd_primary);
      margin: 1rem;
    }

    .views-field-name {
      color: var(--gbd_primary);
      background:white;

      h3 {
        margin-bottom: 0;
      }

      &:hover {
        /* background: var(--gbd_primary);
        color: white;*/
        color: black;
      }
    }
    .views-field-field-description {
        background:white;
      }
    }
  }

/****  team ****/

.view-personel {
  margin-bottom: 2rem;


  h2 a {
    text-decoration: none;
    padding-bottom: 0;
  }
  .field--name-field-position {
    font-weight: bold;
  }
}


.views-field-field-position {
  h3 {
    font-size: 1.5rem;
  }
}
.views-field-view-node {
  margin-bottom: 1rem;
  a {
    text-decoration: none;
    padding: .5rem;

    border: 1px solid var(--gbd_primary);
  }
}

/****  featured block  ****/

.view-featured-services {
  .view-content {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(250px, 1fr) );
    gap: 3rem;
    text-align: center;
    margin-bottom: 2rem;;

    .views-row {
      border-bottom: 10px solid var(--gbd_primary);
      margin: 1rem 0;
      background: white;
    }
  }
}

.featured-service {
  position: relative;
  a {
    text-decoration: none;
    color: var(--gbd_primary);

    &:hover {
      color: var(--gbd_shade);
    }
  }
  .detail {
    background-color: rgba(255,255,255,0.7);
    padding: .5rem;

    h4 {
      text-transform: uppercase;
      font-size: 1rem;
      font-weight: bold;
    }
  }
  .icon {
    width: 80px;
    position: absolute;
    top: 1rem;
    left: 1rem;

    img {
      max-width: 80px;
    }
  }
  img:hover {

  }
}


/*  blog */

.view-blog {
  a {
    text-decoration: none;
  }
  .view-content {
    display: grid;
    grid-template-columns: repeat( 3, 1fr );

    .views-row {
      border-bottom: 2px solid var(--gbd_primary);
      margin: 1rem;
    }
    .views-field-created {
      font-size: 11px;
      font-style: italic;
      border-bottom: 1px solid hsl(230,2%,80%);
      width: 100%;
      margin-bottom: 5px;
    }
    .views-field-field-temakor {
      color: var(--gbd_shade);
      position:relative;
      font-size: .9rem;
      a {
        color: var(--gbd_shade);
        padding-left: .8rem;
        font-style: italic;
        font-weight: bold;
        position:relative;

        &:before {
        position: absolute;
        content: '#';
        top: 0;
        left: 0;
        }
      }
    }
  }
}


.front-services p {
  background-color: white;
  box-shadow:1px 1px 1px #bbb;
  padding: 1rem;
  margin: 1rem;
  border-bottom: 10px solid var(--gbd_primary);
  font-size: 1.6rem;

  &:first-child {
    margin-top: 0;
  }
  a {
    text-decoration: none;
    text-transform: uppercase;
    color: var(--gbd_darkblue);
    font-weight: 500;

    &:hover {
      color: var(--gbd_accent);
    }
  }
}