/* 1 Custom Fonts */        
@font-face {
 font-family: "DIN L";
src: url(https://s3.amazonaws.com/assets.wicket/sacramento-kings/DINNextLTPro-Regular.otf);
}
@font-face {
 font-family: "Industry";
src: url(https://s3.amazonaws.com/assets.wicket/sacramento-kings/KingsIndustry-Medium.otf);
}

/* 2 Globals */
/* 2.1 Colors & BGs*/
/* 2.1.1 Background & Primary Font Color*/
.wik-app-shell, .wik-container, .wik-card {
background-color: #00000000;
}
body {
color: white !important;
}

/* 2.1.2 Primary Logo Width */
img {
margin: 0px !important;
}

/* 2.1.3 Primary Accent Colors */
:root {
--mantine-color-brand-4: #3cdd6a !important;
--mantine-color-brand-filled: #3cdd6a !important;
--mantine-color-grey-6: white;
--mantine-color-gray-6: white;
--text-color: white;
--mantine-color-gray-1: #FFFFFF20;
--mantine-color-text: #ffffff !important;
}

/* 2.1.4 Profile & Campaign Cards  */
/* Profile: Name, Email */
.wik-card-campaign.wik-card-status, .mantine-Paper-root {
background-color: #00000000 !important;
padding: 15px 0px !important;
border: none;
}
/* Campaign Cards*/
.wik-card-campaign {
background-color: #5b2c8100 !important;
border: none !important;
border-radius: 5px;
padding: 15px !important;
text-align: left !important;
}

/* 2.2 Buttons  */
/* 2.2.1 Button Normal State*/
.wik-btn-profile, .mantine-focus-auto.mantine-active {
background: #3cdd6a; 
opacity: .9;
}

/* 2.2.2 Button Hover State*/
.wik-btn-profile:hover, .mantine-focus-auto.mantine-active:hover {
background: #3cdd6a;
opacity: 1;
transition: 0.3s;
}
/* Button Icons */
.mantine-focus-auto svg {
color: black;
}
/* Button Text */
.mantine-Button-label {
font-family: "Industry";
font-size: 16px;
letter-spacing:1px;
text-transform: uppercase
}
.mantine-Button-inner {
color: black;
}
.mantine-Modal-close {
background-color:  #000000 !important;
}


/* 2.3 Modals (Popups) */
/* 2.3.1 Modal Card & Take Picture Header */
.mantine-Modal-header {
background-color: #000000 !important;
border-radius: 0px;
padding: 0px 15px !important;
}
.mantine-Modal-content { 
background-color: #000000 !important;
border-radius: 5px;
}

/* 2.3.2 Modal Label */
 label {
font-family: "Din L" !important;
font-size: 15px !important;
color: white;
}
input, .wik-text-input {
color: #3b3b3b !important;
}

input:disabled {
color: white !important }

.mantine-Select-option > span, .mantine-Select-option > svg {
font-family: "Din L" !important;
color: #5c5c5c !important;
}

/*2.3.3 Modal Input Focus Border */
input {
--input-bd-focus: #3cdd6a !important;
}

/*2.4.4 Modal Icons */
/* 2.1.3 Icon Accent Colors */
div.wik-banner  > svg {
color: #3cdd6a;
margin: 3px 0px;
}

/* 2.4 Font Styles */
/*2.4.1 General */ 
h2, h2.alt {
 font: bold 29px "Industry" !important;
line-height: 40px;
color: #ffffff;
text-transform: uppercase;
}
h3 {
 font: bold 25px "Industry" !important;
text-transform: uppercase;
color: #ffffff;
}
h4 {
 font: bold 23px "Industry" !important;
text-transform: uppercase;
color: #ffffff90;
}
h5 {
 font: bold 21px "Industry";
text-transform: uppercase;
text-align: left;
color: #ffffff90;
}
li, p, .card p, a {
font: normal 20px "Din L";
--mantine-font-size-sm: 1.2rem;
line-height: 28px;
--mantine-font-size-xs: 1.2rem;
--mantine-font-size-md: 1.2rem;
text-align: left;
  /* letter-spacing: 0px; */
}
p.pb {
font: normal 17px "Din L";
text-align: left !important;
}
p.small {
font-size: 17px;
}
a {
font-weight: bold !important;
color: #ffffff !important;
}

/*2.4.2 Breadcrumbs */
/*2.4.2.1 Inactive Link */
.wik-breadcrumb-text {
font-family: "Din L";
--mantine-color-black:  #FFFFFF85;
}

/*2.4.2.2 Separator */
.mantine-Breadcrumbs-separator {
font-family: "Din L";
color: #FFFFFF85;
}

/*2.4.3 Privacy Policy */
.privacy-policy {
text-align: left;
}

/*2.5 Structural & Misc */
/*2.5.1 Selfie Group Structure */
.mantine-SimpleGrid-root {
--sg-cols: 2 !important;
}
img.wik-card-selfie {
height:auto !important;
}

/* 3. Custom Pages  */
/* 3.1 Login Page  */
/* Cards */
.card {
color: #ffffff;
background-color: #5b2c8100;
margin: 0px 0px 20px 0px;
text-align: left;
padding: 20px;
border-radius: 10px;
}
.card h2 {
font: normal 40px "Industry";
margin-block-start: 0.1em;
margin-block-end: 0.1em;
color: #ffffff;
line-height: 40px;
text-transform: uppercase;
}

/* 3.2 Profile */
/*3.2.1 User Avatar */
.wik-icon-profile  {
border: 2px solid #3cdd6a;
background-color: #3cdd6a !important;
}

/* 3.2.2 Chevron Color */
div.wik-card.wik-card-campaign.wik-card-status > svg {
color: #FFFFFF85;
}
div.wik-card.wik-card-campaign.wik-card-status > svg:hover {
color: #FFFFFF;
transition: 0.3s;
}

/*3.3 Take Selfie Page */
/*3.3.2 Image Border */
.wik-card-selfie {
border: solid #FFFFFF85 7px;
border-radius: 5px;
}

/*3.4 Campaign Enrollment Pages */
/*3.4.1 Step Cards */
.mantine-Timeline-itemContent  {
background-color: #00000050 !important;
padding: 5px 15px !important;
border-radius: 5px;
}
/*3.4.2 Timeline Bullets Cards */
.mantine-Timeline-itemBullet {
color: #FFFFFF !important;
border-color: #cf0a2c !important;
background: #cf0a2c !important;
}

/*3.4.3 Text Bolding */
p.mantine-focus-auto {
font-family: "Din L" !important;
}

/*3.4.4 Text Bolding: Steps */
.mantine-Timeline-itemContent p {
font-family: "Din L" !important;
line-height: 1em;
}

/*3.4.5 Badge */
.mantine-Badge-label { 
text-transform: uppercase;
}

/* Accept Tos Label */
.mantine-Checkbox-label {
color: white;
}

.mantine-Notification-description {
color: #3b3b3b !important;
}
.wicket__checkbox__label, .wicket__checkbox__label__link {
color: black !important;
}

.wicket__checkbox__label { color: black !important}