@import url("https://fonts.googleapis.com/css2?family=Tinos&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Heebo&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Univa+Nova&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merriweather&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alegreya&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merriweather&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Heuristica&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Addington+CF&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anko&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mauren&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Trento&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Forum&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Shamery&display=swap");
@font-face {
  font-family: "Lora Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/lora:vf@latest/latin-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* p, * a, * body {
  font-family: "Lora Variable", "Roboto", "Trento", "EB Garamond", "Merriweather", "Heuristica", "Addington CF", "Anko", "Mauren", "Forum", "Shamery", serif;
}
* h1, * h2, * h3 {
  font-family: sans-serif;
}
* h1 a, * h2 a, * h3 a {
  font-family: sans-serif;
}

.compImage {
  background-color: #fbf3fd;
}

.shareGainAll .steps > div .icon {
  background-color: #DA8EEA;
  color: black;
}
.shareGainAll li {
  background: black;
}
.shareGainAll li p {
  color: #DA8EEA;
}
.shareGainAll li:hover {
  background: rgba(218, 142, 234, 0.1);
}
.shareGainAll li:hover p {
  color: black;
}
.shareGainAll i {
  color: #1b1b1b;
}

.share-box {
  background: rgba(218, 142, 234, 0.1);
}
.share-box .email-button {
  border-radius: 2.5rem;
  color: black;
  background-color: #DA8EEA;
}
.share-box .email-button i {
  color: black;
}
.share-box .email-button:hover {
  background: black;
  color: #DA8EEA;
}
.share-box .email-button:hover i {
  color: #DA8EEA;
}
.share-box .link-button {
  border-radius: 2.5rem;
  color: black;
  background-color: #DA8EEA;
}
.share-box .link-button i {
  color: black;
}
.share-box .link-button:hover {
  background: black;
  color: #DA8EEA;
}
.share-box .link-button:hover i {
  color: #DA8EEA;
}
.share-box .shareButton {
  border-radius: 2.5rem;
  color: black;
  background: #DA8EEA;
}
.share-box .shareButton i {
  color: black;
}
.share-box .shareButton:hover {
  background: black;
  color: #DA8EEA;
}
.share-box .shareButton:hover i {
  color: #DA8EEA;
}
.share-box p {
  color: black;
}
.share-box #emailMinus {
  border-radius: 2.5rem;
}
.share-box #emailMinus i {
  color: white;
}
.share-box #emailText, .share-box #emailMinus {
  border-radius: 2.5rem;
  color: black;
  border-color: #DA8EEA;
}
.share-box #emailText:hover, .share-box #emailMinus:hover {
  background: black;
  color: #DA8EEA;
}

.thankyoubanner {
  border-color: #DA8EEA;
}
.thankyoubanner .btn {
  border: 2px solid black;
  background-color: #DA8EEA;
  color: white;
  border-radius: 2.5rem;
}
.thankyoubanner .btn p {
  color: white;
}
.thankyoubanner .btn:hover {
  background-color: black;
}
.thankyoubanner .btn:hover p {
  color: #DA8EEA;
}
.thankyoubanner .background {
  background: linear-gradient(155deg, rgba(218, 142, 234, 0.1) 25%, transparent 25%) -50px 0, linear-gradient(205deg, rgba(218, 142, 234, 0.1) 25%, transparent 25%) -50px 0, linear-gradient(335deg, rgba(218, 142, 234, 0.1) 25%, transparent 25%), linear-gradient(25deg, rgba(218, 142, 234, 0.1) 25%, transparent 25%);
  background-size: 100px 60px;
  background-color: rgba(190, 187, 176, 0.1);
}

