/* Fix Top Banner Margin */
/*
.onecolumnlayout .top_col figure.vi-fullwidth-banner:first-of-type, .twocolumnswithbottomlayout .top_col figure.vi-fullwidth-banner:first-of-type, .threecolumnswithbottomlayout .top_col figure.vi-fullwidth-banner:first-of-type {
margin-top: 0px;
}
*/
/*---------------- Government Page -- Use Class covGovernment ---------------- */

/*Increase Page Title Size*/
. GovernmentPage .title_widget h1{
font-size: 4.5rem !important;
}

@media screen and (max-width: 48em) {
   . GovernmentPage .title_widget h1{
      font-size: 3rem !important;
   }
}

/* Remove Button Hover */

.vi-img-buttons-text {
max-height: 75px !important;
min-height: 75px !important;

}

.vi-img-buttons-title {
margin-block-end: 10px !important;
margin-block-start: 20px !important;
margin-bottom: 10px !important;
margin-inline-end: 0px !important;
margin-inline-start: 0px !important;
margin-top: 20px !important;
min-height: auto !important;
}

.vi-img-buttons-desc {
display: none !important;
}

.vi-img-buttons-text {
 align-content: center !important;
 align-items: center !important;
}


/* Button Edits */

.vi-img-buttons-text h2 {
    display: inline-block !important;
    vertical-align: middle !important;    
    font-size: 1.05rem !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.vi-img-buttons .vi-img-buttons-item {
    flex: 1 1 20% !important;
    margin: 0px 15px 35px 15px !important;
    max-height: 1000px !important;
    padding: 0 0 70px 0 !important;
    box-shadow: 0px 0px 0px black;
    border-radius: 40px;
}

.vi-img-buttons .vi-img-buttons-title {
  max-height: 5rem;
  overflow: visible;
}


.vi-img-buttons-item {
transition: all 0.25s ease-in-out !important;
}

.vi-img-buttons-item:hover {
transform: scale(1.05);
  box-shadow: 5px 5px 20px black;
     border-radius: 15px;
}

@media screen and (min-width: 75em) {
    .vi-img-buttons .vi-img-buttons-item {
        max-width: calc(25% - 15px);
    }
}

/*       Mobile Content       */

@media screen and (max-width: 48em) {
   .vi-img-buttons-item{
      min-width: 42vw !important;
    }
   .vi-img-buttons-text h2 {
       font-size: 1rem !important;
   }
}

/* ---------------- END GOVRNEMENT PAGE EDITS --------------------- */


.HousingCounselingAgency .box_bottomlink {
    display: none !important;
}

/* Housing Grid. */

    .HousingInfoGrid4 .grid-table {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        width: 50%;
        border: 1px solid #ccc;
        text-align: center;
        margin: auto;
    }

    .HousingInfoGrid6 .grid-table {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        width: 75%;
        border: 1px solid #ccc;
        text-align: center;
        margin: auto;
    }

    .HousingInfoGrid8 .grid-table {
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        width: 100%;
        border: 1px solid #ccc;
        text-align: center;
        margin: auto;
    }

    .HousingInfoGrid .grid-cell {
        padding: 10px;
        border: 1px solid #ccc;
    }
    .HousingInfoGrid .header {
        background-color: #07447B;
        color: white;
        font-weight: bold;
    }
    .HousingInfoGrid .odd {
        background-color: #fafafa;
    }
    .HousingInfoGrid .even {
        background-color: #ffffff;
    }
    .HousingInfoGrid .income {
        font-size: 1rem;
    }

    @media (max-width: 48em) {
        /* HousingInfoGrid6: 7 headers and 7 incomes */
        .HousingInfoGrid6 .grid-cell:nth-child(-n+7) {
            grid-column: 1;
        }
        .HousingInfoGrid6 .grid-cell:nth-child(8)  { grid-column: 2; grid-row: 1; }
        .HousingInfoGrid6 .grid-cell:nth-child(9)  { grid-column: 2; grid-row: 2; }
        .HousingInfoGrid6 .grid-cell:nth-child(10) { grid-column: 2; grid-row: 3; }
        .HousingInfoGrid6 .grid-cell:nth-child(11) { grid-column: 2; grid-row: 4; }
        .HousingInfoGrid6 .grid-cell:nth-child(12) { grid-column: 2; grid-row: 5; }
        .HousingInfoGrid6 .grid-cell:nth-child(13) { grid-column: 2; grid-row: 6; }
        .HousingInfoGrid6 .grid-cell:nth-child(14) { grid-column: 2; grid-row: 7; }
        .HousingInfoGrid .grid-table {
            grid-template-columns: 1fr 1fr;
            width: 75%;
        }

        /* HousingInfoGrid4: 5 headers and 5 incomes */
        .HousingInfoGrid4 .grid-cell:nth-child(-n+5) {
            grid-column: 1;
        }
        .HousingInfoGrid4 .grid-cell:nth-child(6)  { grid-column: 2; grid-row: 1; }
        .HousingInfoGrid4 .grid-cell:nth-child(7)  { grid-column: 2; grid-row: 2; }
        .HousingInfoGrid4 .grid-cell:nth-child(8)  { grid-column: 2; grid-row: 3; }
        .HousingInfoGrid4 .grid-cell:nth-child(9)  { grid-column: 2; grid-row: 4; }
        .HousingInfoGrid4 .grid-cell:nth-child(10) { grid-column: 2; grid-row: 5; }

        .HousingInfoGrid .grid-table {
            grid-template-columns: 1fr 1fr;
            width: 75%;
        }

        /* Align first 9 header cells in column 1 */
        .HousingInfoGrid8 .grid-cell:nth-child(-n+9) {
            grid-column: 1;
        }

        /* Align next 9 income cells in column 2 with matching row (ONLY for HousingInfoGrid8) */
        .HousingInfoGrid8 .grid-cell:nth-child(10) { grid-column: 2; grid-row: 1; }
        .HousingInfoGrid8 .grid-cell:nth-child(11) { grid-column: 2; grid-row: 2; }
        .HousingInfoGrid8 .grid-cell:nth-child(12) { grid-column: 2; grid-row: 3; }
        .HousingInfoGrid8 .grid-cell:nth-child(13) { grid-column: 2; grid-row: 4; }
        .HousingInfoGrid8 .grid-cell:nth-child(14) { grid-column: 2; grid-row: 5; }
        .HousingInfoGrid8 .grid-cell:nth-child(15) { grid-column: 2; grid-row: 6; }
        .HousingInfoGrid8 .grid-cell:nth-child(16) { grid-column: 2; grid-row: 7; }
        .HousingInfoGrid8 .grid-cell:nth-child(17) { grid-column: 2; grid-row: 8; }
        .HousingInfoGrid8 .grid-cell:nth-child(18) { grid-column: 2; grid-row: 9; }
    }
/* Housing Grid. */