// commented out all of the $color-maps and $color variables and moved inside the theme under sedona selector
// sedona $color vars - > assets/scss/theme/aliases
// this will fix the style edior issue when we add new color pallete

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text&family=Nunito+Sans:wght@400;600;900&display=swap');

$regular-text: #000;
$input-border: #E8E8E8;
$input-error: #D81821;
$placeholder-text: #717171;
$placeholder-focus: #4A4A4A;

body {
  -webkit-font-smoothing: antialiased;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: $regular-text;
  overflow-x: hidden;
}

// $color-map: (color-x23-agg-1: (color1: #0F303F,
//         color2: #D81820,
//         color3: #616060,
//         color4: #e0e0e0,
//         color5: #FF7F00,
//     ),
//     color-x23-agg-2: (color1: #2A024D,
//         color2: #FF9D00,
//         color3: #616060,
//         color4: #e0e0e0,
//         color5: #E80C0C,
//     ),
//     color-x23-agg-3: (color1: #3A3838,
//         color2: #F26522,
//         color3: #616060,
//         color4: #e0e0e0,
//         color5: #FFC000,
//     ),
//     color-x23-agg-4: (color1: #000000,
//         color2: #DF151E,
//         color3: #616060,
//         color4: #e0e0e0,
//         color5: #FFC000,
//     ),
//     color-x23-agg-5: (color1: #293246,
//         color2: #B8CD03,
//         color3: #616060,
//         color4: #e0e0e0,
//         color5: #FF7F00,
//     ),
//     color-x23-agg-6: (color1: #2C2C2C,
//         color2: #3CD0EB,
//         color3: #616060,
//         color4: #e0e0e0,
//         color5: #F98903,
//     ),
//     color-x23-agg-7: (color1: #000000,
//         color2: #DBA12D,
//         color3: #616060,
//         color4: #e0e0e0,
//         color5: #E10000,
//     ),
//     color-x23-agg-8: (color1: #1F206D,
//         color2: #0CD2D1,
//         color3: #616060,
//         color4: #e0e0e0,
//         color5: #FFB900,
//     ),
//     color-x23-comp-1: (color1:#57422F,
//         color2:#CD8C4B,
//         color3:#F0EFE5,
//         color4:#e0e0e0,
//         color5:#FF7F00,
//     ),
//     color-x23-comp-2: (color1:#585F57,
//         color2:#CCB325,
//         color3:#F0EFE5,
//         color4:#e0e0e0,
//         color5:#FF7F00,
//     ),
//     color-x23-comp-3: (color1:#62341C,
//         color2:#D67741,
//         color3:#F0EFE5,
//         color4:#e0e0e0,
//         color5:#FF9D00,
//     ),
//     color-x23-comp-4: (color1:#574747,
//         color2:#E5521F,
//         color3:#F0EFE5,
//         color4:#e0e0e0,
//         color5:#FFA91E,
//     ),
//     color-x23-comp-5: (color1:#6B4326,
//         color2:#BAB64B,
//         color3:#F0EFE5,
//         color4:#e0e0e0,
//         color5:#FF7F00,
//     ),
//     color-x23-comp-6: (color1:#310F1F,
//         color2:#FF9C6C,
//         color3:#F0EFE5,
//         color4:#e0e0e0,
//         color5:#CB1300,
//     ),
//     color-x23-comp-7: (color1:#310F1F,
//         color2:#86B5BB,
//         color3:#F0EFE5,
//         color4:#e0e0e0,
//         color5:#FF915C,
//     ),
//     color-x23-comp-8: (color1:#1B303E,
//         color2:#BD4F50,
//         color3:#F0EFE5,
//         color4:#e0e0e0,
//         color5:#60B2BD,
//     ),
//     color-x23-comp-9: (color1:#42412D,
//         color2:#B5B381,
//         color3:#F0EFE5,
//         color4:#e0e0e0,
//         color5:#FF8144,
//     ),
//     color-x23-trad-1: (color1:#464230,
//         color2:#90B626,
//         color3:#F0EDEB,
//         color4:#e0e0e0,
//         color5:#FF8000,
//     ),
//     color-x23-trad-2: (color1:#002D42,
//         color2:#00ADEF,
//         color3:#F0EDEB,
//         color4:#e0e0e0,
//         color5:#FFC000,
//     ),
//     color-x23-trad-3: (color1:#1E4865,
//         color2:#BDB464,
//         color3:#F0EDEB,
//         color4:#e0e0e0,
//         color5:#FF7F00,
//     ),
//     color-x23-trad-4: (color1:#04364E,
//         color2:#7CB0D3,
//         color3:#F0EDEB,
//         color4:#e0e0e0,
//         color5:#FF7F00,
//     ),
//     color-x23-trad-5: (color1:#5D1601,
//         color2:#CCAA67,
//         color3:#F0EDEB,
//         color4:#e0e0e0,
//         color5:#FF6320,

