/* Custom SCSS for Wanada Theme */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
/* Regular */
@font-face {
  font-family: "Verdana";
  src: url("../assets/fonts/verdana.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Bold */
@font-face {
  font-family: "Verdana Bold";
  src: url("../assets/fonts/verdana-bold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Italic */
@font-face {
  font-family: "Verdana Italic";
  src: url("../assets/fonts/verdana-bold-italic.ttf") format("ttf");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* Signa Fonts */
@font-face {
  font-family: "Signa Regular";
  src: url("../assets/fonts/signa-font.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Signa Light";
  src: url("../fonts/Signa-Light.woff") format("woff"), url("../fonts/Signa-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Avenir Fonts */
@font-face {
  font-family: "Avenir Bold";
  src: url("../fonts/Avenir-Heavy.woff2") format("woff2"), url("../fonts/Avenir-Heavy.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Additional Typography */
.entry-title {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  color: #2c3e50;
  font-weight: 700;
}

.entry-content {
  font-size: 1.1rem;
  line-height: 1.8;
  margin-top: 40px;
}

/* Button Styles */
.btn {
  display: inline-block;
  padding: 12px 24px;
  background-color: #0073aa;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  transition: background-color 0.3s ease;
}
.btn:hover {
  background-color: #005177;
  color: #fff;
}

/* Form Styles */
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 10px;
  font-size: 16px;
  margin-bottom: 1rem;
}

input[type=submit],
button {
  background-color: #0073aa;
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
}
input[type=submit]:hover,
button:hover {
  background-color: #005177;
}

/* Widget Styles */
.widget {
  margin-bottom: 2rem;
}
.widget .widget-title {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  color: #2c3e50;
  border-bottom: 2px solid #0073aa;
  padding-bottom: 0.5rem;
}

/* Comment Styles */
.comment-list {
  list-style: none;
  padding: 0;
}
.comment-list .comment {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: #f8f9fa;
  border-radius: 10px;
}

html {
  margin-top: 0 !important;
}
html body {
  font-family: "Open Sans", sans-serif;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.header .main-nav {
  background-color: rgba(255, 255, 255, 0.9);
}
.header .main-nav .uk-logo img {
  width: 250px;
}
.header .main-nav #menu-primary-menu {
  gap: 0;
}
.header .main-nav #menu-primary-menu.uk-navbar-nav > li > a {
  color: #00396B;
  font-family: "Signa Light";
  font-size: 1rem;
  min-height: 100px;
  padding: 0 10px;
  transition: background-color 0.3s ease;
}
.header .main-nav #menu-primary-menu.uk-navbar-nav > li > a:hover {
  color: #fff;
  background-color: #00396B;
}
.header .secondary-nav .uk-subnav {
  margin: 0;
}
.header .secondary-nav .uk-subnav .menu-item {
  background-color: #00396b;
  padding: 0;
}
.header .secondary-nav .uk-subnav .menu-item::before {
  margin-right: 0;
}
.header .secondary-nav .uk-subnav .menu-item a {
  color: #fff;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0 10px;
}
.header .secondary-nav .uk-subnav .menu-item a:hover {
  background-color: #D2232A;
}

.hero .hero-background {
  background-size: cover;
  min-height: 380px;
}
.hero .hero-title {
  margin: 70px 0 0 0;
}
.hero .hero-title h1 {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}

#cta-footer .bg {
  background-size: cover;
  background-position: center center;
  height: 30vh;
}
#cta-footer .bg .uk-button-primary {
  background-color: #cc3333;
  border: 2px solid #cc3333;
  border-radius: 10px;
  color: #fff;
  font-weight: 500;
}
#cta-footer .bg .uk-button-primary:hover {
  background-color: #fff;
  border: 2px solid #fff;
  color: #cc3333;
}

#footer .footer-logo {
  background-color: #fff;
  display: none;
}
#footer .footer-info {
  background-color: #00396b;
  color: #fff;
}
#footer .footer-info .address {
  font-size: 0.8em;
  font-weight: 300;
  line-height: 1.6em;
  text-transform: uppercase;
}
#footer .footer-info .menu #menu-footer-menu > li > a {
  color: #fff;
  font-family: "Open Sans";
  font-size: 1em;
}
#footer .footer-info .buttons .uk-button {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 10px;
  transition: background-color 0.3s ease;
  padding: 0 25px !important;
  width: 100%;
}
#footer .footer-info .buttons .uk-button:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}

