/* This stylesheet fixes layout issues on mobile. */

/* Fixes for phones */
@media (max-width: 500px) {
    /* Program listings - Aquatics, Child Care, etc. */

    .subprogram-listing-item.clearfix.row.mb-5 {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .subprogram-listing-item > .media__image.media__element {
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important; 
        width: 100% !important;
    }

    /* Fix accordions on branch pages */
    .paragraph--bp-accordion-container {
        width: 100%;
    }

    .paragraph--bp-accordion-container {
        width: 100% !important;
    }

    /* Fix the Financial Assistance info at
     * the bottom of branch home pages. */
    .wrapper-field-paragraph {
        width: 100% !important;
    }

    .contextual-region.paragraph.paragraph-1c-wrapper.row {
        margin-left: 0px !important;
    }

    .mobile-menu.top-navs.fixed-top.d-block.d-lg-none {
        margin-top: 0px !important;
    }

    body.toolbar-vertical.with-banner {
        padding-top: 0px !important;
    }

    .with-banner {
        padding-top: 0px !important;
    }

    .with-banner.user-logged-in {
        padding-top: 40px !important;
    }

    .field-paragraph.field-item {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .paragraph.paragraph-1c-wrapper.row {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
     /* Fix columns moving to the left rather than being centered */
	.field-prgf-3c-left.block-description--text.col-12.col-lg	  {
			padding: 15px;
			text-align: left;
			border-radius: 8px;
			position: relative;
			width: 40%;
   }

    /* Fix contact info banner on branch pages */
    
}

.mobile-menu.top-navs.fixed-top.d-block.d-lg-none {
    margin-top: 0px !important;
}

 body.toolbar-vertical.with-banner {
    padding-top: 0px !important;
}

.mobile-sidebar {
    top: 0px !important;
}

.mobile-sidebar .nav-level-2 a {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}