//     ),
//     color-x23-trad-6: (color1:#172242,
//         color2:#DA6A39,
//         color3:#F0EDEB,
//         color4:#e0e0e0,
//         color5:#C90D31,
//     ),
//     color-x23-trad-7: (color1:#4F4E4E,
//         color2:#D3A335,
//         color3:#F0EDEB,
//         color4:#e0e0e0,
//         color5:#C6451A,
//     ),
//     color-x23-trad-8: (color1:#1D1145,
//         color2:#0DB4B9,
//         color3:#F0EDEB,
//         color4:#e0e0e0,
//         color5:#F3B527,
//     ),
//     color-x23-trad-9: (color1:#193227,
//         color2:#4BB685,
//         color3:#F0EDEB,
//         color4:#e0e0e0,
//         color5:#FF9D00,
//     ),
//     color-x23-trad-10: (color1:#36303E,
//         color2:#D33B3B,
//         color3:#F0EDEB,
//         color4:#e0e0e0,
//         color5:#F9B311,
//         ),
//     color-x23-neu-blue-orange: (color1:#24567F,
//         color2:#E2612B,
//         color3:#4a4a4a,
//         color4:#F8F8F8,
//         color5:#5294F2,
//     ),
//     color-x23-neu-gray-red: (color1:#2D2D2D,
//         color2:#89121C,
//         color3:#4a4a4a,
//         color4:#F8F8F8,
//         color5:#3652A0,
//     ),
//     color-x23-neu-green-orange: (color1:#016565,
//         color2:#CF7400,
//         color3:#4A4A4A,
//         color4:#F8F8F8,
//         color5:#5C8DB0,
//     ),
//     color-x23-neu-red-blue: (color1:#8C3928,
//         color2:#3652A0,
//         color3:#4a4a4a,
//         color4:#F8F8F8,
//         color5:#EB773D,
//     ));

// @each $label,
// $color in $color-map {
//   $color1: map-get($color, 'color1');
//   $color2: map-get($color, 'color2');
//   $color3: map-get($color, 'color3');
//   $color4: map-get($color, 'color4');
//   $color5: map-get($color, 'color5');

//   .#{$label} {

.section {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'DM Serif Text', serif;
    font-weight: 400;
    margin-bottom: 1rem;
  }

  h1 {
    font-size: 56px;
    line-height: 3rem;
  }

  h2 {
    font-size: 38px;
    line-height: 46px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  p {
    margin-bottom: .5rem;

    &:empty {
      display: none;
    }
  }

  .component__title {
    margin-bottom: 1rem !important;
  }

  .component__subtitle {
    margin-bottom: 1.25rem !important;
  }

  .component__link--1,
  .component__link--2,
  .component__link--3,
  .editable__container a,
  .blade-a__readmore a,
  .featuredarticle__link {
    padding: .1rem;
    // background-image: linear-gradient(to right, $color5 0, $color5 100%);
    background-position: 0 -0.1em;
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition: background .5s;
    text-decoration: underline;
    margin-bottom: .5rem;

    &:hover {
      background-size: 100% 100%;
      text-decoration: none;
    }
  }

  .logo-a {
    margin: 0;
  }

  .cta {
    padding: 8px 0;

    &__button {
      margin: 0;
    }
  }

  .blade-a__readmore a,
  .featuredarticle__link {
    text-decoration: none;
    position: relative;
    padding-right: 15px;

    &:after {
      content: '\f101';
      display: inline-block;
      font: normal normal normal 14px/1 font-awesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      right: 0;
      top: 5px;
    }
  }

  .featuredarticles {

    &.layout--12,
    &.layout--8,
    &.layout--6,
    &.layout--4 {
      .featuredarticle__link {
        &:hover {
          text-decoration: none;
        }
      }
    }
  }

  .component__title:not(.staff-member__name),
  .form__title {
    font-family: 'DM Serif Text', serif;
    font-weight: 400;
    font-size: 48px;
    letter-spacing: -0.6px;
  }

  .component__subtitle,
  .form__caption {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 1px;
  }

  p,
  .component__p {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
  }

  // input,
  // select,
  // textarea {
  //   border: 3px solid $input-border;
  //   padding: 8px 20px;
  //   width: 100%;
  //   margin-bottom: .8rem;
  //   background: none;

  //   &:focus {
  //     outline: none;
  //   }

  //   &.has-error {
  //     border: 3px solid $input-error;
  //   }
  // }

  // input,
  // textarea {
  //   &::placeholder {
  //     color: $placeholder-text;
  //   }

  //   &:focus::placeholder {
  //     color: $placeholder-focus;
  //   }
  // }

  // select {
  //   color: $placeholder-focus;
  //   -webkit-appearance: none;
  // }

  // .select_wrapper {
  //   position: relative;

  //   &:before,
  //   &:after {
  //     content: '';
  //     width: 8px;
  //     height: 2px;
  //     background: $placeholder-focus;
  //     position: absolute;
  //     top: 1.5rem;
  //     z-index: 10;
  //   }

  //   &:before {
  //     right: 1rem;
  //     transform: rotate(42deg);
  //   }

  //   &:after {
  //     right: .7rem;
  //     transform: rotate(-42deg);
  //   }
  // }

  // .error_container .error {
  //   color: $input-error;
  // }

  // .form-input-uploadFile .fileUpload+label {
  //   border: 3px solid $input-border;
  //   border-radius: 0;
  // }

  // .form-input-uploadFile .fileUpload+label>span {
  //   padding: 8px 20px;
  // }

  // .form-input-uploadFile span.status-label:before {
  //   right: 110px;
  //   width: 3px;
  //   background: $input-border;
  // }

  // form {
  //   margin-bottom: 1rem;

  //   ul,
  //   ol,
  //   dl {
  //     list-style-position: inside;
  //   }
  // }

  .cta__button,
  .component__button--1,
  .component__button--2,
  .component__button--3,
  .cta__button--icon,
  .form-wrap__submit input,
  .map-a .map-search__submit {
    font-family: 'DM Serif Text', serif;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 8px 52px;
    border-radius: 0;
    transition: all 0.2s ease 0s;

    &:hover {
      transform: translate(5px, 5px);
    }
  }

  .map-a .map-search__submit {
    transition: none;

    &:hover {
      transform: none;
    }
  }

  .cta__button--icon {
    display: inline-block;
    line-height: 1.2;
  }
}

