/*
Theme Name: Divi Child
Theme URI: https://tatrasdata.com/
Description: A child theme for the Elegant Themes Divi theme
Author: TATRAS Data
Author URI: https://tatrasdata.com/
Template: Divi
Version: 3.0
*/

/* Custom styles go below */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --blue: #0088FF;
    --gray: #787878;
    --black: #101010;
    --theme-primary: #5D057A;
    --theme-secondary: #F4A804;
}

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body .et-l--header {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

body .et-l--header.nav-down {
    position: fixed;
    width: 100%;
    max-width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

body .et-l--header.nav-up {
    top: -146px;
}

body .et-l--header .et_pb_row {
  width: 100%;
  position: relative;
}
body .et-l--header .et_pb_column {
  margin: 0;
}
body .et-l--header .et_pb_column.et_pb_column_2_3 {
  position: static;
  height: 0 !important;
}
body .et-l--header .et_pb_menu {
  width: 100%;
  z-index: 999;
  background-color: transparent;
}

body .et-l--header a.brandLogo {
  display: inline-block;
  position: relative;
  z-index: 1009;
}

.bannersWrap {
    display: none;
    overflow: hidden;
}

/* Define your theme */
.mCS-custom-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: var(--blue);
}
.mCS-custom-theme.mCSB_scrollTools .mCSB_draggerRail {
  background-color: var(--gray);
}
body .mCS-custom-theme.mCSB_scrollTools {
  right: -3px;
}


.sliderHero.slick-dotted.slick-slider {
  margin: 0;
}
.sliderHero.slick-dotted.slick-slider .slick-slide,
.sLoader {
  height: 480px;
  overflow: hidden;
}
.sLoader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sliderHero.slick-dotted.slick-slider .slick-dots {
  bottom: 0;
}

.sliderHero .hero-banner {
   background-size: cover; background-position: center;
   padding: 60px 0 0;
}
.hero-banner .hero-content {
  max-width: 600px;
}
.hero-banner .hero-content h1 {
  font-size: 3rem;
  color: var(--theme-primary);
  margin: 0 0 6px;
}
.hero-banner .hero-content h1>span {
  color: var(--theme-secondary);
}
.hero-banner .hero-content p {
  color: var(--theme-secondary);
  margin-bottom: 1rem;
}

section .btn.btn-primary {
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
  color: #ffffff;
}
section .btn.btn-primary:hover {
  background-color: var(--theme-secondary);
  border-color: var(--theme-secondary);
}
.hero-banner .hero-content .pt-lg-4 p {
  color: #ffffff;
}
body .text-secondary {
  color: var(--theme-secondary) !important;
}
.sliderHero {
  border-bottom: solid 34px var(--theme-primary);
}

.pillarSlider,
.partner-slider {
  padding-top: 40px;
}
.bannersWrap .slick-next::before, 
.bannersWrap .slick-prev::before {
  display: none;
}
.bannersWrap .slick-next, 
.bannersWrap .slick-prev {
  top: 19px;  
  right: auto;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('./images/svg/arrow-left-circle-ico.svg');
  -webkit-filter: invert(10%) sepia(46%) saturate(7372%) hue-rotate(281deg) brightness(92%) contrast(107%);
  filter: invert(10%) sepia(46%) saturate(7372%) hue-rotate(281deg) brightness(92%) contrast(107%);
}
.bannersWrap .slick-next:hover, 
.bannersWrap .slick-prev:hover {
  -webkit-filter: invert(75%) sepia(79%) saturate(1674%) hue-rotate(339deg) brightness(95%) contrast(103%);
  filter: invert(75%) sepia(79%) saturate(1674%) hue-rotate(339deg) brightness(95%) contrast(103%);
}
.bannersWrap .slick-prev {
  left: 46%;
}
.bannersWrap .slick-next {
  -webkit-transform: scaleX(-1) translateY(-14px);
  transform: scaleX(-1) translateY(-14px);
  left: auto;
  right: 46%;
}
.pillar-content h2 {
  color: var(--theme-secondary);
}
.et_pb_section h2,
.et_pb_section h3,
.et_pb_section h4 {
  font-weight: 600;
}
.pillarSlider img {
  border-radius: 12px;
}

.h250 {
  height: 370px;
  overflow-x: hidden;
  overflow-y: auto;
}

h2.et_pb_module_heading {
  font-weight: 600;
  font-size: 42px;
  color: var(--theme-primary);
}
.tSecond h2.et_pb_module_heading {
  color: var(--theme-secondary);
}

.et_pb_section .wpcf7-form-control {
  width: 100%;
  padding: 4px 8px;
  border: solid 1px #d9d9d9;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.et_pb_section textarea.wpcf7-form-control {
  height: 80px;
}
.et_pb_section .wpcf7-spinner {
  display: none !important;
}
.et_pb_section .wpcf7-form-control.wpcf7-submit {
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
  color: #ffffff;
}
.et_pb_section .wpcf7-form-control.wpcf7-submit:hover {
  background-color: var(--theme-secondary);
  border-color: var(--theme-secondary);
}

/* Media */

@media all and (max-width: 980px) {
  body .hero-banner .hero-content h1 {
    font-size: 2rem;
  }
  body .et-l--header .et_pb_menu_0_tb_header {
    padding-top: 0 !important;
  }
  .et-l--header .et_pb_menu .et_mobile_menu {
    top: -92%;
  }
  .et-l--header .et_pb_menu_inner_container {
    top: 50px;
  }
  .et-l--header .et_pb_menu__wrap .mobile_menu_bar {
    -webkit-transform: translateY(-115px);
    transform: translateY(-115px);
  }
  .et-l--header .mobile_menu_bar::before {
    font-size: 48px;
    color: var(--theme-primary) !important;
  }
}

@media all and (min-width: 1092px) {
  .hero-banner .hero-content .pt-lg-4 {
    padding-top: 23% !important;
  }  
  body .et-l--header .et_pb_menu_0_tb_header {
    padding-top: 34px;
    display: flex;
    justify-content: flex-end;
  }
} 

@media all and (min-width: 982px) {
  body .et-menu a,
  .entry-content section {
    color: var(--black);
  }
  .entry-content .et_pb_section {
    font-size: 18px;
    line-height: 1.6;
  }
}