/* custom fonts - start */
@font-face {
    font-family: 'Area Black';
    font-style: normal;
    font-weight: 900;
    src: url(https://fluz.app/wp-content/themes/salient-child/fonts/Area-Black.woff) format('woff');
    }
    
    @font-face {
    font-family: 'Area BlackIt';
    font-style: normal;
    font-weight: 900;
    src: url(https://fluz.app/wp-content/themes/salient-child/fonts/Area-BlackItalic.woff) format('woff');
    }
    
    @font-face {
    font-family: 'Area ExtraBold';
    src: url(https://fluz.app/wp-content/themes/salient-child/fonts/Area-Extrabold.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    }
    @font-face {
    font-family: 'Area ExtraBoldIt';
    src: url(https://fluz.app/wp-content/themes/salient-child/fonts/Area-ExtraboldItalic.woff) format("woff");
    font-weight: 800;
    font-style: italic;
    }
    @font-face {
    font-family: 'Area Bold';
    src: url(https://fluz.app/wp-content/themes/salient-child/fonts/Area-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    }
    @font-face {
    font-family: 'Area BoldIt';
    src: url(https://fluz.app/wp-content/themes/salient-child/fonts/Area-BoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    }
    
    @font-face {
    font-family: 'Area Semibold';
    font-style: normal;
    font-weight: 600;
    src: url(https://fluz.app/wp-content/themes/salient-child/fonts/Area-Semibold.woff) format('woff');
    }
    
    @font-face {
    font-family: 'Area SemiboldIt';
    font-style: normal;
    font-weight: 600;
    src: url(https://fluz.app/wp-content/themes/salient-child/fonts/Area-SemiboldItalic.woff) format('woff');
    }
    
    @font-face {
    font-family: 'Greed SemiBold';
    font-style: normal;
    font-weight: 600;
    src: url(https://fluz.app/wp-content/themes/salient-child/fonts/Greed-SemiBold.woff) format('woff');
    }
    
    @font-face {
    font-family: 'Greed Condensed SemiBold';
    font-style: normal;
    font-weight: 600;
    src: url(https://fluz.app/wp-content/themes/salient-child/fonts/Greed-CondensedSemiBold.woff) format('woff');
    }
/* custom fonts - end */

/* navigation */
.layout-content.status .masthead-container.basic {
    width:100%;
    max-width: 100%;
    padding: 20px;
    background: #1A0000;
    margin-bottom: 70px;
}

/* navigation - remove padding top*/
.layout-content.status .masthead-container.basic .masthead {
    padding-top: 0!important;
}
/* navigation - remove margin bottom*/
.layout-content.status .masthead-container .masthead {
    margin-bottom: 0!important;
}

/* logo */
.layout-content.status .masthead-container.basic .masthead .logo-container img {
    max-height: 31px !important;
    margin: 5px 0 !important;
}


/* font style - Uptime over the past 90 days. */
body > div.layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-uptime-link.history-footer-link {
    color: #1A0000 !important;
    font-size: 12px !important;
}

/* status - rounded */
body > div.layout-content.status.status-index.starter {
    margin-bottom: 0 !important;
    border-radius: 12px !important;
    padding:20px !important;
    text-transform: none !important;
}
.layout-content.status.status-index .page-status .status {
    font-size: 20px !important;
    line-height: 30px !important;
    font-family: 'Greed SemiBold', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    color: #1A0000 !important;
}
.layout-content.status.status-index .page-status {
    border:none !important;
    text-shadow: none !important;
}
/* status - colors to gradient - start*/
/* none */
body > div.layout-content.status.status-index.starter > div.container > div.page-status.status-none {
    background: linear-gradient(90deg, #82BEFF 0%, #A6B4F7 50%, #5BB89A 75%, #21BA4C 90%);
}
/* critical */
body > div.layout-content.status.status-index.starter > div.container > div.page-status.status-critical {
    background: linear-gradient(90deg, #FDC251 70%, #F7B4F5 100%);
}
.layout-content.status.status-index .status-day .update-title.impact-critical a, .layout-content.status.status-index .status-day .update-title.impact-critical a:hover, .layout-content.status.status-index .page-status.status-critical, .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title, .flat-button.background-red {
    background: linear-gradient(90deg, #FDC251 70%, #F7B4F5 100%);
}
/* major */
body > div.layout-content.status.status-index.starter > div.container > div.page-status.status-major {
    background: linear-gradient(90deg, #FDC251 70%, #F7B4F5 100%);
}
.layout-content.status.status-index .status-day .update-title.impact-major a, .layout-content.status.status-index .status-day .update-title.impact-major a:hover, .layout-content.status.status-index .page-status.status-major, .layout-content.status.status-index .unresolved-incident.impact-major .incident-title {
    background: linear-gradient(90deg, #FDC251 70%, #F7B4F5 100%);
}
/* minor */
body > div.layout-content.status.status-index.starter > div.container > div.page-status.status-minor {
    background: linear-gradient(90deg, #FDC251 70%, #F7B4F5 100%);
}
.layout-content.status.status-index .status-day .update-title.impact-minor a, .layout-content.status.status-index .status-day .update-title.impact-minor a:hover, .layout-content.status.status-index .page-status.status-minor, .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title, .layout-content.status.status-index .scheduled-incidents-container .tab {
    background: linear-gradient(90deg, #FDC251 70%, #F7B4F5 100%);
}
/* maintenence */
body > div.layout-content.status.status-index.starter > div.container > div.page-status.status-maintenence {
    background: linear-gradient(90deg, #FDC251 70%, #F7B4F5 100%);
}
.layout-content.status.status-index .status-day .update-title.impact-maintenance a, .layout-content.status.status-index .status-day .update-title.impact-maintenance a:hover, .layout-content.status.status-index .page-status.status-maintenance, .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title, .layout-content.status.status-index .scheduled-incidents-container .tab {
    background: linear-gradient(90deg, #FDC251 70%, #F7B4F5 100%);
}
/* status - colors to gradient - end*/

/* body font family */
body {
    font-family: 'Area Semibold', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

/* container - sides 20px */
.components-section {
    padding-left:20px;
    padding-right:20px;
}

/* button - Subscribe to updates */
.updates-dropdown-container {
    background: transparent;
    background-image: linear-gradient(90deg, #1A0000, #1A0000), linear-gradient(90deg, #82BEFF 0%, #A6B4F7 47.21%, #5BB89A 73.75%, #21BA4C 91.26%);
    background-clip: padding-box, border-box;
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: 100px;
}
.show-updates-dropdown {
    background-image: linear-gradient(90deg, #82BEFF 0%, #A6B4F7 47.21%, #5BB89A 73.75%, #21BA4C 91.26%);
    background-clip: text;
    -webkit-background-clip: text;
    border-radius: 100px !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-family: 'Greed SemiBold', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    text-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 12px 18px !important;
    box-shadow: none !important;
}

/* borders override */
.layout-content.status.status-index .components-section .components-container.one-column .component-container {
    border-bottom-width: 1px !important;
    border-left-width:0 !important;
    border-right-width:0 !important;
    border-top-width:0 !important;
    padding: 24px 0 !important;
    font-size: 12px !important;
    line-height: 16px !important;
}
.component-status {
    font-size: 12px !important;
    line-height: 16px !important;
}

/* bars section - top */
.shared-partial.uptime-90-days-wrapper .legend {
    top:24px !important;
}
.shared-partial.uptime-90-days-wrapper {
    padding-top: 24px !important;
    margin-bottom: 0 !important;
}

/* bars section - bottom */
body > div.layout-content.status.status-index.starter > div.container > div.components-section.font-regular > div.components-container.one-column > div > div > div > div {
    padding-bottom: 24px !important;
}

/* bars section - spacer */
.layout-content.status .shared-partial.uptime-90-days-wrapper .legend .spacer {
    background: #F2F2F2 !important;
    opacity: 0.5!important;
    margin: 4px 8px !important;
}

/* bars section - details - font style */
.layout-content.status .shared-partial.uptime-90-days-wrapper .legend .legend-item {
    color: #514F4C !important;
    font-size: 10px !important;
    line-height: 10px !important;
    opacity: 1 !important;
}

/* font size */
.font-largest {
    font-size: 24px !important;
    line-height: 30px !important;
}
.font-large {
    font-size: 12px !important;
    line-height: 16px !important;
}
.font-regular {
    font-size: 12px !important;
    line-height: 18px !important;
}
.incident-title {
    font-size: 20px !important;
    line-height: 20px !important;
    padding-top: 12px !important;
    font-family: 'Area Semibold', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}
.font-regular > small{
    font-size: 10px !important;
    line-height: 10px !important;
    color: #514F4C !important;
}

/* insident details - margin */
.layout-content.status.status-index .incident-container .updates-container .update {
    margin: 16px 0 !important;
}

/* no insident - margin */
.layout-content.status .incidents-list.format-expanded .status-day {
    margin-top: 30px !important;
}

/* date - padding above border */
.layout-content.status .incidents-list.format-expanded .status-day .date {
    padding-bottom:8px !important;
    font-family: 'Greed SemiBold', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

/* date - color */
.color-secondary {
    color: #1A0000 !important;
}
/* status - font family */
.update strong {
    font-family: 'Area ExtraBold', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-weight: 800;
}

/* past insidents - font */
#past-incidents {
    font-family: 'Greed SemiBold', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

/* questionmark icon - top */
.tooltip-base {
    top: 2px !important;
}

/* status bars - override */
.availability-time-line-graphic {
    height:21px !important;
}
.availability-time-line-graphic rect {
    rx: 5 !important;
}

/* view historical uptime - current tab */
.layout-content.status.status-full-history .history-nav a.current {
    background-color: #EAEAEA !important;
    border-radius: 8px 8px 0px 0px !important;
    padding: 16px !important;
    color: #1A0000 !important;
    font-size: 12px !important;
    line-height: 16px !important;
}
/* view historical uptime - NOT current tab */
.layout-content.status.status-full-history .history-nav a:not(.current) {
    padding: 16px !important;
    color: #514F4C !important;
    font-size: 12px !important;
    line-height: 16px !important;
}

/* view historical uptime - incidents - pagination */
.pagination-container {
    font-size: 12px !important;
    line-height: 12px !important;
}
.layout-content.status.status-full-history .history-header .pagination .current, .layout-content.status.status-full-history .uptime-header .pagination .current {
    margin: 0 12px !important;
}
.layout-content.status.status-full-history .history-header .pagination a, .layout-content.status.status-full-history .uptime-header .pagination a {
    border: none !important;
    width: 6px !important;
}
.layout-content.status.status-full-history .history-header .left-arrow:before, .layout-content.status.status-full-history .uptime-header .left-arrow:before {
    color: #1A0000 !important;
    width: 6px !important;
}
.layout-content.status.status-full-history .history-header .left-arrow:after, .layout-content.status.status-full-history .uptime-header .left-arrow:after  {
    color: #1A0000 !important;
    width: 6px !important;
}
.layout-content.status.status-full-history .history-header .right-arrow:before, .layout-content.status.status-full-history .uptime-header .right-arrow:before {
    color: #1A0000 !important;
    width: 6px !important;
}
.layout-content.status.status-full-history .history-header .right-arrow:after, .layout-content.status.status-full-history .uptime-header .right-arrow:after {
    color: #1A0000 !important;
    width: 6px !important;
}
.layout-content.status.status-full-history .history-header .pagination a.disabled, .layout-content.status.status-full-history .uptime-header .pagination a.disabled {
    opacity: 0.1 !important;
}

/* view historical uptime - incidents - month title */
.layout-content.status.status-full-history .months-container .month .month-title {
    font-size: 24px !important;
    line-height: 36px !important;
    font-family: 'Greed SemiBold', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    border-bottom-width: 0 !important;
    padding-bottom: 0!important;
    margin-bottom: 24px !important;
}

/* view historical uptime - incidents - incident body */
.layout-content.status.status-full-history .months-container .month .incident-container .incident-body {
    margin-top: 16px !important;
    margin-bottom: 8px !important;
    font-size: 12px !important;
    line-height: 16px !important;
}
/* view historical uptime - incidents - no incidents reported */
#incidents1 > span {
    color: #1A0000 !important;
    font-size: 12px !important;
    line-height: normal !important;
}

/* view historical uptime - incidents - date and time */
#incidents1 > div > div.secondary.font-small.color-secondary {
    color: #514F4C !important;
    font-size: 10px !important;
    line-height: normal !important;
}

/* view historical uptime - uptime - dropdown */
.css-wjj10o-control {
    background-color: #EAEAEA !important;
    border-color: #EAEAEA !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    line-height: 16px !important;
}
/* view historical uptime - uptime - dropdown - dropdown title */
.css-1b6odlt {
    padding: 12px 16px !important;
}

/* view historical uptime - uptime - dropdown - active, hover */
.css-fckpdp-control, .css-fckpdp-control:hover {
    background-color: #EAEAEA !important;
    border-color: #EAEAEA !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    line-height: 16px !important;
}
.css-5a7vsu-container {
    font-size: 12px !important;
    line-height: 16px !important;
}

/* view historical uptime - uptime - dropdown - selected option */
.css-wbv5uh-option, .css-wbv5uh-option:hover, .css-wbv5uh-option:active {
    color: #1A0000 !important;
    padding: 12px 16px !important;
    font-size: 12px !important;
    line-height: 16px !important;
    box-shadow: inset 2px 0px 0px var(--ds-border-selected, #0052CC) !important;
    background-color: #DEEBFF !important;
}

/* view historical uptime - uptime - dropdown - selected option - HOVER */
.css-192mqt2-option, .css-192mqt2-option:hover, .css-192mqt2-option:active {
    color: #1A0000 !important;
    padding: 12px 16px !important;
    font-size: 12px !important;
    line-height: 16px !important;
    box-shadow: inset 2px 0px 0px var(--ds-border-selected, #0052CC) !important;
    background-color: #DEEBFF !important;
}

/* view historical uptime - uptime - dropdown - NOT selected options */
.css-pjezt-option, .css-pjezt-option:hover, .css-pjezt-option:active {
    color: #1A0000 !important;
    padding: 12px 16px !important;
    font-size: 12px !important;
    line-height: 16px !important;
}

/* view historical uptime - uptime - dropdown - NOT selected options - HOVER */
.css-i131ic-option, .css-i131ic-option:hover, .css-i131ic-option:active {
    color: #1A0000 !important;
    padding: 12px 16px !important;
    font-size: 12px !important;
    line-height: 16px !important;
    box-shadow: inset 2px 0px 0px var(--ds-border-selected, #1A0000) !important;
}

/* view historical uptime - uptime - calendar month name */
.layout-content.status.status-full-history .uptime-calendar .uptime-calendar-display .calendar-month .month-name {
    color:#514F4C !important;
    font-size: 10px !important;
    line-height: 10px !important;
    margin-bottom: 12px !important;
}

/* view historical uptime - uptime - calendar month name */
body > div.layout-content.status.status-full-history.starter > div.container.history-container > div > div > div.uptime-calendar-display > div > div.month-header > small {
    font-size: 10px !important;
    line-height: 10px !important;
    margin-bottom: 12px !important;
}

/* footer - font size */
body > div.layout-content.status.status-index.starter > div.container > div.page-footer.border-color.font-small {
    font-size: 12px !important;
    line-height: 18px !important;
}
body > div.layout-content.status.status-full-history.starter > div.container > div.page-footer.border-color.font-small {
    font-size: 12px !important;
    line-height: 18px !important;
}
body > div.layout-content.status.status-full-history.starter > div.container.history-container > div.page-footer.border-color.font-small {
    font-size: 12px !important;
    line-height: 18px !important;
}

/* button - subscribe - active */
.flat-button:active, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown:active {
    top:0px !important;
}
/* button - subscribe via email */
#subscribe-btn-email {
    background-color: transparent !important;
    border-radius: 100px !important;
    border: none !important;
    background: linear-gradient(90deg, #82BEFF 0%, #A6B4F7 47.21%, #5BB89A 73.75%, #21BA4C 91.26%) !important;
    color: #1A0000 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-family: 'Greed SemiBold', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    text-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 12px 18px !important;
    box-shadow: none !important;
}
#updates-dropdown-email > div {
    padding-bottom: 10px !important;
}
/* button - subscribe - active - email field */
input[type='text'], input[type='password'], input[type='email'], input[type='number'], textarea, select, .chzn-container-single .chzn-single {
-webkit-border-radius: 100px !important;
height:40px !important;
}

/* status - unresolved incidents - colors to gradient */
body > div.layout-content.status.status-index.starter > div.container > div.unresolved-incidents > div.unresolved-incident.impact-minor > div.incident-title.font-large {
    background: linear-gradient(90deg, #FDC251 70%, #F7B4F5 100%);
    border-radius: 12px 12px 0 0 !important;
}

/* status - unresolved incidents - border color */
.layout-content.status.status-index .unresolved-incident.impact-minor .updates, .layout-content.status.status-index .scheduled-incidents-container {
border-color: #FDC251 !important;
}

/* status - unresolved incidents - bottom border */
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates {
border-radius: 0 0 12px 12px !important;
}

/* status - unresolved incidents - date */
body > div.layout-content.status.status-index.starter > div.container > div > div > div.updates.font-regular > div > small {
font-size: 12px !important;
line-height: 18px !important;
color: #514F4C !important;
margin-top:8px !important;
}

/* status - unresolved incidents - date */
.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title a {
    font-family: 'Greed SemiBold', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    color: #1A0000 !important;
}

/* status - unresolved incidents - subscribe button */
#subscribe-btn-0s99h37jzj8f {
    background-color: transparent !important;
    border-radius: 100px !important;
    border: none !important;
    background: linear-gradient(90deg, #82BEFF 0%, #A6B4F7 47.21%, #5BB89A 73.75%, #21BA4C 91.26%) !important;
    color: #1A0000 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-family: 'Greed SemiBold', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    text-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 12px 18px !important;
    box-shadow: none !important;
}
/* status - unresolved incidents - subscribtion dialogue header */
#incident-subscription-dialog-header {
    font-family: 'Greed SemiBold', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}
            
.page-footer{
    display: none !important;
}