/* fonts */

@font-face {
  font-family: "Soleil";
  src: url("./fonts/Soleil/5784896/20d3c7fd-4a08-488e-b625-cfa470a1c173.woff2") format("woff2"), url("./fonts/Soleil/5784896/d763ab6e-b121-43a5-a9fb-1329bd689aad.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: "Soleil";
  src: url("./fonts/Soleil/5784901/81735290-c159-47cd-a2f7-7587d37f36d8.woff2") format("woff2"), url("./fonts/Soleil/5784901/7138b4fa-3491-40ea-8681-33bdd921ce93.woff") format("woff");
  font-weight: 700;
}

@font-face {
  font-family: "Soleil";
  src: url("./fonts/Soleil/5784912/4ce58327-205d-40e1-81e0-b404e3523028.woff2") format("woff2"), url("./fonts/Soleil/5784912/2a96e518-6246-4884-b437-d0b84bf16220.woff") format("woff");
  font-style: italic;
}

@font-face {
  font-family: "Soleil";
  src: url("./fonts/Soleil/5784922/6c5054c5-efe3-49e9-9606-f53a6f2d50c5.woff2") format("woff2"), url("./fonts/Soleil/5784922/e95402d5-a1a0-4160-bcd7-67df59a78abb.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}



.modal {
  display: none;
  position: fixed; 
  z-index: 1; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4); 
  padding-top: 60px;
}

.modal-content {
  background-color: #fefefe;
  /*margin: 5% auto 15% auto; 
  /* width: 80%; Could be more or less, depending on screen size */
}

/* wjs general */

html {
  padding: 2em;
  background-color: var(--wjs-green);
}

body {
  padding-top: 5em;
}

.columns a:not(.wjs-btn):not(.action):not(.pagebuilder-button-primary):not(.menu-link):not(.gmt-button) {
  color: var(--wjs-text-color) !important;
}

h1, h2, h3, h4, h5 {
  color: var(--wjs-text-color) !important;
}

/* */
.login-wrapper {
  position: relative;
  display: inline-block;
  width: 450px
}

.login-wrapper input[type="password"] {
  padding-right: 30px; 
}

.login-wrapper i {
  position: absolute;
  top: 50%;
  right: 5px; 
  transform: translateY(-50%);
}

.secondary a.action.remind {
  font-size: 10px !important;
  color: #888; 
  margin-bottom: 30px !important;
}

/* wjs buttons */

.wjs-btn {
  display: inline-block;
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
  min-width: 200px;
  background-color: var(--wjs-green);
  padding: 0.5em;
  color: #000000 !important;
  position: relative;
  padding-left: 2em;
  padding-right: 2em;
}

.wjs-btn:focus {
  font-weight: 600;
}

.wjs-btn:before {
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  left: 6px;
}

.wjs-btn.secondary {
  background-color: var(--wjs-text-color) !important;
  color: var(--wjs-bg-color) !important;
}

.wjs-btn.tertiary {
  background-color: transparent;
  border: 1px solid var(--wjs-text-color);
  color: var(--wjs-text-color) !important;
  background-color: var(--wjs-bg-color);
}

#resetSearchResults {
  cursor: pointer;
  margin-left: 1rem;
  font-size: 2rem;
}