/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


.round-primary-button a {
  background-color: rgb(0 0 0 / 80%) !important;
  color: #fff !important;
  font-size: 16px !important;
  padding: 10px 20px !important;
}

.accordion-custom-1 a.nectar-inherit-h3.toggle-heading {
  font-size: 20px;
}

.accordion-custom-1 .toggles--minimal-shadow .toggle {
  padding-left: 0;
}

.sub-menu span.menu-title-text {
  color: #fff !important;
}

.post-loop-custom-1 .nectar-post-grid {
  margin-bottom: 0 !important;
}

.underline {
  text-decoration: underline;
}

.communities-custom-1 .nectar-fancy-box .box-bg:after {
  background-color: rgb(101 160 208 / 50%);
}

.communities-custom-1 .nectar-fancy-box:hover .box-bg:after {
  background-color: rgb(0 0 0 / 10%);
}

.communities-custom-1 div.inner h2 {
  font-weight: 500;
}

.search-by-community p {
  font-size: 16px;
}

.search-by-community div[data-style="default"] .toggle>.toggle-title a {
  font-size: 18px;
}

.post .post-content table p,
.post .post-content table tr td {
  font-size: 16px;
  color: #333;
}

.disclaimer-callout-custom-1 p {
  font-size: 0.9rem;
  line-height: 1.5;
}

.page-form-custom-1 {
  padding: 2rem;
  background: #cfe1ef;
  border-radius: 10px;
}

.wsf-form .wsf-tile[data-type="submit"] {
  margin-bottom: 0;
}

.page-id-8181 .nectar_single_testimonial {
  padding: 5%;
  box-shadow: rgba(0, 0, 0, .04) 0 1px 0, rgba(0, 0, 0, .05) 0 2px 7px, rgba(0, 0, 0, .06) 0 12px 22px;
  border-radius: 10px;
  border: 2px solid #65A0D0;
}

.community-page .page-header-overlay-color {
  background-color: #E6EFF8 !important;
}

body.community-page #page-header-bg h1,
#page-header-wrap .subheader {
  color: var(--nectar-extra-color-3) !important;
}

#header-outer[data-lhe="animated_underline"] li>a .menu-title-text {
  font-size: 1.1rem;
}

.communities-flip-box-custom-1 .flip-box-front div.inner {
  font-size: 1.6rem;
  font-weight: 500;
}

/* Contact Slide in Component */
@keyframes slide-in {
  100% {
    transform: translateY(0%);
  }
}

@keyframes wave-animation {
  0% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(14deg);
  }

  /* five values can be played with to make the waving more or less */
  20% {
    transform: rotate(-8deg);
  }

  30% {
    transform: rotate(14deg);
  }

  40% {
    transform: rotate(-4deg);
  }

  50% {
    transform: rotate(10deg);
  }

  60% {
    transform: rotate(0deg);
  }

  /* Reset for the last half to pause */
  100% {
    transform: rotate(0deg);
  }

}

#contact-slide-in {
  position: fixed;
  bottom: 15px;
  left: 15px;
  width: 450px;
  height: auto;
  background: white;
  box-shadow: 0 10px 24px 0 rgba(54, 61, 77, 0.15);
  transform: translateY(120%);
  animation: slide-in 0.5s forwards;
  animation-delay: 2s;
  z-index: 9999;
  display: flex;
  padding: 30px;
}

.contact-slide-in-content {
  width: 50%;
  cursor: pointer;
}

.contact-slide-in-content p {
  line-height: 1.3;
  padding-bottom: 1rem;
  font-size: 1rem;
}

.contact-slide-in-text-title {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}

.contact-slide-in-text-title h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
  margin-left: 10px;
  margin-top: 0;
}

.chat-now-button {
  background: #fff;
  padding: 8px 30px;
  border: 2px solid var(--nectar-extra-color-3);
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease-out;
}

.chat-now-button:hover {
  background-color: #000;
  color: #fff;
}

.contact-slide-in-image {
  width: 50%;
  padding-left: 20px;
  cursor: pointer;
}

.contact-slide-in-image img {
  max-width: 100%;
}

.contact-slide-in-close {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 30px;
  color: #BDBDBD;
  cursor: pointer;
  transition: color 0.2s ease-out;
}

.contact-slide-in-close:hover {
  color: #000;
}

.handwave-icon {
  animation-name: wave-animation;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  transform-origin: 70% 70%;
  width: 25px;
}

#contact-slide-in-minimized {
  display: none;
  position: fixed;
  left: 10px;
  bottom: 10px;
  height: auto;
  width: 200px;
  cursor: pointer;
  z-index: 9999;
}

#contact-slide-in-minimized img {
  max-width: 100%;
}

.headerheader--dark {
  background: rgba(0, 0, 0, .2);
  color: #fff;
}

@media screen and (max-width: 500px) {
  #contact-slide-in {
    display: none;
  }

  #contact-slide-in-minimized {
    width: 150px;
    display: flex;
  }
}

/* Micromodal CSS */
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay,
.modal__btn {
  will-change: transform
}

.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 500px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 23px;
  line-height: 1.25;
  color: var(--nectar-extra-color-3);
  box-sizing: border-box
}

.modal__close {
  background: 0 0;
  border: 0
}

.modal__header .modal__close:before {
  content: "\2716"
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 0rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, .8)
}

.modal__btn {
  font-size: .875rem;
  padding: .5rem 1rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, .8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: transform .25s ease-out;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.modal__btn:focus,
.modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff
}

.modal__container {
  position: relative;
}

.modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.modal-avatar {
  width: 75px;
  height: 75px;
}

.modal-header-title {
  display: flex;
  gap: 15px;
  align-items: center;
}

@keyframes mmfadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes mmslideIn {
  from {
    transform: translateY(15%)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes mmslideOut {
  from {
    transform: translateY(0)
  }

  to {
    transform: translateY(-10%)
  }
}

.micromodal-slide {
  display: none
}

.micromodal-slide.is-open {
  display: block
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: .3s cubic-bezier(0, 0, .2, 1) mmfadeIn
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: .3s cubic-bezier(0, 0, .2, 1) mmslideIn
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: .3s cubic-bezier(0, 0, .2, 1) mmfadeOut
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: .3s cubic-bezier(0, 0, .2, 1) mmslideOut
}