/* EVF VIP v2
   Loaded after Betheme + child theme.
*/

:root {
  --evf-navy: #0B1D3B;
  --evf-navy-dark: #031126;
  --evf-navy-light: #163B78;
  --evf-red: #AD2136;
  --evf-red-dark: #801928;
  --evf-blue: #0f4c81;
  --evf-light: #f4f7fb;
  --evf-text: #707F94;
  --evf-radius: 8px;
}

.semi-transparent-white-copy{
  color:rgba(255,255,255,0.7) !important;
}



/* General page polish */
body {
  color: var(--evf-text);
}

#Wrapper,
#Content {
  background-color: var(--evf-light);
}

/* Header */
#Header .top_bar_left,
.header-transparent #Top_bar:not(.is-sticky),
#Top_bar,
#Top_bar.is-sticky,
#Top_bar #menu {
  background: var(--evf-navy) !important;
}

#Top_bar.is-sticky {
  background: var(--evf-navy) !important;
  opacity: 1 !important;
  filter: none !important;
}

#Top_bar .menu > li > a,
#Top_bar #menu ul li a {
  color: #ffffff !important;
}

#Top_bar .menu > li.current-menu-item > a,
#Top_bar .menu > li.hover > a,
#Top_bar .menu > li > a:hover {
  color: #d8e6f7 !important;
}

/* Dropdowns */
#Top_bar .menu > li ul {
  background: var(--evf-navy-dark) !important;
}

#Top_bar .menu > li ul li a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,1);
}

/* Buttons */
a.button,
a.button_theme,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.woocommerce a.button {
  border-radius: var(--evf-radius) !important;
  background: var(--evf-red) !important;
  color: #ffffff !important;
  font-weight:300 !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(7, 27, 58, 0.18);
  transition: all 0.2s ease;
}

a.button:hover,
a.button_theme:hover,
button:hover,
input[type="submit"]:hover {
  background: var(--evf-navy-light) !important;
  color: #ffffff !important;
  font-weight:300 !important;
  transform: translateY(-1px);
}

/* Button icons */
a.button .button_icon {
  border-radius: var(--evf-radius) 0 0 var(--evf-radius);
}

/* Cards / white content blocks */
.mcb-wrap[style*="background-color:#ffffff"],
.post-desc-wrapper,
.image_frame {
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(7, 27, 58, 0.08);
}

/* Home two-column card layout */

.home-two-column-wrapper .home-cards {
  border-radius: 16px;
  border: 1px solid #E2E8F0;
  background: #ffffff;
  overflow: hidden;
}

/* Headings */
h1, h2, h3, h4 {
  color: var(--evf-navy) !important;
}

/* Footer */
#Footer {
  background: var(--evf-navy-dark) !important;
}

#Footer h4,
#Footer a:hover {
  color: #ffffff !important;
}

/* Mobile menu */
@media only screen and (max-width: 1239px) {
  #Top_bar #menu {
    background: var(--evf-navy-dark) !important;
  }

  #Top_bar #menu ul li a {
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }
}

/* Typography */

body,
button,
input,
textarea,
select,
span,
p,
li,
a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

#menu > ul > li > a,
.action_button,
#overlay-menu ul li a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600;
  letter-spacing: 0.2px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.text-logo #logo,
#Subheader .title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--evf-navy) !important;
}

/* Improve readability */

body {
  line-height: 1.7;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1 {
  color:var(--evf-navy) !important;
  font-size: clamp(3.5rem, 3vw, 4rem) !important;
  line-height: 1.2 !important;
  font-weight: 300 !important;
}

h2 {
  font-size: clamp(1.75rem, 2vw, 2rem) !important;
  line-height: 1.2 !important;
  color:var(--evf-navy) !important;
  font-weight: 300 !important;
}

h3 {
  font-size: clamp(1.5rem, 1.5vw, 1.75em) !important;
  line-height: 1.2 !important;
  color:var(--evf-navy) !important;
  font-weight: 300 !important;
}

h4 {
  font-size: clamp(1.2rem, 1.2vw, 1.2em) !important;
  line-height: 1.2 !important;
  color:var(--evf-navy) !important;
  font-weight: 300 !important;
}

p {
  font-size: clamp(1rem, 1.1vw, 1.1em) !important;
  line-height: 1.1 !important;
  color: var(--evf-text) !important;
}

.entry-content p a,
.entry-content li a,
.footer_copy a {
  font-size: clamp(1rem, 1.1vw, 1.1em);
  line-height: 1.1;
  color: white;
}

.entry-title a{
  font-size: clamp(1.5rem, 1.5vw, 1.75em) !important;
  text-decoration: none !important;
  font-weight: 300 !important;
  color:var(--evf-navy) !important;
}



.post-desc-wrapper{
  border-radius: 16px !important;
  background:none !important;
}

#Top_bar {
  background: #071b3a !important;
}

#menu-main > li > a > span{
  color: rgba(255,255,255,0.7) !important;
  font-size: clamp(0.9rem, 0.5vw + 0.8rem, 1rem);
  font-weight: 300;
  transition: all 0.2s ease;
}

#menu-main > li > a:hover,
#menu-main > li.current-menu-item > a {
  color: #ffffff !important;
}


/* Header sizing */

#Top_bar #logo img {
  max-height: 28px !important;
  width: auto;
}

#Top_bar #logo {
  padding: 8px 0 !important;
}

/* Sticky header */

#Top_bar.is-sticky #logo img {
  max-height: 20px !important;
}

/* Portfolio slider */

.portfolio_slider {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
}

.portfolio_slider .image_frame,
.portfolio_slider .image_wrapper {
  border: 0 !important;
  border-radius: 18px !important;
  overflow: hidden;
}

