/* @import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;700&family=Montserrat+Alternates:wght@800&display=swap'); */

/* Fonts */

@font-face {
  font-family: 'Exo';
  src: url("../fonts/Exo-Regular.eot");
  src: url("../fonts/Exo-Regular.eot?#iefix") format('embedded-opentype'),
       url("../fonts/Exo-Regular.woff2") format('woff2'),
       url("../fonts/Exo-Regular.ttf") format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Exo';
  src: url("../fonts/Exo-Bold.eot");
  src: url("../fonts/Exo-Bold.eot?#iefix") format('embedded-opentype'),
       url("../fonts/Exo-Bold.woff2") format('woff2'),
       url("../fonts/Exo-Bold.ttf") format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat Alternates';
  src: url("../fonts/MontserratAlternates-ExtraBold.eot");
  src: url("../fonts/MontserratAlternates-ExtraBold.eot?#iefix") format("embedded-opentype"),
  /* url("../fonts/NotoSans-Regular.woff") format("woff"), */
  url("../fonts/MontserratAlternates-ExtraBold.woff2") format("woff2"),
  url("../fonts/MontserratAlternates-ExtraBold.ttf") format("ttf");
  font-weight: 800;
  font-style: normal;
}


html {
  color: white;
}

body {
  font-family: 'Exo', sans-serif;
  font-weight: 400;
  color: #45412f;
}

.has-color-blue {
  color: #2363a9;
}

.has-color-orange {
  color: #ee8018;
}

.has-color-mix {
  color: #45412f;
}

/* body {
  background-image: url('../images/gradient.svg');
} */

.va {
  display: flex;
  align-items: center;
}

a {
  color: #3b7adf;
}

strong {
  color: #2363a9;
}

a:hover {
  text-decoration: underline;
  color: #3b7adf;
}

hr {
  background: #2363a9;
}

.vl {
  border-left: 1px solid #e7e9eb;
  height: 100%;
  margin: 0 1.5em 0 1.5em;
}

.title.cee {
  color: lightgrey;
  line-height: 5rem;
  letter-spacing: .03rem;
  font-size: 6rem;
  color: #92a3ab;
}

.hero {
  background: white;
}

.title,
.subtitle {
  color: #45412f;
}

.navbar .navbar-item {
  color: #2363a9;
}

.navbar .navbar-item.is-active {
  color: #2363a9;
  font-weight: 700;
}

.navbar .navbar-item:hover {
  background: transparent;
  color: black;
}

.navbar .navbar-item a {
  margin-left: 1rem;
  color: #45412f;
}

.navbar-item img {
 max-height:8rem
}

.content {
  line-height: 2.2rem;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content p,
.content ul {
  color: #2363a9;
}

.content-posts {
  min-height: 100vh;
  background: #eee;
  padding-top: 4rem;
  padding-bottom: 10rem;
}

.content-posts article {
  padding: 1.5rem;
}

.content-posts .post img {
  border-radius: 6px;
}

.content-posts .post .post-category {
  color: #3b7adf;
}

.content-posts .post .post-title {
  font-size: 2.2rem;
}

.content-posts .post .post-excerpt {
  line-height: 1.8rem;
  letter-spacing: .03rem;
  font-size: 1.2rem;
  color: #707070;
}

h1, h2, h3, h4, h5 {
  font-family: 'Montserrat Alternates', sans-serif;
}

.content-posts .post .featured .featured-image img {
  height: 380px;
}

.button.is-primary {
  background-color: #2363a9;
}

.button.is-primary.is-hovered, .button.is-primary:hover {
  background-color: #45412f;
  transition: .4s background-color;
}

.founder {
  border-left: 1px solid #e7e9eb;
}

.partner {
  /* min-height: 200px; */
}

.legal a, .legal a:hover {
  font-size: 0.8rem;
  color: black;
}

.accordion, .accordion p {
  color: #45412f;
}

.accordion h2,
.accordion h3,
.accordion h4,
.accordion h5,
.accordion h6 {
  margin-left: 10px;
}

.accordion h3 {
  font-size: 1.4rem !important;
}

.accordion h4 {
  font-size: 1.2rem !important;
  text-transform: uppercase;
}

.accordion hr {
  background-color: #e0e0e0;
  height: 1px;
}

.post-img {
  position: relative;
}

.copyright-box {
  position: absolute;
  bottom: 1.15rem;
  left: 0.75rem;
  z-index: 10;
}

.copyright {
  color: #fff;
  font-size: .7rem;
  line-height: 1.2;
  background: rgba(25,25,25,0.5);
  padding: .2rem .3rem;
}
