body {
    background-color: #fafcff;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/*h1, h2, h3, h4, h5, h6 {*/
/*    color: var(--ph-blue);*/
/*}*/



/**
 * Colors
 */
.bg-blue-gray-50  { background-color: #ECEFF1 }
.bg-blue-gray-100 { background-color: #CFD8DC }
.bg-blue-gray-200 { background-color: #B0BEC5 }
.bg-blue-gray-300 { background-color: #90A4AE }
.bg-blue-gray-400 { background-color: #78909C }
.bg-blue-gray-500 { background-color: #607D8B }
.bg-blue-gray-600 { background-color: #546E7A }
.bg-blue-gray-700 { background-color: #455A64 }
.bg-blue-gray-800 { background-color: #37474F }
.bg-blue-gray-900 { background-color: #263238 }

.bg-gray-50  { background-color: #FAFAFA }
.bg-gray-100 { background-color: #F5F5F5 }
.bg-gray-200 { background-color: #EEEEEE }
.bg-gray-300 { background-color: #E0E0E0 }
.bg-gray-400 { background-color: #BDBDBD }
.bg-gray-500 { background-color: #9E9E9E }
.bg-gray-600 { background-color: #757575 }
.bg-gray-700 { background-color: #616161 }
.bg-gray-800 { background-color: #424242 }
.bg-gray-900 { background-color: #212121 }

.text-blue-gray-50  { color: #ECEFF1 }
.text-blue-gray-100 { color: #CFD8DC }
.text-blue-gray-200 { color: #B0BEC5 }
.text-blue-gray-300 { color: #90A4AE }
.text-blue-gray-400 { color: #78909C }
.text-blue-gray-500 { color: #607D8B }
.text-blue-gray-600 { color: #546E7A }
.text-blue-gray-700 { color: #455A64 }
.text-blue-gray-800 { color: #37474F }
.text-blue-gray-900 { color: #263238 }

.text-gray-50  { color: #FAFAFA }
.text-gray-100 { color: #F5F5F5 }
.text-gray-200 { color: #EEEEEE }
.text-gray-300 { color: #E0E0E0 }
.text-gray-400 { color: #BDBDBD }
.text-gray-500 { color: #9E9E9E }
.text-gray-600 { color: #757575 }
.text-gray-700 { color: #616161 }
.text-gray-800 { color: #424242 }
.text-gray-900 { color: #212121 }

.opacity-75 { opacity: .75 }
.opacity-50 { opacity: .50 }
.opacity-25 { opacity: .25 }



/**
 * Utilities
 */
@media (min-width: 576px) {
    .list-columns-2 {
        columns: 2;
        column-gap: 30px;
    }
    .list-columns-3 {
        columns: 3;
        column-gap: 30px;
    }
}

.rounded-lg {
    border-radius: .5rem !important;
}

.collapse-toggle {
    transition: transform .3s ease-in;
}
.collapsed .collapse-toggle {
    transform: scaleY(-1);
}

.position-absolute.center {
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}
.position-absolute.fill {
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%;
}

.rounded-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rounded-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}



/**
 * Font Weight
 */
.font-weight-medium {
    font-weight: 500 !important;
}


/**
 * Text Decoration
 */
.text-decoration-underline {
    text-decoration: underline;
}

/**
 * Text Size
 */
.text-base      { font-size: 1rem }

.text-xx-small  { font-size: 0.5em }
.text-x-small   { font-size: 0.625em }
.text-smaller   { font-size: 0.75em }
.text-small     { font-size: 0.875em }
.text-medium    { font-size: 1em }
.text-large     { font-size: 1.125em }
.text-x-large   { font-size: 1.25em }
.text-xx-large  { font-size: 1.375em }
.text-xxx-large { font-size: 1.5em }

@media (min-width: 576px) {
    .text-sm-xx-small  { font-size: 0.5em }
    .text-sm-x-small   { font-size: 0.625em }
    .text-sm-smaller   { font-size: 0.75em }
    .text-sm-small     { font-size: 0.875em }
    .text-sm-medium    { font-size: 1em }
    .text-sm-large     { font-size: 1.125em }
    .text-sm-x-large   { font-size: 1.25em }
    .text-sm-xx-large  { font-size: 1.375em }
    .text-sm-xxx-large { font-size: 1.5em }
}

@media (min-width: 768px) {
    .text-md-xx-small  { font-size: 0.5em }
    .text-md-x-small   { font-size: 0.625em }
    .text-md-smaller   { font-size: 0.75em }
    .text-md-small     { font-size: 0.875em }
    .text-md-medium    { font-size: 1em }
    .text-md-large     { font-size: 1.125em }
    .text-md-x-large   { font-size: 1.25em }
    .text-md-xx-large  { font-size: 1.375em }
    .text-md-xxx-large { font-size: 1.5em }
}

@media (min-width: 992px) {
    .text-lg-xx-small  { font-size: 0.5em }
    .text-lg-x-small   { font-size: 0.625em }
    .text-lg-smaller   { font-size: 0.75em }
    .text-lg-small     { font-size: 0.875em }
    .text-lg-medium    { font-size: 1em }
    .text-lg-large     { font-size: 1.125em }
    .text-lg-x-large   { font-size: 1.25em }
    .text-lg-xx-large  { font-size: 1.375em }
    .text-lg-xxx-large { font-size: 1.5em }
}

@media (min-width: 1200px) {
    .text-xl-xx-small  { font-size: 0.5em }
    .text-xl-x-small   { font-size: 0.625em }
    .text-xl-smaller   { font-size: 0.75em }
    .text-xl-small     { font-size: 0.875em }
    .text-xl-medium    { font-size: 1em }
    .text-xl-large     { font-size: 1.125em }
    .text-xl-x-large   { font-size: 1.25em }
    .text-xl-xx-large  { font-size: 1.375em }
    .text-xl-xxx-large { font-size: 1.5em }
}



/**
 * Text Ellipsis
 */
.text-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 1.4em;
    line-height: 1.4em;
    overflow-y: hidden;
}

.ellipsis-1 { -webkit-line-clamp: 1; height: 1.4em }
.ellipsis-2 { -webkit-line-clamp: 2; height: 2.8em }
.ellipsis-3 { -webkit-line-clamp: 3; height: 4.2em }
.ellipsis-4 { -webkit-line-clamp: 4; height: 5.6em }
.ellipsis-5 { -webkit-line-clamp: 5; height: 7.0em }
.ellipsis-6 { -webkit-line-clamp: 6; height: 8.4em }
.ellipsis-7 { -webkit-line-clamp: 7; height: 9.8em }

@media (min-width: 576px) {
    .ellipsis-sm-1 { -webkit-line-clamp: 1; height: 1.4em }
    .ellipsis-sm-2 { -webkit-line-clamp: 2; height: 2.8em }
    .ellipsis-sm-3 { -webkit-line-clamp: 3; height: 4.2em }
    .ellipsis-sm-4 { -webkit-line-clamp: 4; height: 5.6em }
    .ellipsis-sm-5 { -webkit-line-clamp: 5; height: 7.0em }
    .ellipsis-sm-6 { -webkit-line-clamp: 6; height: 8.4em }
    .ellipsis-sm-7 { -webkit-line-clamp: 7; height: 9.8em }
}

@media (min-width: 768px) {
    .ellipsis-md-1 { -webkit-line-clamp: 1; height: 1.4em }
    .ellipsis-md-2 { -webkit-line-clamp: 2; height: 2.8em }
    .ellipsis-md-3 { -webkit-line-clamp: 3; height: 4.2em }
    .ellipsis-md-4 { -webkit-line-clamp: 4; height: 5.6em }
    .ellipsis-md-5 { -webkit-line-clamp: 5; height: 7.0em }
    .ellipsis-md-6 { -webkit-line-clamp: 6; height: 8.4em }
    .ellipsis-md-7 { -webkit-line-clamp: 7; height: 9.8em }
}

@media (min-width: 992px) {
    .ellipsis-lg-1 { -webkit-line-clamp: 1; height: 1.4em }
    .ellipsis-lg-2 { -webkit-line-clamp: 2; height: 2.8em }
    .ellipsis-lg-3 { -webkit-line-clamp: 3; height: 4.2em }
    .ellipsis-lg-4 { -webkit-line-clamp: 4; height: 5.6em }
    .ellipsis-lg-5 { -webkit-line-clamp: 5; height: 7.0em }
    .ellipsis-lg-6 { -webkit-line-clamp: 6; height: 8.4em }
    .ellipsis-lg-7 { -webkit-line-clamp: 7; height: 9.8em }
}

@media (min-width: 1200px) {
    .ellipsis-xl-1 { -webkit-line-clamp: 1; height: 1.4em }
    .ellipsis-xl-2 { -webkit-line-clamp: 2; height: 2.8em }
    .ellipsis-xl-3 { -webkit-line-clamp: 3; height: 4.2em }
    .ellipsis-xl-4 { -webkit-line-clamp: 4; height: 5.6em }
    .ellipsis-xl-5 { -webkit-line-clamp: 5; height: 7.0em }
    .ellipsis-xl-6 { -webkit-line-clamp: 6; height: 8.4em }
    .ellipsis-xl-7 { -webkit-line-clamp: 7; height: 9.8em }
}

/**
 * Navbar
 */
.navbar .navbar-brand {
    font-size: .875rem;
    font-weight: 500;
}
.navbar .navbar-brand img {
    height: 40px;
}
@media (min-width: 576px) {
    .navbar .navbar-brand {
        font-size: 1rem;
    }
    .navbar .navbar-brand img {
        height: 44px;
    }
}
@media (min-width: 992px) {
    .navbar .navbar-brand {
        font-size: 1.125rem;
    }
    .navbar .navbar-brand img {
        height: 48px;
    }
}
.navbar .navbar-toggler {
    border: 0;
    margin-right: -.75rem
}
.navbar .nav-link {
    font-weight: 500;
    transition: color .1s ease-in-out;
    white-space: nowrap;
}
.navbar .nav-link.active {
    color: var(--ph-yellow) !important;
}



/**
 * Page Header & Footer
 */
.page-header {
    background-color: rgba(0, 56, 168, .05);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    padding: 2rem 0;
}
.page-header h1 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase;
}
.page-header h1:before {
    background-color: var(--ph-yellow);
    content: "";
    position: absolute; top: 0; left: -15px; width: 7px; height: 100%;
}

.page-header .breadcrumb {
    background-color: transparent;
    font-size: 1rem;
    margin-bottom: 0;
    padding: 0;
}

footer a.text-light:hover,
footer a.text-light:focus {
    color: var(--ph-yellow) !important;
}

footer .facebook-page {
    width: 340px;
    height: 130px;
}


/**
 * Focus News
 */
#swiper-news {
    border-top: .2rem solid #eceff1;
    border-radius: .2rem;
    margin-top: .65rem;
    padding-top: .65rem;
}
#swiper-news .swiper-slide:before {
    background-color: var(--ph-yellow);
    border-radius: .3rem;
    content: "";
    position: absolute;
    width: 0;
}
#swiper-news .swiper-slide-thumb-active:before {
    width: 100%; height: .3rem; top: -.9rem;
}

#swiper-news .swiper-slide img {
    opacity: .5;
    transition: opacity .3s ease-out;
}
#swiper-news .swiper-slide:hover img,
#swiper-news .swiper-slide-thumb-active img{
    opacity: .9;
}

#swiper-news .swiper-slide {
    color: #6c757d;
    cursor: pointer;
    font-weight: 500;
}
#swiper-news .swiper-slide:hover,
#swiper-news .swiper-slide-thumb-active {
    color: var(--ph-blue);
}
#swiper-news .swiper-slide-thumb-active {
    cursor: default;
}



#swiper-news-thumbs {
    margin: -1rem -.25rem -1rem -1rem;
    overflow: hidden;
    padding: 1rem .25rem 1rem 1rem;
}
#swiper-news-thumbs .thumbnail {
    transition: all .3s ease-out;
}
#swiper-news-thumbs .swiper-slide-active:hover .thumbnail {
    box-shadow: .25rem .5rem 1rem rgba(0, 0, 0, .15);
    transform: scale(102.5%);
}



/**
 * Table
 */
th.wrap-content,
td.wrap-content {
    white-space: nowrap;
    width: 1%;
}

/**
 * Content
 */
.content h3,
.content h4,
.content h5,
.content h6 {
    color: var(--ph-blue);
}

.content>h3:first-child { margin-top: 0; }
.content h3 { font-size: 1.75rem; margin: 2.0rem 0 1.0rem 0; }
.content h4 { font-size: 1.25rem; margin: 1.0rem 0 1.0rem 0; }

.content strong,
.content dt {
    color: #0051f4; /*var(--ph-blue)*/
}

.content ul,
.content ol {
    padding-left: 1.5rem;
}
.content ol { list-style: decimal }
.content ol ol { list-style: lower-alpha }
.content ol ol ol { list-style: lower-roman }
.content ol ol ol ol { list-style: lower-greek }

.content table { background-color: transparent; }
.content table ul:last-child,
.content table ol:last-child {
    margin-bottom: 0;
}

.content figure.image,
.content figure.video {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    margin-bottom: 1rem;
    overflow: hidden;
    padding: 0;
}
.content figure.image img {
    border-radius: 0;
    width: 100%;
}
.content figure.video iframe {
    aspect-ratio: 16 / 9;
    border: 0;
    display: block;
    margin-bottom: 0;
    width: 100%;
}
.content figure.image figcaption,
.content figure.video figcaption {
    padding: .75rem 1rem;
    text-align: right;
}

.application-content .text-label {
    color: var(--gray);
    font-size: 0.875em;
    margin-bottom: .25rem;
}
.application-content .text-value {
    color: var(--dark);
    font-size: 1.125em;
    margin-bottom: .25rem;
}
.application-content .headshot {
    margin-right: 83.33%;
    min-width: 160px;
}

.list-information {
    color: var(--gray);
}
.list-information .list-inline-item+.list-inline-item:before {
    content: '/';
    margin-left: -.5rem;
    padding: 0 .25rem;
}



/**
 * For Floating Button
 */
.btn-floating {
    display: flex; align-items: center; justify-content: center;
    position: fixed; right: 1rem; bottom: 1rem;
    width: 64px; height: 64px;
    z-index: 999;
}
@media (min-width: 992px) {
    .btn-floating {
        font-size: 1.25rem;
        right: 2rem; bottom: 2rem;
        width: 72px; height: 72px;
    }
}



/**
 * For jQuery UI Autocomplete
 */
.ui-widget.ui-widget-content {
    border-color: #ced4da !important;
    border-top: 0 !important;
    border-bottom-left-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
    margin-top: -.25rem !important;
}
.ui-menu .ui-menu-item-wrapper {
    padding: .375rem .75rem !important;
}
.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 0 !important;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: 0 !important;
}



/**
 * For Application Form
 */
.btn-move-up:disabled,
.btn-move-down:disabled {
    opacity: .25;
}
.btn-remove:hover {
    color: var(--red) !important;
}


a.text-ph-blue:hover,
a.text-ph-blue:focus {
    /*color: #0051f4 !important;*/
}
a.text-ph-blue svg {
    /*fill: var(--ph-blue);*/
}

.list-style-square {
    list-style: square;
}

.form-text {
    color: var(--gray);
}



/**
 * For Modal
 */
.modal-body {
    background-color: #fafcff;
}



@media (min-width: 576px) {
    header.page-header {
        padding: 3rem 0;
    }
    header.page-header h1 {
        font-size: 2rem;
    }
    header.page-header h1:before {
        left: -25px; width: 10px;
    }
    header.page-header .breadcrumb {
        font-size: 1.15rem;
    }
}



.page-link {
    background-color: transparent;
    border: 0;
    border-radius: 50rem !important;
    color: var(--ph-blue) !important;
    font-weight: bold;
    line-height: 46px;
    padding: 0;
    text-align: center;
    width: 46px;
    height: 46px;
}
.page-link {
    background-color: transparent;
}
.page-link:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 56, 168, .15);
}
.page-item + .page-item {
    margin-left: .5rem;
}
.page-item.active .page-link {
    background-color: var(--ph-blue);
    color: white !important;
}



#aboutPage h2 {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 2rem 0 1rem 0;
}
#aboutPage h3 {
    font-size: 1rem;
    font-weight: bold;
    margin: 2rem 0 1rem 0;
}
#aboutPage ol {
    padding-left: 1.1em;
}
#aboutPage ol > li > p {
    margin-left: -1.1em;
}
#aboutPage ol > li::marker {
    color: var(--ph-blue);
    font-weight: bold;
}

#officesPage iframe {
    background-color: #e9ecef;
    border: 0;
    width: 100%;
    height: 480px;
}
#officesPage .nav-tabs {
    background-color: #e9ecef;
}
#officesPage .nav-tabs > .nav-link {
    border-bottom: 0;
    border-radius: 0;
}
#officesPage .list-group-item {
    border-top: 0;
}
#officesPage .list-group-item.active {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .125);
    border-right: 8px solid var(--ph-yellow);
    color: #495057;
    margin-top: 0;
    padding-right: calc(.75rem - 8px);
}

figure.image {
    background-color: var(--light);
    border: 1px solid #ddd;
    border-radius: .3rem;
    padding: .3rem;
}
figure.image img {
    border-radius: .3rem;
    width: 100%;
}
figure.image figcaption {
    color: var(--gray);
    font-style: italic;
    margin-top: .3rem;
    text-align: center;
}



#swiper-carousel .swiper-slide {
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}
#swiper-carousel .swiper-slide img {
    width: 100%;
}
@media (min-width: 1200px) {
    #swiper-carousel .swiper-slide img {
        width: 100%; height: auto;
    }
}
@media (min-width: 1920px) {
    #swiper-carousel .swiper-slide img {
        width: 100%; height: auto;
    }
}



.field-card {
    margin-bottom: 1rem;
}
.field-card > .thumbnail {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    border-radius: 50%;
    float: left;
    margin: 0 30px 1.5rem 15px;
    overflow: hidden;
    transition: box-shadow .5s;
    width: 30%;
}
.field-card:hover > .thumbnail {
    box-shadow: 0 0 0 .3rem rgba(0, 56, 168, .5);
}
.field-card > .thumbnail > img {
    transition: transform .5s ease-in-out;
    transform: scale(105%);
}
.field-card:hover > .thumbnail > img {
    transform: scale(100%);
}

@media (min-width: 768px) {
    .field-card > .thumbnail {
        float: none;
        margin: 0 auto 1rem auto;
        width: 55%;
    }
}



.news-card .card-img-top {
    overflow: hidden;
}
.news-card .card-img-top>img {
    transform: scale(105%);
    transition: transform .5s ease-in-out;
}
.news-card:hover .card-img-top>img {
    transform: scale(100%);
}



:root {
    /* Navigation CSS Custom Properties */
    --swiper-navigation-size: 22px;
    --swiper-navigation-sides-offset: 0;
    --swiper-pagination-bullet-horizontal-gap: .5rem;
    --swiper-navigation-color: var(--ph-yellow);


    /* Pagination CSS Custom Properties */
    --swiper-pagination-color: var(--ph-yellow);
    --swiper-pagination-bullet-size: .5rem;
}

#swiper-carousel-button-prev,
#swiper-carousel-button-next {
    display: none;
}

@media (min-width: 992px) {
    :root {
        /* Navigation CSS Custom Properties */
        --swiper-navigation-size: 44px;
        --swiper-navigation-sides-offset: 0;

        /* Pagination CSS Custom Properties */
        --swiper-pagination-bullet-size: .75rem;
    }

    #swiper-carousel-button-prev,
    #swiper-carousel-button-next {
        display: flex;
        width: 5%;
    }
}

.swiper-pagination-bullet { transition: box-shadow .3s; }
.swiper-pagination-bullet-active { box-shadow: 0 0 0 .2rem rgba(252, 209, 22, .25); }

@media screen and (max-width: 576px) {
    [data-aos-delay] {
        transition-delay: 0s !important;
    }
}

.bg-black-opacity-75 { background-color: rgba(0, 0, 0, .75); }
.bg-black-opacity-50 { background-color: rgba(0, 0, 0, .50); }



.input-group-special {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 50rem;
    overflow: hidden;
    transition: box-shadow .3s;
}
.input-group-special:focus-within {
    box-shadow: 0 0 0 .2rem rgba(0, 56, 168, .15);
}
.input-group-special.is-invalid {
    border-color: var(--red);
    margin-bottom: .5rem !important;
}
.input-group-special.is-invalid:focus-within {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
}
.input-group-special .form-control, .input-group-special .input-group-text {
    background-color: transparent;
    border: 0;
    box-shadow: none !important;
}
.input-group-special .form-control {
    padding: 0;
}
.input-group-special .form-control:first-child {
    padding-left: .75rem;
}
.input-group-special .form-control:last-child {
    padding-right: .75rem;
}
.input-group-special .fa-solid,
.input-group-special .fa-regular,
.input-group-special .fa-brands {
    color: #616161;
    margin-top: 2px;
    padding-left: .25rem;
}
.input-group-special > .input-group-append > .btn {
    background-color: transparent;
    border-radius: 50rem;
    box-shadow: none;
    color: #9e9e9e;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 1rem;
    margin: .25rem .25rem .25rem 0;
}
.input-group-special > .input-group-append > .btn:hover {
    background-color: #eceff1;
    color: #616161;
}



.contact-card .card-img-top {
    font-size: 1.75em; width: 72px; height: 72px;
    transition: box-shadow .5s;
}
.contact-card:hover .card-img-top {
    box-shadow: 0 0 0 .3rem rgba(0, 56, 168, .5);
}
.contact-card .card-title {
    font-size: 1rem;
}
@media (min-width: 768px) {
    .contact-card .card-img-top {
        font-size: 2.25em; width: 96px; height: 96px;
    }
}

.page-embed-16by6 {
    height: 0;
    overflow: hidden;
    padding-top: 37.5%;
    position: relative;
}
.page-embed-16by6 > iframe {
    border: 0;
    position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;
}


.aspect-ratio-1by1,
.aspect-ratio-16by9,
.aspect-ratio-16by10 {
    height: 0;
    overflow: hidden;
    position: relative;
}
.aspect-ratio-1by1 {
    padding-top: 100%;
}
.aspect-ratio-16by9 {
    padding-top: 56.25%;
}
.aspect-ratio-16by10 {
    padding-top: 62.50%;
}



.font-size-12px { font-size: 12px }
.font-size-16px { font-size: 16px }
.font-size-20px { font-size: 20px }
.font-size-24px { font-size: 24px }
.font-size-28px { font-size: 28px }
.font-size-32px { font-size: 32px }

@media (min-width: 768px) {
    .font-size-md-12px { font-size: 12px }
    .font-size-md-16px { font-size: 16px }
    .font-size-md-20px { font-size: 20px }
    .font-size-md-24px { font-size: 24px }
    .font-size-md-28px { font-size: 28px }
    .font-size-md-32px { font-size: 32px }
}

.text-x-twitter { color: #000; }
.text-facebook { color: #316ff6; }
.text-line { color: #00b900; }

.border-style-dashed {
    border-style: dashed;
}

.mt-6, .my-6 { margin-top: 6rem !important; }
.mb-6, .my-6 { margin-bottom: 6rem !important; }

.list-group, .list-group-item {
    background-color: transparent;
}

.card-text {
    margin-bottom: .75rem;
}

/**
 * For news page
 */
.news-horizontal-card {
    background-color: transparent;
    margin-bottom: 0;
    text-decoration: none !important;
}
.news-horizontal-card + .news-horizontal-card {
    margin-top: 1.5rem;
}

.news-horizontal-card .card-title {
    color: var(--ph-blue);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4em;
    margin-bottom: 0;
    position: relative;
}
.news-horizontal-card:hover .card-title {
    color: var(--ph-blue);
}

.news-horizontal-card time {
    color: #9e9e9e;
    font-style: italic;
}

@media (min-width: 768px) {
    .news-horizontal-card {
        border: 0;
        border-radius: 0;
    }
    .news-horizontal-card + .news-horizontal-card {
        border-top: 1px dashed rgba(0, 0, 0, .125);
        margin-top: 1rem;
        padding-top: 1rem;
    }

    .news-horizontal-card .card-title {
        font-size: 20px;
        margin-bottom: .75rem;
    }

    .news-horizontal-card .card-img-top {
        border-radius: .25rem;
        opacity: .85;
        transition: box-shadow .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out;
    }
    .news-horizontal-card:hover .card-img-top {
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
        opacity: 1;
        transform: scale(102.5%);
    }

    .news-horizontal-card .card-body {
        padding: 0;
        margin-left: 30px;
    }

    .news-horizontal-card .card-title:before {
        background-color: transparent;
        /*border: 1px solid var(--ph-yellow);*/
        /*border-left: 0;*/
        content: "";
        display: inline-block;
        position: absolute;
        transition: background-color .3s ease-in-out, width .3s ease-in-out;
        width: 5px; height: 100%; max-height: 4.2em; left: -31px;
        z-index: -1;
    }
    .news-horizontal-card:hover .card-title:before {
        background-color: var(--ph-yellow);
        width: 20px;
    }
}



/**
 * For FAQ Page
 */
.faq-card {
    background-color: transparent;
    border: 0;
    border-top: 1px dashed rgba(0, 0, 0, .125);
    border-radius: 0;
}
.faq-card:first-child,
.faq-group.filtering .faq-card {
    border-top: 0;
}
.faq-group.filtering .faq-card.matched~.faq-card {
    border-top: 1px dashed rgba(0, 0, 0, .125);
}

.faq-card .card-header {
    background-color: transparent;
    border: 0;
    padding: 0;
}
.faq-card .card-header h3 {
    font-size: 18px;
    margin-bottom: 0;
    padding: 1rem 0;
}

.faq-card .card-body {
    padding: 0 0 1rem 0;
}

.faq-group.filtering .faq-card {
    display: none;
}
.faq-group.filtering .faq-card.matched {
    display: block;
}

.faq-group.filtering .no-results {
    display: block;
}
.faq-group .no-results,
.faq-group.filtering.has-matched .no-results {
    display: none;
}



.no-results {
    color: var(--gray);
    font-size: 16px;
    font-style: italic;
}



.highlight {
    background-color: var(--ph-yellow);
}



.text-ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 4.2em;
    line-height: 1.4em;
    text-overflow: ellipsis;
    overflow: hidden;
}



.nav.nav-aside {
    flex-direction: column;
    margin-bottom: 3rem;
}
@media (min-width: 768px) {
    .nav.nav-aside {
        position: sticky;
        top: calc(80px + 1rem);
        margin-bottom: 6rem;
    }
}

.nav.nav-aside .nav-header {
    color: var(--gray);
    font-size: 16px;
    font-weight: 500;
}

.nav.nav-aside .nav-link {
    border-radius: .75rem;
    padding: calc(1rem + 2px) 1rem;
    position: relative;
    margin: -1px -1rem;
    transition: all .3s ease-in-out;
    white-space: normal;
}
.nav.nav-aside .nav-link.active {
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1);
}
.nav.nav-aside .nav-link:hover {
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1);
}
.nav.nav-aside .nav-item + .nav-item {
    border-top: 1px dashed rgba(0, 0, 0, .125);
}
.nav.nav-aside .nav-item + .nav-header {
    margin-top: 1.5rem;
}
.nav.nav-aside .nav-link .link-title {
    color: var(--ph-blue);
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: .1rem;
}
.nav.nav-aside .nav-link .link-text {
    color: var(--gray);
    font-size: .85rem;
    font-weight: 400;
}



.custom-checkbox .custom-control-label {
    cursor: pointer;
    display: block;
    transition: color .3s ease-in-out;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label,
.custom-checkbox:hover .custom-control-label {
    color: var(--blue);
}



.nav-custom-tabs .nav-link.active,
.nav-custom-tabs .show > .nav-link {
    background-color: transparent;
    border-bottom: 3px solid var(--blue);
    border-radius: 0;
}
.nav-custom-tabs .nav-link.disabled {
    opacity: .25;
}



.list-group.hoverable .list-group-item {
    transition: all .3s ease-in-out;
}
.list-group.hoverable .list-group-item:hover {
    background-color: rgba(255, 255, 255, .9);
    border-color: transparent;
    border-radius: 0;
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1);
    margin: -1px -1rem !important;
    padding: calc(1rem + 1px) 1rem !important;
}
@media (min-width: 576px) {
    .list-group.hoverable .list-group-item:hover {
        border-radius: 1rem;
    }
}



@keyframes applying {
    0%   { text-shadow: rgba(252, 209, 22, 1) 0 0 15px }
    50%  { text-shadow: rgba(252, 209, 22, 1) 0 0 0 }
    100% { text-shadow: rgba(252, 209, 22, 1) 0 0 15px }
}
.applying {
    animation: applying 1.5s infinite;
}



.base-line-height {
    line-height: 1em;
}



.nav-link+.nav {
    background-color: rgba(0, 123, 255, .05);
    border-radius: .25rem;
    display: none;
}
.nav-link.active+.nav {
    display: flex;
}



.card.auth-card {
    background-color: transparent;
    border: 0;
    margin: auto;
    max-width: 560px;
    width: 100%;
}
.card.auth-card .card-title {
    color: var(--ph-blue);
    font-size: 2.25rem;
}
.card.auth-card form {
    padding: 1rem 0;
}
.card.auth-card button[type="submit"] {
    font-weight: 500;
}



.data-table {
    width: 100%;
}
.data-table>thead>tr>th {
    color: var(--ph-blue);
    font-size: .925em;
    font-weight: 500;
}
.data-table>thead>tr>th.status-count,
.data-table>tbody>tr>td.status-count {
    text-align: right;
    padding-left: 0;
    width: 5.25rem !important;
}



.application-progress {
    width: 160px;
    height: .5em;
    margin: .125rem 0;
}
.package-progress {
    height: .5em;
}



.dropright .dropdown-toggle-split {
    background-color: transparent;
    border: 0;
    color: #212529;
    margin-left: auto;
    padding: .25rem 1rem;
}
.dropright .dropdown-toggle-split:hover {
    background-color: #e9ecef;
}
.dropright .dropdown-toggle-split:disabled {
    visibility: hidden;
}
.dropright .dropdown-toggle-split:hover+.dropdown-menu,
.dropright .dropdown-toggle-split+.dropdown-menu:hover {
    margin-left: -.125rem;
    margin-top: -.5rem;
    display: block;
}

.dropdown-header {
    color: var(--ph-blue);
    font-size: .75em;
}