/*
:root {
  --ej-primary: #24A19C;
  --ej-secondary: #FAEEE7;
  --ej-third: #325288;
  --ej-fourth: #CCD1E4;
  --ej-fifth: #83b1df;
}
*/

:root {
  --ej-primary: #3AE188; /* to be used in backgrounds */
  --ej-secondary: #00A5ED; /* to be used in buttons  */
  --ej-third: #0071B4; /* to be used in hovers */
  --ej-fourth: #3B4A3F; /* alternative color 1*/
  --ej-fifth: #9EB0A2; /* alternative color 2 */
  --ej-black: #222222;
  --ej-white: #ffffff;
}

/*
@font-face {
  font-family: IslandMomentsRegular;
  src: url(../font/IslandMomentsRegular.woff) format("woff");
}

@font-face {
  font-family: LibreBaskerville-Regular;
  src: url(../font/LibreBaskerville-Regular.woff) format("woff");
}

@font-face {
  font-family: LibreBaskerville-Italic;
  src: url(../font/LibreBaskerville-Italic.woff) format("woff");
}

@font-face {
  font-family: LibreBaskerville-Bold;
  src: url(../font/LibreBaskerville-Bold.woff) format("woff");
}
*/

html *
{
  font-family: Roboto !important;
}

a {
  text-decoration: none!important;
}

body {
/*  padding-top: 4.5rem!important;*/
/*  background-color: #ffffff;*/
/*  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg stroke='%23EDFFF9' stroke-width='0' %3E%3Crect fill='%23FAFAFA' x='-60' y='-60' width='105' height='240'/%3E%3C/g%3E%3C/svg%3E");*/
  background-attachment: fixed;
  font-family: JotRegular!important;
}

body > main {
  min-height: 47.9vh; /* 49.5 */
}

.bg-ej-color {
  background-color: var(--ej-primary)!important;
}

.img-logo {
  /*width: 40px;*/
  height: auto;
}

.bg-hero-home {
  background-color: #fff;
  background-image: url('/images/hero1.jpg');
  /*background-size: cover;*/
  background-repeat: no-repeat;
  background-position: initial;
  background-attachment: fixed;
}

.bg-hero-overlay {
  background-color: rgba(223, 232, 231, 0.7);
}

.zindex-ej-top {
  z-index: 10002!important;
}

.ej-btn-primary {
  color: #fff;
  background-color: var(--ej-secondary)!important;
  border-color: var(--ej-third)!important;
}

.ej-btn-primary:hover {
  color: #fff;
  background-color: var(--ej-third)!important;
  border-color: var(--ej-third)!important;
}

.ej-text-white {
  color: var(--ej-white)!important;
}

.ej-gradient {
  background-image: linear-gradient(to right, var(--ej-white), var(--ej-primary));
}

.ej-background-white {
  background-color: var(--ej-white)!important;
}

.ej-border-bottom {
  border-bottom: 1px solid gray!important;
}

.ej-nav {
  width: 80%!important;
  padding: 5px 0px 5px 0px;
  border-bottom: 1px solid silver;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .ej-nav {
    width: 98%!important;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .ej-nav {
    width: 98%!important;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .ej-nav {
    width: 98%!important;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .ej-nav {
    width: 98%!important;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .ej-nav {
    width: 80%!important;
  }
}