/*
Theme Name: Stayli
Theme URI: https://weblish.io
Author: Weblish
Author URI: https://weblish.io
Description: Sales Rep Jobs Remote - A specialized website helping people discover and succeed in remote sales representative job opportunities.
Version: 1777903874
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stayli
Tags: blog, one-column, custom-menu, featured-images, full-width-template, theme-options, translation-ready

Sales Rep Jobs Remote WordPress Theme - Adapted from Stayli theme.
*/

/* Brand Color Overrides */
:root {
  --brand--neutral-dark: #d0daf0;
}

.button {
  background-color: #16358c;
}
.button:hover {
  background-color: #0f2870;
}
.button.is-form-submit {
  background-color: #16358c;
}
.button.is-form-submit:hover {
  background-color: #0f2870;
}
.button.is-secondary {
  border-color: #16358c;
  color: #16358c;
}
.button.is-secondary:hover {
  background-color: #16358c;
  color: #fff;
}
.button.is-black {
  background-color: #16358c;
}
.button.is-footer {
  background-color: #fff;
  color: #16358c;
}
.button.is-hero-blog-first {
  background-color: #16358c;
  color: #fff;
}

.footer {
  background-color: #0e2260;
}

.navbar_logo-link {
  width: auto;
  max-width: clamp(9rem, 18vw, 14rem);
  display: flex;
  align-items: center;
}
.navbar_logo {
  width: 100%;
  max-width: 100%;
  max-height: 3rem;
  height: auto;
  object-fit: contain;
  display: block;
}

@media screen and (max-width: 991px) {
  .navbar_logo-link {
    max-width: 11rem;
  }

  .navbar_logo {
    max-height: 2.75rem;
  }
}

@media screen and (max-width: 479px) {
  .navbar_logo-link {
    max-width: 9.5rem;
  }

  .navbar_logo {
    max-height: 2.4rem;
  }
}

.footer-img {
  max-height: 50px;
  width: auto;
}
.footer-img_wrap {
  justify-content: center;
}

.contact-2_section {
  background-image: url('images/contact-us-customer-support-headset-1920x1080.png?ver=1777901928');
}

.text-subtitle {
  color: #10b080;
}

.blog-tag_wrap {
  background-color: #10b080;
  color: #fff;
}

.text-color-secondary {
  color: #10b080;
}

.nav-button_line.bg-secondary {
  background-color: #16358c;
}

.form_input:focus {
  border-color: #16358c;
}

.text-rich-text a {
  color: #16358c;
}
.text-rich-text a:hover {
  color: #0f2870;
}

.footer_link {
  color: var(--brand--grey-light);
}
.footer_link:hover {
  color: #fff;
}

.form_input.is-regular {
  color: #111;
  border-color: #c3c1b5;
}
.form_input.is-regular::placeholder {
  color: #a6a6a6;
}

.circle-divider {
  background-color: #16358c;
}

.about_item-button {
  background-color: #16358c;
}

.faq_top:hover .about_item-button {
  background-color: #0f2870;
}

.custom_icon {
  background-color: #d0daf0;
}

.heading-style-h1.text-color-primary {
  color: #16358c;
}

.navbar .w-nav-link:hover,
.navbar .w-nav-link.w--current {
  color: #16358c;
}