.portfolio_slider .image_wrapper > a {
  pointer-events: none;
  cursor: default;
}

.portfolio_slider img {
  width: 100% !important;
  height: 360px !important;
  object-fit: cover;
  display: block;
}

/* Hide portfolio item link button */

.portfolio_slider .image_links .link {
  display: none !important;
}

/* Zoom button */

.portfolio_slider .image_links {
  opacity: 1 !important;
  position: absolute !important;
  left: 16px !important;
  bottom: 16px !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
}

.portfolio_slider .image_links .zoom {
  width: 72px !important;
  height: 56px !important;
  padding: 0 !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 14px !important;
  background: var(--evf-red, #ba1731) !important;
  color: #ffffff !important;
  line-height: 1 !important;
}

.portfolio_slider .image_links .zoom i {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: 26px !important;
  line-height: 1 !important;

  position: static !important;
  transform: none !important;
}

/* Left / right arrows */

.portfolio_slider .slick-arrow,
.portfolio_slider a.slider_prev,
.portfolio_slider a.slider_next,
.portfolio_slider .button_js.slider_prev,
.portfolio_slider .button_js.slider_next {
  width: 46px !important;
  height: 46px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  background: rgba(7, 27, 58, 0.84) !important;
  color: #ffffff !important;

  opacity: 1 !important;
  visibility: visible !important;

  box-shadow: none !important;
}

.portfolio_slider a.slider_prev,
.portfolio_slider .slider_prev {
  left: 18px !important;
}

.portfolio_slider a.slider_next,
.portfolio_slider .slider_next {
  right: 18px !important;
}

.portfolio_slider a.slider_prev i,
.portfolio_slider a.slider_next i,
.portfolio_slider .slider_prev i,
.portfolio_slider .slider_next i {
  font-size: 20px !important;
  line-height: 1 !important;
  margin: 0 !important;
  position: static !important;
}

.image_links {
  background: none !important;
}


/* Specific HOW Plus homepage button */

a.button.evf-how-plus-home-btn,
a.button.evf-how-plus-home-btn.button_theme,
a.button.evf-how-plus-home-btn.button_js {
  background: var(--evf-navy) !important;
  background-color: var(--evf-navy) !important;
  color: #ffffff !important;
}

a.button.evf-how-plus-home-btn .button_icon,
a.button.evf-how-plus-home-btn .button_label {
  background: transparent !important;
  color: #ffffff !important;
}

a.button.evf-how-plus-home-btn:hover {
  background: var(--evf-navy-light) !important;
  background-color: var(--evf-navy-light) !important;
  color: #ffffff !important;
}

@media only screen and (min-width: 768px) {
  .home-two-column-wrapper .section_wrapper {
    display: flex;
    gap: 30px;
  }

  .home-two-column-wrapper .wrap.one-second {
    width: calc(50% - 15px);
  }
}

@media only screen and (max-width: 767px) {
  .home-two-column-wrapper .section_wrapper {
    display: block;
  }

  .home-two-column-wrapper .wrap.one-second {
    width: 100%;
  }
}

/* =========================
   Latest News Cards
========================= */

.posts_group .post-item {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #E2E8F0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.posts_group .post-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 40px rgba(0,0,0,0.10);
}

/* Fix inner overflow */
.posts_group .post-desc-wrapper,
.posts_group .post-desc,
.posts_group .image_frame {
    overflow: hidden;
}

/* Date label */
.posts_group .date_label {
    background: #000;
    color: #fff;
    border-radius: 999px;
    padding: 8px 14px;
    top: 20px;
    left: 20px;
    font-size: 12px;
    letter-spacing: 0.5px;
}

/* Card spacing */
.posts_group .post-desc {
    padding: 35px;
}

/* Excerpt */
.posts_group .post-excerpt {
    margin-bottom: 30px;
    opacity: 0.75;
}

/* Footer cleanup */
.posts_group .post-footer {
    border-top: 0;
    padding-top: 0;
}

/* Hide likes */
.posts_group .button-love {
    display: none;
}

.posts_group .post-links {
  background: none !important;
  border: none !important;
}

/* Read more button */
.posts_group .post-links .post-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--evf-red);
    color: #fff !important;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 300 !important;
    text-decoration: none !important;
}

/* Hover */
.posts_group .post-links .post-more:hover {
    background: var(--evf-red-dark);
}

/* Hide default icon */
.posts_group .post-links i {
    display: none;
}



/* COOKIES */

.cli-nav-link .cli-settings-mobile{
  color:var(--evf-navy) !important;
}


/* MODAL POPUP */

.cli-modal-content .cli-bar-popup{
  border-radius: 16px !important;
  padding:16px !important;
}

/* MAIN MENU SUB NAV */

#Top_bar .menu > li ul li a {
  transition: background-color .2s ease;
}

#Top_bar .menu > li ul li a:hover,
#Top_bar .menu > li ul li.hover > a {
  background-color: rgba(255,255,255,.06) !important;
}


/* INNER PAGES */
#Subheader {
  background-color: var(--evf-navy) !important;
}

#Subheader .title {
  color: white !important;
}

#Content {
  background-color: var(--evf-light) !important;
}

.content-link {
  color:var(--evf-navy) !important;
  font-weight:400;
}

.content-bullet{
  color:var(--evf-navy) !important;
}


/* CONTACT FORM */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  border-radius: 16px !important;
  background-color: #ffffff !important;
  color: var(--evf-navy) !important;
  border: 1px solid #E2E8F0 !important;
  padding: 16px !important;
}

/* Placeholder text */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: var(--evf-navy) !important;
  opacity: 0.6;
}

/* Focus state */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  outline: none !important;
  border-color: var(--evf-navy) !important;
  box-shadow: none !important;
}