/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/




.aum-dynamic-graph {
	margin: 260px auto 50px;
}
.aum-dynamic-graph * {
	font-family: "Candara";
}
.aum-dynamic-graph .graph-wrapper .column:first-child, .aum-dynamic-graph .graph-value .column:first-child {
	margin-left: 0 !important;
}
.aum-dynamic-graph span.column {
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
}
.aum-dynamic-graph .graph-wrapper {
	border-bottom: 2px solid black;
	min-height: 100px;
	position: relative;
}
.aum-dynamic-graph .graph-wrapper .column {
	bottom: 30px;
	color: transparent;
	position: absolute;
	left: 0;
}
.aum-dynamic-graph .graph-wrapper .column:last-child > span {
  background-color: #00B2B2;
}
.aum-dynamic-graph .graph-wrapper .column > span {
	background-color: #084524;
	bottom: -30px;
	display: block;
	height: 0;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	transition: all 0.75s ease 0s;
	width: 75%;
}
.aum-dynamic-graph .graph-value span.column {
	margin-left: 1%;
	float: left;
}



@media screen and (max-width: 480px) {
	.graph-wrapper .column {
		font-size: 7px;
	}
	.aum-dynamic-graph span.column {
		font-size: 10px;
	}
}


/* Backend editor preview fix */
.vc_editor .aum-dynamic-graph br {
    display: none;
}


/* =========================================================
   PUGH CUSTOM TEAM MODAL
   ========================================================= */

body.pugh-team-modal-open {
    overflow: hidden !important;
}


/* =========================================================
   ROOT OVERLAY
   ========================================================= */

.pugh-team-modal {
    position: fixed;
    inset: 0;

    z-index: 100000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 40px;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity 300ms ease,
        visibility 300ms ease;
}

.pugh-team-modal.is-open {
    visibility: visible;
    pointer-events: auto;
}

.pugh-team-modal.is-visible {
    opacity: 1;
}


/* =========================================================
   BACKDROP
   ========================================================= */

.pugh-team-modal__backdrop {
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.55);

    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}


/* =========================================================
   DYNAMIC POPUP
   ========================================================= */

.pugh-team-modal__dialog {
    position: relative;

    /*
     * Short bio:
     * popup shrinks to content.
     *
     * Long bio:
     * max dimensions stop growth and inner area scrolls.
     */
    width: fit-content;
    height: auto;

    min-width: min(900px, calc(100vw - 80px));

    max-width: min(1450px, calc(100vw - 80px));
    max-height: 80vh;

    background: #f2f2f2;

    border-radius: 20px;
    overflow: hidden;

    z-index: 2;

    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.28);

    opacity: 0;

    transform:
        translateY(25px)
        scale(0.985);

    transition:
        opacity 350ms ease,
        transform 450ms cubic-bezier(.22, .61, .36, 1);
}

.pugh-team-modal.is-visible .pugh-team-modal__dialog {
    opacity: 1;

    transform:
        translateY(0)
        scale(1);
}


/* =========================================================
   INNER SCROLL AREA
   ========================================================= */

.pugh-team-modal__inner {
    width: 100%;

    /*
     * Natural height for short bios.
     * Scrolling begins only when dialog reaches max-height.
     */
    max-height: 80vh;

    display: grid;

    grid-template-columns:
        180px
        minmax(0, 1fr);

    gap: 25px;

    padding: 30px 32px;

    box-sizing: border-box;

    overflow-y: auto;
    overflow-x: hidden;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;

    scrollbar-gutter: stable;
}


/* =========================================================
   SCROLLBAR
   ========================================================= */

.pugh-team-modal__inner::-webkit-scrollbar {
    width: 8px;
}

.pugh-team-modal__inner::-webkit-scrollbar-track {
    background: transparent;
}

.pugh-team-modal__inner::-webkit-scrollbar-thumb {
    background: rgba(3, 69, 55, 0.28);
    border-radius: 20px;
}

.pugh-team-modal__inner::-webkit-scrollbar-thumb:hover {
    background: rgba(3, 69, 55, 0.45);
}

.quick-timeline-wrapper.shortcode-1 .quick-timeline .timeline-slider .slider-history .history-chart-content .chart-dots .chart-year {
    color: #00808E !important;
    font-weight: 700;
	top: 0;
	width: 75px;
	height: 75px;
	line-height: 75px;
}

/* =========================================================
   PORTRAIT
   ========================================================= */

.pugh-team-modal__image {
    width: 100%;
	max-width: 180px;
    align-self: start;
	max-height: 180px;
    position: sticky;
    top: 0;
	height: auto;
    overflow: hidden;
}