.phone__wrapper {
	.row.justify-content-end {
		text-align: right;
	}
	
	.phone__title.component__title {
		display: block;
		margin: 0 0 8px !important;
		font-size: 20px;
	}
	
	.phone__city,
	.phone__setting-title {
		padding: 0;
		margin: 0 0 8px;
		font-size: 16px;

	}
	
	.phone__setting-title {
		display: inline-block;
		margin-right: 8px;
	}
	
	.phone__number {
		display: inline-block;
		margin: 0 0 8px;
		font-size: 18px;
		line-height: 1.5;
	}
}


.section {

  .alias-header_logo,
  .alias-header_logo_sticky {
    padding-bottom: 18px;
  }
}

.section-blade .blade-a__readmore {
  margin-bottom: 0.5rem;
}

.blade-a {
  position: relative;
  overflow: hidden;
}

.section {
  .banner {
    .banner-c__title {
      font-size: 56px;
      margin: 0 auto;
      line-height: 1.2 !important;
      white-space: nowrap;
      overflow: hidden;
      animation: typewriter 4s steps(44) 1s 1 normal both;
    }

    .text-right {
      .banner-c__title {
        text-align: center !important;
      }
    }

    @keyframes typewriter {
      from {
        width: 0;
      }

      to {
        width: 100%;
      }
    }

    .component__button--1.cta__button,
    .component__button--2.cta__button,
    .component__button--3.cta__button {
      width: auto;
      font-family: 'DM Serif Text', serif;
      font-weight: 400;
      font-size: 18px;
      letter-spacing: 2px;
    }
  }
}

.section-banner {
  .section--dark {
    .form__title {
      // color: $color2;
    }

    .form__caption,
    .label_container label,
    .leadFormInfo {
      color: $regular-text;
    }

    .form-wrap__submit input {
      font-weight: 400;
      line-height: 1.2;
      width: auto;
      height: auto;
      padding: 6px 52px;
      color: #fff;
      // border: 2px solid $color5;
      // background: $color1;
      // box-shadow: $color5 5px 5px 0 0;

      &:hover {
        // box-shadow: $color5 0 0 0 0;
      }
    }
  }

  .section--light {

    .form__title,
    .form__caption,
    .label_container label,
    .leadFormInfo {
      // color: #fff;
    }

    .form__group .input_container input,
    .form__group .input_container select,
    .form__group .input_container textarea {
      // background: #fff;
    }

    // .form-wrap__submit input {
    //   font-weight: 400;
    //   line-height: 1.2;
    //   width: auto;
    //   height: auto;
    //   padding: 6px 52px;
    //   color: #fff;
    //   border: 2px solid #fff;
    //   // background: $color5;
    //   box-shadow: #fff 5px 5px 0 0;

    //   &:hover {
    //     box-shadow: #fff 0 0 0 0;
    //   }
    // }
  }
}

