/**
 * Pum Portal Styles
 *
 * Orange: #FE8538
 * Orange 50: #FFF5EF
 * Light Green: #D6E7D8
 * Dark Green: #265454
 * Light Gray: #f2f2f2
 */
 
/* Fonts, hosted via DigitalOcean Spaces */
@font-face {
    font-family: PermanentMarker;
    src: url('https://pum.ams3.digitaloceanspaces.com/PermanentMarker-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: NotoSans;
    src: url('https://pum.ams3.digitaloceanspaces.com/NotoSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: NotoSans;
    src: url('https://pum.ams3.digitaloceanspaces.com/NotoSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-display: swap;
    font-family: 'RetailVariable';
    src: url('https://pum.ams3.digitaloceanspaces.com/RetailVariable.ttf') format("truetype-variations");
    font-weight: 1 999;
}

/* General */
html body {
    font-family: 'NotoSans', 'sans-serif';
}

/* Page Header Styles */
.page-header {
    border-bottom: 1px solid #FE8538;
}

.jumbotron {
    background-color: #D6E7D8;
}

#EntityFormControl {
    padding: 20px;
    background-color: #f6f6f6;
}

#EntityFormPanel {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
}


/* Table Styles */
.table.table-striped  thead {
    background-color: #D6E7D8;
}

.table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f6f6f6;
}

.table.table-striped tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.view-pagination {
    padding: 0 20px 20px;
}

.jquery-boot-strap-pagination {
    display: flex;
    justify-content: center;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover {
    background-color: #FE8538 !important;
}

/* Heading Styles */
h1 {
    font-family: RetailVariable, sans-serif;
    font-weight: 640;
    font-variation-settings: "opsz" 780, "slnt" 5;
    font-size: 4.875rem;
    line-height: .9358974359;
}

h2 {
    font-family: RetailVariable, sans-serif;
    font-weight: 640;
    font-variation-settings: "opsz" 780, "slnt" 5;
}

h3 {    
    font-family: RetailVariable, sans-serif;
    font-weight: 655;
    font-variation-settings: "opsz" 780, "slnt" 5;
    font-size: 22px;
    line-height: 1.1;
}

/* Footer Styles */
footer {
    color: #265454;
}

footer .footer-top {
    background-color: #D6E7D8;
    color: #265454;
}

/* Button Styles */
.btn {
    padding: 10px 12px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    font-weight: 700;
    border-radius: 9999px;
    font-size: 14px;
    line-height: 1;
}

.btn-primary {
    color: #ffffff;
    background-color: #FE8538;
    border-color: #FE8538;
}

.btn-primary:hover {
    color: #265454;
    background-color: #fff;
    border-color: #fff;
}

.btn-default {
    color: #265454;
    background-color: #fff;
    border-color: #265454;
}

.btn-default:hover {
    color: #fff;
    background-color: #265454;
    border-color: #265454;
}

/* Public form Styles */
.instructions {
    max-width: 720px;
}

.crmEntityFormView, 
.entitylist, 
.modal-content, 
.popover-content {
    background-color: #f2f2f2;
}

.entity-form {
    padding: 28px 0 0 0;
}

h2.tab-title,
.section-title h3 {
    padding: 0 28px;
}

div.progress {
    height: 28px;
}

.progress-bar {
    background-color: #FE8538;
    line-height: 27px;
}

/* Validation Styles */
.alert {
    padding: 28px;
}

.alert-danger {
    background-color: #FFF5EF !important;
    border-color: #FFF5EF;
    color: #FE8538;
}

.alert-danger .validation-header {
    color: #FE8538;
}

.validation-summary a {
    color: #FE8538 !important;
}

/** Other Styles */
a.text-primary {
    color: #FE8538;
}