// Schomburg Insurance Agency Custom Less

// Colors
@primary: #b01224;
@secondary: #002b7c;
@black: #080808;
@muted: #f8f8f8;
@white: #fff;

// Fonts

// Overlays

.black_overlay {
    &-xlight {
      background: rgba(8, 8, 8, .3);
    }
  
    &-light {
      background: rgba(8, 8, 8, .5);
    }
  
    &-medium {
      background: rgba(8, 8, 8, .65);
    }
  
    &-dark {
      background: rgba(8, 8, 8, .8);
    }
  }
  
.white_overlay {
    &-xlight {
      background: rgba(255, 255, 255, .3);
    }

    &-light {
      background: rgba(255, 255, 255, .5);
    }

    &-medium {
      background: rgba(255, 255, 255, .65);
    }

    &-dark {
      background: rgba(255, 255, 255, .8);
    }
}

// Navbar

.tm-toolbar {
  padding: 20px 0px;
}

.tm-header {
  .uk-navbar-left {
    height: 80px;
    a {
      position: absolute;
      top: -80px;
      
      img {
        height: 50px;
        width: auto;
      }
    }
  }
}

.tm-header {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 0 0 rgba(0, 0, 0, 0.12);
}


// Global Styles

.padding-remove {
  &-left {
    padding-left: 0px;
  }
  &-top {
    padding-top: 0px;
  }
  &-right {
    padding-right: 0px;
  }
  &-bottom {
    padding-bottom: 0px;
  }
}

.uk-card.uk-card-default {
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
}

a:hover .uk-card.uk-card-default {
  box-shadow: 0 8px 18px rgba(0,0,0,.14);
}

// Headers
.home-header {
    .h1-target {

        color: white;

        span {
            display: block;
        }

        span:first-child {
            font-size: 2.25rem;
        }
    }
}

.main-header {
  .h1-target {
    span {
      display: block;
    }

    span:first-child {
        font-size: 2.25rem;
    }
  }
}

// Section Styles

.last-section {
  .white_overlay-light {
    position: absolute;
    max-width: 1300px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

#subpage .widget-menu {
  li {
    padding: 5px 12px;
    margin: 0px;

    &:hover {
      background-color: @secondary;
      
      a {
        color: white;
      }
    }
  } 
}

#gform_2 {
  input, select {
    background-color: white;
  }

  .gform_footer {
    padding-bottom: 0px;
  }

  #gform_submit_button_2 {
    background-color: @primary !important;
    color: white;
    width: 100%;
    margin-bottom: 0px;
  }
}

.uk-tile-secondary, .uk-section-secondary {
  a.uk-link-reset {
    text-decoration: underline @primary !important;
  }
}