.section-staff {
  .staff-member__prefix,
	.staff-member__first-last,
	.staff-member__suffix {
		font-size: 24px;
	}

  .staff-b--12 .component__title-caption-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .staff-grid .staff-member__text {
    .col-sm-12.justify-content-center {
      justify-content: flex-start !important;
    }

    display: flex;
  }

  .staff-grid .staff__item {

    .component__link--1,
    .component__link--2,
    .component__link--3 {
      width: auto;
    }
  }



  .staff-c .staff__item {

    .component__link--1,
    .component__link--2,
    .component__link--3 {
      padding: .1rem;
    }

    .component__button--1,
    .component__button--2 {
      padding: 8px 52px;
    }
  }
}


.section--dark {
  .navigation-a .navigation__list--sub {
    // background: $color1 !important;

    .navigation__item {
      padding: 10px 12px;

      &.navigation-open {
        .navigation__item--link {
          background: none;
          color: #fff !important;

          &:after {
            border-color: transparent transparent transparent #fff !important;
          }

          &:hover {
            // background: lighten($color1, 20%) !important;
          }
        }
      }

      &--link {
        padding: 5px;
        text-transform: uppercase;
        font-weight: 600;
        position: relative;

        &:hover {
          color: #fff !important;
          // background: lighten($color1, 20%) !important;
        }
      }
    }
  }

  .editable__container a {
    color: #fff;
    text-decoration: none;

    &:hover {
      color: #fff;
    }
  }

  .component__button--1 {
    width: auto;
    // color: $color2 !important;
    background: #fff;
    // box-shadow: $color2 5px 5px 0 0;
    border: none;

    &:hover {
      // color: $color2 !important;
      background: #fff;
      // box-shadow: $color2 0 0 0 0;
      border: none;
    }
  }

  .cta__button.component__button--1 {
		// color: $color2 !important;
	}

  .component__button--2 {
    width: auto;
    // color: $color5 !important;
    background: #fff;
    // box-shadow: $color5 5px 5px 0 0;
    border: none !important;

    &:hover {
      // color: $color5 !important;
      background: #fff !important;
      // box-shadow: $color5 0 0 0 0;
      border: none !important;
    }
  }

  .component__button--3 {
    width: auto;
    padding: 6px 52px;
    color: #fff !important;
    // background: $color5 !important;
    box-shadow: #fff 5px 5px 0 0;
    border: 2px solid #fff !important;

    &:hover {
      color: #fff !important;
      // background: $color5 !important;
      box-shadow: #fff 0 0 0 0;
      border: 2px solid #fff !important;
    }
  }

  .banner {

    &:not(.terrier) .cta__link:hover,
    &:not(.terrier) .cta__link--icon:hover {
      color: #fff;
    }

    .component__button--1.cta__button,
    .component__button--1.cta__button--icon {
      // color: $color2;
      background: #fff;
      // box-shadow: $color2 5px 5px 0 0;
      border: none;

      &:hover {
        // color: $color2;
        background: #fff;
        // box-shadow: $color2 0 0 0 0;
        border: none;
      }
    }

    .component__button--2.cta__button,
    .component__button--2.cta__button--icon {
      // color: $color5 !important;
      background: #fff !important;
      // box-shadow: $color5 5px 5px 0 0;
      border: none !important;

      &:hover {
        // box-shadow: $color5 0 0 0 0;
      }
    }

    .component__button--3.cta__button,
    .component__button--3.cta__button--icon {
      padding: 6px 52px;
      color: #fff !important;
      // background: $color5 !important;
      box-shadow: #fff 5px 5px 0 0;
      border: 2px solid #fff !important;

      &:hover {
        box-shadow: #fff 0 0 0 0;
      }
    }
  }

  .staff__list {

    .component__button--1,
    .component__button--2,
    .component__button--3,
    .component__link--1,
    .component__link--2,
    .component__link--3 {
      &:hover {
        text-decoration: none;
      }
    }
  }

  .contact-us {
		p.leadFormInfo {
			color: #fff;
		}
	}
}

body .section--light {

  .editable__container p,
  .editable__container ol,
  .editable__container ul,
  .editable__container li,
  .editable__container td,
  .editable__container span {
    color: $regular-text;
  }
}

