/* ====== TABLE OF INDEX ====== */
/* == A. Core                == */
/* == B. Bootstrap extension == */
/* == C. Invitations         == */
/* == I. Media Queries       == */
/* == Z. Plugins             == */
/* ============================ */

/* == A. Core == */
:root {
  --pink-color: #EE0C7E;
  --darkblue-color: #1A1B54;
  --grey-color: rgba(26, 27, 84, 0.50);
  --lightgrey-color: #D1D1DD;
  --activebutton-color: #5C71FD;
}

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

.bg-lightpink {
  background: #f3dfe8 !important;
}

.text-pink {
  color: var(--pink-color);
}

.border-pink {
  border: var(--pink-color) solid;
}

.bg-darkblue, .list-group-item.bg-darkblue {
  background: var(--darkblue-color) !important;
}

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

.text-darkblue {
  color: var(--darkblue-color);
}

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

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

.text-grey {
  color: var(--grey-color);
}

.text-activebutton {
  color: var(--activebutton-color);
}

.text-lightgrey {
  color: var(--lightgrey-color);
}

.font-urbanist {
  font-family: "Urbanist", sans-serif;
}

.bg-fullpage {
  min-height: 100%;
  width: 100%;
  height: auto;
}

.bg-halfpage {
  height: 650px;
  width: 100%;
}

.blue-opacity {
  background: rgba(26, 27, 84, 0.80);
}

.blue-line {
  background: url('/img/svg/blue-line.svg') no-repeat;
  background-size: 100%;
  background-position-y: 2.6rem;
  padding-bottom: 10px;
}

.pink-bottom {
  border-bottom: 2px solid var(--pink-color);
  padding-bottom: 3px;
}

.border-darkblue {
  border-color: var(--darkblue-color) !important;
}

/* == B. Bootstrap extension == */
.mt-70 {
  margin-top: 70px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-200 {
  margin-top: 200px;
}

.mt-300 {
  margin-top: 300px;
}

.mtn-20 {
  margin-top: -20px;
}

.mtn-40 {
  margin-top: -40px;
}

.mtn-50 {
  margin-top: -50px;
}

.mtn-100 {
  margin-top: -100px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-120 {
  margin-bottom: 120px;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-70 {
  padding-top: 70px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-200 {
  padding-top: 200px;
}

.pb-100 {
  padding-bottom: 100px;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-40 {
  font-size: 40px;
}

.fs-50 {
  font-size: 50px;
}

.fs-60 {
  font-size: 60px;
}

.fs-70 {
  font-size: 70px;
}

.fw-200 {
  font-weight: 200;
}

.fw-400 {
  font-weight: 400;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.w50 {
  width: 50px !important;
}

.w60 {
  width: 60px;
}

.w100 {
  width: 100px;
}

.w120 {
  width: 120px;
}

.w150 {
  width: 150px;
}

.w250 {
  width: 250px;
}

.h50 {
  height: 50px !important;
}

.h60 {
  height: 60px;
}

.h100 {
  height: 100px;
}

.h150 {
  height: 150px;
}

.h470 {
  height: 470px;
}

.offcanvas {
  bottom: initial;
}

input[type="radio"]:checked {
  background-color: var(--pink-color) !important;
  border: var(--pink-color) !important;
  outline: 0; 
  box-shadow: none;
}

#search:focus {
  outline: 0; 
  box-shadow: none;
}