﻿
@media only screen and (min-width:768px) {
    .umb-block-grid {
    margin-right: -1.5rem;
    }
}

.umb-block-grid__layout-container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, min-content);
    column-gap: var(--umb-block-grid--column-gap, 0);
    row-gap: var(--umb-block-grid--row-gap, 0);
}

.umb-block-grid__layout-item {
    position: relative;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
    grid-row: span var(--umb-block-grid--item-row-span, 1);
}


.umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, min-content);
    column-gap: var(--umb-block-grid--areas-column-gap, 0);
    row-gap: var(--umb-block-grid--areas-row-gap, 0);
}

.umb-block-grid__area {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(calc(var(--umb-block-grid--area-column-span, 1) * 3), var(--umb-block-grid--area-grid-columns));
    grid-row: span var(--umb-block-grid--area-row-span, 1);
}

@media (min-width:768px) {
    .umb-block-grid__layout-item {
        grid-column-end: span min(var(--umb-block-grid--item-column-span, 1), var(--umb-block-grid--grid-columns));
    }

    .umb-block-grid__area {
        grid-column-end: span min(var(--umb-block-grid--area-column-span, 1), var(--umb-block-grid--area-grid-columns));
        margin-right: 1.5rem;
    }
}
@media (max-width: 768px) { /* Adjust breakpoint as needed */
    .umb-block-grid__area[data-area-col-span="3"] {
        --umb-block-grid--area-column-span: 12 !important;
    }
}
.umb-block-grid__layout-container > *:first-child {
    margin-top: 0;
}
.umb-block-grid__layout-item:has(.--has-bg) + .umb-block-grid__layout-item:has(.--has-bg)  {
    margin-top: 0;
}
.umb-block-grid__layout-item:has(.--has-bg) + .umb-block-grid__layout-item:has(.--no-bg)  {
    margin-top: 2.5rem;
}
.umb-block-grid__layout-item:has(.--has-bg) + .umb-block-grid__layout-item:has(.--no-bg .grid-header-row.--component) {
    margin-top: 2.5rem;
}


/*
#content .umb-block-grid__layout-container > .umb-block-grid__layout-item:first-of-type *:first-child {
    margin-top: 0;
}
    */

.umb-block-grid__layout-item[style*="--umb-block-grid--item-column-span: 12;"] .grid-rte {
    margin-bottom: 0;
}
.umb-block-grid__layout-item .grid-rte + .umb-block-grid__layout-item .grid-rte {
    margin-bottom: 0;
}

[data-content-element-type-alias="BlockElement_lead"] {
    margin-bottom: 1.5rem;
}
[data-content-element-type-alias="BlockElement_embed"] {
    margin-bottom: 1.5rem;
}
[data-content-element-type-alias="BlockElement_quote"] {
    margin-bottom: 2rem;
}
[data-content-element-type-alias="gallery"] {
    margin-bottom: 0;
}
[data-content-element-type-alias="gridCards"] .--no-bg {
    margin-top: 0;
    margin-bottom: 2.5rem;
}
[data-content-element-type-alias="BlockElement_media"] {
    margin-bottom: 2.5rem;
}
 @media (max-width:767px) {
        [data-content-element-type-alias="BlockElement_media"] {
    margin-bottom: 1.5rem;
}
    }
[data-content-element-type-alias="sidebarWidget"] {
    margin-bottom: 1.5rem;
}
[data-content-element-type-alias="buttons"]  .--no-bg {
    margin-top: 0;
    margin-bottom: 2.5rem;
}

[data-content-element-type-alias="BlockElement_headline"] {
    margin-bottom: 1rem;
}
[data-content-element-type-alias="multiContent"] {
    margin-bottom: 2rem;
}
[data-content-element-type-alias="uniqueSellingPropositions"] .--no-bg {
    margin-top: 0;
    margin-bottom: 2.5rem;
}
[data-content-element-type-alias="programList"] .--no-bg {
    margin-bottom: 2.5rem;
}
[data-content-element-type-alias="studyAreas"] .--no-bg {
    margin-top: 0;
    margin-bottom: 1.5rem;
}
[data-content-element-type-alias="programFinder"] .--has-bg {
        margin-top: 1rem;
        margin-bottom: 2.5rem;
}
.umb-block-grid__layout-item[data-content-element-type-alias="programFinder"]:has(+ .umb-block-grid__layout-item .grid-rte.--no-bg) {
    margin-bottom: -2.5rem; /* Adjust the spacing as needed */
}

[data-content-element-type-alias="bannerSet"] {
    margin-top: 0;
    margin-bottom: 2.5rem;
}
[data-content-element-type-alias="attribution"] {
    margin-bottom: 2.5rem;
}
[data-content-element-type-alias="BlockElement_header"] {
    margin-top: 0;
}
.umb-block-grid__layout-item picture img.mb-5 {
    margin-bottom: 2rem!important;
}
.umb-block-grid__layout-item[style*="--umb-block-grid--item-column-span: 6;"] .card:only-child {
    width: 100%
}
[data-content-element-type-alias="buttons"] .grid-buttons .component-header, 
[data-content-element-type-alias="studyAreas"] .component-header {
        font-weight: 600;
    font-size: 1.105rem;
}    
[data-content-element-type-alias="uniqueSellingPropositions"] .component-header {
        font-weight: 400;
        color: #0052c4;
    font-size: 1.105rem;
}    

/* column layouts

[data-content-element-type-alias="BlockGridLayout_Sidebar"] {
    margin-top: 2.5rem;
}
[data-content-element-type-alias="BlockGridLayout_SidebarLeft"] {
    margin-top: 2.5rem;
}element-type-alias="buttons"] .--no-bg
 */
    
/* spacing for RTE
.umb-block-grid__layout-item:has(.--has-bg) + .umb-block-grid__layout-item  {
    margin-top: 2.5rem;
}*/


.grid-rte >:last-child {
    margin-bottom: 2.5rem;
}
.umb-block-grid__layout-item[data-content-element-type-alias="newsList"] + .umb-block-grid__layout-item[data-content-element-type-alias="blogList"] {
    margin-top: 0;
}
.umb-block-grid__layout-item[data-content-element-type-alias="blogList"] + .umb-block-grid__layout-item[data-content-element-type-alias="newsList"] {
    margin-top: 0;
}

/* fix buttons */
.grid-buttons.--has-bg .grid-buttons--row .btn {
    margin-bottom: 1rem;
}

    .grid-buttons.--has-bg .grid-buttons--row .btn:last-child {
        margin-bottom: 0;
    }


.grid-buttons.--no-bg .grid-buttons--row .btn {
    margin-bottom: 1rem;
}

    .grid-buttons.--no-bg .grid-buttons--row .btn:last-child {
        margin-bottom: 2.5rem;
    }