.section--light {
  .navigation-a .navigation__list--sub {
    background: white !important;

    .navigation__item {
      padding: 10px 12px;

      &.navigation-open {
        .navigation__item--link {
          background: none;
          color: black !important;

          &:after {
            border-color: transparent transparent transparent black !important;
          }

          &:hover {
            color: #fff !important;
            // background: lighten($color1, 20%) !important;

            &:after {
              border-color: transparent transparent transparent white !important;
            }
          }
        }
      }

      &--link {
        padding: 5px;
        text-transform: uppercase;
        font-weight: 600;
        position: relative;
        color: black;

        &:hover {
          color: #fff !important;
          // background: lighten($color1, 20%) !important;
        }
      }
    }
  }

  .component__title:not(.staff-member__name),
  .form__title {
    // color: $color2;
  }

  .component__title.staff-member__name,
  .component__subtitle,
  .form__caption {
    color: $regular-text;
  }

  .blade-a__readmore a,
  .editable__container a {
    color: $regular-text;

    &:hover {
      color: $regular-text;
    }
  }

  .featuredarticles {

    &.layout--12,
    &.layout--8,
    &.layout--6,
    &.layout--4 {
      .featuredarticle__link {
        color: $regular-text;

        &:hover {
          color: $regular-text;
        }
      }
    }
  }

  p,
  .component__p,
  .editable__container h1,
  .editable__container h2,
  .editable__container h3,
  .editable__container h4,
  .editable__container h5,
  .editable__container h6,
  .component__link--1,
  .component__link--2,
  .component__link--3 {
    color: $regular-text;
  }


  .navigation-a .navigation__item--link {
    color: $regular-text;

    &:hover {
      color: #fff;
    }
  }

  .component__button--1 {
    width: auto;
    color: #fff !important;
    // background: $color2 !important;
    // box-shadow: $color1 5px 5px 0 0;
    border: none !important;

    &:hover {
      color: #fff !important;
      // background: $color2 !important;
      // box-shadow: $color1 0 0 0 0;
      border: none !important;
    }
  }

  .component__button--2 {
    width: auto;
    color: #fff !important;
    // background: $color5 !important;
    // box-shadow: $color1 5px 5px 0 0;
    border: none !important;

    &:hover {
      color: #fff !important;
      // background: $color5 !important;
      // box-shadow: $color1 0 0 0 0;
      border: none !important;
    }
  }

  .component__button--3 {
    width: auto;
    padding: 6px 52px;
    color: #fff !important;
    // background: $color1 !important;
    // box-shadow: $color5 5px 5px 0 0;
    // border: 2px solid $color5 !important;

    &:hover {
      color: #fff !important;
      // background: $color1 !important;
      // box-shadow: $color5 0 0 0 0;
      // border: 2px solid $color5 !important;
    }
  }

  .banner {

    &:not(.terrier) .cta__link,
    &:not(.terrier) .cta__link--icon {
      color: $regular-text;

      &:hover {
        color: $regular-text;
      }
    }

    .component__button--1.cta__button,
    .component__button--1.cta__button--icon {
      color: #fff !important;
      // background: $color2 !important;
      // box-shadow: $color1 5px 5px 0 0;
      border: none !important;

      &:hover {
        color: #fff !important;
        // background: $color2 !important;
        // box-shadow: $color1 0 0 0 0;
        border: none !important;
      }
    }

    .component__button--2.cta__button,
    .component__button--2.cta__button--icon {
      color: #fff !important;
      // background: $color5 !important;
      // box-shadow: $color1 5px 5px 0 0;
      border: none !important;

      &:hover {
        color: #fff !important;
        // background: $color5 !important;
        // box-shadow: $color1 0 0 0 0;
        border: none !important;
      }
    }

    .component__button--3.cta__button,
    .component__button--3.cta__button--icon {
      padding: 6px 52px;
      color: #fff !important;
      // background: $color1 !important;
      // box-shadow: $color5 5px 5px 0 0;
      // border: 2px solid $color5 !important;

      &:hover {
        color: #fff !important;
        // background: $color1 !important;
        // box-shadow: $color5 0 0 0 0;
        // border: 2px solid $color5 !important;
      }
    }
  }
}

.section-form {
  .section--light {
    .form__title {
      // color: $color2;
    }

    .form__caption {
      color: $regular-text;
    }

    .form-wrap__submit input {
      // font-weight: 400;
      // line-height: 1.2;
      // width: auto;
      // height: auto;
      // padding: 6px 52px;
      // color: #fff !important;
      // border: 2px solid $color5 !important;
      // background: $color1 !important;
      // box-shadow: $color5 5px 5px 0 0;

      &:hover {
        // box-shadow: $color5 0 0 0 0;
      }
    }
  }

  .section--dark {
    pre {
      color: #fff;
    }

    // .leadForm {
    //   .form__name {
    //     color: #fff;
    //   }
    // }

    // .form__group .input_container input,
    // .form__group .input_container textarea {
    //   background: #fff;
    // }

    // .form-wrap__submit input {
    //   font-weight: 400;
    //   line-height: 1.2;
    //   width: auto;
    //   height: auto;
    //   padding: 6px 52px;
    //   color: #fff !important;
    //   border: 2px solid #fff !important;
    //   // background: $color5 !important;
    //   box-shadow: #fff 5px 5px 0 0;

    //   &:hover {
    //     color: #fff !important;
    //     border: 2px solid #fff !important;
    //     // background: $color5 !important;
    //     box-shadow: #fff 0 0 0 0;
    //   }
    // }
  }
}

