/*
 Theme Name: Educatius Spain
 Theme URI: http://educatius.es/
 Description: Child theme for Educatius Jev langauges 
 Author: Dreambridge
 Author URI: (optional)
 Template: edu-jev-langues
 Version: 1.0.0
 */
:root {
  --teal: #009490;
  --dark-teal: #004f51;
  --light-teal: #f4f9ff;
  --pink: #b14c59;
  --dark-red: #691c32;
  --light-purple: #410099;
  --dark-yellow: #ff8300;
  --light-beige: #fdf6f3;
  --light-black: #313131;
  --blue: #114d93;
  --navy-blue: #082d57;
  --second-dark-teal: #40928f;
  --third-dark-teal: #40928f4a;
  --orange: #ff5100;
  --beige: #faf4e2;
  --purple: #2e1a46;
  --dark-green: #062a30;
  --dark-pink: #691c32;
  --light-pink: #e8b8a6;
  --bright-orange: #ff5100;
  --turquoise: #19d3c5;
  --lavender: #ae95da;
  --yellow: #ffb71b;
  --dark-yellow: #ff8300;
  --light-white: #fff3e1;
  --black: #000;
  --white: #ffffff;
  --brown: #651d32;
  --light-brown: #b04a5a;
}

/* global css  */
a {
  text-decoration: none;
  color: var(--brown);
}

a:hover {
  color: var(--light-brown);
}

/* header  & footer */
.header-top {
  max-height: 106px;
  background-color: transparent;
}
.logo-wrap .logo, .logo-wrap .logo-dark {
  max-width: 100%;
  height: 100%;
}
header.new-menu,
.footer {
  background: var(--brown) !important;
}

.header .header-top-nav-wrap a {
  color: var(--white);
  padding: 5px 10px;
}
.header .header-top-nav-wrap a:hover {
  text-decoration: underline;
}
.header .header-top-nav-wrap a:first-child {
  border: 1px solid var(--white);
}
.header .header-top-nav-wrap a:first-child:hover,
.header .head-nav-link:first-child:hover {
  background-color: var(--white) !important ;
  color: var(--brown) !important;
  text-decoration: none;
}
.header .head-nav-wrap {
  background-color: var(--brown);
}
.text-block-wrap .text-block-title,
.text-block-wrap :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 1.5rem;
  color: var(--brown);
}

.educom-home-banner-wrap .banner-about-block span:hover a:after {
  background: #2cd5c4;
}
.ecom-classic-program .wp-block-button__link:hover {
  color: var(--brown) !important;
}
.wp-block-educatius-large-icon-and-text .col h6 {
  color: var(--light-brown);
}
.ecom-lead-program .lead-second-block .text-block-title {
  color: var(--black) !important;
}
.site-main .text-primary,
.process-list .point {
  color: var(--brown) !important;
}
.process-wrapper .process-line li::after,
.process-wrapper .process-line li {
  background-color: var(--brown);
}
.country-tab > li > a {
  border-color: var(--light-brown);
  background: var(--light-brown);
}
.quick-fact-section {
  border: 1px solid var(--brown);
}
.search-country-filter .accordion-header .accordion-button {
  background: var(--brown);
}
.event-card-content .event-btn-block .btn {
  background: var(--light-brown);
  border-color: var(--light-brown);
}
.event-card-content .event-right-block img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(55%) saturate(632%) hue-rotate(301deg) brightness(96%) contrast(89%);
}
.event-time-block .event-left-block span img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(55%) saturate(632%) hue-rotate(301deg) brightness(96%) contrast(89%);
}
.btn-outline-primary {
  border-color: var(--light-brown);
  color: var(--light-brown);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  border-color: var(--brown);
  background-color: var(--brown);
}

.ecom-classic-program .text-block-title {
  color: var(--white);
}
.course-card-content .btn-primary {
  background-color: var(--teal);
}
.accordion-body,
.accordion-button:not(.collapsed) {
  background-color: #f5f9fe;
}
.country-tabs-section .btn-primary {
  background-color: var(--brown);
}

.country-tabs-section .btn-primary:focus {
  background-color: var(--brown);
  border-color: var(--brown);
}
.error-block-wrap .text-primary {
  color: var(--brown) !important;
}
.more-view-btn button.btn {
  border-color: var(--brown);
  color: var(--brown);
}
.more-view-btn button.btn:hover {
  background: var(--brown);
  border-color: var(--brown);
  color: #fff;
}
.destination-price-button {
  color: var(--light-brown);
}
.logo-wrap {
  width: 150px;
}
.head-user-icon {
	display: none !important;
}
.footer a:hover {
	color: #fff;
}
	
@media (max-width: 767px) {
.show-sub-nav .active > .sub-menu {
  background: var(--brown) !important;
  }
}