/*--------------------------------------------------------------
  Health Promotion Zone page
--------------------------------------------------------------*/
.page-template-health .important-link {
    display: flex;
    padding:2rem 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:1rem;
    border-radius: .5rem;
    background:var(--_background, #eee);
    color: #333;
    text-align: center;
    height: 100%;
    transform:translateY(0);
    transition: all ease .3s;
}
.page-template-health .usefulLink {
    padding: 30px 5px;
}
.page-template-health .important-link:hover,
.page-template-health .important-link:focus,
.page-template-health .important-link:focus-within {
    transform:translateY(-.25rem);
}
.page-template-health .important-link i {
    font-family: "Font Awesome 5 Free";
    font-size:2rem;
    font-weight: bold;
    font-style: inherit;
    opacity:.3;
}
.page-template-health .leaflets {
    background:#eee;
}
.page-template-health .accordion-item {
    border:solid thin #e6e6e6;
    overflow:hidden;
}
.page-template-health .accordion-item:first-of-type {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
.page-template-health .accordion-item:last-of-type {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.page-template-health .accordion-header {
    margin-bottom:0;
}
.page-template-health .accordion-button {
    display: flex;
    padding:1rem 1.5rem;
    width: 100%;
    color: var(--theme-text-color);
    transition:all ease .3s;
    background: #fff;
    border:none;
}
.page-template-health .accordion-button:hover,
.page-template-health .accordion-button:focus {
    color: var(--upw-secondary-color,var(--theme-secondary-colour, #333));
    outline:none;
}
.page-template-health .accordion-button span {
    text-align: left;
    flex:1;
}
.page-template-health .accordion-button:after {
    display: block;
    content:"\f054";
    font-family: "Font Awesome 5 Free";
    font-weight:bold;
    transform:rotate(0);
    transition:all ease .3s;
    aspect-ratio: 1;
    color:var(--theme-text-color);
    background-image: none;
}
.page-template-health .accordion-button[aria-expanded="true"]:after {
    transform:rotate(90deg);
}
.page-template-health .accordion-body {
    padding:1.5rem;
    background: #fff;
}
.page-template-health img{
    width: auto;
    height: auto;
}
.page-template-health p {
    margin: revert;
}
.page-template-health .bg-image {
    position: absolute;
    inset: 0;
    z-index: -1;
}
.page-template-health .bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
}

@media only screen and (min-width: 992px) {
    .page-template-health .lg-bg-image {
        position: absolute;
        inset: 0;
    }
    .page-template-health .lg-bg-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center right;
    }
}