.newOptInOut .custom-control-indicator {
  border-color: #DA8EEA;
}
.newOptInOut .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #DA8EEA;
}
.newOptInOut .custom-checkbox .custom-control-input-optout ~ p::after {
  background-color: #DA8EEA;
}
.newOptInOut .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator {
  background-color: #DA8EEA;
}
.newOptInOut .custom-checkbox .custom-control-input-optout:checked ~ p::after {
  background-color: #ddd;
}
.newOptInOut .custom-checkbox .custom-control-input-optout:checked ~ .custom-control-indicator {
  background-color: #ddd;
}

.winnerspage > h1 {
  color: black;
}
.winnerspage .col-md-4 {
  border-color: black;
  border-width: 2px;
  border-style: solid;
}

#compMenuMobile, #gridTabs {
  background-color: white;
}
#compMenuMobile .gridTab, #gridTabs .gridTab {
  padding-top: 10px;
  padding-bottom: 10px;
}
#compMenuMobile label, #gridTabs label {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #1b1b1b;
  background-color: white;
}
#compMenuMobile label i, #gridTabs label i {
  color: #DA8EEA;
}
#compMenuMobile label p, #gridTabs label p {
  color: #1b1b1b;
  background-color: white;
}
#compMenuMobile i, #gridTabs i {
  color: #DA8EEA;
}
#compMenuMobile p, #gridTabs p {
  color: #1b1b1b;
  background-color: white;
}
#compMenuMobile .active, #gridTabs .active {
  background-color: #1b1b1b;
  color: white;
}
#compMenuMobile .active i, #gridTabs .active i {
  color: white;
}
#compMenuMobile .active p, #gridTabs .active p {
  background-color: #1b1b1b;
  color: white;
}

@media (min-width: 650px) {
  #gridTabs {
    background-color: rgba(218, 142, 234, 0.1);
  }
  #gridTabs a {
    width: 25.9%;
    padding: 0;
  }
  #gridTabs .gridTab.active {
    background-color: rgb(89, 89, 89);
    color: white;
  }
  #gridTabs .gridTab.active i {
    color: white;
  }
  #gridTabs .gridTab.active p {
    background-color: rgb(89, 89, 89);
    color: white;
  }
  #gridTabs .gridTab {
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    background-color: unset;
    font-style: unset;
    color: #1b1b1b;
  }
  #gridTabs .gridTab i {
    color: #DA8EEA;
  }
  #gridTabs .gridTab p {
    background-color: unset;
    color: #1b1b1b;
  }
  #gridTabs .gridTab:hover {
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    background-color: rgb(89, 89, 89);
    color: white;
  }
  #gridTabs .gridTab:hover i {
    color: white;
  }
  #gridTabs .gridTab:hover p {
    color: white;
  }
}
.compstatsbanner {
  border-top: 2px solid #DA8EEA;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: rgba(218, 142, 234, 0.1);
  color: black;
}
.compstatsbanner p {
  margin-bottom: 0;
}

.compGrid a .endDate {
  color: black;
}
.compGrid a button {
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 800px;
  background-color: #DA8EEA;
  color: white;
  cursor: pointer;
}
.compGrid a button:hover {
  background-color: white;
}
.compGrid a button:hover p, .compGrid a button:hover a, .compGrid a button:hover i {
  color: #DA8EEA;
}
.compGrid a button p, .compGrid a button a, .compGrid a button i {
  color: black;
}
.compGrid .compSection a {
  font-style: unset;
  color: unset;
}
.compGrid .compSection:hover h5 {
  color: #DA8EEA;
}
.compGrid .compSection:hover a {
  font-style: unset;
  color: unset;
}
.compGrid .compSection:hover a button {
  background-color: black;
}
.compGrid .compSection:hover a button p, .compGrid .compSection:hover a button a, .compGrid .compSection:hover a button i {
  color: #DA8EEA;
}

footer {
  background-color: white;
}
footer #footerDMRI {
  background-color: white;
}
footer #footerDMRI a:hover {
  color: #DA8EEA;
}
footer #footerDMRI a {
  font-style: normal;
  color: black;
}