.pugh-team-modal__image.is-empty {
    display: none;
}

.pugh-team-modal__image img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 280px;

    object-fit: contain;
    object-position: center top;
}


/* =========================================================
   CONTENT
   ========================================================= */

.pugh-team-modal__content {
    min-width: 0;

    /*
     * Gives text enough width so short bios don't create
     * an unnecessarily tall popup.
     */
    width: min(950px, 60vw);
    max-width: 100%;
}

.pugh-team-modal__name {
    margin: -4px 0 4px;
    padding: 0;
	font-size: 26px;
	color: #1F4D3B;
}

.pugh-team-modal__position {
    margin-bottom: 12px;
	font-size: 18px;
    border-bottom: 1px solid #a0a0a0 !important;
	font-weight: 600;
    padding-bottom: 6px;
	color: #00808E;
}

.pugh-team-modal__bio {
    width: 100%;
}

.pugh-team-modal__bio > *:first-child {
    margin-top: 0;
}

.pugh-team-modal__bio > *:last-child {
    margin-bottom: 0;
}


/* =========================================================
   SOCIAL
   ========================================================= */

.pugh-team-modal__bio .bottom_meta {
    margin-top: 30px;
}

.pugh-team-modal__bio .bottom_meta a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin-right: 12px;
}


/* =========================================================
   CLOSE BUTTON
   ========================================================= */

.pugh-team-modal__close {
    position: absolute;

    top: 16px;
    right: 16px;

    z-index: 5;

    width: 48px;
    height: 48px;

    padding: 0;
    margin: 0;

    border: 1px solid #034537;
    border-radius: 50%;

    background: #f2f2f2;

    cursor: pointer;

    transition:
        background-color 250ms ease,
        border-color 250ms ease,
        transform 300ms ease;
}

.pugh-team-modal__close::before,
.pugh-team-modal__close::after {
    content: '';

    position: absolute;

    top: 50%;
    left: 50%;

    width: 20px;
    height: 2px;

    background: #034537;

    transform-origin: center;

    transition:
        background-color 250ms ease;
}

.pugh-team-modal__close::before {
    transform:
        translate(-50%, -50%)
        rotate(45deg);
}

.pugh-team-modal__close::after {
    transform:
        translate(-50%, -50%)
        rotate(-45deg);
}

.pugh-team-modal__close:hover {
    background: #034537;
    border-color: #034537;

    transform: rotate(90deg);
}

.pugh-team-modal__close:hover::before,
.pugh-team-modal__close:hover::after {
    background: #fff;
}

.pugh-team-modal__close:focus-visible {
    outline: 2px solid #00B2B2;
    outline-offset: 4px;
}


/* =========================================================
   DISABLE SALIENT'S OLD MOUSE-FOLLOW CLOSE ICON
   ========================================================= */

.nectar-close-indicator {
    display: none !important;
}


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

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

    .pugh-team-modal {
        padding: 25px;
    }

    .pugh-team-modal__dialog {
        min-width: 0;

        width: 90vw;
        max-width: 90vw;

        max-height: 88vh;
    }

    .pugh-team-modal__inner {
        max-height: 88vh;

        grid-template-columns:
            220px
            minmax(0, 1fr);

        gap: 30px;

        padding:
            70px
            35px
            40px;
    }

    .pugh-team-modal__content {
        width: auto;
    }

    .pugh-team-modal__image img {
        max-width: 220px;
    }

    .pugh-team-modal__close {
        top: 18px;
        right: 18px;

        width: 44px;
        height: 44px;
    }

}


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

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

    .pugh-team-modal {
        padding: 12px;
    }

    .pugh-team-modal__dialog {
        width: calc(100vw - 24px);
        max-width: none;

        max-height: calc(100dvh - 24px);

        border-radius: 16px;
    }

    .pugh-team-modal__inner {
        display: block;

        max-height: calc(100dvh - 24px);

        padding:
            75px
            22px
            calc(35px + env(safe-area-inset-bottom));
    }

    .pugh-team-modal__image {
        position: static;

        width: 78%;

        margin:
            0
            auto
            28px;
    }

    .pugh-team-modal__image img {
        width: 100%;
        height: auto;

        max-width: none;

        object-fit: contain;
        object-position: center top;
    }

    .pugh-team-modal__content {
        width: 100%;
    }

    .pugh-team-modal__name {
        margin: 0 0 5px;
    }

    .pugh-team-modal__position {
        margin-bottom: 22px;
    }

    .pugh-team-modal__close {
        top: 14px;
        right: 14px;

        width: 44px;
        height: 44px;
    }

}