/* Standard Theme - Component Styles (Skin Layer) */
/* Contains color/shadow/radius overrides specific to the standard theme */

/* ========================================
   STANDARD THEME: Header / Navigation / Footer
   ======================================== */

body .header {
  background: var(--standard-primary);
}

body .header--fixed {
  background: var(--standard-primary);
}

/* ========================================
   STANDARD THEME: Non-Frontpage Header
   ======================================== */

body.frontpage .header--fixed {
  background: none;
}

body.frontpage .header {
  background: none;
}

body.frontpage .section__hero-content a:hover
{
  color: var(--standard-light);
}

body .nav-link {
  color: var(--standard-nav-color);
  border-color: transparent;
}

body .nav-link:hover,
body .nav-link--active {
  border-bottom: 2px solid var(--standard-accent);
  color: var(--standard-accent);
}

body footer {
  background-color: var(--standard-sand);
}

body footer .nav-link {
  color: var(--standard-primary);
  border-color: var(--standard-primary);
}

body footer .nav-link:hover {
  color: var(--standard-primary-hover);
}

/* ========================================
   STANDARD THEME: Buttons & Cards
   ======================================== */

body .button,
body input[type="submit"],
body .btn {
  background-color: var(--standard-primary);
  color: var(--standard-text-dark);
}

body .button:hover,
body input[type="submit"]:hover,
body .btn:hover {
  background-color: var(--standard-primary-hover);
}

body .card {
  background: var(--standard-bg-white);
  border-color: var(--standard-border-light);
  box-shadow: var(--standard-shadow-light);
}

body .card:hover {
  box-shadow: var(--standard-shadow-card);
}

/* ========================================
   STANDARD THEME: Blogposts
   ======================================== */

body .blogpost {
  background-color: var(--standard-bg-white);
  border-color: var(--standard-bg-subtle);
  box-shadow: var(--standard-shadow-light);
}

body .blogpost:hover {
  box-shadow: var(--standard-shadow-card);
  border-color: var(--standard-border-light);
}

body .blogpost:hover .blogpost-title {
  color: var(--standard-accent);
}

body .blogpost-date {
  color: var(--standard-accent);
}

/* ========================================
   STANDARD THEME: Forms
   ======================================== */

body .form-control {
  border-color: #d0d0d0;
  color: var(--standard-text-dark);
  background-color: var(--standard-bg-white);
}

body .form-control:focus {
  border-color: var(--standard-primary);
  box-shadow: 0 0 0 3px rgba(103, 177, 104, 0.1);
}

/* ========================================
   STANDARD THEME: Section & Theme Variants
   ======================================== */

body .section--themed {
  background-color: var(--standard-primary);
  color: var(--standard-text-light);
}

body .mobile-nav {
  background: var(--standard-primary);
}

/* ========================================
   STANDARD THEME: Footer Colors
   ======================================== */

body footer {
  background-color: var(--standard-sand);
}

body footer .nav-link {
  color: var(--standard-text-dark);
  border-color: var(--standard-primary);
}

body footer .nav-link:hover {
  color: var(--standard-primary-hover);
  border-color: var(--standard-primary-hover);
}

/* ========================================
   STANDARD THEME: Form Control Focus
   ======================================== */

body .form-control:focus {
  border-color: var(--standard-primary);
  box-shadow: 0 0 0 3px rgba(103, 177, 104, 0.1);
}

/* ========================================
   STANDARD THEME: Buttons
   ======================================== */

body .btn,
body input[type="submit"] {
  background-color: var(--standard-primary);
  border-color: var(--standard-primary);
}

body .btn:hover,
body input[type="submit"]:hover {
  background-color: var(--standard-primary-hover);
  border-color: var(--standard-primary-hover);
  box-shadow: 0 4px 12px rgba(103, 177, 104, 0.3);
}

/* ========================================
   STANDARD THEME: Navigation
   ======================================== */

body .nav-link--home {
  color: var(--standard-sand);
}

/* ========================================
   STANDARD THEME: Sections
   ======================================== */

body .section--header {
  padding-top:0;
}

body .section--sand {
  background-color: var(--standard-sand);
}

body .compat-msg {
  background: var(--standard-sand);
}

/* ========================================
   STANDARD THEME: Blogposts
   ======================================== */

body .blogpost:hover .blogpost-title {
  color: var(--standard-accent);
}

body .blogpost-date {
  color: var(--standard-accent);
}

body .blogposts-centered .blogpost + .blogpost {
  border-top: 1px solid var(--standard-sand);
}

body .blogpost-cat a {
  background-color: #f0f8f4;
  color: var(--standard-primary);
  border: 1px solid #d0e8d9;
}

body .blogpost-cat a:hover {
  background-color: var(--standard-primary);
  color: #fff;
  border-color: var(--standard-primary);
}

body .blogpost-compact:hover .blogpost-compact__title {
  color: var(--standard-primary);
}

body .blogpost-compact__date {
  color: var(--standard-accent);
}

/* ========================================
   STANDARD THEME: Pagination
   ======================================== */

body .pagination .nav-link:hover:not(.nav-link--disabled) {
  background-color: var(--standard-primary);
  color: #fff !important;
  border-color: var(--standard-primary);
  box-shadow: 0 4px 12px rgba(103, 177, 104, 0.25);
}

body .pagination .nav-link--active {
  background-color: var(--standard-primary);
  color: #fff !important;
  border-color: var(--standard-primary);
  box-shadow: 0 4px 12px rgba(103, 177, 104, 0.25);
}

/* ========================================
   STANDARD THEME: Images & Sub-Navigation
   ======================================== */

body .container img {
  border: 1px ridge var(--standard-primary);
}

body .sub-navigation-toggle {
  background-color: var(--standard-bg-white);
  border-color: var(--standard-border-light);
  color: var(--standard-text-dark);
}

body .sub-navigation-toggle:hover,
body .sub-navigation-toggle.is-open {
  border-color: var(--standard-primary);
}

body .sub-navigation-toggle__icon::before {
  color: var(--standard-primary);
}

body .sub-navigation-content a.nav-link:hover {
  border-left-color: var(--standard-primary);
}

body .sub-navigation-content a.nav-link--active {
  border-left-color: var(--standard-primary);
  color: var(--standard-text-dark);
}

/* ========================================
   STANDARD THEME: Links & Utility Colors
   ======================================== */

body a {
  color: var(--standard-accent);
}

body a:hover {
  color: var(--standard-accent-hover);
}

body article a,
body article a:visited,
body .employee-grid__item__email {
  color: var(--standard-accent);
}

body .font-main-color {
  color: var(--standard-primary);
}

body .font-link-color {
  color: var(--standard-accent);
}

body .bg-main-color {
  background-color: var(--standard-primary);
  color: #fff;
}

body .bg-secondary-color {
  background-color: var(--standard-primary-hover);
  color: #fff;
}

body .border-main-color {
  border-color: var(--standard-primary);
}

body .button--border {
  color: var(--standard-primary);
  border-color: var(--standard-primary);
}

body .button--border:hover {
  border-color: var(--standard-primary-hover);
}

body .button--border--solid {
  background-color: var(--standard-primary);
  color: #fff;
  border-color: var(--standard-primary);
}

body .button--border--solid:hover {
  background-color: var(--standard-primary-hover);
  border-color: var(--standard-primary-hover);
}