.page-template-frontpage .hero .top-overlay {
  margin-top: 100px;
  background-color: #00396ba6;
}
.page-template-frontpage .hero .top-overlay h1 {
  font-size: 2rem;
  font-weight: bold;
}
.page-template-frontpage .hero .members-overlay {
  background-color: #00396ba6;
  color: #fff;
  padding: 50px;
}
.page-template-frontpage .hero .members-overlay .content {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 300;
}
.page-template-frontpage .hero .members-overlay .content p {
  width: 80%;
}
.page-template-frontpage .hero .members-overlay .form {
  background-color: #27679e;
  padding: 0;
}
.page-template-frontpage .hero .members-overlay .form .gform_wrapper {
  padding: 15px 15px 0 15px;
  text-align: center;
}
.page-template-frontpage .hero .members-overlay .form .gform_wrapper .gform_title {
  font-family: "Open Sans";
  font-size: 15px;
  text-transform: uppercase;
  padding: 0;
  margin-bottom: 10px;
}
.page-template-frontpage .hero .members-overlay .form .gform_wrapper .gform_fields {
  display: inherit;
}
.page-template-frontpage .hero .members-overlay .form .gform_wrapper .gform_fields .gfield {
  margin-bottom: 10px;
}
.page-template-frontpage .hero .members-overlay .form .gform_wrapper .gform_fields .gfield #input_1_1,
.page-template-frontpage .hero .members-overlay .form .gform_wrapper .gform_fields .gfield #input_1_3 {
  background-color: transparent;
  border: 1px solid #fff;
}
.page-template-frontpage .hero .members-overlay .form .gform_wrapper .gform_fields .gfield #input_1_1::placeholder,
.page-template-frontpage .hero .members-overlay .form .gform_wrapper .gform_fields .gfield #input_1_3::placeholder {
  color: #fff;
  opacity: 1;
  text-transform: uppercase;
}
.page-template-frontpage .hero .members-overlay .form .gform_wrapper .gform_footer {
  margin-top: 10px;
}
.page-template-frontpage .hero .members-overlay .form .gform_wrapper .gform_footer #gform_submit_button_1 {
  background-color: #00396B;
  color: #fff;
  opacity: 1;
  text-transform: uppercase;
}
.page-template-frontpage #fw-cta .red-box {
  background-color: rgba(255, 0, 0, 0.7);
  padding: 20px;
  border-radius: 10px;
}
.page-template-frontpage #fw-cta .red-box .text {
  position: relative;
}
.page-template-frontpage #fw-cta .red-box .text::before {
  content: "";
  position: absolute;
  left: -80px;
  width: 100px;
  height: 100px;
  background-color: none;
  background-image: url("/wp-content/themes/wanada/assets/img/wanada_logo-mini-light.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  z-index: 1;
}
.page-template-frontpage #fw-cta .blue-box {
  background-color: rgba(0, 57, 107, 0.8);
  border-radius: 10px;
  margin: 0 0 50px 120px;
  padding: 20px;
}
.page-template-frontpage #fw-cta .blue-box .text {
  position: relative;
}
.page-template-frontpage #fw-cta .blue-box .text::before {
  border-radius: 10px;
  content: "";
  padding: 10px;
  position: absolute;
  left: -90px;
  top: 20%;
  width: 70px;
  height: 70px;
  background-color: #fff;
  background-image: url("/wp-content/themes/wanada/assets/img/wanada_logo-mini-color.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75%;
  z-index: 1;
}
.page-template-frontpage #parallax-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100vh;
  /* ---------------------------------------------
      1. FIXED OVERLAY (STATIC ACROSS ALL SLIDES)
      --------------------------------------------- */
  /* ---------------------------------------------
      2. SLIDESHOW WRAPPER
      --------------------------------------------- */
}
.page-template-frontpage #parallax-slider .ps-fixed-overlay {
  position: absolute;
  inset: 0;
  z-index: 50;
  pointer-events: none;
}
.page-template-frontpage #parallax-slider .ps-fixed-overlay.red-box {
  background-color: rgba(255, 0, 0, 0.7);
  color: #fff;
  height: 120px;
  top: 0;
  padding: 1rem;
  position: absolute;
  width: 100%;
  z-index: 5;
}
.page-template-frontpage #parallax-slider .ps-fixed-overlay.red-box .text {
  color: #fff;
  position: relative;
  width: 80%;
  padding-left: 220px;
  margin: 0 auto;
}
.page-template-frontpage #parallax-slider .ps-fixed-overlay.red-box .text h2 {
  color: #fff;
  font-weight: 700;
  margin: 0;
}
.page-template-frontpage #parallax-slider .ps-fixed-overlay.red-box .text p {
  margin: 0;
}
.page-template-frontpage #parallax-slider .ps-fixed-overlay.red-box .text::before {
  content: "";
  position: absolute;
  padding: 0;
  top: -12px;
  left: 100px;
  width: 100px;
  height: 100px;
  background-image: url(/wp-content/themes/wanada/assets/img/wanada_logo-mini-light.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
}
.page-template-frontpage #parallax-slider .ps-slideshow {
  position: relative;
  width: 100%;
  height: 100vh;
  /* ---------------------------------------------
  3. SLIDE STACK (ALL SLIDES OVERLAPPED)
  --------------------------------------------- */
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items {
  position: relative;
  width: 100%;
  height: 100%;
  /* ---------------------------------------------
  4. INDIVIDUAL SLIDE
  - Absolutely stacked
  - Fade controlled by GSAP
  --------------------------------------------- */
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items .ps-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  /* Content wrapper */
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items .ps-slide .ps-slide-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  will-change: opacity;
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items .ps-slide .ps-slide-content {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  will-change: transform;
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items .ps-slide .ps-slide-content.blue-box {
  background-color: rgba(0, 57, 107, 0.8);
  border-radius: 10px;
  padding: 20px;
  color: #fff;
  /* Moving overlay (GSAP vertical movement) */
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items .ps-slide .ps-slide-content.blue-box.ps-moving-overlay {
  position: relative;
  will-change: transform;
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items .ps-slide .ps-slide-content.blue-box.ps-moving-overlay .text {
  position: relative;
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items .ps-slide .ps-slide-content.blue-box.ps-moving-overlay .text::before {
  border-radius: 5px;
  content: "";
  padding: 5px;
  position: absolute;
  left: -120px;
  top: 40%;
  width: 70px;
  height: 70px;
  background-color: #fff;
  background-image: url(/wp-content/themes/wanada/assets/img/wanada_logo-mini-color.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75%;
  z-index: 1;
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items .ps-slide .ps-slide-content.position-left {
  width: 40%;
  padding: 30px 50px 30px 70px;
  margin-left: 70px;
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items .ps-slide .ps-slide-content.position-left h2 {
  color: #fff;
  font-weight: 700;
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items .ps-slide .ps-slide-content.position-left p {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items .ps-slide .ps-slide-content.position-left .uk-button {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 10px;
  transition: background-color 0.3s ease;
  padding: 0 25px !important;
}
.page-template-frontpage #parallax-slider .ps-slideshow .ps-slideshow-items .ps-slide .ps-slide-content.position-left .uk-button:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}
.page-template-frontpage #news .uk-container {
  background-color: #00396bcc;
  padding: 30px;
  border-radius: 10px;
}
.page-template-frontpage #news .uk-container .featured-news .featured-post p {
  color: #fff;
}
.page-template-frontpage #news .uk-container .featured-news .featured-post .uk-button-primary {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 10px;
  transition: background-color 0.3s ease;
  padding: 0 25px !important;
}
.page-template-frontpage #news .uk-container .featured-news .featured-post .uk-button-primary:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}
.page-template-frontpage #news .uk-container .recent-news {
  border-left: 2px solid white;
}
.page-template-frontpage #news .uk-container .recent-news .news-list li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #fff;
}
.page-template-frontpage #news .uk-container .recent-news .news-list li a {
  display: inline-block;
  font-size: 1.5rem;
  padding: 20px 0 20px 10px;
  width: 100%;
}
.page-template-frontpage #news .uk-container .recent-news .news-list li a:hover {
  background-color: #D2232A;
  text-decoration: none;
}

.page-template-about .about-page-content #overview-mission .overview {
  padding-right: 60px;
}
.page-template-about .about-page-content #overview-mission .mission {
  border: 1px solid #cc3333;
  border-radius: 10px;
}
.page-template-about .about-page-content #overview-mission .mission h2 {
  color: #cc3333;
  font-weight: 700;
}
.page-template-about .about-page-content #overview-mission .mission p {
  color: #044076;
  font-size: 1.2rem;
}
.page-template-about .about-page-content #how-it-started .bg {
  background-image: url("../img/about_his-red-bg.png");
  background-size: cover;
  min-height: 400px;
}
.page-template-about .about-page-content #how-it-started .bg h2 {
  color: #fff;
  font-weight: 700;
}
.page-template-about .about-page-content #how-it-started .bg p {
  color: #fff;
}
.page-template-about .about-page-content #how-it-started .bg img {
  width: 100px;
}
.page-template-about .about-page-content #where-we-are-now {
  background-image: url("/wp-content/themes/wanada/assets/img/wanada-wwan_bg.png");
  background-size: cover;
  min-height: 400px;
}
.page-template-about .about-page-content #where-we-are-now h2 {
  color: #fff;
  font-weight: 700;
}
.page-template-about .about-page-content #where-we-are-now .section .content {
  background-color: #fff;
  border-radius: 10px;
  color: #000;
}
.page-template-about .about-page-content #where-we-are-now .section .content .uk-button-primary {
  background-color: #00396B;
  border: 1px solid #00396B;
  border-radius: 10px;
  color: #fff;
  transition: background-color 0.3s ease;
}
.page-template-about .about-page-content #where-we-are-now .section .content .uk-button-primary:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}