.section-staff {
  .section--dark {

    .staff__title,
    .staff__caption {
      color: #fff;
    }
  }

  .section--light {
    .staff__title {
      // color: $color2;
    }
  }
}

.section-testimonials {
  .section--dark {
    .testimonials-d .flex-slider .flex-prev {
      left: -10px;
      margin-top: 50px;
    }

    .testimonials-d .flex-slider .flex-next {
      right: -10px;
      margin-top: 50px;
    }
  }
}

.section-map {
  .section--light {
    .map-a .map-search__submit {
      font-weight: 400;
      line-height: 1.2;
      width: auto;
      height: 100%;
      padding: 6px 12px;
      color: #fff;
      // border: 2px solid $color1;
      // background: $color1;

      &:hover {
        // border: 2px solid $color5;
      }
    }
  }

  .section--dark {
    .map-a .map-search__submit {
      font-weight: 400;
      line-height: 1.2;
      width: auto;
      height: 100%;
      padding: 6px 12px;
      color: #fff;
      // border: 2px solid $color5;
      // background: $color5;

      &:hover {
        border: 2px solid #fff;
      }
    }
  }
}

.section-featuredblocks {

  .featuredblocks-grid-a,
  .featuredblocks-grid-b,
  .featuredblocks-grid-c,
  .featuredblocks-grid-d,
  .featuredblocks-grid-e,
  .featuredblocks-grid-f {
    .featuredblock__title {
      font-family: 'Nunito Sans', sans-serif;
      margin-bottom: 1.25rem;
    }
  }

  .section--light {

    .featuredblocks-grid-a,
    .featuredblocks-grid-b {
      .featuredblock__content p {
        color: #fff;
      }

      .featuredblock__cta {

        .cta__button,
        .cta__button--icon {
          font-family: 'DM Serif Text', serif;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 2px;
          padding: 6px 52px;
          border: 2px solid #fff !important;
          // background: $color5 !important;
          box-shadow: #fff 5px 5px 0 0;

          &:hover {
            box-shadow: #fff 0 0 0 0;
          }
        }

        .cta__button--icon {
          margin-top: 1.875rem;
          color: #fff;
        }

        .component__link--1 {
          &:hover {
            color: #fff;
          }
        }
      }
    }

    .featuredblocks-grid-c {
      .featuredblock__title {
        color: $regular-text;
      }

      .featuredblock__cta {

        .cta__button,
        .cta__button--icon {
          font-family: 'DM Serif Text', serif;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 2px;
          padding: 6px 52px;
          color: #fff !important;
          // border: 2px solid $color5 !important;
          // background: $color1 !important;
          // box-shadow: $color5 5px 5px 0 0;

          &:hover {
            // box-shadow: $color5 0 0 0 0;
          }
        }

        .cta__button--icon {
          margin-top: 1.875rem;

          &:hover {
            color: #fff;
          }
        }

        .component__button--1 {
          padding: 6px 30px;
        }

        .component__link--1 {
          padding: .1rem;
          color: $regular-text;
          text-decoration: underline;

          &:hover {
            text-decoration: none;
          }
        }
      }
    }

    .featuredblocks-grid-d {
      .featuredblock__content p {
        color: #fff;
      }

      .featuredblock__cta {

        .cta__button,
        .cta__button--icon {
          font-family: 'DM Serif Text', serif;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 2px;
          padding: 6px 52px;
          color: #fff !important;
          border: 2px solid #fff !important;
          // background: $color5 !important;
          box-shadow: #fff 5px 5px 0 0;

          &:hover {
            box-shadow: #fff 0 0 0 0;
          }
        }

        .cta__button--icon {
          margin-top: 1.875rem;
          color: #fff;
        }

        .component__button--1 {
          padding: 6px 20px;
        }

        .component__link--1 {
          &:hover {
            color: #fff;
          }
        }
      }
    }

    .featuredblocks-grid-e {
      .featuredblock__title {
        color: $regular-text;
      }

      .featuredblock__content p {
        color: #fff;
      }

      .featuredblock__item {
        &:hover {
          .featuredblock__title {
            color: #fff;
          }
        }
      }

      .featuredblock__cta {

        .cta__button,
        .cta__button--icon {
          font-family: 'DM Serif Text', serif;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 2px;
          padding: 6px 52px;
          color: #fff !important;
          border: 2px solid #fff !important;
          // background: $color5 !important;
          box-shadow: #fff 5px 5px 0 0;

          &:hover {
            box-shadow: #fff 0 0 0 0;
          }
        }

        .cta__button--icon {
          margin-top: 1.875rem;
          color: #fff;
        }

        .component__link--1 {
          &:hover {
            text-decoration: none;
          }
        }
      }
    }

    .featuredblocks-grid-f {
      .featuredblock__cta {

        .cta__button,
        .cta__button--icon {
          font-family: 'DM Serif Text', serif;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 2px;
          padding: 6px 52px;
          color: #fff !important;
          // border: 2px solid $color5 !important;
          // background: $color1 !important;
          // box-shadow: $color5 5px 5px 0 0;

          &:hover {
            // box-shadow: $color5 0 0 0 0;
          }
        }

        .cta__button--icon {
          display: inline-block;
          color: #fff;

          &:hover {
            color: #fff;
          }
        }

        .component__link--1 {
          color: $regular-text !important;
        }
      }
    }
  }

  .section--dark {

    .featuredblocks-grid-a,
    .featuredblocks-grid-b {

      .featuredblock__title,
      .featuredblock__content p {
        color: $regular-text;
      }

      .featuredblock__cta {

        .cta__button,
        .cta__button--icon {
          font-family: 'DM Serif Text', serif;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 2px;
          padding: 6px 52px;
          color: #fff !important;
          // border: 2px solid $color5 !important;
          // background: $color1 !important;
          // box-shadow: $color5 5px 5px 0 0;

          &:hover {
            // box-shadow: $color5 0 0 0 0;
          }
        }

        .cta__button--icon {
          margin-top: 1.875rem;
          color: #fff;

          &:hover {
            color: #fff;
          }
        }

        .component__link--1 {
          color: $regular-text;
        }
      }
    }

    .featuredblocks-grid-c {
      .featuredblock__cta {

        .cta__button,
        .cta__button--icon {
          font-family: 'DM Serif Text', serif;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 2px;
          padding: 6px 52px;
          color: #fff !important;
          border: 2px solid #fff !important;
          // background: $color5 !important;
          box-shadow: #fff 5px 5px 0 0;

          &:hover {
            box-shadow: #fff 0 0 0 0;
          }
        }

        .component__button--1 {
          padding: 6px 30px;
        }

        .cta__button--icon {
          margin-top: 1.875rem;
          color: #fff;
        }

        .component__link--1 {
          padding: .1rem;

          &:hover {
            color: #fff;
          }
        }
      }
    }

    .featuredblocks-grid-d {

      .featuredblock__title,
      .featuredblock__content p {
        color: $regular-text;
      }

      .featuredblock__cta {

        .cta__button,
        .cta__button--icon {
          font-family: 'DM Serif Text', serif;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 2px;
          padding: 6px 52px;
          color: #fff !important;
          // border: 2px solid $color5 !important;
          // background: $color1 !important;
          // box-shadow: $color5 5px 5px 0 0;

          &:hover {
            // box-shadow: $color5 0 0 0 0;
          }
        }

        .cta__button--icon {
          margin-top: 1.875rem;
          color: #fff;

          &:hover {
            color: #fff;
          }
        }

        .component__button--1 {
          padding: 6px 20px;
        }

        .component__link--1 {
          color: $regular-text;
        }
      }
    }

    .featuredblocks-grid-e {
      .featuredblock__cta {

        .cta__button,
        .cta__button--icon {
          font-family: 'DM Serif Text', serif;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 2px;
          padding: 6px 52px;
          color: #fff !important;
          // border: 2px solid $color5 !important;
          // background: $color1 !important;
          // box-shadow: $color5 5px 5px 0 0;

          &:hover {
            // box-shadow: $color5 0 0 0 0;
          }
        }

        .cta__button--icon {
          color: #fff;
        }

        .component__link--1 {
          &:hover {
            text-decoration: none;
          }
        }
      }
    }

    .featuredblocks-grid-f {
      .featuredblock__content p {
        color: $regular-text;
      }

      .featuredblock__cta {

        .cta__button,
        .cta__button--icon {
          font-family: 'DM Serif Text', serif;
          font-size: 18px;
          font-weight: 400;
          letter-spacing: 2px;
          padding: 6px 52px;
          color: #fff !important;
          // border: 2px solid $color5 !important;
          // background: $color1 !important;
          // box-shadow: $color5 5px 5px 0 0;

          &:hover {
            // box-shadow: $color5 0 0 0 0;
          }
        }

        .cta__button--icon {
          display: inline-block;
          color: #fff;

          &:hover {
            color: #fff;
          }
        }

        .component__link--1 {
          color: $regular-text !important;
        }
      }
    }
  }
}