.pagination li:hover {
  background-color: #DA8EEA;
  border-color: #DA8EEA;
}
.pagination li {
  border: 2px solid white;
  background-color: black;
}
.pagination li:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.pagination li:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.pagination li a {
  color: white;
}

.form-control:focus, .form-control:focus-visible {
  border-color: #1b1b1b;
}

#popup {
  border-color: #DA8EEA;
}
#popup #dobexit {
  width: 3rem;
}
#popup button {
  min-width: 3rem;
  border-radius: 50px;
  color: black;
  background-color: #DA8EEA;
}
#popup button i {
  color: black;
}
#popup button:hover {
  color: #DA8EEA;
  background-color: black;
}
#popup button:hover i {
  color: #DA8EEA;
}

#RegisterForm .custom-control-indicator, #AccountForm .custom-control-indicator {
  border-color: #DA8EEA;
}
#RegisterForm .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator, #AccountForm .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-color: #DA8EEA;
}
#RegisterForm .custom-checkbox .custom-control-input-optout ~ label p::after, #AccountForm .custom-checkbox .custom-control-input-optout ~ label p::after {
  background-color: #DA8EEA;
}
#RegisterForm .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator, #AccountForm .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator {
  background-color: #DA8EEA;
}
#RegisterForm .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator:checked ~ label p::after, #AccountForm .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator:checked ~ label p::after {
  background-color: #DA8EEA;
}
#RegisterForm .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator:checked ~ .custom-control-indicator, #AccountForm .custom-checkbox .custom-control-input-optout ~ .custom-control-indicator:checked ~ .custom-control-indicator {
  background-color: #DA8EEA;
}

.btn {
  border-radius: 50px;
  background-color: #DA8EEA;
  color: black;
  cursor: pointer;
}
.btn:hover {
  color: #DA8EEA;
  background-color: black;
}
.btn p, .btn a {
  color: white;
}

input[type=radio] {
  background-color: white;
  border-color: black;
}
input[type=radio]:hover {
  background-color: #1b1b1b;
  border-color: black;
}
input[type=radio]:checked {
  background-color: #1b1b1b;
  border-color: black;
}

#compCountdown #timer > div div h2 {
  font-size: 1.3rem;
  border-color: black;
  border-width: 3px;
}

#compCountdown {
  border-color: #DA8EEA;
  border-width: 4px;
  border-style: solid;
  background-color: #DA8EEA;
  color: black;
  border-radius: 1rem;
}
#compCountdown #timer {
  border-left-color: #DA8EEA;
  border-left-width: 3px;
  border-left-style: dashed;
}
#compCountdown h2 {
  padding: 4px;
}

a {
  font-style: italic;
}
a:hover {
  color: #DA8EEA;
}

.form-control {
  border-radius: 0;
  border: 1px solid #ccc;
}
.form-control:focus {
  border-color: #DA8EEA;
  border-radius: 5px;
  border-width: 2px;
}

.compOptIn #banner, .compOptIn #popup {
  border-color: #DA8EEA;
}
.compOptIn #banner h1, .compOptIn #popup h1 {
  background-color: rgba(218, 142, 234, 0.25);
  color: black;
}
.compOptIn #banner #buttons button, .compOptIn #popup #buttons button {
  color: black;
  background-color: #DA8EEA;
}
.compOptIn #banner #buttons button:hover, .compOptIn #popup #buttons button:hover {
  background-color: black;
  color: #DA8EEA;
}
.compOptIn #banner button, .compOptIn #popup button {
  color: black;
  background-color: #DA8EEA;
}
.compOptIn #banner button:hover, .compOptIn #popup button:hover {
  background-color: black;
  color: #DA8EEA;
}

#RegisterForm #loginGuide .loginGuideActive {
  border-bottom-color: #DA8EEA;
}
#RegisterForm #loginGuide div {
  background-color: rgba(218, 142, 234, 0.15);
}
#RegisterForm #loginGuide div i {
  color: #DA8EEA;
}

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