/*!
Theme Name: Vendavo 2024
Theme URI: https://github.com/b3advisors/b3-advisors/
Template: kadence
Author: Team B3
Author URI: https://b3advisors.org/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: vendavo-2024
*/

/* Theme customization starts here
-------------------------------------------------------------- */

:root {
  --white: #fff;
  --gray-10: #f3f1ef;
  --gray-20: #ccc;
  --gray-30: #666;
  --gray-40: #292a2a;
  --green-10: #76c546;
  --green-20: #4ca815;
  --purple-10: #736ac7;
  --purple-20: #4e4885;
  --yellow-10: #f0bd4d;
  --yellow-20: #edab15;
  --pink-10: #c94a65;
  --pink-20: #91215f;
  --teal-10: #24a0b9;
  --teal-20: #1e8089;
  --blue-10: #67abe1;
  --blue-20: #116fbb;
  --blue-30: #003057;
  --blue-40: #002748;
  --gradient-Green: linear-gradient(136.86deg, #a9db57 4.34%, #71bb49 96.77%);
  --gradient-Purple: linear-gradient(136.86deg, #736ac7 4.34%, #4e4885 96.77%);
  --gradient-Yellow: linear-gradient(136.86deg, #f5d998 4.34%, #edab15 96.77%);
  --gradient-Pink: linear-gradient(1.19deg, #932b64 -9.86%, #ed468d 112.16%);
  --gradient-Teal: linear-gradient(316.37deg, #24a0b9 0%, #9dd5dd 97.72%);
  --gradient-Blue: linear-gradient(316.37deg, #116fbb 0%, #67abe1 97.72%);
  --gradient-Navy: linear-gradient(305deg, #003057 0%, #015395 100%);
  --gradient-BlueGreenV2: linear-gradient(270deg, #479c30 0%, #248088 100%);
  --gradient-GreenBlueV2: linear-gradient(90deg, #53a92b 0%, #248088 100%);
  --gradient-NavyBlueV2: linear-gradient(90deg, #023156 0%, #248088 100%);
  --blue-90-V2: #023156;
  --orangeV2: #ebaa2f;
  --green-10-V2: rgba(120, 195, 78, 0.09);
  --green-10-V3: #78c34e;
  --teal-30-V2: #248088;
  --dropShadow-0: 0px 0px 18px rgba(0, 0, 0, 0);
  --dropShadow-10: 0px 0px 18px rgba(0, 0, 0, 0.06);
  --dropShadow-20: 0px 0px 18px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 992px) {
  .menu-item.menu-btn {
    padding: 0;
    margin-left: 0.5rem;
  }
}

@media screen and (min-width: 1200px) {
  .menu-item.menu-btn {
    margin-left: 0.875rem;
  }
}

@media screen and (min-width: 992px) {
  .menu-item.menu-btn > a {
    padding: 12px 28px !important;
    color: #fff !important;
    border: 0;
    background: var(--orangeV2);
    display: inline-block;
    border-radius: 7px;
    font-weight: 500;
    text-align: center;
    transition: background 0.3s ease;
    height: auto !important;
  }

  .menu-item.menu-btn > a:hover,
  .menu-item.menu-btn > a:focus {
    color: #fff !important;
    background: var(--gradient-BlueGreenV2);
  }
}

.site-main-header-wrap {
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.06);
}

.is-style-orange-btn .kb-button {
  background: var(--orangeV2) !important;
  color: #fff;
}

.is-style-orange-btn-alt .kb-button {
  background: var(--orangeV2) !important;
  color: #fff;
}

.is-style-orange-btn-alt .kb-button:hover {
  background: var(--gradient-BlueGreenV2) !important;
  color: #fff;
}

.is-style-blue-btn .kb-button {
  background: var(--blue-30) !important;
  color: #fff;
}

.is-style-gradient-btn .kb-button {
  background: var(--gradient-Green) !important;
  color: #fff;
}

.site-header-row-layout-fullwidth
  > .site-header-row-container-inner
  > .site-container {
  max-width: 90% !important;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .site-footer__legal {
    margin-top: 0 !important;
  }
}

.site-footer__legal {
  margin-top: 0 !important;
}

.footer-widget-area .widget-title {
  font-size: 16px !important;
  font-weight: 700;
  line-height: 24px !important;
  padding-bottom: 24px !important;
  text-transform: none !important;
  margin-bottom: 0 !important;
  color: #fff !important;
}

#menu-utility-navigation li a {
  font-style: normal;
  font-size: 15px;
  line-height: 23px;
  color: #fff;
  padding-bottom: 14px !important;
}

#menu-language-nav {
  margin-left: 0;
}

#menu-language-nav li {
  margin-right: 10px;
}

.site-footer__legal .menu-item:not(:first-child)::before {
  content: none !important;
}

.is-text--blue-30 h1,
.is-text--blue-30 p {
  color: #003057;
}

.is-text--white h2,
.is-text--white h1,
.is-text--white p {
  color: #fff;
}