.section-map {

  .section--light,
  .section--dark {
    .map-search__zip {
      border: 3px solid $input-border;
    }
  }

  .section--light {
    .map-a {

      .map-search__location-distance,
      .map-search__location-address,
      .map-search__location-contact,
      .map-search .gmap-location-list {
        color: $regular-text;
      }
    }
  }
}

// .form-default,
// .contact-us-im,
// .newsletter-2-fields,
// .newsletter-3-fields,
// .appointment-request,
// .exclusive-offer,
// .pet-memorial {

//   .section--light,
//   .section--dark {
//     .form__group {
//       .input_container {

//         input,
//         select,
//         textarea {
//           border: 3px solid $input-border;

//           &.has-error {
//             border: 3px solid $input-error;
//           }
//         }
//       }

//       .radio_wrapper,
//       .checkbox_wrapper {
//         input+label:before {
//           // color: $color5;
//           // border-color: $color5;
//         }
//       }

//       .error_container {
//         label {
//           color: $input-error;
//         }
//       }
//     }
//   }

//   .form__group {
//     .input_container {

//       input,
//       select,
//       textarea {
//         font-family: 'Nunito Sans', sans-serif;
//         font-weight: 400;
//         font-size: 16px;
//         color: $regular-text;
//         padding: 8px 20px;
//         margin-bottom: auto;
//       }

