/*********************************
UMBRACO GRID
*********************************/

/* Grid padding */
.content-container {
    padding-bottom: 40px;
}
  .content-container .grid-section .grid-column {
    display: flex;
    flex-direction: column;
  }

.content-container .grid-section .grid-row:not([data-padding]) {
    padding: 40px 0;
}

@media (max-width:991px){
    .content-container .grid-section .grid-row:not([data-padding]) {
        padding: 15px 0;
    }
}

.content-container.text-container .grid-section .grid-row:not([data-padding]) {
    padding: 0;
}

.content-container .grid-section .grid-row[data-padding="none"],
.content-container .grid-section .grid-column[data-padding="none"] {
    padding: 0;
}

.content-container .grid-section .grid-row[data-padding="small"],
.content-container .grid-section .grid-column[data-padding="small"] {
    padding: 15px;
}

.content-container .grid-section .grid-row[data-padding="medium"],
.content-container .grid-section .grid-column[data-padding="medium"] {
    padding: 25px;
}

@media (max-width:991px){
    .content-container .grid-section .grid-row[data-padding="medium"],
    .content-container .grid-section .grid-column[data-padding="medium"] {
        padding: 15px;
    }
}

.content-container .grid-section .grid-row[data-padding="large"],
.content-container .grid-section .grid-column[data-padding="large"] {
    padding: 40px;
}

@media (max-width:991px){
    .content-container .grid-section .grid-row[data-padding="large"],
    .content-container .grid-section .grid-column[data-padding="large"] {
        padding: 15px;
    }
}

.content-container .grid-section .grid-row[data-padding-type="top"],
.content-container .grid-section .grid-column[data-padding-type="top"] {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.content-container .grid-section .grid-row[data-padding-type="right"],
.content-container .grid-section .grid-column[data-padding-type="right"] {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.content-container .grid-section .grid-row[data-padding-type="bottom"],
.content-container .grid-section .grid-column[data-padding-type="bottom"] {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
}

.content-container .grid-section .grid-row[data-padding-type="left"],
.content-container .grid-section .grid-column[data-padding-type="left"] {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.content-container .grid-section .grid-row:not([data-padding-type]),
.content-container .grid-section .grid-row[data-padding-type="top-bottom"],
.content-container .grid-section .grid-column[data-padding-type="top-bottom"] {
    padding-right: 0;
    padding-left: 0;
}

.content-container .grid-section .grid-row[data-padding-type="left-right"],
.content-container .grid-section .grid-column[data-padding-type="left-right"] {
    padding-top: 0;
    padding-bottom: 0;
}

/* Border radius */
div[data-border="1"]{
    border-radius: .25rem;
}

/* Shadow */
div[data-shadow="1"] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

/* White text */
div[data-text="text-white"]{
    color: #fff !important;
}

div[data-text="text-white"] h1,
div[data-text="text-white"] h2,
div[data-text="text-white"] h3,
div[data-text="text-white"] h4,
div[data-text="text-white"] h5,
div[data-text="text-white"] h6 {
    color: #fff;
}

/* Invert columns on mobile */
@media (max-width:767px) {
    [class*="invert-columns"] > div > .row {
        display: flex !important;
        flex-direction: column !important;
    }

        [class*="invert-columns"] > div > .row .column.col-md-4,
        [class*="invert-columns"] > div > .row .column:last-child {
            order: -2 !important;
        }
}

/* Responsive show-hide */
div[data-responsive="small-only"] {
    display: block !important;
}

div[data-responsive="large-only"] {
    display: none !important;
}

@media (min-width: 992px) {
    div[data-responsive="small-only"] {
        display: none !important;
    }

    div[data-responsive="large-only"] {
        display: block !important;
    }
}

/* Remove padding for last element in grid column */
.umb-column p:last-child {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .umb-column + .umb-column {
        margin-top:15px;
    }
}
/* Background image */
.umb-row {
    background-position: center;
    background-size: cover;
}