.page-template-members #members-introduction {
  background-image: url("/wp-content/themes/wanada/assets/img/wanada-members-benefits_bg.png");
  background-size: cover;
  background-position: center;
  padding-top: 0;
}
.page-template-members #members-introduction h2 {
  color: #D2232A;
  font-weight: 700;
}
.page-template-members #members-introduction p {
  color: #000;
}
.page-template-members #members-introduction ul li {
  color: #000;
}
.page-template-members #members-access {
  background-image: url("/wp-content/themes/wanada/assets/img/wanada-members-access_bg.png");
  background-size: cover;
  color: #fff;
}
.page-template-members #members-access h2 {
  color: #fff;
  font-weight: 700;
}
.page-template-members #members-access .benefit .uk-card {
  padding: 10px;
  border-radius: 10px;
}
.page-template-members #members-access .benefit .uk-card .uk-card-media-top .uk-overlay h3 {
  color: #fff;
  font-weight: 500;
}
.page-template-members #members-access .benefit .uk-card .uk-card-body {
  color: #000;
}
.page-template-members #members-access .benefit .uk-card .uk-card-footer .uk-button-primary {
  background-color: #D2232A;
  border: 1px solid #D2232A;
  border-radius: 10px;
  color: #fff;
  transition: background-color 0.3s ease;
}
.page-template-members #members-access .benefit .uk-card .uk-card-footer .uk-button-primary:hover {
  background-color: #00396B;
  border: 1px solid #00396B;
}
.page-template-members #standards-awards .uk-grid-divider > :not(.uk-first-column)::before {
  border-left: 1px solid #00396B !important;
}
.page-template-members #standards-awards .uk-button-primary {
  background-color: #00396B;
  border: 1px solid #00396B;
  border-radius: 10px;
  color: #fff;
  transition: background-color 0.3s ease;
}
.page-template-members #standards-awards .uk-button-primary:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}
.page-template-members #standards-awards #member-standards h2 {
  color: #D2232A;
  font-weight: 700;
}
.page-template-members #standards-awards #member-standards .content {
  padding: 0 80px;
}
.page-template-members #standards-awards #member-standards .content h2 {
  color: #00396B;
  font-weight: 700;
}
.page-template-members #standards-awards #member-awards .content {
  padding: 0 80px;
}

.page-template-education-training #education-training-introduction h2 {
  color: #D2232A;
  font-weight: 700;
}
.page-template-education-training #education-training-introduction p {
  color: #000;
}
.page-template-education-training #public-policy {
  background-color: #f0f0f0;
}
.page-template-education-training #public-policy .uk-container {
  padding: 30px 0;
}
.page-template-education-training #public-policy .uk-container .content {
  padding-right: 60px;
}
.page-template-education-training #public-policy .uk-container .content h2 {
  color: #D2232A;
  font-weight: 700;
}
.page-template-education-training #public-policy .uk-container .content p {
  color: #000;
}
.page-template-education-training #public-policy .uk-container .content .uk-button-primary {
  background-color: #00396B;
  border: 1px solid #00396B;
  border-radius: 10px;
  color: #fff;
  transition: background-color 0.3s ease;
}
.page-template-education-training #public-policy .uk-container .content .uk-button-primary:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}
.page-template-education-training #career-training {
  background-image: url("/wp-content/themes/wanada/assets/img/wanada_career-training_bg.png");
  background-size: cover;
  background-position: center;
}
.page-template-education-training #career-training .uk-container {
  padding: 30px 0;
}
.page-template-education-training #career-training .uk-container .content {
  padding-left: 60px;
}
.page-template-education-training #career-training .uk-container .content h2 {
  color: #D2232A;
  font-weight: 700;
}
.page-template-education-training #career-training .uk-container .content p {
  color: #000;
}
.page-template-education-training #career-training .uk-container .content .uk-button-primary {
  background-color: #00396B;
  border: 1px solid #00396B;
  border-radius: 10px;
  color: #fff;
  transition: background-color 0.3s ease;
}
.page-template-education-training #career-training .uk-container .content .uk-button-primary:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}
.page-template-education-training #member-education {
  background-color: #f0f0f0;
}
.page-template-education-training #member-education .uk-container {
  padding: 30px 0;
}
.page-template-education-training #member-education .uk-container .content {
  padding-right: 60px;
}
.page-template-education-training #member-education .uk-container .content h2 {
  color: #D2232A;
  font-weight: 700;
}
.page-template-education-training #member-education .uk-container .content p {
  color: #000;
}
.page-template-education-training #member-education .uk-container .content .uk-button-primary {
  background-color: #00396B;
  border: 1px solid #00396B;
  border-radius: 10px;
  color: #fff;
  width: 200px;
}
.page-template-education-training #member-education .uk-container .content .uk-button-primary:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}

