/*

PARVUS -n
Abbreviation, shortened, tiny small. Basically - this is for mobile styling.

*/

/* #region TEMPLATE */
/* #endregion */


/* #region SIDR STYLING */

    @media(max-width:991px) {
        .navbar-toggler {
            display: none;
        }

        .collapse:not(.show) {
            display: flex;
            flex-flow: row nowrap;
        }

        .navbar > .container-fluid {
            display: flex;
            flex-flow: row nowrap;
        }

        .navbar-nav {
            flex-flow: row;
        }
    }

/* #endregion */

@media(max-width:1565px) {
    .tcl-wrap .column1.colw_c, .tcl-wrap .column2.colw_c {
        width: 45%;
    }

    h1 {
        font-size: 4.2rem;
    }

}

@media(max-width:1300px) {
    h1,
    .head-title {
        font-size: 4rem;
    }

    .c-itm {
        width: 40%;
    }

    .contact-cols .tcl-wrap .column1.colw_c, .contact-cols .tcl-wrap .column2.colw_c {
        width: 70%;
    }

    .contact-cols .tcl-wrap .content {
        justify-content: center;
    }

    h1 {
        font-size: 3.8rem;
    }
}

@media(max-width:1240px) {
    .user-header .uh-content {
        top: -190px;
    }

    .user-header .uhc-profile img {
        width: 300px;
        height: 300px;
    }

    .path-user .col-lg-3 {
        width: 300px;
    }

    .path-user .col-lg-9 {
        width: calc(100% - 340px);
    }

    h1 {
        font-size: 3rem;
    }

    .ao-itm {
        width: 60%;
    }

    .navbar-nav {
        display: none;
    }

    .mobile-menu-button {
        display: flex;
    }
}

@media(max-width:1190px) {
    #block-footer .navbar-nav > li {
        width: 30%;
        margin-bottom: 30px;
    }

    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
        width: 94% !important;
        left: 3% !important;
    }

    .view-legal-centre .views-row {
        width: 100%;
    }
}

@media(max-width:1160px) {

    .scrolled .navbar {
        top: 0px;
    }

    .menu--main .navbar-nav .nav-link {
        padding: 25px 10px;
    }

    .hp-welcome.mt_060 {
        margin-top: 0px;
    }

    .path-frontpage .hcnt h1 {
        font-size: 3.5rem;
    }

    .view-main-services .views-row {
        width: 40%;
    }

    .scrolled .menu--main .navbar-nav .nav-link {
        padding: 15px 15px;
    }

    .view-live-photos .view-content {
        column-count: 4;
    }
}

@media(max-width:1115px) {

    .user-header .uh-content {
        width: 95%;
    }

    .path-user .row.g-0 {
        width: 95%;
    }

    #lyric-line {
        font-size: 30px;
    }
}

@media(max-width:1020px) {

    .cw_050 {
        width: 80%;
    }

    .navbar-brand img {
        height: 50px;
    }

    .tcl-wrap .column1.colw_c, .tcl-wrap .column2.colw_c {
        width: 100%;
    }

    .path-frontpage .hcnt {
        left: 0;
    }

    .hh_100 {
        height: 70vh;
    }

    .slick-slide,
    .slick-slide img {
        height: 75vh !important;
    }

    .monogram svg {
        width: 350px;
    }
}

@media(max-width:950px) {

    .contact-cols .tcl-wrap .column1.colw_c, .contact-cols .tcl-wrap .column2.colw_c {
        width: 80%;
    }

    .user-header {
        height: 80vh;
    }

    .user-header .uh-content {
        flex-flow: column;
        top: -230px;
    }

    .user-header .uhci-name h1 {
        color: var(--ctx-100);
    }

    .user-header .uhci-prac {
        color: var(--ctx-100);
    }

    .user-header .uhci-tags {
        margin-top: 40px;
        gap: 10px;
    }

    .user-header .uhci-np,
    .uhci-name {
        text-align: center;
    }

    .path-user .col-lg-3 {
        width: 100%;
    }

    .path-user .col-lg-9 {
        width: 100%;
        margin: 40px 0px;
    }

    .user-header .uhci-tags {
        flex-flow: row wrap;
        justify-content: center;
    }

    .view-memory-gallery .views-infinite-scroll-content-wrapper,
    .view-live-photos .view-content {
        column-count: 3; 
    }

    .webform-submission-rsvp-edit-form {
        width: 90%;
    }
}

