/*
 *
 * Author: Eywa
 * Copyright 2020, Eywa
 * https://eywa.com
 *
 */

/*
========================== 
Base
==========================
*/

@import url('https://fonts.googleapis.com/css?family=Alata&display=swap');

:root {
  --blue1: #7898fb;
  --blue2: #14e4ff;
  --cyan1: #5ce5d5;
  --green1: #b8fb3c;
  --green2: #77ff00;
  --gray1: #2d2d2d;
  --gray2: #444;
  --gray3: #e0e0e0;
  --gray4: #424242;
  --gray5: #555555;
  --gray6: #eeeeee;
  --gray7: #bdbdbd;
  --white1: rgba(255, 255, 255, 0.5);
}

html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  color: var(--gray5);
  font-family: 'Montserrat', sans-serif;
  height: 100%;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  line-height: 1.5;
}

/* 
==========================
Components & Layouts
==========================
*/

.e-preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  background-image: url(../images/icons/eywa-preloader.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
}

.e-section__one {
  background-color: var(--gray1);
  min-height: 100vh;
}

.e-section__two .h6 {
  line-height: 1.8;
}

.e-main-header {
  background: #2d2d2d;
  color: #fff;
  left: 0px;
  padding-top: 25px;
  position: fixed;
  top: 0px;
  transition: all 500ms ease;
  z-index: 99;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.e-main-header a,
.e-main-header i {
  color: #fff;
}

.e-main-header__fixed {
  background: #ffffff;
  border-bottom: 1px solid var(--gray3);
  color: var(--gray4);
  padding-top: 0;
}

.e-main-header__fixed a,
.e-main-header__fixed i {
  color: var(--gray5);
}

.e-logo-cont {
  margin: 25px 0 20px;
  position: relative;
  transition: all 500ms ease;
  z-index: 25;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.e-nav-cont {
  margin: 25px 0 20px;
  position: relative;
  transition: all 500ms ease;
  z-index: 25;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.e-eywa-logo {
  width: 180px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.e-eywa-logo__shrinked {
  width: 140px;
}

.e-placehold-box {
  background-color: var(--gray4);
  border: 1px solid var(--gray6);
  height: 110px;
  line-height: 1rem;
  padding-top: 1.1rem;
}

.e-button-cont--1 {
  left: 50%;
  margin-left: -92px;
  top: -27px;
}

.e-button--1 {
  border: 1px solid;
  border-color: var(--gray3);
  border-radius: 30px;
  color: var(--gray4);
  font-family: Alata;
  font-weight: 500;
  padding: 10px 22px 10px;
}

.e-button--1:hover,
.e-button--1.active {
  background: var(--cyan1);
  border-color: var(--cyan1);
}

.e-entity {
  border: 1px solid var(--gray3);
  border-radius: 8px;
  box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  width: 250px;
}

.e-entity--topcont {
  align-items: center;
  border-bottom: 1px solid var(--gray3);
  display: flex;
  height: 110px;
  justify-content: center;
  width: 100%;
}

.e-entity--logocont {
  height: 75px;
}

.e-entity--botcont {
  font-family: 'Alata';
  font-size: 13px;
  line-height: 1.5rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  text-align: center;
}

.e-icon__one {
  height: 24px;
  max-height: 24px;
}

/* 
==========================
Content
==========================
*/

.e-font-alata {
  font-family: 'Alata', sans-serif;
}

.e-title {
  color: var(--gray4);
}

.e-highlight__blue2 {
  background-color: var(--blue2);
  line-height: 4rem;
  padding: 5px 10px;
}

.e-highlight__green1 {
  background-color: var(--green1);
  color: var(--gray1);
  line-height: 4rem;
  padding: 5px 10px;
}

.e-highlight__green2 {
  background-color: var(--green2);
  color: var(--gray1);
  line-height: 4rem;
  padding: 5px 10px;
}

.e-highlight__cyan1 {
  background-color: var(--cyan1);
  color: var(--gray1);
  line-height: 4rem;
  padding: 5px 10px;
}

.e-text-gray6 {
  color: var(--gray6) !important;
}

.e-text-gray4 {
  color: var(--gray4) !important;
}

.e-text-gray1 {
  color: var(--gray1) !important;
}

.e-text-cyan1 {
  color: var(--cyan1) !important;
}

.e-bg-gray3 {
  background-color: var(--gray3);
}

.e-lh0_7 {
  line-height: 0.7rem;
}

.e-lh1_1 {
  line-height: 1.1rem;
}

.e-lh1_2 {
  line-height: 1.2rem;
}

.e-lh1_8 {
  line-height: 1.8rem;
}

.e-lh2_75 {
  line-height: 2.75rem;
}

.e-lh3_0 {
  line-height: 3rem;
}

.e-fs1_2 {
  font-size: 1.2rem;
}

.e-caption__one {
  font-size: 0.7rem;
  font-weight: 500;
}

/*
========================== 
Utilities
==========================
*/

.e-mt-6,
.e-mt-sm-6 {
  margin-top: 4rem !important;
}

.e-my-7,
.e-my-sm-7 {
  margin-bottom: 5rem !important;
  margin-top: 5rem !important;
}

.e-mt-7,
.e-mt-sm-7 {
  margin-top: 5rem !important;
}

.e-mb-7,
.e-mb-sm-7 {
  margin-bottom: 5rem !important;
}

.e-mb-10,
.e-mb-sm-10 {
  margin-bottom: 8rem !important;
}

.e-pt-7,
.e-pt-sm-7 {
  padding-top: 5rem !important;
}

.e-hyphenate {
  hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
}

.e-bordbot,
.e-bordbot-sm {
  border-bottom: 1px solid var(--gray7);
}

.e-overflow-x-hidden {
  overflow-x: hidden;
}

.e-max-width-1200 {
  max-width: 1200px;
}

/*
 ********************************************************************************
 *
 * Tablets & larger devices
 *
 ********************************************************************************
 */

@media (min-width: 768px) {
  /*
  ========================== 
  Base
  ==========================
  */

  body {
    font-size: 16px;
  }

  /* 
  ==========================
  Components & Layouts
  ==========================
  */

  .e-entity-cont {
    max-width: 1000px;
  }

  .e-entity {
    width: 300px;
  }

  .e-entity--topcont {
    height: 125px;
    width: 100%;
  }

  .e-entity--logocont {
    height: 84px;
  }

  .e-entity--botcont {
    font-size: 14px;
    line-height: 1.5rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-align: center;
  }

  .e-entity--title {
    color: #424242;
    font-size: 1.2rem;
    font-weight: 500;
  }

  .e-icon__one {
    height: 24px;
    max-height: 24px;
  }

  .e-button--1 {
    padding: 12px 42px 12px;
  }

  .e-dropdown > ul {
    opacity: 0;
    visibility: hidden;
  }

  .e-dropdown:hover {
    text-decoration: underline;
  }

  .e-dropdown:hover ul {
    opacity: 1;
    visibility: visible;
  }

  /* 
  ==========================
  Content
  ==========================
  */

  .e-highlight__blue2 {
    line-height: 3rem;
  }

  .e-highlight__green1 {
    line-height: 3rem;
  }

  .e-highlight__green2 {
    line-height: 3rem;
  }

  .e-highlight__cyan1 {
    line-height: 3rem;
  }

  .e-caption__one {
    font-size: 0.8rem;
    font-weight: unset;
  }

  /*
  ========================== 
  Utilities
  ==========================
  */

  .e-mt-md-6 {
    margin-top: 4rem !important;
  }

  .e-mt-md-7 {
    margin-top: 5rem !important;
  }

  .e-mt-md-10 {
    margin-top: 8rem !important;
  }

  .e-mb-md-10 {
    margin-bottom: 8rem !important;
  }

  .e-pt-md-7 {
    padding-top: 5rem !important;
  }

  .e-bt-md-7 {
    padding-bottom: 5rem !important;
  }

  .e-bordbot-md-0 {
    border-bottom: 0 !important;
  }
}