.page-template-resources #benefits-insurance .content {
  color: #000;
}
.page-template-resources #benefits-insurance .content h2 {
  color: #000;
  font-weight: 700;
}
.page-template-resources #benefits-insurance .content .uk-button-primary {
  background-color: #00396B;
  border: 1px solid #00396B;
  border-radius: 10px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}
.page-template-resources #benefits-insurance .content .uk-button-primary:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}
.page-template-resources #bulletin {
  background-color: #e9e9e9;
}
.page-template-resources #bulletin .intro {
  color: #000;
  margin: 30px 0;
}
.page-template-resources #bulletin .intro h2 {
  font-weight: 700;
}
.page-template-resources #bulletin .bulletins {
  background-color: #fff;
  margin-bottom: 50px;
  border-radius: 10px;
}
.page-template-resources #bulletin .bulletins h3 {
  border-bottom: 1px solid #00396B;
  color: #00396B;
  font-weight: 600;
  font-family: "Verdana";
  margin-bottom: 30px;
  text-transform: uppercase;
}
.page-template-resources #bulletin .bulletins .featured-post {
  padding: 0 20px 20px 20px;
}
.page-template-resources #bulletin .bulletins .featured-post h4 {
  color: #000;
  font-size: 1.4em;
  font-weight: 500;
  margin: 0;
}
.page-template-resources #bulletin .bulletins .featured-post p {
  color: #000;
}
.page-template-resources #bulletin .bulletins .featured-post .uk-button-primary {
  background-color: #D2232A;
  border: 1px solid #D2232A;
  color: #fff;
  border-radius: 10px;
  transition: background-color 0.3s ease;
  padding: 0 25px !important;
}
.page-template-resources #bulletin .bulletins .featured-post .uk-button-primary:hover {
  background-color: #00396B;
  border: 1px solid #00396B;
}
.page-template-resources #bulletin .bulletins .recent-posts {
  border-left: 2px solid #00396B;
  padding: 0 20px 20px 20px;
}
.page-template-resources #bulletin .bulletins .recent-posts .bulletin-list li {
  padding: 15px 0;
  border-bottom: 1px solid #cfdbe5;
}
.page-template-resources #bulletin .bulletins .recent-posts .bulletin-list li p a {
  color: #00396B;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0;
}
.page-template-resources #bulletin .bulletins .recent-posts .bulletin-list li a {
  color: #D2232A;
  font-size: small;
  font-weight: 500;
}
.page-template-resources #bulletin .cta {
  margin: 0 0 40px 0;
}
.page-template-resources #bulletin .cta .uk-button-primary {
  background-color: #D2232A;
  border: 1px solid #D2232A;
  border-radius: 10px;
  color: #fff;
  font-weight: 500;
  text-transform: none;
  transition: background-color 0.3s ease;
}
.page-template-resources #bulletin .cta .uk-button-primary:hover {
  background-color: #00396B;
  border: 1px solid #00396B;
}
.page-template-resources #dealer-resources {
  background-image: url("/wp-content/themes/wanada/assets/img/wanada_resources-dealers_bg.png");
  background-size: cover;
  color: #fff;
}
.page-template-resources #dealer-resources h2 {
  color: #fff;
  font-weight: 700;
}
.page-template-resources #dealer-resources .resource .uk-card {
  padding: 10px;
  border-radius: 10px;
}
.page-template-resources #dealer-resources .resource .uk-card .uk-card-media-top .uk-overlay h3 {
  color: #fff;
  font-weight: 500;
}
.page-template-resources #dealer-resources .resource .uk-card .uk-card-body {
  color: #000;
}
.page-template-resources #dealer-resources .resource .uk-card .uk-card-footer .uk-button-primary {
  background-color: #D2232A;
  border-radius: 5px;
  color: #fff;
  padding: 0 25px !important;
  transition: background-color 0.3s ease;
}
.page-template-resources #dealer-resources .resource .uk-card .uk-card-footer .uk-button-primary:hover {
  background-color: #00396B;
  color: #fff;
}
.page-template-resources #auto-safety {
  color: #000;
}
.page-template-resources #auto-safety h2 {
  color: #000;
  font-weight: 700;
}
.page-template-resources #auto-safety h3 {
  color: #2474bb;
  font-weight: 600;
}
.page-template-resources #auto-safety .logo img {
  border: 1px solid #2474bb;
  max-width: 200px;
  padding: 40px 20px;
}
.page-template-resources #auto-safety .description p {
  color: #000;
}
.page-template-resources #auto-safety .description .uk-button-primary {
  background-color: #00396B;
  border: 1px solid #00396B;
  border-radius: 10px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}
.page-template-resources #auto-safety .description .uk-button-primary:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}
.page-template-resources #consumer-protection {
  background-image: url("/wp-content/themes/wanada/assets/img/wanada-resouces-consumer-protection_bg.png");
  background-size: cover;
  background-position: center;
  color: #000;
}
.page-template-resources #consumer-protection h2 {
  color: #000;
  font-weight: 700;
}
.page-template-resources #consumer-protection h3 {
  color: #000;
  font-weight: 600;
}
.page-template-resources #consumer-protection .uk-button-primary {
  background-color: #00396B;
  color: #fff;
  font-weight: 500;
  text-transform: none;
}
.page-template-resources #consumer-protection .uk-button-primary:hover {
  background-color: #D2232A;
  color: #fff;
}
.page-template-resources #consumer-protection .assistance {
  border-radius: 10px;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.6);
  background-color: #fff;
  font-size: 1.3rem;
  line-height: initial;
  padding: 20px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.6);
}
.page-template-resources #career-training h2 {
  color: #000;
  font-weight: 700;
}
.page-template-resources #career-training h3 {
  color: #000;
  font-weight: 600;
}
.page-template-resources #career-training .logo img {
  border: 1px solid #000;
  max-width: 350px;
  padding: 40px 20px;
}
.page-template-resources #career-training .uk-button-primary {
  background-color: #D2232A;
  border: 1px solid #D2232A;
  border-radius: 10px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}
