/* ==========================================================
   P029L3 POSHESH ICON SYSTEM
   ========================================================== */

.ph-icon {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    display: inline-block;
    vertical-align: middle;
}


/* ==========================================================
   HOME / 07 CONTACT
   ========================================================== */

.ph-gateway-contact a {
    display: grid;
    grid-template-columns: 27px minmax(0,1fr);
    grid-template-rows: auto auto;
    column-gap: 13px;
    align-items: center;
}

.ph-gateway-contact .ph-contact-icon {
    grid-column: 1;
    grid-row: 1 / 3;

    width: 23px;
    height: 23px;

    color: #69dce3;

    filter:
        drop-shadow(0 0 8px rgba(70,214,224,.16));
}

.ph-gateway-contact small,
.ph-gateway-contact strong {
    grid-column: 2;
}

.ph-gateway-contact small {
    font-size: .74rem !important;
    opacity: .9;
}

.ph-gateway-contact strong {
    font-size: clamp(1.14rem,1.45vw,1.34rem) !important;
    font-weight: 760 !important;
    line-height: 1.45;
    color: #edfafa;
}

.ph-gateway-contact strong[dir="ltr"] {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: right;
}


/* ==========================================================
   CONTACT PAGE
   ========================================================== */

.pc-info-list > a,
.pc-info-list > div {
    position: relative;
}

.pc-info-list > a,
.pc-info-list > div {
    display: grid;
    grid-template-columns: 28px minmax(0,1fr);
    grid-template-rows: auto auto;
    column-gap: 14px;
    align-items: center;
}

.pc-info-list .ph-contact-icon {
    grid-column: 1;
    grid-row: 1 / 3;

    width: 23px;
    height: 23px;

    color: #60d9e1;

    filter:
        drop-shadow(0 0 8px rgba(68,210,220,.14));
}

.pc-info-list small,
.pc-info-list strong {
    grid-column: 2;
}

.pc-info-list strong[dir="ltr"] {
    direction: ltr;
    unicode-bidi: isolate;
}


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

.pv2-social {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    margin-inline-start: auto;
}

.pv2-social a {
    width: 42px;
    height: 42px;

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

    border:
        1px solid rgba(78,210,220,.16);

    border-radius: 12px;

    color: #8daeb7;

    background:
        rgba(11,31,45,.58);

    text-decoration: none;

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

.pv2-social a:hover,
.pv2-social a:focus-visible {

    color: #75e5ea;

    border-color:
        rgba(85,220,229,.42);

    background:
        rgba(26,73,85,.58);

    transform:
        translateY(-2px);

    box-shadow:
        0 8px 24px rgba(27,156,170,.10);
}

.pv2-social .ph-icon {
    width: 19px;
    height: 19px;
}


/* screen-reader only */

.ph-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}


@media (max-width:760px) {

    .ph-gateway-contact strong {
        font-size: 1.09rem !important;
    }

    .pv2-social {
        width: 100%;
        margin-inline-start: 0;
        margin-top: 12px;
    }

    .pv2-social a {
        width: 40px;
        height: 40px;
    }
}

/* END P029L3 POSHESH ICON SYSTEM */


/* ==========================================================
   P029L11 FINAL SOCIAL COVERAGE
   ========================================================== */

/* HOME + CUSTOM FOOTER */

.ph-end .pv2-social-home,
.ph-end .pv2-social-custom {
    justify-content: flex-start;

    margin-top: 20px;
    margin-inline-start: 0;
}

.ph-end .pv2-social-home a,
.ph-end .pv2-social-custom a {
    background:
        rgba(8,27,41,.72);

    border-color:
        rgba(80,212,221,.18);
}


/* CONTACT DIRECT SOCIAL */

.pc-social-wrap {
    margin-top: 30px;
    padding-top: 22px;

    border-top:
        1px solid rgba(81,210,220,.14);
}

.pc-social-label {
    display: block;

    margin-bottom: 13px;

    color:
        rgba(219,241,244,.68);

    font-size: .78rem;
    font-weight: 750;
}

.pc-social-wrap .pv2-social-contact {
    justify-content: flex-start;

    margin:
        0;
}


/* MOBILE */

@media (max-width:760px) {

    .ph-end .pv2-social-home,
    .ph-end .pv2-social-custom,
    .pc-social-wrap .pv2-social-contact {
        width: 100%;
        justify-content: flex-start;
    }

    .pc-social-wrap {
        margin-top: 25px;
        padding-top: 19px;
    }
}

/* END P029L11 FINAL SOCIAL COVERAGE */

/* ==========================================================
   P029L12 CONTACT LONG TEXT FIT
   ========================================================== */

/* HOME 07 — email only */
.ph-gateway-contact a[href^="mailto"] strong {
    font-size: clamp(.94rem,1.15vw,1.08rem) !important;
    overflow-wrap: anywhere;
    word-break: normal;
}

/* CONTACT PAGE — email */
.pc-info-list a[href^="mailto"] strong {
    font-size: clamp(.94rem,1.12vw,1.06rem);
    overflow-wrap: anywhere;
    word-break: normal;
}

/* CONTACT PAGE — address */
.pc-info-list > div strong {
    font-size: clamp(.92rem,1.08vw,1.03rem);
    line-height: 1.75;
}

/* END P029L12 CONTACT LONG TEXT FIT */

/* ==========================================================
   P029L13 HOME CONTACT ICON TOP
   icon + label above / value full width below
   ========================================================== */

.ph-gateway-contact a {
    grid-template-columns: auto minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
        "icon label"
        "value value" !important;

    column-gap: 9px !important;
    row-gap: 5px;
}

.ph-gateway-contact .ph-contact-icon {
    grid-area: icon !important;

    width: 19px;
    height: 19px;

    align-self: center;
}

.ph-gateway-contact small {
    grid-area: label !important;

    align-self: center;
    margin: 0;
}

.ph-gateway-contact strong {
    grid-area: value !important;

    width: 100%;
    margin-top: 2px;

    white-space: nowrap;
}

/* email now has full card width */
.ph-gateway-contact a[href^="mailto"] strong {
    font-size: clamp(1.08rem,1.32vw,1.24rem) !important;

    white-space: nowrap;
    overflow-wrap: normal;
}

/* END P029L13 HOME CONTACT ICON TOP */