:root {
    --main-bg: #7D1935;
    --lighter-bg: #B42B51;
    --contrast-bg: #BB4062;
    --contrast-darker-bg: #420516;
    --icon-transition-duration: 0.3s;
    --icon-transition-delay: 0.1s;
} 

.a-section-invitations {
    margin-bottom: 30px;
    height: 100%;
    flex: 1;
}

.a-section-invitations .a-no-padding {
    padding: 0;
}
  
.a-invitation-border {
    border-radius: 3px;
    border-color: var(--lighter-bg);
    border-width: 2px;
    border-style: solid;
    background-color: white;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.a-section-invitations .a-heading {
    color: var(--contrast-darker-bg);
    margin: 10px 0;
}

.a-section-invitations .a-information {
    color: var(--contrast-darker-bg);
    font-size: 1.25rem;
    padding: 0 0 0 15px;
}

.a-section-invitations .a-diff-color {
    color: var(--lighter-bg);
}

.a-heading h3 {
    font-weight: 500;
    text-transform: uppercase;
}

.a-invitation-icon {
    margin: 0 15px 0 0;
    width: 25px;
    display: inline-block;
}

.a-section-invitations .a-social {
    color: var(--contrast-darker-bg);
    font-size: 1.25rem;
    font-weight: 500;
    margin: 30px 0px 15px 15px;
}

.a-section-invitations .a-social-icon {
    font-size: 1.85rem;
    margin-right: 10px;
    transition-duration: var(--icon-transition-duration);
    transition-delay: var(--icon-transition-delay);
}

.a-section-invitations a.a-social-icon {
    color: var(--contrast-darker-bg);
    display: inline-block;
}

.a-social-icon-box {
    min-height: 50px;
}

.a-section-invitations .a-social-icon:hover {
    transform: scale(1.3, 1.3);
    transition-duration: var(--icon-transition-duration);
    transition-delay: var(--icon-transition-delay);
}

.a-section-invitations h1, .a-section-invitations h2, .a-section-invitations h3, .a-section-invitations h4 {
    font-family: Montserrat, sans-serif;
    margin: 0;
}

.a-capacity-info {
    padding-left: 40px;
}

.a-capacity-info ul {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none;
}

.a-information:nth-last-child(2) {
    flex: 1;
    height: 100%;
}

.a-capacity-info a {
    color: var(--contrast-darker-bg);
    margin-right: 7px;
}

.a-capacity-info a:hover {
    color: var(--contrast-bg);
}

.a-collapsible-content {
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    max-height: 0px;
    font-weight: 500;
}

@media (min-width: 576.02px){
    .a-invitation-outer {
        margin-bottom: 15px;
    }
}


@media (max-width: 767.98px) {
    .a-section-invitations {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 575.98px) {
    .a-invitation-inner {
        margin-bottom: 15px;
    }
}