.page-template-resources #career-training .uk-button-primary:hover {
  background-color: #00396B;
  border: 1px solid #00396B;
}
.page-template-resources #career-training .opportunities {
  background-color: #e9e9e9;
  padding: 20px;
  font-size: 1.3rem;
  line-height: initial;
  border-radius: 10px;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.6);
}

.page-template-board {
  background-color: #e9e9e9;
}
.page-template-board .board-content-title {
  margin-top: 40px;
}
.page-template-board .board-content-title h2 {
  color: #00396B;
  font-weight: 700;
}
.page-template-board #executive-grid h3 {
  color: #00396B;
  font-weight: 500;
  margin: 20px 0 30px;
}
.page-template-board #executive-grid .member > div:first-of-type {
  background-color: #fff;
  padding: 20px;
}
.page-template-board #executive-grid .member > div:first-of-type h4 {
  font-size: 0.8rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.page-template-board #executive-grid .member > div:first-of-type p {
  margin: 10px 0 0 0;
  font-size: small;
  font-style: italic;
}
.page-template-board #executive-grid .member > div:first-of-type img {
  max-height: 200px;
  margin-bottom: 20px;
  width: auto;
}
.page-template-board #membership-grid h3 {
  color: #00396B;
  font-weight: 500;
  margin: 20px 0 30px;
}
.page-template-board #membership-grid .member > div:first-of-type {
  background-color: #fff;
  padding: 20px;
}
.page-template-board #membership-grid .member > div:first-of-type h4 {
  font-size: 0.8rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.page-template-board #membership-grid .member > div:first-of-type p {
  margin: 10px 0 0 0;
  font-size: small;
  font-style: italic;
}
.page-template-board #membership-grid .member > div:first-of-type img {
  max-height: 200px;
  margin-bottom: 20px;
  width: auto;
}
.page-template-board #button-cta .uk-button-primary {
  background-color: #D2232A;
  border: 1px solid #D2232A;
  border-radius: 10px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 10px 20px;
  transition: background-color 0.3s ease;
}
.page-template-board #button-cta .uk-button-primary:hover {
  background-color: #00396B;
  border: 1px solid #00396B;
}

.page-template-staff {
  background-color: #e9e9e9;
}
.page-template-staff #staff-grid h2 {
  color: #00396B;
  font-weight: 700;
  margin: 30px 0;
}
.page-template-staff #staff-grid .member > div:first-of-type {
  background-color: #fff;
  padding: 20px;
}
.page-template-staff #staff-grid .member > div:first-of-type h4 {
  font-size: 0.8rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.page-template-staff #staff-grid .member > div:first-of-type p {
  margin: 10px 0 0 0;
  font-size: small;
  font-style: italic;
}
.page-template-staff #staff-grid .member > div:first-of-type img {
  max-height: 200px;
  margin-bottom: 20px;
  width: auto;
}
.page-template-staff #staff-list {
  background-color: #fff;
}
.page-template-staff #staff-list h2 {
  color: #00396B;
  font-weight: 700;
  margin: 20px 0 30px;
}
.page-template-staff #staff-list .uk-table .member {
  border-top: 1px solid #5d5d5d;
  /* Each td knows its own column label */
}
.page-template-staff #staff-list .uk-table .member td[data-label]::before {
  content: attr(data-label);
  display: none;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #888;
  margin-bottom: 2px;
}
.page-template-staff #button-cta {
  background-color: #fff;
}
.page-template-staff #button-cta .uk-button-primary {
  background-color: #D2232A;
  border: 1px solid #D2232A;
  border-radius: 10px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 10px 20px;
}
.page-template-staff #button-cta .uk-button-primary:hover {
  background-color: #00396B;
  border: 1px solid #00396B;
}

.page-template-news #news-content {
  padding: 20px 0;
  background-color: #e9e9e9;
}
.page-template-news #news-content #news-listing {
  background-color: #fff;
  border-radius: 10px;
  padding: 40px 50px;
}
.page-template-news #news-content #news-listing .news-item .news-thumbnail {
  border-radius: 10px;
  display: block;
  width: 100%;
  padding-top: 75%;
  /* 4:3 aspect ratio - adjust as needed */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page-template-news #news-content #news-listing .news-item .news-meta {
  font-weight: 700;
  color: #000;
}
.page-template-news #news-content #news-listing .news-item .news-meta .news-tag {
  color: #D2232A;
}
.page-template-news #news-content #news-listing .news-item h2 a {
  font-family: "Avenir Bold";
  color: #000;
}
.page-template-news #news-content #news-listing .news-item h2 a:hover {
  color: #00396B;
  text-decoration: none;
}
.page-template-news #news-content #news-listing .news-item .uk-button-primary {
  background-color: #D2232A;
  color: #fff;
  font-weight: 500;
  text-transform: none;
}
.page-template-news #news-content #news-listing .news-item .uk-button-primary:hover {
  background-color: #00396B;
  color: #fff;
}
.page-template-news #news-content #news-sidebar {
  background-color: #fff;
  border-radius: 10px;
  padding: 40px 20px;
}
.page-template-news #news-content #news-sidebar .head {
  border-radius: 30px 10px;
  border: 2px solid #00396B;
  color: #00396B;
  corner-shape: bevel round;
  font-weight: 600;
  padding: 25px;
  text-align: center;
}
.page-template-news #news-content #news-sidebar .head p {
  margin: 0;
}
.page-template-news #news-content #news-sidebar .quick-links {
  margin: 20px 0px;
  list-style: none;
  padding: 0;
}
.page-template-news #news-content #news-sidebar .quick-links h3 {
  font-family: "Avenir Bold";
  color: #000;
  text-shadow: 0px 5px 8px #b8b8b8;
}
.page-template-news #news-content #news-sidebar .quick-links li {
  margin-bottom: 10px;
}
.page-template-news #news-content #news-sidebar .quick-links li a {
  background-color: #00396B;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  width: 100%;
  text-align: center;
  padding: 5px;
}
.page-template-news #news-content #news-sidebar .quick-links li a:hover {
  background-color: #D2232A;
  text-decoration: none;
}

