/******************************************************************

Stylesheet: Block Style
Block: Ansatte

******************************************************************/
/******************************************************************

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

*******************************************************************


/*********************
COLORS
*********************/
/*********************
FONT SIZES
*********************/
/*********************
PADDINGS
*********************/
/*********************
MEDIA SIZES
*********************/
/*********************
WRAP SIZES
*********************/
.ansatte .grid-skin-large {
  display: flex;
  flex-direction: column; }

.ansatt {
  margin-bottom: 20px; }
  .ansatt .ansatt-bilde {
    line-height: 0;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 2px 10px 0 rgba(45, 42, 38, 0.1);
    overflow: hidden; }
    .ansatt .ansatt-bilde img {
      width: 100%;
      height: auto; }
  .ansatt .ansatt-info {
    background: #fff;
    padding: 20px;
    font-size: .9em;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 10px 0 rgba(45, 42, 38, 0.1); }
    .ansatt .ansatt-info > * {
      margin: 0; }
    .ansatt .ansatt-info a {
      text-decoration: none;
      position: relative;
      display: inline-block;
      padding: 0 0 4px;
      font-weight: 600; }
      .ansatt .ansatt-info a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #daaa00; }
      .ansatt .ansatt-info a:hover {
        color: #daaa00; }
    .ansatt .ansatt-info .navn {
      margin: 0; }
    .ansatt .ansatt-info .tittel {
      margin: 0 0 10px; }
  .ansatt:last-child {
    margin-bottom: 0; }

@media (min-width: 480px) {
  .ansatte .grid-skin-large {
    flex-direction: row;
    flex-wrap: wrap; } }