//       input,
//       textarea {
//         &::placeholder {
//           color: $placeholder-text;
//         }

//         &:focus::placeholder {
//           color: $placeholder-focus;
//         }
//       }

//       select {
//         color: $placeholder-focus;
//       }
//     }

//     &.form-input-comments {
//       flex-direction: column;
//     }
//   }
// }


// .forms-option--a {
// 	.form_contact_us__container {
// 		.form__control {
// 			background-color: #fff;
// 			border: 1px solid #ced4da;
// 			border-radius: 2px;
// 		}
// 	}
// 	.contactform__form-container {
// 		.form-control {
// 			background-color: #fff;
// 			border: 1px solid #ced4da;
// 			border-radius: 2px;
// 		}
// 	}
// }


// .contact-us {
// 	.form-wrap__submit {
// 		.btn.submit {
// 			width: auto;
// 			height: auto;
// 			padding: 6px 52px;
// 			border: 2px solid #fff;
// 			background: #FF7F00;
// 			font: 400 18px/1.2 "DM Serif Text", serif;
// 			color: #fff;
// 			letter-spacing: 2px;
// 			text-transform: uppercase;
// 			box-shadow: #fff 5px 5px 0 0;
// 			transition: all 0.2s ease 0s;
// 		}
// 	}
// }

// .contactform__submit {
// 	.btn.submit {
// 		width: auto;
// 		height: auto;
// 		padding: 6px 52px;
// 		border: 2px solid #fff;
// 		background: #FF7F00;
// 		font: 400 18px/1.2 "DM Serif Text", serif;
// 		color: #fff;
// 		letter-spacing: 2px;
// 		text-transform: uppercase;
// 		box-shadow: #fff 5px 5px 0 0;
// 		transition: all 0.2s ease 0s;
		
// 		&:hover {
// 			transform: translate(5px, 5px);
// 		}
// 	}
// }

// .form-wrap__submit,
// .contactform__submit {
// 	display: flex;
// 	justify-content: center;
// }


@media screen and (max-width: 1199px) {
  .section {
    .component__button a {
      border: none;
    }
  }
}

@media screen and (max-width: 1023px) {
  .section-featuredblocks {

    .featuredblocks-grid-a,
    .featuredblocks-grid-b,
    .featuredblocks-grid-c,
    .featuredblocks-grid-d,
    .featuredblocks-grid-e,
    .featuredblocks-grid-f {
      .featuredblock__title {
        margin-bottom: 1rem;
      }
    }
  }

  .section {
    h1 {
      font-size: 38px;
    }

    h2 {
      font-size: 28px;
    }

    .component__subtitle {
      margin-bottom: 1rem !important;
    }

    .component__title:not(.staff-member__name),
    .form__title {
      font-size: 28px;
    }

    .banner {
      .banner-c__title {
        font-size: 38px;
        overflow: visible;
        white-space: normal;
        animation: none;
      }
    }
  }
}

@media screen and (max-width: 768px) {

  .featuredblocks-grid-a,
  .featuredblocks-grid-b {
    .featuredblocks__container {
      .featuredblock__cta {
        display: block;

        .component__link--1 {
          margin-top: 0.5rem;
        }
      }
    }
  }

  .blade-a {
    &__text {
      .blade-a {

        &__title-subtitle,
        &__description,
        &__links {
          padding: 0 15px;
        }
      }
    }
  }

}

@media screen and (max-width: 575px) {
  .featuredblocks-grid-c .featuredblocks__container {
    padding-top: 0 !important;
  }

  .staff-member.col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

//   }
// }