.page-template-insurance-team {
  background-color: #e9e9e9;
}
.page-template-insurance-team #it-introduction {
  background-color: #e9e9e9;
}
.page-template-insurance-team #it-introduction h2 {
  color: #00396B;
  font-weight: 700;
}
.page-template-insurance-team #it-introduction .team-image {
  background-color: #fff;
  border-radius: 10px;
}
.page-template-insurance-team #it-grid {
  margin-top: 20px;
}
.page-template-insurance-team #it-grid h3 {
  color: #00396B;
  font-weight: 700;
  margin-bottom: 30px;
}
.page-template-insurance-team #it-grid .member .box {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}
.page-template-insurance-team #it-grid .member .box h4 {
  margin: 0 0 10px 0;
  padding: 0;
}
.page-template-insurance-team #it-grid .member .box p {
  margin: 5px 0;
}
.page-template-insurance-team #it-grid .member .box .headshot {
  background-color: #e9e9e9;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
  height: 300px;
  max-height: 320px;
  width: 100%;
}

.page-template-events #events-introduction {
  color: #000;
  padding: 30px 0;
}
.page-template-events #events-introduction h2 {
  text-align: center;
  font-weight: 700;
}
.page-template-events #auto-show {
  background-color: #f0f0f0;
}
.page-template-events #auto-show .uk-container {
  padding: 30px 0;
}
.page-template-events #auto-show .uk-container .content {
  padding-right: 60px;
}
.page-template-events #auto-show .uk-container .content h2 {
  color: #D2232A;
  font-weight: 700;
}
.page-template-events #auto-show .uk-container .content p {
  color: #000;
}
.page-template-events #auto-show .uk-container .content .uk-button-primary {
  background-color: #00396B;
  border: 1px solid #00396B;
  border-radius: 10px;
  color: #fff;
  transition: background-color 0.3s ease;
}
.page-template-events #auto-show .uk-container .content .uk-button-primary:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}
.page-template-events #auto-show .uk-container .image img {
  border: 2px solid #d2232a;
  border-radius: 18px;
}
.page-template-events #annual-meeting {
  background-image: url("/wp-content/themes/wanada/assets/img/wanada_career-training_bg.png");
  background-size: cover;
  background-position: center;
}
.page-template-events #annual-meeting .uk-container {
  padding: 30px 0;
}
.page-template-events #annual-meeting .uk-container .content {
  padding-left: 60px;
}
.page-template-events #annual-meeting .uk-container .content h2 {
  color: #D2232A;
  font-weight: 700;
}
.page-template-events #annual-meeting .uk-container .content p {
  color: #000;
}
.page-template-events #annual-meeting .uk-container .content .uk-button-primary {
  background-color: #00396B;
  border: 1px solid #00396B;
  border-radius: 10px;
  color: #fff;
  transition: background-color 0.3s ease;
}
.page-template-events #annual-meeting .uk-container .content .uk-button-primary:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}
.page-template-events #annual-meeting .uk-container .image img {
  border: 2px solid #d2232a;
  border-radius: 18px;
}
.page-template-events #wanada-open {
  background-color: #f0f0f0;
}
.page-template-events #wanada-open .uk-container {
  padding: 30px 0;
}
.page-template-events #wanada-open .uk-container .content {
  padding-right: 60px;
}
.page-template-events #wanada-open .uk-container .content h2 {
  color: #D2232A;
  font-weight: 700;
}
.page-template-events #wanada-open .uk-container .content p {
  color: #000;
}
.page-template-events #wanada-open .uk-container .content .uk-button-primary {
  background-color: #00396B;
  border: 1px solid #00396B;
  border-radius: 10px;
  color: #fff;
  width: 200px;
  transition: background-color 0.3s ease;
}
.page-template-events #wanada-open .uk-container .content .uk-button-primary:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}
.page-template-events #wanada-open .uk-container .image img {
  border: 2px solid #d2232a;
  border-radius: 18px;
}

.page-template-community-support #community-support-introduction {
  background-color: #e9e9e9;
  padding: 50px 0;
}
.page-template-community-support #community-support-introduction h2 {
  color: #00396B;
  font-size: 1.8em;
  font-weight: 700;
}
.page-template-community-support #community-support-boxes {
  background-image: url("/wp-content/themes/wanada/assets/img/wanada_resources-dealers_bg.png");
  background-size: cover;
  color: #fff;
}
.page-template-community-support #community-support-boxes h2 {
  color: #fff;
  font-weight: 700;
}
.page-template-community-support #community-support-boxes .box .uk-card {
  padding: 10px;
  border-radius: 10px;
}
.page-template-community-support #community-support-boxes .box .uk-card .uk-card-media-top h3 {
  color: #fff !important;
  font-weight: 500;
}
.page-template-community-support #community-support-boxes .box .uk-card .uk-card-body {
  color: #000;
}
.page-template-community-support #community-support-boxes .box .uk-card .uk-card-footer .uk-button-primary {
  background-color: #D2232A;
  border-radius: 5px;
  color: #fff;
  padding: 0 25px !important;
  transition: background-color 0.3s ease;
}
.page-template-community-support #community-support-boxes .box .uk-card .uk-card-footer .uk-button-primary:hover {
  background-color: #00396B;
  color: #fff;
}

