.elementor-2821 .elementor-element.elementor-element-ad6199c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--padding-top:2px;--padding-bottom:65px;--padding-left:0px;--padding-right:0px;}.elementor-2821 .elementor-element.elementor-element-4149baf{--display:flex;}.elementor-2821 .elementor-element.elementor-element-1cb6b2d > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-2821 .elementor-element.elementor-element-57eade1{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2821 .elementor-element.elementor-element-e45d69e .elementor-button-content-wrapper{flex-direction:row;}/* Start custom CSS for shortcode, class: .elementor-element-1cb6b2d *//* =========================================================
   SLC REFERRAL DIRECTORY
   MODERN PORTAL DESIGN
   ========================================================= */

/* MAIN LAYOUT */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-wrapper {
    display: grid;
    grid-template-columns: 440px 300px minmax(0, 1fr);
    column-gap: 18px;
    row-gap: 0;
    align-items: start;
    width: 100%;
    font-family: Nunito, Arial, sans-serif;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-status {
    grid-column: 1 / -1;
}

/* ==========================================
   SEARCH + FILTER ALIGNMENT
   ========================================== */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-toolbar,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-filters {
    align-self: start;
    min-width: 0;
    padding: 0;
    box-sizing: border-box;
}

/* SEARCH */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-toolbar {
    grid-column: 1;
    grid-row: 2;
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
}

/* LABELS */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-search-label,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-filters label {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    color: #343D42;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}

/* SAME LABEL SPACING FOR BOTH CONTROLS */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-search-label span,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-filters label span {
    display: block;
    margin: 0 0 9px 0 !important;
    padding: 0 !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}

/* SEARCH + DROPDOWN INPUTS */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-search,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-filters select {
    display: block;
    width: 100%;
    height: 44px;
    min-height: 44px;
    margin: 0 !important;
    padding: 9px 13px;
    border: 1px solid #DCDDDC;
    border-radius: 8px;
    background: #FFFFFF;
    color: #30383D;
    font-family: Nunito, Arial, sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-search:focus,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-filters select:focus {
    outline: none;
    border-color: #8299A5;
    box-shadow: 0 0 0 3px rgba(3,88,140,.07);
}

/* FILTER */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-filters {
    grid-column: 2;
    grid-row: 2;
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-filters select {
    padding-right: 34px;
}

/* ==========================================
   TABLE CONTAINER
   ========================================== */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table-shell {
    grid-column: 1 / -1;
    grid-row: 3;
    display: block;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    overflow: visible;
    border: 1px solid #E3E4E2;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 5px 20px rgba(31,41,55,.055);
}

/* ==========================================
   TABLE BASE
   ========================================== */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table {
    width: 100% !important;
    min-width: 1050px !important;
    max-width: none !important;
    table-layout: fixed;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #FFFFFF;
    font-family: Nunito, Arial, sans-serif;
    font-size: 14px;
    color: #30383D;
}

/* ==========================================
   HEADER — WARM GRAPHITE
   ========================================== */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table thead th {
    background: #4A5050 !important;
    color: #FFFFFF !important;
    font-family: Nunito, Arial, sans-serif;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: .015em;
    text-align: left !important;
    vertical-align: middle;
    padding: 16px 14px !important;
    border: none !important;
    border-bottom: 1px solid #4A5050 !important;
    box-shadow: none !important;
    white-space: nowrap;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table thead th:first-child {
    border-radius: 11px 0 0 0;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table thead th:last-child {
    border-radius: 0 11px 0 0;
}

/* KEEP SORT HEADERS GRAPHITE */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table thead th:hover,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table thead th:focus-within,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table thead th .sf-sort,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table thead th .sf-sort:hover,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table thead th .sf-sort:focus {
    background: #4A5050 !important;
    background-color: #4A5050 !important;
    color: #FFFFFF !important;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table .sf-sort {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
    text-align: left;
}

/* ==========================================
   BODY — CLEAN WHITE ROWS
   ========================================== */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody tr {
    background: #FFFFFF !important;
    position: relative;
    transition: filter .2s ease;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody td,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody tr:nth-child(even) td,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody tr:nth-child(odd) td {
    padding: 14px !important;
    background: #FFFFFF !important;
    border: none !important;
    border-bottom: 1px solid #EBECEA !important;
    vertical-align: top;
    line-height: 1.55;
    text-align: left !important;
    font-size: 14px !important;
    overflow-wrap: break-word;
    box-sizing: border-box;
    transition: background-color .18s ease;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody tr:last-child td {
    border-bottom: none !important;
}

/* ==========================================
   ROW HOVER — FLOATING SHADOW
   ========================================== */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody tr:hover > td,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody tr:nth-child(even):hover > td,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody tr:nth-child(odd):hover > td {
    background: #FFFFFF !important;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody tr:hover {
    z-index: 2;
    filter: drop-shadow(
        0 3px 7px rgba(42,49,50,.13)
    );
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody tr:hover > td:first-child {
    box-shadow: none !important;
}

/* ==========================================
   COLUMN WIDTHS — 7 VISIBLE COLUMNS
   ========================================== */

/* PRACTICE NAME — 19% */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table th:nth-child(1),
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table td:nth-child(1) {
    width: 19% !important;
    text-align: left !important;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody td:nth-child(1) {
    color: #293237;
    font-weight: 700;
    font-size: 14px !important;
    line-height: 1.5;
}

/* PROVIDER TYPE — 12% */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table th:nth-child(2),
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table td:nth-child(2) {
    width: 12% !important;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody td:nth-child(2) {
    color: #586267;
    font-weight: 400;
    font-size: 14px !important;
    white-space: normal;
}

/* AGES — 7% */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table th:nth-child(3),
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table td:nth-child(3) {
    width: 7% !important;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody td:nth-child(3) {
    color: #50616A;
    font-weight: 600;
    white-space: normal;
}

/* SERVICES — 21% */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table th:nth-child(4),
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table td:nth-child(4) {
    width: 21% !important;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody td:nth-child(4) {
    color: #384449;
    white-space: normal;
    line-height: 1.6;
}

/* PHONE — 12% */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table th:nth-child(5),
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table td:nth-child(5) {
    width: 12% !important;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody td:nth-child(5) {
    color: #03588C;
    font-weight: 600;
    white-space: nowrap;
}

/* CITY — 10% */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table th:nth-child(6),
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table td:nth-child(6) {
    width: 10% !important;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody td:nth-child(6) {
    color: #59636A;
    white-space: normal;
}

/* WEBSITE — 19% */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table th:nth-child(7),
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table td:nth-child(7) {
    width: 19% !important;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody td:nth-child(7) {
    font-size: 12px;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody td:nth-child(7) a {
    color: #03588C;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    border-bottom: 1px dotted rgba(3,88,140,.35);
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table tbody td:nth-child(7) a:hover {
    color: #02446D;
    border-bottom-style: solid;
}

/* ==========================================
   PAGINATION
   ========================================== */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-pagination {
    grid-column: 1 / -1;
    grid-row: 4;
    width: 100%;
    margin-top: 20px;
    color: #59666D;
    font-size: 12px;
}

/* PREVIOUS / NEXT BUTTONS */

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-pagination button,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-pagination a {
    background: #E8EEF1 !important;
    color: #40535E !important;
    border: 1px solid #D5E0E5 !important;
    border-radius: 7px !important;
    padding: 8px 13px !important;
    font-family: Nunito, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    box-shadow: none !important;
    transition:
        background-color .18s ease,
        color .18s ease,
        border-color .18s ease;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-pagination button:hover:not(:disabled),
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-pagination a:hover {
    background: #03588C !important;
    color: #FFFFFF !important;
    border-color: #03588C !important;
}

.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-pagination button:disabled,
.elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-pagination button[disabled] {
    background: #F3F5F5 !important;
    color: #A2ACB1 !important;
    border-color: #E6EAEC !important;
    opacity: 1;
    cursor: not-allowed;
}

/* ==========================================
   PRINT SELECTIONS BUTTON — LEGACY SELECTOR
   ========================================== */

.elementor-element-f9fa683 .elementor-button {
    background-color: #E8EEF1;
    color: #40535E;
    border: 1px solid #D5E0E5;
    border-radius: 7px;
    font-family: Nunito, Arial, sans-serif;
    font-weight: 700;
    transition:
        background-color .18s ease,
        color .18s ease,
        border-color .18s ease;
}

.elementor-element-f9fa683 .elementor-button:hover,
.elementor-element-f9fa683 .elementor-button:focus {
    background-color: #03588C;
    color: #FFFFFF;
    border-color: #03588C;
}

/* ==========================================
   TABLET
   ========================================== */

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

    .elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-wrapper {
        grid-template-columns: minmax(0, 1fr) 260px;
    }

    .elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table-shell {
        width: 100%;
        margin-left: 0;
    }
}

/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 767px) {

    .elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-wrapper {
        grid-template-columns: minmax(0, 1fr);
        column-gap: 0;
    }

    .elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-status {
        grid-column: 1;
        grid-row: 1;
    }

    .elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-toolbar {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        margin-bottom: 18px;
    }

    .elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-filters {
        grid-column: 1;
        grid-row: 3;
        width: 100%;
        margin-bottom: 28px;
    }

    .elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-table-shell {
        grid-column: 1;
        grid-row: 4;
        width: 100%;
        margin-left: 0;
        overflow-x: auto;
    }

    .elementor-2821 .elementor-element.elementor-element-1cb6b2d .sf-pagination {
        grid-column: 1;
        grid-row: 5;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e45d69e *//* ==========================================
   SLC PRINT SELECTIONS BUTTON
   ========================================== */

.elementor-2821 .elementor-element.elementor-element-e45d69e .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    background: #E8EEF1 !important;
    color: #40535E !important;
    border: 1px solid #D5E0E5 !important;
    border-radius: 8px !important;

    padding: 11px 19px !important;

    font-family: Nunito, Arial, sans-serif;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3;

    box-shadow: none !important;

    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

/* HOVER */

.elementor-2821 .elementor-element.elementor-element-e45d69e .elementor-button:hover,
.elementor-2821 .elementor-element.elementor-element-e45d69e .elementor-button:focus-visible {
    background: #03588C !important;
    color: #FFFFFF !important;
    border-color: #03588C !important;

    box-shadow: 0 4px 12px rgba(3,88,140,.15) !important;
    transform: translateY(-1px);
}

/* ICON */

.elementor-2821 .elementor-element.elementor-element-e45d69e .elementor-button-icon {
    font-size: 15px;
}

.elementor-2821 .elementor-element.elementor-element-e45d69e .elementor-button-icon svg {
    width: 15px;
    height: 15px;
    fill: currentColor;
}

.elementor-2821 .elementor-element.elementor-element-e45d69e .elementor-button-text {
    color: inherit !important;
}/* End custom CSS */