/* Main Column Grid Wrapper */

.view {
margin-left: 8vw;
margin-right: 8vw;
}

.view-no-margin {
margin-left: -8vw;
margin-right: -8vw;
}

/* Visibility */

.noshow {
visibility: hidden;
}

/* Display Mode */

.hide {
display: none;
}

/* Body */

body {
font-family: NHaasGroteskDSPro-55Rg;
font-style: normal;
font-size: 16px;
color: black;
}

/* Font Styles */

.text-gold {
color: #fdd023;
}

.text-purple {
color: #3e1c84;
}

.text-white {
color: white;
}

.font-weight-500 {
font-family: NHaasGroteskDSPro-55Rg;
}

.font-weight-600 {
font-family: NHaasGroteskDSPro-65Md;
}

p.font-weight-600 {
font-family: NHaasGroteskDSPro-65Md;
}

/* Table Styling */

table {
border-collapse: collapse;
}

table {
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
border-color: lightgrey;
}

.table td {
vertical-align: middle;
padding-top: 0;
padding-bottom: 0;
}

table tr {
height: 60px;
}

table tr a {
    font-family: NHaasGroteskDSPro-55Rg;
    text-decoration: none;
}

.pbrc-table {
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
border-color: lightgrey;
border-collapse: collapse !important;
width: 100%;
margin: 15px 0;
background-color: white;
}

.pbrc-table th, .pbrc-table td {
    margin: 0;
    padding: 0 0 0 16px;
    border: 1px solid lightgrey;
    border-collapse: collapse !important;
}

.pbrc-table tr {
    height: 60px;
    border-collapse: collapse !important;
}

    .pbrc-table tr.gold-head {
        background-color: #fdd023;
    }

    .pbrc-table tr.purple-head {
        background-color: #3e1c84;
        color: white;
    }

    .pbrc-table tr:nth-child(even) td {
        background-color: #f8f8f8;
    }