.post-template-default .single-post .hero h2 {
  font-size: 4rem;
}
.post-template-default .single-post-content {
  background-color: #f9f9f9;
  line-height: 1.8rem;
}
.post-template-default .single-post-content .uk-container {
  max-width: 1000px;
  margin: 0 auto;
}
.post-template-default .single-post-content .uk-container .link-backTo a {
  color: #cc3333;
}
.post-template-default .single-post-content .uk-container .content-container {
  background-color: #fff;
  padding: 80px 160px;
  box-shadow: 1px 1px 5px #cdcdcd;
}
.post-template-default .single-post-content .uk-container .content-container > h1 {
  font-family: "Avenir Bold";
  color: #000;
  text-align: center;
}
.post-template-default .single-post-content > .uk-section {
  padding-top: 20px;
}
.post-template-default .single-post-content .single-post-content-recent-news {
  margin-top: 40px;
}
.post-template-default .single-post-content .single-post-content-recent-news > h2 {
  font-family: "Avenir Bold";
  color: #cc3333;
  text-shadow: 0px 5px 8px #b8b8b8;
}
.post-template-default .single-post-content .single-post-content-recent-news .uk-container-expand {
  max-width: 1400px;
  margin: 40px auto;
}
.post-template-default .single-post-content .single-post-content-recent-news .uk-container-expand .uk-slider-items .uk-card {
  background-color: #fff;
  box-shadow: 1px 1px 5px #cdcdcd;
  padding: 20px 40px;
  color: #000;
}
.post-template-default .single-post-content .single-post-content-recent-news .uk-container-expand .uk-slider-items .uk-card > p > img {
  display: none;
  text-align: center;
  border-radius: 8px;
  box-shadow: 1px 1px 5px #cdcdcd;
}
.post-template-default .single-post-content .single-post-content-recent-news .uk-container-expand .uk-slider-items .uk-card > p > a {
  background-color: #cc3333;
  border-radius: 8px;
  color: #fff;
}
.post-template-default .single-post-content .single-post-content-recent-news .uk-container-expand .uk-slider-items .uk-card > h3 > a {
  font-family: "Avenir Bold";
  color: #000;
}
.post-template-default .single-post-content .single-post-content-recent-news .uk-slidenav {
  background-color: #00396b;
  color: #fff;
}
.post-template-default .single-post-content .single-post-content-recent-news .news-item-date {
  font-weight: bold;
  color: #00396b;
}

.category #category-content {
  padding: 20px 0;
  background-color: #e9e9e9;
}
.category #category-content .listing {
  background-color: #fff;
  border-radius: 10px;
  padding: 40px 50px;
}
.category #category-content .listing .news-item .news-thumbnail {
  border-radius: 10px;
  display: block;
  width: 100%;
  padding-top: 75%;
  /* 4:3 aspect ratio - adjust as needed */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.category #category-content .listing .news-item .news-meta {
  font-weight: 700;
  color: #000;
}
.category #category-content .listing .news-item .news-meta .news-tag {
  color: #D2232A;
}
.category #category-content .listing .news-item h2 a {
  font-family: "Avenir Bold";
  color: #000;
}
.category #category-content .listing .news-item h2 a:hover {
  color: #00396B;
  text-decoration: none;
}
.category #category-content .listing .news-item .uk-button-primary {
  background-color: #D2232A;
  color: #fff;
  font-weight: 500;
  text-transform: none;
}
.category #category-content .listing .news-item .uk-button-primary:hover {
  background-color: #00396B;
  color: #fff;
}
.category #category-content .sidebar {
  background-color: #fff;
  border-radius: 10px;
  padding: 40px 20px;
}
.category #category-content .sidebar .head {
  border-radius: 30px 10px;
  border: 2px solid #00396B;
  color: #00396B;
  corner-shape: bevel round;
  font-weight: 600;
  padding: 25px;
  text-align: center;
}
.category #category-content .sidebar .head p {
  margin: 0;
}
.category #category-content .sidebar .quick-links {
  margin: 20px 0px;
  list-style: none;
  padding: 0;
}
.category #category-content .sidebar .quick-links h3 {
  font-family: "Avenir Bold";
  color: #000;
  text-shadow: 0px 5px 8px #b8b8b8;
}
.category #category-content .sidebar .quick-links li {
  margin-bottom: 10px;
}
.category #category-content .sidebar .quick-links li a {
  background-color: #00396B;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  width: 100%;
  text-align: center;
  padding: 5px;
}
.category #category-content .sidebar .quick-links li a:hover {
  background-color: #D2232A;
  text-decoration: none;
}

.page-template-frontpagev2 #header {
  min-height: 600px;
  background-color: #00396B;
  color: #fff;
  padding-top: 130px;
}
.page-template-frontpagev2 #header .overlay-text {
  font-size: 2rem;
  font-weight: bold;
}
.page-template-frontpagev2 #header .box-content {
  max-width: 70%;
  margin: 30px auto;
  background-color: #00396bd1;
  padding: 40px;
  border-radius: 12px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .page-template-frontpagev2 #header .box-content {
    max-width: 100%;
  }
}
.page-template-frontpagev2 #header .box-content .box-item-left,
.page-template-frontpagev2 #header .box-content .box-item-right {
  color: #fff;
}
.page-template-frontpagev2 #header .box-content .box-item-left h2,
.page-template-frontpagev2 #header .box-content .box-item-left h3,
.page-template-frontpagev2 #header .box-content .box-item-right h2,
.page-template-frontpagev2 #header .box-content .box-item-right h3 {
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
}
.page-template-frontpagev2 #header .box-content .box-item-left p,
.page-template-frontpagev2 #header .box-content .box-item-right p {
  font-size: 1.2rem;
  margin: 0 0 10px;
}
.page-template-frontpagev2 #header .box-content .box-item-left ul {
  list-style: none;
  padding-left: 0;
}
.page-template-frontpagev2 #header .box-content .box-item-left ul li {
  border-bottom: 1px solid #fff;
  padding: 10px 0;
}
.page-template-frontpagev2 #header .box-content .box-item-left ul li a {
  color: #fff;
}
.page-template-frontpagev2 #header .box-content .box-item-right {
  color: #fff;
  text-align: center;
}
.page-template-frontpagev2 #header .box-content .box-item-right h3 {
  margin: 0 0 5px;
  color: #fff;
}
.page-template-frontpagev2 #header .box-content .box-item-right .btn-forgot a {
  color: #fff;
}
.page-template-frontpagev2 #header .box-content .box-item-right .uk-button {
  background-color: #D2232A;
  border: 1px solid #D2232A;
  color: #fff;
  width: 90%;
  border-radius: 8px;
  margin: 5px 0;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}
.page-template-frontpagev2 #header .box-content .box-item-right .uk-button.btn-login:hover {
  background-color: #a61c21;
  border: 1px solid #00396B;
}
.page-template-frontpagev2 #header .box-content .box-item-right .uk-button.btn-join {
  background-color: white;
  border: 1px solid white;
  color: #00396B;
}
.page-template-frontpagev2 #header .box-content .box-item-right .uk-button.btn-join:hover {
  background-color: #0569c1;
  border: 1px solid #00396B;
  color: #fff;
}
.page-template-frontpagev2 .uk-button-red {
  background-color: #D2232A;
  border: 1px solid #D2232A;
  border-radius: 10px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}
