@import url(https://fonts.googleapis.com/css?family=Barlow+Condensed|Caveat|Nunito+Sans|Pacifico&display=swap);
/** ----------------------------------------- Colours -----------------------------------------  **/
/** ----------------------------------------- Defaults -----------------------------------------  **/
html,
body,
.table {
  font-family: "Nunito Sans", sans-serif;
  font-size: 17px;
  /*background: rgb(120,74,152);*/
  /*background: linear-gradient(308deg, rgba(120,74,152,1) 0%, rgba(39,207,213,1) 100%);*/
  /*background-color: #012A36;*/
  color: #333;
  color: rgba(0, 0, 0, 0.7);
}

h1,
h2,
h3,
h4,
h5 .lead {
  font-family: "Barlow Condensed", sans-serif;
}

h1 {
  font-size: 2.9rem;
}


body {
  background: rgb(120,74,152);
  background: linear-gradient(135deg, rgb(39,207,213) 0%, rgb(114, 60, 152) 100%);


  background-attachment: fixed;

  height: 100%;
  width: 100%;
  /*background-size: 200% 200%;*/

  /*animation-name: buttonBackgroundPalette;*/
  /*animation-duration: 20s;*/
  /*animation-iteration-count: infinite;*/
  /*animation-direction: alternate;*/
  /*animation-timing-function: linear;*/

}

/*@keyframes buttonBackgroundPalette {*/
/*  0% {*/
/*    background-position: 0 0;*/
/*  }*/
/*  50% {*/
/*    background-position: 50% 50%;*/
/*  }*/
/*  100% {*/
/*    background-position: 0 0;*/
/*  }*/
/*}*/
/** ----------------------------------------- Nav -----------------------------------------  **/
.main-nav {
  background-color: transparent;
}

.navbar-brand {
  font-size: 140%;
  display: block;
}

.navbar-brand .logo {
  font-family: "Barlow Condensed", sans-serif;
  line-height: 1;
  font-size: 300%;
  color: #fff;
}

/** ----------------------------------------- Page -----------------------------------------  **/


/** ----------------------------------------- Card -----------------------------------------  **/
.card {
  border: none;
  border-radius: 15px;
}

.card-lead {
  background: #00AEC7;
  background: linear-gradient(360deg, #27CFD5 0%, #00AEC7 100%);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}

.card-transparent {
  background: rgb(120,74,152);
  background: linear-gradient(308deg, rgba(255,255,255,0.15) 5%, transparent  50% , rgba(255,255,255,0.15) 95%);

}

.card-semi-transparent {
  background: rgb(82, 122, 177);
  background: linear-gradient(308deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.1) 50% , rgba(255,255,255,0.25) 100%);
}

.card-semi-transparent h1,
.card-semi-transparent h2,
.card-semi-transparent p,
.card-semi-transparent label {
  color: #ffffff;
  text-shadow: 0 0 3px rgba(0,0,0,0.4);
}

.card-semi-transparent label {
  margin-bottom: 10px;
}

.card-semi-transparent .card-header {
  background-color: transparent;
}

.card-semi-transparent .card-body .text-muted {
  color: #eeeeee !important;
}

.card-semi-transparent .card-footer {
  background-color: transparent;
}

.card-semi-transparent .card-body {

}

.card-dark {
  background-color: #012A36;
}

.card-dark hr {
  border-color: #404563;
}

.card-dark .list-group-item {
  background-color: transparent;
  border-color: #404563;
}

.card-light {
  background-color: #E7ECEE;
}

.card-white {
  background-color: #fafafa;
  border-radius: 30px;
}

.card-white > .card-header {
  background-color: #fafafa;
  border-radius: 30px 30px 0 0;
  padding: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.card-white > .card-body {
  background-color: #fafafa;
  padding: 2rem;
}

.card-white > .card-footer {
  background-color: #fafafa;
  border-radius: 0 0 30px 30px;
  padding: 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/** ----------------------------------------- Modal ----------------------------------------  **/
.modal-content {
  border: none;
  border-radius: 15px;
}

.modal-header,
.modal-body,
.modal-footer {
  padding: 25px;
}

.modal-header {
  border-bottom: 1px solid #E7ECEE;
}

.modal-footer {
  border-top: 1px solid #E7ECEE;
}

/** ---------------------------------------- Button ----------------------------------------  **/
.btn,
.btn:hover {
  /*border: none !important;*/
  border-radius: 20px;
  /*font-weight: bold;*/
}

.btn-outline-dark,
.btn-outline-light {
  border-width: 2px;
}

/*.btn-purple {*/
/*  background-color: #723C98;*/
/*  color: #ffffff;*/
/*}*/

/*.btn-purple:hover {*/
/*  background-color: #8D5EAD;*/
/*  color: #ffffff;*/
/*}*/

/*.btn-teal {*/
/*  background-color: #00AEC7;*/
/*  color: #ffffff;*/
/*}*/

/*.btn-teal:hover {*/
/*  background-color: #008CA0;*/
/*  color: #ffffff;*/
/*}*/

/** ----------------------------------------- Form -----------------------------------------  **/
.form-control.focus,
.form-control:focus,
.form-control.active,
.form-control:focus {
  opacity: 0.85;
  border-color: #d0dade;
  box-shadow: 0 0 0 0.2rem rgba(208, 218, 222, 0.75);
}

.card-lead .form-control.focus,
.card-lead .form-control:focus,
.card-lead .form-control.active,
.card-lead .form-control:focus {
  opacity: 1;
  border-color: #cff8fe;
  box-shadow: 0 0 0 0.2rem rgba(207, 248, 254, 0.75);
}

::-webkit-input-placeholder {
  font-style: italic;
  opacity: 0.8;
}

::-moz-placeholder {
  font-style: italic;
  opacity: 0.8;
}

:-ms-input-placeholder {
  font-style: italic;
  opacity: 0.8;
}

input::-webkit-input-placeholder {
  font-style: italic;
  opacity: 0.8;
}

input::-moz-placeholder {
  font-style: italic;
  opacity: 0.8;
}

input:-ms-input-placeholder {
  font-style: italic;
  opacity: 0.8;
}

input::-ms-input-placeholder {
  font-style: italic;
  opacity: 0.8;
}

input::placeholder {
  font-style: italic;
  opacity: 0.8;
}

input:placeholder-shown {
  font-style: italic;
  opacity: 0.8;
}

.card-white .input-group-text {
  background-color: #495057;
  border-color: #495057;
  color: #fafafa;
}

.form-check-input:checked[type=checkbox],
.form-check-input:checked[type=radio] {
  background-image: none;
  background-color: #F6C21C;
  border-color: #F6C21C;
}

/** ----------------------------------------- Alert ----------------------------------------  **/
.alert {
  border-radius: 15px;
}

/** ----------------------------------------- Misc -----------------------------------------  **/

.progress-bar {
  background-color: rgb(98, 92, 166) !important;
}

.progress-bar-striped {
  background-image: linear-gradient(
          45deg,rgba(255,255,255,.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255,255,255,.15) 50%,
          rgba(255,255,255,.15) 75%,
          transparent 75%,
          transparent
  );

}


.test .btn-link {
  color: #24C1CE !important;
}

.mb-6,
.my-6 {
  margin-bottom: 75px;
}

.mt-6,
.my-6 {
  margin-top: 75px;
}

.pb-6,
.py-6 {
  padding-bottom: 75px;
}

.pt-6,
.py-6 {
  padding-top: 75px;
}

.mt-neg {
  margin-top: -550px;
  position: relative;
  z-index: 5;
}
@media(max-width:990px) {
  .mt-neg {
    margin-top: -760px;
  }
}

.blockquote {
  font-family: "Caveat", cursive;
  font-size: 160%;
}

.blockquote-footer {
  font-family: "Barlow Condensed", sans-serif;
}


/** ---------------------------------------- Footer ----------------------------------------  **/
.site-footer {

}

/** ----------------------------------------- Dev Components -------------------------------  **/
.dev-card {
  padding: 15px;
  background-color: #283543;
  color: #F3F3F3;
  font-size: 0.75rem;
}

.dev-card h1,
.dev-card h2,
.dev-card h3,
.dev-card h4,
.dev-card h5,
.dev-card h6,
.dev-card p,
.dev-card label {
  color: #F3F3F3;
  /*color: #FFFFFF;*/
}

.dev-card pre {
  color: #F3F3F3;
  font-size: 100%;
  word-wrap: break-word !important;
  white-space: pre-wrap;
}

.dev-card hr {
  border-color: #FFFFFF;
}

.report {
  /*text-shadow: none;*/
  /*background-color: #afcdff;*/
  /*!*margin-top: 0;*!*/
  /*!*padding-top: 0;*!*/
  /*padding-left: 10mm;*/
  /*!*padding-bottom: 0;*!*/
  /*padding-right: 10mm;*/
  /*width: 210mm;*/
  /*height: 296mm;*/
}

/*# sourceMappingURL=style.css.map */