/* Checkbox Styling */
/* The container */
.checkbox-wrap {
display: inline-block;
position: relative;
padding-left: 24px;
padding-right: 12px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.checkbox-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.pbrc-checkmark1 {
position: absolute;
top: 1px;
left: 0;
height: 16px;
width: 16px;
background-color: white;
border: 1px solid lightgray;
box-sizing: border-box;
}
/* On mouse-over, add a grey background color */
.checkbox-wrap:hover input ~ .pbrc-checkmark1 {
background-color: lightgrey;
}
/* When the checkbox is checked, add a PBRC Purple background */
.checkbox-wrap input:checked ~ .pbrc-checkmark1 {
background-color: #3e1c84;
}
/* Create the checkmark/indicator (hidden when not checked) */
.pbrc-checkmark1:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.checkbox-wrap input:checked ~ .pbrc-checkmark1:after {
display: block;
}
/* Style the checkmark/indicator */
.checkbox-wrap .pbrc-checkmark1:after {
left: 5px;
top: 3px;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* End Checkbox Styling */

/* Radio Button Styling */
/* The container */
.radio-wrap {
display: block;
position: relative;
padding-left: 24px;
margin-bottom: 12px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default radio button */
.radio-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radiomark {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
background-color: white;
border: 1px solid lightgray;
border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-wrap:hover input ~ .radiomark {
background-color: lightgray;
}

/* When the radio button is checked, add a blue background */
.radio-wrap input:checked ~ .radiomark {
background-color: #3e1c84;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-wrap input:checked ~ .radiomark:after {
display: block;
}

/* Style the indicator (dot/circle) */
.radio-wrap .radiomark:after {
top: 5px;
left: 5px;
width: 4px;
height: 4px;
border-radius: 50%;
background: white;
}

/* End Radio Button Styling */

/* Hero Styles */

.hero-standard {
z-index: -1;
height: 32vw;
background-color: grey;
position: relative;
top: -2.25vw;
}

@media screen and (min-width: 768px) {

.hero-carousel {
    z-index: 0;
    height: 32vw;
    background-color: grey;
    position: relative;
    top: -2.25vw;
}

.hero-nohead {
    z-index: -1;
    height: 6.5vw;
    background-color: white;
    position: relative;
    top: -2.25vw;
    box-sizing: border-box;
    border: solid;
    border-color: #3e1c84;
    border-width: 2px;
    border-style: solid none none none;
}

img.hero-full {
    object-fit: cover;
    width: 100%;
    height: 32vw;
    position: relative;
    top: -2.25vw;
    z-index: -1;
}

img.hero-half {
    object-fit: cover;
    width: 100%;
    height: 16vw;
    position: relative;
    top: -2.25vw;
    z-index: -1;
}
}

@media screen and (max-width: 767px) {

.hero-carousel {
    z-index: -1;
    background-color: grey;
    position: relative;
    top: -40px;
}

.hero-nohead {
    z-index: -1;
    height: 20px;
    background-color: white;
}

img.hero-full {
    object-fit: cover;
    width: 100%;
    height: 240px;
    position: relative;
    top: -40px;
    z-index: -1;
}

img.hero-half {
    object-fit: cover;
    width: 100%;
    height: 180px;
    position: relative;
    top: -40px;
    z-index: -1;
}
}

/* Buttons */

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
box-shadow: none !important;
outline: none !important;
}

.button-purple {
background-color: #3e1c84;
border-radius: 0;
border: 0;
font-size: 14px;
color: white;
text-align: center;
text-decoration: none;
font-family: NHaasGroteskDSPro-65Md;
margin: 0;
padding: 8px 40px;
}

.button-purple:hover {
    color: #fdd023;
}

.button-purple2 {
background-color: #3e1c84;
border-radius: 0;
border: 0;
font-size: 14px;
color: white;
text-align: center;
text-decoration: none;
font-family: NHaasGroteskDSPro-65Md;
margin: 0;
padding: 8px 40px;
}

.button-purple2:hover {
    background-color: black;
    color: white;
}

.button-gold {
background-color: #fdd023;
border-radius: 0;
font-size: 14px;
color: black;
text-align: center;
text-decoration: none;
font-family: NHaasGroteskDSPro-65Md;
margin: 0;
padding: 8px 40px;
border: 0;
}

.button-gold:hover {
    color: #3e1c84;
}

a.btn.button-white {
background-color: white;
border-radius: 0;
font-size: 14px;
color: #3e1c84;
text-align: center;
text-decoration: none;
font-family: NHaasGroteskDSPro-65Md;
margin: 0;
padding: 8px 40px;
border: 0;
}

a.btn.button-white:hover {
    background-color: #fdd023;
}

.button-stack-purple {
background-color: #3e1c84;
border-radius: 0;
border: 0;
font-size: 18px;
color: white;
text-align: left;
text-decoration: none;
font-family: NHaasGroteskDSPro-55Rg;
margin: 15px 0;
padding: 12px 24px;
line-height: 1.25;
}

.button-stack-purple:hover {
    color: #fdd023;
}

.button-stack-icon {
line-height: 18px;
font-size: 30px;
float: right;
position: relative;
top: 2px;
}

/* Backgrounds */

.bg-purple {
background-color: #3e1c84 !important;
}

.bg-gold {
background-color: #FDD023 !important;
}

.bg-black {
background-color: black !important;
}

.bg-white {
background-color: white !important;
}

.bg-purple-light {
background-color: #a695cc !important;
}

.bg-purple-very-light {
background-color: #d9dae4 !important;
}

.bg-gold-light {
background-color: #fedc5a !important;
}

/* Background Blocks for Main Content Area */

.bg-block-purple {
background-color: #3e1c84;
margin: 30px -30px;
padding: 10px 30px 30px 30px;
color: white;
}

.bg-block-purple a {
    color: white;
}

    .bg-block-purple a:hover {
        color: #fdd023;
    }

.bg-block-gold {
background-color: #fdd023;
margin: 30px -30px;
padding: 15px 30px 30px 30px;
}

.bg-block-black {
background-color: black;
margin: 30px -30px;
padding: 15px 30px 30px 30px;
color: white;
}

.bg-block-white {
background-color: white;
margin: 30px -30px;
padding: 15px 30px 30px 30px;
}

/* Paragraphs */

p {
font-size: 16px;
line-height: 1.2;
font-family: NHaasGroteskDSPro-55Rg;
font-style: normal;
color: black;
}

p.resp-body {
    font-size: 1.1vw;
    line-height: 1.2em;
}

p.small {
    font-size: 12px;
    font-family: NHaasGroteskDSPro-55Rg;
}

p.small-tight {
    font-size: 12px;
    font-family: NHaasGroteskDSPro-55Rg;
    line-height: 14px;
}

p.footer {
    color: white;
    line-height: 1.2em;
    font-size: 1.1vw;
    margin-bottom: 1.2vw;
    background-color: black;
}

p.purple {
    color: #3e1c84;
}

p.gold {
    color: #fdd023;
}

p.white {
    color: white;
}

p.m-bot {
    margin-bottom: 1.2vw;
}

p.clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

p.caption-name {
    font-size: 12px;
    font-family: NHaasGroteskDSPro-55Rg;
    text-align: center;
}

/* Height Classes - use vw for view width, px for pixels */

.hvw-2_5 {
height: 2.5vw;
}

.hvw-3_5 {
height: 3.5vw;
}

.hvw-4_5 {
height: 4.5vw;
}

.hvw-32 {
height: 32vw;
}

.hvw-44 {
height: 44vw;
}

.hpx-40 {
height: 40px;
}

.hpx-80 {
height: 80px;
}

.hpx-100 {
height: 100px;
}

/* Width Classes - use vw for view width, px for pixels */

.w-10 {
    width: 10% !important;
}

.w-12-5 {
    width: 12.5% !important;
}
.w-15 {
width: 15% !important;
}

.w-16-7 {
    width: 16.7% !important;
}

.w-20 {
width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-33-3 {
    width: 33.3% !important;
}

.w-37-5 {
    width: 37.5% !important;
}

.w-40 {
    width: 40% !important;
}

.w-60 {
    width: 60% !important;
}

.w-62-5 {
    width: 62.5% !important;
}

.w-66-7 {
    width: 66.7% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-83-3 {
    width: 83.3% !important;
}

.w-87-5 {
    width: 87.5% !important;
}

.w-90 {
    width: 90% !important;
}

/* Padding Classes - use vw for view width, px for pixels */

.ppx-20 {
    padding: 20px;
}

.pvw-r-4 {
padding-right: 4vw;
}

.pvw-l-2 {
padding-left: 2vw;
}

.pvw-b-2 {
padding-bottom: 2vw;
}

.pvw-t-2 {
padding-top: 2vw;
}

.ppx-b-60 {
padding-bottom: 60px;
}

.ppx-x-12 {
padding: 0 12px;
}

.ppx-r-12 {
padding-right: 12px;
}

.ppx-b-30 {
padding-bottom: 30px;
}

.ppx-r-60 {
padding-right: 60px;
}

.ppx-t-30 {
padding-top: 30px;
}

.pvw-t-point8 {
padding-top: .8vw;
}

.pvw-top-screener {
padding-top: 2.875vw;
}

/* Margin Classes - use vw for view width, px for pixels */

.dropdown-menu.show.mvw-l-2 {
margin-left: 2vw;
}

.mvw-l-minus8 {
margin-left: -8vw;
}

.mvw-l-8 {
margin-left: 8vw;
}

.mvw-t-2 {
margin-top: 2vw;
}

.mvw-t-3 {
margin-top: 3vw;
}

.mpx-t-40 {
margin-top: 40px;
}

.mvw-b-2 {
margin-bottom: 2vw;
}

.mpx-b-50 {
margin-bottom: 50px;
}

.mpx-b-40 {
margin-bottom: 40px;
}

.mpx-b-20 {
margin-bottom: 20px;
}

.mpx-t-18 {
margin-top: 18px;
}

.mpx-t-16 {
margin-top: 16px;
}

.mpx-t-10 {
margin-top: 10px;
}

.mpx-b-10 {
margin-bottom: 10px;
}

.mpx-b-18 {
margin-bottom: 18px;
}

.mpx-r-12 {
margin-right: 12px;
}

.mpx-t-6 {
margin-top: 6px;
}

.mpx-b-16 {
margin-bottom: 16px;
}

/* Z-Index Level Classes */


z-ind-minus10 {
z-index: -10;
}

z-ind-10 {
z-index: 10;
}

z-ind-20 {
z-index: 20;
}

/* Text Columns */

.pbrc-col-2 {
column-count: 2;
column-gap: 30px;
column-width: 226px;
margin-bottom: 15px;
}

.pbrc-col-3 {
column-count: 3;
column-gap: 30px;
column-width: 226px;
margin-bottom: 15px;
}

.pbrc-col-4 {
column-count: 4;
column-gap: 30px;
column-width: 226px;
margin-bottom: 15px;
}

.spanner {
column-span: all;
}

/* Breadcrumnbs */

.breadcrumb {
font-size: 12px;
font-family: NHaasGroteskDSPro-55Rg;
color: black;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 0 1rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: transparent;
border-radius: 0;
}


.breadcrumb-item + .breadcrumb-item::before {
padding-right: 0.5rem;
padding-left: 0.5rem;
color: black;
content: ">";
}

.breadcrumb-item.active {
color: black;
}

ol.breadcrumb {
padding: 0;
margin: 0 0 1.25em;
}

/* Format for Email Input Form Field */

span.material-icons.e-field {
font-size: 1.5vw;
color: black;
position: relative;
left: -1vw;
padding: 0;
line-height: 2.5vw;
overflow-wrap: break-word;
}

button.e-field {
height: 2.5vw;
outline: none;
z-index: 10;
}

/*Remove bottom margin when using form-group*/
.form-group {
margin-bottom: 0;
}

/* Modal Styling BEGIN */

/* Modal - Newsletter Signup BEGIN */

.modal-content.newsletter {
border-radius: 0;
padding: 20px;
margin: 20px;
width: 100%;
max-width: 540px;
}

p.newsletter-email {
background-color: #a695cc;
padding: 8px;
font-size: 12px;
font-family: NHaasGroteskDSPro-55Rg;
width: 100%;
}

/* Modal - Newsletter Signup END */

/* Modal - White Background BEGIN */
.modal-dialog.pbrc-modal-container-1 {
background-color: white;
margin-top: 100px;
padding: 20px;
border: 1px solid #888;
border-radius: 0;
width: 80%;
max-width: 80%;
height: 100%;
max-height: calc(100% - 200px);
overflow: scroll;
border: 0;
border-radius: 0;
overflow: scroll;
pointer-events: auto;
}

.pbrc-modal-content-1 {
overflow: scroll;
}

button.close.pbrc-modal-close-1 {
color: #b8bbbd;
float: right;
opacity: 1;
}

button.close.pbrc-modal-close-1:hover,
button.close.pbrc-modal-close-1:focus {
    color: #3e1c84;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
/* Modal - White Background END */

/* Modal - Gold Background BEGIN */
.modal-dialog.pbrc-modal-container-2 {
background-color: #fedc5a;
margin-top: 100px;
padding: 20px;
border: 1px solid #888;
border-radius: 0;
width: 80%;
max-width: 80%;
height: calc(100% - 200px);
border: 0;
border-radius: 0;
pointer-events: auto;
}

.pbrc-modal-content-2 {
overflow: scroll;
background-color: white;
padding: 20px;
height: 200px;
height: calc(100% - 220px);
}

button.close.pbrc-modal-close-2 {
color: white;
float: right;
opacity: 1;
}

button.close.pbrc-modal-close-2:hover,
button.close.pbrc-modal-close-2:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}
/* Modal - Gold Background END */

/* Modal Styling END */

/* Checkbox Styling */
/* The container */
.checkbox-wrap {
display: inline-block;
position: relative;
padding-left: 24px;
padding-right: 12px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.checkbox-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.pbrc-checkmark1 {
position: absolute;
top: 1px;
left: 0;
height: 16px;
width: 16px;
background-color: white;
border: 1px solid lightgray;
box-sizing: border-box;
}
/* On mouse-over, add a grey background color */
.checkbox-wrap:hover input ~ .pbrc-checkmark1 {
background-color: lightgrey;
}
/* When the checkbox is checked, add a PBRC Purple background */
.checkbox-wrap input:checked ~ .pbrc-checkmark1 {
background-color: #3e1c84;
}
/* Create the checkmark/indicator (hidden when not checked) */
.pbrc-checkmark1:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.checkbox-wrap input:checked ~ .pbrc-checkmark1:after {
display: block;
}
/* Style the checkmark/indicator */
.checkbox-wrap .pbrc-checkmark1:after {
left: 5px;
top: 3px;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* End Checkbox Styling */


/* Top Area - Desktop */
.pbrcsearch {
width: 0px;
box-sizing: border-box;
border: 1px solid #3e1c84;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-radius: 0px;
padding: 0px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}

.pbrcsearch:focus {
    width: 20vw;
    outline: none;
}

img.toplogo {
height: 3.5vw;
position: relative;
left: 8vw;
top: .5vw;
}

span.topwords {
padding-right: 1.5vw;
}

a.toplinks {
color: #3e1c84;
font-size: .85vw;
font-family: NHaasGroteskDSPro-65Md;
text-decoration: none;
}

span.material-icons.topsearch {
font-size: 1.5vw;
color: #3e1c84;
vertical-align: bottom;
}

form.search-logo {
display: inline-block;
}

/* Top Area - Mobile */

img.toplogo-mobile {
width: 140px;
position: relative;
bottom: -34px;
}

/* Links */
a {
color: #3e1c84;
text-decoration: underline;
}

a:hover {
    color: #757575;
    text-decoration: none;
}

a:focus {
    outline: none !important;
}

a.centers-institutes {
    font-family: NHaasGroteskDSPro-55Rg;
    text-decoration: none;
}

a.footer {
    color: white;
    line-height: 1.2em;
    font-size: 1.1vw;
    font-family: NHaasGroteskDSPro-55Rg;
    text-decoration: none;
}

    a.footer:hover {
        color: #757575;
        text-decoration: none;
    }

a.text-white-bold {
    color: white;
    text-decoration: underline;
    font-family: NHaasGroteskDSPro-65Md;
}

/* Headers */

.h1, h1 {
font-size: 54px;
color: black;
font-family: NHaasGroteskDSPro-65Md;
padding-bottom: 25px;
margin-bottom: 30px;
border-bottom: 1px solid black;
}

h1.responsive {
    font-size: 3.75vw;
    padding-bottom: 2vw;
    margin-bottom: 3vw;
    border-bottom: 1px solid black;
}

h1.section {
    font-size: 32px;
    color: black;
    font-family: NHaasGroteskDSPro-55Rg;
    padding: 0;
    margin-bottom: 8px;
    border: 0;
}

.h2, h2 {
font-size: 30px;
font-family: NHaasGroteskDSPro-65Md;
}

h2.resp {
    font-size: 2vw;
}

h2.footer {
    padding-bottom: 2vw;
    padding-top: 3vw;
}

h2.homepage {
    font-size: 28px;
    padding: 0;
    margin-bottom: 8px;
}

h2.underline-no-mar {
    border-bottom: 1px solid black;
    padding-bottom: 16px;
}

h2.tall {
    font-size: 42px;
    font-family: NHaasGroteskDSPro-55Rg;
    padding: 0;
    margin-bottom: 16px;
}

.h3, h3 {
font-size: 28px;
font-family: NHaasGroteskDSPro-55Rg;
padding: 0;
margin-bottom: 8px;
}

.h4, h4 {
font-size: 18px;
font-family: NHaasGroteskDSPro-65Md;
padding: 16px 0 0;
margin-bottom: 8px;
}

h4.underline {
    border-bottom: 1px solid black;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

/* Line */

hr.solid-white {
border-top: 2px solid white;
}

/* Forms */

.form-control.footer {
border: 0;
border-radius: 0;
font-size: 1.1vw;
font-family: NHaasGroteskDSPro-55Rg;
text-decoration: underline;
color: black;
margin-top: 3vw;
}

.input-group-append.footer {
margin-top: 3vw;
}

.form-control.foot {
border: 0;
border-radius: 0;
height: 2.5vw;
}

/* Form Input Box Styles - BEGIN */

input.form-dark::placeholder {
color: grey;
}

.input-line-height {
line-height: 46px;
}

.form-checkbox-line {
height: 46px;
margin: 11px 0 4px 0;
}

input.form-dark {
height: 46px;
width: 100%;
font-size: 14px;
margin: 0 0 15px;
padding: 12px;
background-color: white;
border: 0;
outline: none;
}

input.form-dark:focus, input.form-dark:hover {
    outline: none;
    background-color: #d9dae4;
}

.input-button {
background-color: transparent;
position: absolute;
top: 10px;
right: 10px;
}

/* Form Input Box Styles - END */

/* Form Question text Lines - START */

@media screen and (max-width: 767px) {

label.drop {
    margin-top: 6px;
}

span.drop {
    margin-top: 1px;
}
}

/* Form Question text Lines - END */

/* Images */

img.footer {
height: 2.2vw;
padding-right: 1.5vw;
}

img.logo-c-i {
width: 100%;
margin-bottom: 50px;
vertical-align: top;
}

img.listing {
width: 100%;
margin-top: 16px;
margin-bottom: 16px;
}


.lab-pic {
width: 100% !important;
height: auto !important;
margin-bottom: 16px;
}

img.full-width-only {
width: 100%;
height: auto;
}

img.fifty-percent-width {
width: 50%;
height: auto;
}

img.thirty-percent-width {
width: 30%;
height: auto;
}

figure.left-30 {
float: left;
width: 30%;
margin-right: 15px;
margin-bottom: 15px;
}

figcaption.cap-center {
font-size: 12px;
font-family: NHaasGroteskDSPro-55Rg;
text-align: center;
}

/* DESKTOP ONLY - DESKTOP ONLY - DESKTOP ONLY - DESKTOP ONLY - DESKTOP ONLY */

@media screen and (min-width: 768px) {

.show-mobile {
    display: none;
}
}

/* MAIN Nav Desktop */

.dropdown-menu {
background-color: black;
border-radius: 0;
border: 0;
margin: 0;
}

.dropdown-divider {
border-top-color: white;
margin-left: 1vw;
margin-right: 1vw;
}


a.nav-link {
text-decoration: none;
}

a.dropdown-item {
color: white;
text-decoration: none;
font-family: NHaasGroteskDSPro-65Md;
font-size: 1.1vw;
}

a.dropdown-item:hover {
    color: #FDD023;
    background: none;
}

.navbar {
height: 4.5vw;
margin-right: -8vw;
font-size: 1.1vw;
display: inline;
background-color: #3e1c84;
padding: 0;
flex-grow: 1;
}

/* LOCAL Nav Desktop*/

a.LOC-nav-DT {
color: white;
text-decoration: none;
font-size: 1.25vw;
font-family: NHaasGroteskDSPro-65Md;
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 1.25vw;
}

a.LOC-nav-DT:hover {
    color: #fdd023;
    text-decoration: none;
}

a.LOC-nav-DT:active {
    color: #fdd023;
    text-decoration: none;
}

a.LOC-nav-DT2 {
color: white;
text-decoration: none;
font-size: 1.1vw;
font-family: NHaasGroteskDSPro-55Rg;
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: .75vw;
margin-left: 4vw;
margin-top: -.5vw;
}

a.LOC-nav-DT2:hover {
    color: #fdd023;
    text-decoration: none;
}

a.LOC-nav-DT2:active {
    color: #fdd023;
    text-decoration: none;
}

a.LOC-nav-DT3 {
color: white;
text-decoration: none;
font-size: 1.1vw;
font-family: NHaasGroteskDSPro-55Rg;
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: .75vw;
margin-left: 6vw;
margin-top: -.5vw;
}

a.LOC-nav-DT3:hover {
    color: #fdd023;
    text-decoration: none;
}

a.LOC-nav-DT3:active {
    color: #fdd023;
    text-decoration: none;
}

nav.left {
margin-left: -8vw;
padding-left: 50px;
padding-bottom: 2vw;
padding-right: 16px;
background-color: black;
position: relative;
top: -4.5vw;
color: white;
}

div.left-bar {
margin-left: -8vw;
min-height: 4.5vw;
line-height: 1.05em;
padding-left: 8vw;
font-size: 3vw;
font-family: NHaasGroteskDSPro-65Md;
color: white;
margin-bottom: 3vw;
margin-right: -16px;
padding-right: 16px;
padding-top: .75vw;
padding-bottom: .75vw;
background-color: #3e1c84;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}

.nav-link.active {
color: #fdd023;
}

span.email-icon {
font-family: Material Icons;
font-size: 1.5em;
color: black;
position: relative;
left: -1.5em;
padding-left: 0px;
overflow-wrap: break-word;
margin: 0 -1.5em 0 0;
border: 0;
padding: 0;
border-radius: 0;
}


/* MOBILE ONLY - MOBILE ONLY - MOBILE ONLY - MOBILE ONLY - MOBILE ONLY */

@media screen and (max-width: 767px) {


ol.breadcrumb {
    display: none;
}

img.hero-mobile {
    object-fit: cover;
    width: auto;
    height: 200px;
    position: relative;
    top: 0;
}

.hide-mobile {
    display: none;
}

/* MAIN Nav Mobile */

.LOC-nav-M_listings {
    font-family: NHaasGroteskDSPro-65Md;
    font-size: 44px;
    margin-left: 30px;
    margin-top: 50px;
    margin-bottom: 0;
    padding-bottom: 36px;
    margin-right: 30px;
    border-bottom: 4px solid black;
}

.LOC-nav-M_listings2 {
    margin-left: 30px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 30px;
    background-color: #3e1c84;
}

    .LOC-nav-M_listings2 a {
        font-family: NHaasGroteskDSPro-65Md;
        font-size: 32px;
        color: white;
        background-color: #3e1c84;
        text-decoration: none;
    }

.LOC-nav-M_listings2head {
    font-family: NHaasGroteskDSPro-65Md;
    font-size: 60px;
    color: white;
    margin-left: 30px;
    margin-top: 0;
    margin-bottom: 25px;
    margin-right: 30px;
    background-color: #3e1c84;
}

.LOC-nav-M_listings3 {
    font-family: NHaasGroteskDSPro-55Rg;
    font-size: 32px;
    color: white;
    margin-left: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 30px;
    background-color: #3e1c84;
}

.LOC-nav-M_listings4 {
    font-family: NHaasGroteskDSPro-55Rg;
    font-size: 32px;
    color: white;
    margin-left: 90px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 30px;
    background-color: #3e1c84;
}

.mobile_nav_bot_logo {
    width: 66px;
    float: right;
    padding-right: 30px;
    padding-bottom: 30px;
}

.LOC-nav-M_icon {
    font-family: material icons;
    float: right;
    border: 0;
    color: black;
    text-decoration: none;
    background-color: white;
}

.LOC-nav-M_small {
    font-family: NHaasGroteskDSPro-65Md;
    font-size: 20px;
    text-decoration: none;
}

.LOC-nav-M_line {
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: 30px;
    margin-left: 30px;
}

.LOC-nav-M_donate {
    display: block;
    width: 100%;
    height: 120px;
    font-size: 32px;
    color: white;
    font-family: NHaasGroteskDSPro-65Md;
    background-color: black;
    line-height: 120px;
    text-align: center;
    text-decoration: none;
}

/* GLOBAL Nav Mobile */

nav.left-mobile {
    margin-left: -8vw;
    padding-left: 8vw;
    padding-bottom: 0px;
    color: white;
    background-color: black;
    position: relative;
    top: 0;
}

div.left-bar-mobile {
    height: 80px;
    font-size: 44px;
    font-family: NHaasGroteskDSPro-65Md;
    color: white;
    background-color: #3e1c84;
    border-radius: 0;
    z-index: 1;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

div.barwidth:hover {
    color: white;
}


div.barwidth {
    display: inline-block;
    padding-left: 8vw;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    text-align: left;
    border: 0;
    width: 100%;
    line-height: 80px;
    white-space: nowrap;
    overflow: hidden;
    color: white;
}

div.left-bar-mobile-title {
    display: inline-block;
    width: calc(100% - 80px);
    overflow: hidden;
}

div.material-icons.navbar-add {
    height: 80px;
    width: 80px;
    float: right;
    background-color: black;
    color: white;
    border: 0;
    padding: 0;
    font-size: 44px;
    text-align: center;
    line-height: 80px;
    z-index: -1;
}

a.GLB-nav {
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-family: NHaasGroteskDSPro-65Md;
    padding: 9px 0 9px 8vw;
    width: 95%;
    white-space: normal;
}

a.GLB-nav3 {
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-family: NHaasGroteskDSPro-55Rg;
    margin: 0 0 0 54px;
    width: 90%;
    white-space: normal;
}

a.GLB-nav4 {
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-family: NHaasGroteskDSPro-55Rg;
    margin: 0 0 0 81px;
    width: 80%;
    white-space: normal;
}


.dropdown-menu {
    background-color: black;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
}

    .dropdown-menu.drop-bkg {
        width: 100%;
        margin-left: -5px;
        padding-top: 30px;
    }

.dropdown-item.active {
    color: #fdd023;
    background-color: transparent;
}


.GLB-nav-logo {
    width: 66px;
    float: right;
    padding-right: 30px;
    padding-bottom: 30px;
}

/* All others */

a.footer, p.footer {
    color: white;
    font-size: 22px;
    line-height: 1.4em;
    margin-bottom: .8em;
    background-color: black;
}

p.resp {
    font-size: 22px;
    line-height: 1.4em;
    padding-bottom: .8em;
}

h1 {
    font-size: 56px;
    padding-bottom: 30px;
    margin-bottom: 48px;
    border-bottom: 4px solid black;
}

    h1.responsive {
        font-size: 56px;
        padding-bottom: 30px;
        margin-bottom: 48px;
        border-bottom: 4px solid black;
    }

h2.resp {
    font-size: 30px;
}


img.footer {
    height: 32px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.form-control.foot {
    height: 40px;
    font-size: .9em;
}

span.material-icons.e-field {
    font-size: 24px;
    color: black;
    position: relative;
    left: -8px;
    padding: 0;
    line-height: 40px;
    overflow-wrap: break-word;
}

button.e-field {
    height: 40px;
}

img.hero {
    object-fit: cover;
    width: 100%;
    height: 44vw;
    position: relative;
    top: -40px;
}

/* Dropdown Search */

.popup-level-1 {
    background-color: white;
    z-index: 500;
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
    min-height: 100%;
}

.popup-level-2 {
    background-color: #3e1c84;
    z-index: 600;
    position: absolute;
    top: 0;
    border-left-width: 0;
    min-height: 100%;
    width: 100%;
    display: none;
    margin: 0;
}

.dropdown-search-mobile {
    float: left;
    overflow: hidden;
    font-family: Material Icons;
    font-size: 48px;
}

    .dropdown-search-mobile .dropbtn {
        border: none;
        outline: none;
        color: #3e1c84;
        background-color: white;
        font: inherit;
        margin: 0;
        height: 100px;
        width: 80px;
    }

    .dropdown-search-mobile:hover .dropbtn {
        background-color: #3e1c84;
        color: white;
    }

#m-search::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background: #fdd023;
}


.dropdown-home-mobile {
    font-family: NHaasGroteskDSPro-65Md;
    font-style: normal;
    font-size: 32px;
    text-decoration: none;
    margin-left: 36px;
    margin-top: 30px;
    position: absolute;
    text-align: left;
    height: 100px;
    border: none;
    outline: none;
    color: #3e1c84;
    background-color: white;
    padding: 0;
}


.dropbtnw {
    border: none;
    outline: none;
    color: #3e1c84;
    background-color: white;
    font: inherit;
    margin: 0;
    height: 100px;
    width: 100px;
}

.dropbtnp {
    border: none;
    outline: none;
    color: white;
    background-color: #3e1c84;
    font: inherit;
    margin: 0;
    height: 100px;
    width: 80px;
}

.dropdown-search-mobile-content {
    display: none;
    position: absolute;
    background-color: #3e1c84;
    width: 100%;
    left: 0;
    z-index: 2;
    height: 100px;
}

    .dropdown-search-mobile-content .header {
        background: #3e1c84;
        padding: 0;
        color: white;
        height: 40px;
    }

.dropdown-search-mobile:hover .dropdown-search-mobile-content {
    display: block;
}

input::placeholder {
    color: white;
}

input.search-mobile {
    font-size: 30px;
    border: none;
    height: 100px;
    padding: 0 20px 0;
    width: 100%;
    background-color: #3e1c84;
    color: white;
    padding: 0 24px;
    margin: 0;
    font-family: NHaasGroteskDSPro-55Rg;
    font-style: normal;
}
}


/* HOME PAGE Styles */

/* Carousel Styles */

.carousel-control-prev, .carousel-control-next {
display: none;
}

.carousel-indicators .active {
background-color: #3e1c84;
}

h1.car.light, p.car.light {
color: white;
}

h1.car.dark, p.car.dark {
color: black;
}

h1.car.purp, p.car.purp {
color: #3e1c84;
}

h1.car.gold, p.car.gold {
color: #fdd023;
}

.btn.car.purp {
background-color: #3e1c84;
color: white;
}

.btn.car.gold {
background-color: #fdd023;
color: black;
}

.btn.car.dark {
background-color: black;
color: white;
}


/* Carousel - DESKTOP ONLY */

@media screen and (min-width: 768px) {

img.car {
    height: 32vw;
    object-fit: cover;
}

.carousel-inner {
    height: 32vw;
}


h1.car {
    font-size: 4.5vw;
    border-bottom: 0;
    margin: 0 0 0 0;
    padding: 0 0 2vw 0;
    line-height: 1.05em;
}

p.car {
    font-size: 1.5vw;
    margin: 0;
}


.carousel-left {
    position: relative;
    top: -31vw;
    z-index: 10;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    color: #fff;
    text-align: left;
    margin-left: 8vw;
    margin-right: 8vw;
}

.carousel-right {
    position: relative;
    top: -31vw;
    z-index: 10;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    color: #fff;
    text-align: right;
    margin-left: 8vw;
    margin-right: 8vw;
}


.btn.car {
    border-radius: 0;
    font-size: 1.5vw;
    font-family: NHaasGroteskDSPro-65Md;
    margin: 2.5vw 0 4vw 0;
    padding: .5vw 2vw;
    text-align: center;
    text-decoration: none;
}


.carousel-indicators {
    justify-content: left;
    bottom: 1vw;
    margin-left: 8vw;
}

    .carousel-indicators li {
        width: .5vw;
        height: .5vw;
        margin-right: .5vw;
        margin-left: 0;
        padding-left: 0;
        background-color:;
        border: solid;
        border-width: 1px;
        border-radius: .25vw;
        border-color: #3e1c84;
    }

    .carousel-indicators .active {
        border-color: rgba(255, 255, 255, .3);
    }
}

/* Carousel - MOBILE ONLY */

@media screen and (max-width: 767px) {

img.car {
    height: 70vw;
    object-fit: cover;
    margin-bottom: 40px;
}

.carousel-inner {
    height: 70vw;
}


h1.car {
    font-size: 8.5vw;
    border-bottom: 0;
    margin: 0 0 0 0;
    padding: 0 0 2.5vw 0;
    line-height: 1.05em;
}

p.car {
    font-size: 3.5vw;
    margin: 0;
}


.carousel-left {
    position: relative;
    top: -70vw;
    z-index: 10;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    color: #fff;
    text-align: left;
    margin-left: 8vw;
    margin-right: 8vw;
}

.carousel-right {
    position: relative;
    top: -70vw;
    z-index: 10;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    color: #fff;
    text-align: right;
    margin-left: 8vw;
    margin-right: 8vw;
}


.btn.car {
    border-radius: 0;
    font-size: 3vw;
    font-family: NHaasGroteskDSPro-65Md;
    margin: 2.5vw 0 4vw 0;
    padding: 1vw 4vw;
    text-align: center;
    text-decoration: none;
    display: none;
}


.carousel-indicators {
    justify-content: center;
    bottom: -40px;
    margin-left: 0;
    margin-right: 0;
}

    .carousel-indicators li {
        width: 2vw;
        height: 2vw;
        margin-right: 1vw;
        margin-left: 1vw;
        padding-left: 0;
        background-color: transparent;
        border: solid;
        border-width: 1px;
        border-radius: 1vw;
        border-color: #3e1c84;
    }
}

/* Wayfinder - Desktop */

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: black;
background-color: #fdd023;
}

.nav-pills .nav-link {
border-radius: 0;
width: 100%;
height: 7vw;
font-size: 1.5vw;
}

li.nav-item.home {
border-radius: 0;
text-align: center;
line-height: 7vw;
}

div.tab-content.way {
background-color: #fdd023;
padding: 3.5vw 0;
}

/* Wayfinder - Mobile */

.btn-link.way {
border-radius: 0;
border-width: 0;
padding: 14pt 8vw;
color: black;
text-align: left;
height: auto;
line-height: 60px;
font-size: 44px;
}

.btn-link.way:hover {
    background-color: #fdd023;
    text-decoration: none;
}

span.material-icons.way-mobile {
float: right;
font-size: 60px;
line-height: normal;
}

div.card-body.way {
padding: 3.5vw 8vw;
}

/* News Section - Homepage */

.row.hp-news1 {
margin: 48px 0 18px 0;
}

img.hp-news1 {
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
padding: 0;
}

img.hp-news2 {
width: 100%;
margin: 0;
min-height: ;
object-fit: cover;
}

.hp-news-copy {
margin: 0;
background-color: white;
padding: 30px 40px;
border: solid;
border-width: 1px;
border-color: lightgrey;
}

.news-linkout {
color: #3e1c84;
position: relative;
bottom: -2px;
font-size: 16px;
padding-left: 10px;
}

.news-linkout-white {
color: white;
position: relative;
bottom: -2px;
font-size: 16px;
padding-left: 10px;
}

/* END Homepage Styles */

/* MAIN CONTENT Area Styles */

.main-content {
margin-left: auto;
position: relative;
top: -1.5vw;
margin-bottom: 60px;
}

/* PROFILE Page Styles */

h1.profile-resp {
border: none;
font-size: 3.5vw;
padding-bottom: 0;
margin-bottom: 1.5vw;
}

a.profile-resp {
text-decoration: none;
font-family: NHaasGroteskDSPro-55Rg;
}

a.profile {
text-decoration: none;
font-family: NHaasGroteskDSPro-55Rg;
}

p.profile-resp {
font-size: 1.8vw;
line-height: 1.25em;
margin-bottom: .85vw;
}

p.profile {
font-size: 26px;
line-height: 1.25em;
margin-bottom: 12px;
}

h2.underline {
border-bottom: 1px solid black;
padding-bottom: 16px;
margin-bottom: 30px;
}

ol.breadcrumb-resp {
font-size: .85vw;
margin-bottom: .5vw;
}

img.profile-pic1 {
width: 40%;
object-fit: cover;
height: 32vw;
padding: 0;
margin: 0;
}

img.profile-pic2 {
z-index: -1;
width: 100%;
position: relative;
top: -40px;
}

.profile-hero {
z-index: 0;
height: 32vw;
position: relative;
top: -2.25vw;
}

div.profile-infoblock {
background-color: none;
padding-top: 4vw;
padding-right: 8vw;
padding-left: 2vw;
max-width: 60%;
height: 32vw;
overflow: hidden;
}

/* FORM ELEMENTS for SNIPPET & COMPONENT Styles*/

button.drop-light {
height: 46px;
width: 100%;
font-size: 14px;
margin: 0 0 15px;
padding: 0 12px;
background-color: #d9dae4;
border: 0;
border-radius: 0;
color: black;
text-align: left;
}

div.dropdown-menu.drop-light {
width: 100%;
font-size: 14px;
margin: 0 0 15px;
background-color: #d9dae4;
border: 0;
border-radius: 0;
color: black;
text-align: left;
margin-top: 7px;
padding: 0;
}

a.drop-item-light {
font-size: 14px;
padding: 14px 12px;
border-radius: 0;
color: black;
font-family: NHaasGroteskDSPro-55Rg;
display: block;
text-decoration: none;
border-bottom: 1px solid lightgrey
}

a.drop-item-light:hover {
    font-family: NHaasGroteskDSPro-65Md;
    background-color: #3e1c84;
    color: white;
}

div.drop-divider-light {
border-top: 1px solid grey;
margin: 0;
height: 1px;
}

textarea.form-light {
height: 126px;
width: 100%;
font-size: 14px;
margin: 0 0 15px;
padding: 12px;
background-color: #d9dae4;
border: 0;
}

textarea.form-light:focus {
    outline: 1px solid #3e1c84;
}

input.form-light {
height: 46px;
width: 100%;
font-size: 14px;
margin: 0 0 15px;
padding: 12px;
background-color: #d9dae4;
border: 0;
}

input.form-light:focus {
    outline: 1px solid #3e1c84;
}

/*FORM LIGHT THEME DROPDOWN:*/

/*the container must be positioned relative:*/
.pbrc-select-light {
position: relative;
font-size: 14px;
width: 100%;
margin: 0 0 15px;
padding: 0;
border: 0;
border-radius: 0;
}

.pbrc-select-light select {
    display: none; /*hide original SELECT element:*/
}

.pbrc-selected-light {
background-color: #d9dae4;
}

/*style the arrow inside the select element:*/
.pbrc-selected-light:after {
    position: relative;
    content: "";
    top: 12px;
    right: -10px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: black transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.pbrc-selected-light.pbrc-select-arrow-active-light:after {
    border-color: transparent transparent black transparent;
    top: -10px;
}

/*style the items (options):*/
.pbrc-select-items-light div {
color: black;
height: 46px;
line-height: 46px;
padding: 0 12px;
border-bottom: grey 1px solid;
cursor: pointer;
user-select: none;
}

/*style the selected item:*/
.pbrc-selected-light {
color: black;
height: 46px;
line-height: 46px;
padding: 0 12px;
cursor: pointer;
user-select: none;
}

/*style items (options):*/
.pbrc-select-items-light {
position: absolute;
background-color: #d9dae4;
top: 110%;
left: 0;
right: 0;
z-index: 99;
max-height: 214px;
overflow: scroll;
border-bottom: white 4px solid;
}

/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}

.pbrc-select-items-light div:hover, .pbrc-same-as-selected-light {
background-color: white;
}

/*FORM DARK THEME DROPDOWN:*/

/*the container must be positioned relative:*/
.pbrc-select-dark {
position: relative;
font-size: 14px;
width: 100%;
margin: 0 0 15px;
padding: 0;
border: 0;
border-radius: 0;
}

.pbrc-select-dark select {
    display: none; /*hide original SELECT element:*/
}

.pbrc-selected-dark {
background-color: white;
}

/*style the arrow inside the select element:*/
.pbrc-selected-dark:after {
    position: relative;
    content: "";
    top: 12px;
    right: -10px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: black transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.pbrc-selected-dark.pbrc-select-arrow-active-dark:after {
    border-color: transparent transparent black transparent;
    top: -10px;
}

/*style the items (options):*/
.pbrc-select-items-dark div {
color: black;
height: 46px;
line-height: 46px;
padding: 0 12px;
border-bottom: grey 1px solid;
cursor: pointer;
user-select: none;
}

/*style the selected item:*/
.pbrc-selected-dark {
color: black;
height: 46px;
line-height: 46px;
padding: 0 12px;
cursor: pointer;
user-select: none;
}

/*style items (options):*/
.pbrc-select-items-dark {
position: absolute;
background-color: white;
top: 110%;
left: 0;
right: 0;
z-index: 99;
max-height: 214px;
overflow: scroll;
border-bottom: #d9dae4 4px solid;
}

/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}

.pbrc-select-items-dark div:hover, .pbrc-same-as-selected-dark {
background-color: #d9dae4;
}

/* Accordion Styles */

.pbrc-accordion {
background-color: transparent;
cursor: pointer;
line-height: 40px;
width: 100%;
text-align: left;
outline: none;
font-size: 14px;
transition: 0s;
border: 0;
padding: 15px 0;
font-size: 28px;
font-family: NHaasGroteskDSPro-55Rg;
}

.pbrc-accordion.acc-light {
    color: black;
    outline: none;
}

.pbrc-accordion.acc-dark {
    color: white;
    outline: none;
}

.active, .pbrc-accordion.acc-light:hover {
    color: #3e1c84;
}

.pbrc-accordion.acc-light.active {
    color: #3e1c84;
}

.active, .pbrc-accordion.acc-dark:hover {
    color: #fdd023;
}

.pbrc-panel {
background-color: transparent;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
outline: none;
padding: 0;
}

.pbrc-panel.panel-light {
    border-bottom: 1px solid black;
}

.pbrc-panel.panel-dark {
    border-bottom: 1px solid white;
}

/* Pagination Styling */

.page-link {
border: 0;
text-decoration: none;
color: #3e1c84;
outline: none;
}

.page-link:hover {
    color: white;
    background-color: #3e1c84;
    outline: none;
}

.page-item:first-child .page-link {
border-radius: 0;
}

.page-item:last-child .page-link {
border-radius: 0;
}

/* Progress Bar Styling - START */

.progress {
border-radius: 0;
background-color: #feefb2;
height: 24px;
border: solid 1px white;
}

.progress-bar {
color: black;
}

.progress-name {
padding-right: 12px;
font-family: NHaasGroteskDSPro-65Md;
line-height: 24px;
color: #a695cc;
}

/* Progress Bar Styling - END */

/* Popup Styling BEGIN */

.popup {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.popuptext {
visibility: hidden;
width: 14vw;
text-align: center;
border-radius: 0;
padding: 8px;
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -7vw;
font-size: 12px;
line-height: 1.25;
}

.popuptext.dark {
    background-color: #3e1c84;
    color: white;
    border: 2px solid white;
}

.popuptext.light {
    background-color: white;
    color: black;
    border: 2px solid #3e1c84;
}

.popup .show {
visibility: visible;
}

/* Popup Styling END */

/* Tooltip Styling BEGIN */

.pbrc-tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted;
}

.pbrc-tooltip-copy {
visibility: hidden;
width: 14vw;
font-size: 12px;
line-height: 1.25;
text-align: center;
padding: 8px;
}

.pbrc-tooltip-copy.dark-border {
    color: black;
    background-color: white;
    border: 2px solid #3e1c84;
    border-radius: 0;
}

.pbrc-tooltip-copy.light-border {
    color: black;
    background-color: white;
    border: 2px solid #fdd023;
    border-radius: 0;
}

.pbrc-tooltip-copy.above {
    position: absolute;
    z-index: 1;
    bottom: 105%;
    left: 50%;
    margin-left: -7vw;
}

.pbrc-tooltip-copy.below {
    position: absolute;
    z-index: 1;
    top: 120%;
    left: 50%;
    margin-left: -7vw;
}

.pbrc-tooltip:hover .pbrc-tooltip-copy {
visibility: visible;
}

.pbrc-tooltip-copy.dark-border.above::after {
content: "";
position: absolute;
top: calc(100% + 2px);
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #3e1c84 transparent transparent transparent;
}

.pbrc-tooltip-copy.dark-border.below::after {
content: "";
position: absolute;
bottom: calc(100% + 2px);
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #3e1c84 transparent;
}

.pbrc-tooltip-copy.light-border.above::after {
content: "";
position: absolute;
top: calc(100% + 2px);
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #fdd023 transparent transparent transparent;
}

.pbrc-tooltip-copy.light-border.below::after {
content: "";
position: absolute;
bottom: calc(100% + 2px);
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #fdd023 transparent;
}

/* Tooltip Styling END */