.page-template-frontpagev2 .uk-button-red:hover {
  background-color: #00396B;
  border: 1px solid #00396B;
}
.page-template-frontpagev2 #red-banner {
  background-color: #D2232A;
  color: #fff;
  padding: 20px 0;
  width: 100%;
}
.page-template-frontpagev2 #red-banner .ps-container {
  color: #fff;
  width: 80%;
  margin: 0 auto;
}
.page-template-frontpagev2 #red-banner .ps-container .red-banner-icon {
  background-image: url(/wp-content/themes/wanada/assets/img/wanada_logo-mini-light.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
}
@media screen and (max-width: 768px) {
  .page-template-frontpagev2 #red-banner .ps-container .red-banner-icon {
    height: 60px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .page-template-frontpagev2 #red-banner .ps-container .red-banner-text {
    text-align: center;
  }
}
.page-template-frontpagev2 #red-banner .ps-container .red-banner-text h2 {
  color: #fff;
  font-weight: 700;
  margin: 0;
}
.page-template-frontpagev2 #red-banner .ps-container .red-banner-text p {
  margin: 0;
}
.page-template-frontpagev2 #bulletins {
  background-color: #e9e9e9;
  padding: 30px 0;
}
.page-template-frontpagev2 #bulletins .card {
  background-color: #fff;
  border-radius: 10px;
  padding: 40px 50px;
}
.page-template-frontpagev2 #bulletins .card h2 {
  color: #00396B;
  font-weight: 700;
  padding-bottom: 5px;
  border-bottom: 1px solid #00396B;
}
.page-template-frontpagev2 #bulletins .card .featured-new h3 {
  color: #000;
  font-size: 1.4em;
  font-weight: 500;
  margin: 0;
}
.page-template-frontpagev2 #bulletins .card .featured-new h3 a {
  color: #000;
}
.page-template-frontpagev2 #bulletins .card .featured-new p {
  color: #000;
}
.page-template-frontpagev2 #bulletins .card .recent-bulletin-list li {
  padding: 15px 0;
  border-bottom: 1px solid #cfdbe5;
}
.page-template-frontpagev2 #bulletins .card .recent-bulletin-list li a {
  color: #D2232A;
  font-size: small;
  font-weight: 500;
}
.page-template-frontpagev2 #bulletins .card .recent-bulletin-list li p a {
  color: #00396B;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0;
}
.page-template-frontpagev2 #parallax-slider .ps-slide {
  inset: 0;
  width: 100%;
  height: 650px;
}
@media screen and (max-width: 768px) {
  .page-template-frontpagev2 #parallax-slider .ps-slide {
    height: 850px;
  }
}
.page-template-frontpagev2 #parallax-slider .ps-slide .ps-container {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .page-template-frontpagev2 #parallax-slider .ps-slide .ps-container {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .page-template-frontpagev2 #parallax-slider .ps-slide .ps-container .ps-slide-box {
    padding: 40px 20px 20px !important;
    width: calc(100% - 40px);
    margin: 0 auto !important;
  }
}
.page-template-frontpagev2 #parallax-slider .ps-slide .ps-container.uk-position-center-left {
  left: 30px;
}
@media screen and (max-width: 768px) {
  .page-template-frontpagev2 #parallax-slider .ps-slide .ps-container.uk-position-center-left {
    left: 0;
  }
}
.page-template-frontpagev2 #parallax-slider .ps-slide .ps-container.uk-position-center-left .ps-slide-box {
  padding: 30px 50px 30px 70px;
  margin-left: 70px;
}
@media screen and (max-width: 768px) {
  .page-template-frontpagev2 #parallax-slider .ps-slide .ps-container.uk-position-center-left .ps-slide-box {
    margin-left: 0;
  }
}
.page-template-frontpagev2 #parallax-slider .ps-slide .ps-container.uk-position-center-left .ps-slide-box:before {
  border-radius: 5px;
  content: "";
  padding: 5px;
  position: absolute;
  left: 10px;
  top: 40%;
  width: 70px;
  height: 70px;
  background-color: #fff;
  background-image: url(/wp-content/themes/wanada/assets/img/wanada_logo-mini-color.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .page-template-frontpagev2 #parallax-slider .ps-slide .ps-container.uk-position-center-left .ps-slide-box:before {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50px);
  }
}
.page-template-frontpagev2 #parallax-slider .ps-slide .ps-container.uk-position-center-right {
  right: 30px;
}
@media screen and (max-width: 768px) {
  .page-template-frontpagev2 #parallax-slider .ps-slide .ps-container.uk-position-center-right {
    right: 0;
  }
}
.page-template-frontpagev2 #parallax-slider .ps-slide .ps-container.uk-position-center-right .ps-slide-box {
  padding: 30px 70px 30px 50px;
  margin-right: 70px;
}
@media screen and (max-width: 768px) {
  .page-template-frontpagev2 #parallax-slider .ps-slide .ps-container.uk-position-center-right .ps-slide-box {
    margin-right: 0;
  }
}
.page-template-frontpagev2 #parallax-slider .ps-slide .ps-container.uk-position-center-right .ps-slide-box:after {
  border-radius: 5px;
  content: "";
  padding: 5px;
  position: absolute;
  right: 10px;
  top: 40%;
  width: 70px;
  height: 70px;
  background-color: #fff;
  background-image: url(/wp-content/themes/wanada/assets/img/wanada_logo-mini-color.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .page-template-frontpagev2 #parallax-slider .ps-slide .ps-container.uk-position-center-right .ps-slide-box:after {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50px);
  }
}
.page-template-frontpagev2 #parallax-slider .ps-slide .ps-slide-box {
  background-color: rgba(0, 57, 107, 0.8);
  border-radius: 10px;
  padding: 20px;
  color: #fff;
}
.page-template-frontpagev2 #parallax-slider .ps-slide .ps-slide-box h2 {
  color: #fff;
  font-weight: 700;
}
.page-template-frontpagev2 #parallax-slider .ps-slide .ps-slide-box .uk-button {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 10px;
  transition: background-color 0.3s ease;
  padding: 0 25px !important;
}
.page-template-frontpagev2 #parallax-slider .ps-slide .ps-slide-box .uk-button:hover {
  background-color: #D2232A;
  border: 1px solid #D2232A;
}