@media(max-width:850px) {
    #block-footer .navbar-nav > li {
        width: 48%;
    }

    .foot-std .fs-wrap {
        justify-content: center;
        gap: 0px;
    }

    .foot-std .fsc1,
    .foot-std .fsc2 {
        text-align: center;
        width: 100%;
    }

    .ql-itm {
        width: 30%;
    }

    .cw_060 {
        width: 80%;
    }

    .ao-itm {
        width: 100%;
    }
}

@media(max-width:800px) {
    .invite_body {
        width: 600px;
    }

    .ib_names_cordial,
    .ib_names_together,
    .ib_rsvp_txt {
        font-size: 1.3rem;
    }

    .ib_names_andre,
    .ib_names_frank {
        font-size: 2.7rem;
    }

    .ib_names_amp {
        font-size: 7rem;
    }

    .webform-submission-live-photos-form .webform-flexbox .webform-flex {
        width: 100%;
    }
}

@media(max-width: 768px) {
    .collapse:not(.show) {
        justify-content: end;
    }

    .path-frontpage .hcnt , .bhc-tit {
        font-size: 3rem;
    }

    .hcnt {
        max-width: 95%;
    }

    h1, .head-title, .ehc-tit {
        font-size: 3.5rem;
    }

    .policy-wrap {
        flex-flow: row wrap;
    }

    .pw-left, .pw-right {
        width: 100%;
    }
}

@media(max-width: 600px) {

    #block-footer .navbar-nav > li {
        width: 100%;
    }

    .hpban-cta a {
        font-size: 1.3rem;
    }

    .cw_080 {
        width: 95%;
    }

    .cw_060 {
        width: 95%;
    }

    .cw_050 {
        width: 95%;
    }

    .view-memory-gallery .views-infinite-scroll-content-wrapper,
    .view-live-photos .view-content {
        column-count: 2; 
    }

    .invite_body {
        width: 380px;
    }

    .ib_names_andre, .ib_names_frank {
        font-size: 2.6rem;
        line-height: 1.1;
        margin: 15px 0px;
    }

    .ib_info {
        flex-flow: column;
    }

    .ib_info_line {
        width: 80%;
        height: 5px;
    }

    .ib_info_info {
        width: 100%;
        text-align: center;
    }

    #rsvp-gateway-form {
        width: 350px;
    }

    .invite {
        padding: 80px 0px 40px 0px;
    }

    .hh_100 {
        height: 50vh;
        margin-bottom: 150px;
    }

    .slick-slide,
    .slick-slide img {
        height: 55vh !important;
    }

    .monogram svg {
        width: 250px;
    }

    .view-memory-gallery .views-row,
    .view-live-photos .views-row {
        width: 48%;
    }

    #lyric-display {
        top: -30px;
        position: relative;
    }

    #lyric-line {
        color: var(--cpr-060);
    }

    #block-cirqular5-rsvpgatewayinput {
        bottom: 50px;
    }

}

@media(max-width: 525px) {
    .path-frontpage .hcnt h1, .bhc-tit {
        font-size: 2.5rem;
    }

    h1, .head-title, .ehc-tit {
        font-size: 2.8rem;
    }

    .ms-img img {
        height: 200px;
    }

    .cq-btn {
        margin: 15px 0px;
    }

    .cq-btn a {
        margin: 10px 0px;
    }
}

@media(max-width: 450px) {

    .mobile-menu-button a {
        padding: 21px 30px;
    }

}