.coverage_area {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 6px 19px;
}
    .coverage_area div {
        display: grid;
    }
    .coverage_area p {
        text-align: left;
        font-size: 10pt;
    }
/* ___ */
.login_account {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin: 20px 0;
}
    .login_account a {
        display: grid; 
        align-items: center;
        justify-content: center;
        padding: 15px;
        border-radius: 8px;
        background: #eff2f5;
    }

/* --- */
.initiatives_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px 45px;
    margin: 20px 0;
    }
    .initiatives_grid div {
        display: grid;
        grid-template-rows: max-content max-content 1fr max-content;
        grid-gap: 15px;
        padding: 25px;
        border: 1px solid rgb(0 0 0/5%);
        border-radius: 7px;
        box-shadow: 0 2px 6px 0px rgb(0 0 0 / 5%), 0 0 60px 0 rgb(39 102 149 / 10%);
    }
    .initiatives_grid h3 {
        border: 0;
        margin: 0;
        padding: 0;
        font-size: 13pt;
        font-family: -apple-system,system-ui,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
    }
    .initiatives_grid p {
        font-size: 10pt;
        margin: 0;
        padding: 0;
    }
/* --- */
.grid {
    display: grid; 
    grid-gap: 40px 45px;
    margin: 20px 0;
}
    .grid > div {
        display: grid; 
        grid-gap: 15px;
        padding: 25px;
        border: 1px solid rgb(0 0 0/5%);
        border-radius: 7px;
        box-shadow: 0 2px 6px 0px rgb(0 0 0 / 5%), 0 0 60px 0 rgb(39 102 149 / 10%);
    }
    
/* --- */
.grid_categories_and_fees {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 25px;
}  
    .grid_align_center p, .grid_align_center h2 {
        text-align: center;
    }
    .grid_categories_and_fees .alert.alert-blanco {
        display: grid;
        align-items: center;
    }
    .grid_categories_and_fees .acordeon {
        background: #f2f2f2; 
        box-shadow: none;
    }
    @media only screen and (max-width:520px) {
        .grid_categories_and_fees {
            grid-template-columns: 1fr ;
        }
    }
/* --- */
    .grid.grid_returning_ip {
        grid-template-columns: 1fr 1fr;
    }
    @media only screen and (max-width:520px) {
        .grid.grid_returning_ip {
            grid-template-columns: 1fr ;
        }
    }
/* --- */
.grid_rab {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    margin: 20px 0px;
}
    .grid_rab a {
        display: grid;
        grid-gap: 20px;
        width: 100%;
        padding: 20px;
        border: 1px solid rgb(0 0 0 / 9%);
        border-radius: 14px; 
        align-items: center;
        text-align: center;
        font-size: 19pt;
        text-transform: uppercase;
        font-family: 'Roboto Condensed';
        box-shadow: 0 0 6px 2px rgb(0 0 0 / 17%);
        color: #FFF;
    }
    a.grid_rab_p {
        background: #C32E1B;
    }
    a.grid_rab_p:hover {
        background: #8d1707;
    }
    a.grid_rab_r{
        background: #019dca;
    }
    a.grid_rab_r:hover {
        background: #017798;
    }
    a.grid_rab_i {
        background: #F7A600;
    }
    a.grid_rab_i:hover {
        background: #c78501;
    }
    a.grid_rab_o {
        background: #9D9D9C;
    }
    a.grid_rab_o:hover  {
        background: #616160;
    }
    .grid_rab a div {
        display: grid;
        align-items: center;
    }
    .grid_rab a p {
        width: 150px;
        margin: auto;
        font-weight: bold;
        text-align: center;
        color: #FFF;
    }
    .grid_rab img {
        width: 110px;
        margin: auto;
    }
    .grid_apply {
        display: grid;
        grid-template-columns: repeat(4, max-content);
        grid-gap:5px;
        align-items: center;
    }
    .grid_apply div {
        padding: 8px;
        font-weight: bold;
        font-size: 11pt !important;
    }
    .grid_apply div.member_category {
        color: #FFF;
        background: #f9a619;
        border-radius: 3px;
        border: 1px solid rgb(0 0 0 /10%);
        box-shadow: 0px 1px 4px -2px rgb(0 0 0 / 50%);
    }
/* --- */
.grid_it_reports {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    margin: 20px 0;
}
    .grid_it_reports a {
        width: 100%;
        height: 270px;
        padding: 20px;
        border: 1px solid rgb(0 0 0 / 9%);
        border-radius: 14px;
        display: grid;
        align-items: start;
        text-align: center;
        font-size: 15pt;
        font-weight: bold;
        box-shadow: 0 0 6px 2px rgb(0 0 0 / 17%);
        color: #FFF;
    }

    a.grid_it_cib {
        background: #7BA02D;
    }
    a.grid_it_int {
        background: #019dca;
    }
    a.grid_it_cib_ip {
        background: #F7A600;
    }
    a.grid_it_cib:hover {
        background: #57711e;
    }
    a.grid_it_int:hover {
        background: #006b88;
    }
    a.grid_it_cib_ip:hover {
        background: #a97101;
    }

    .grid_it_reports img {
        width: 100px;
        margin: auto;
    }
.grid_elections {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}
    .grid_elections div {
        padding: 15px 20px;
        border-radius: 8px;
        background: #eff2f5;  
    }
    .grid_elections h3 {
        font-size: 15pt;
        border: none;
        margin: 0;
        margin-bottom: 10px;
        padding: 0;
        font-family: -apple-system,system-ui,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
    }
    .grid_elections p, .grid_elections a {
        margin: 0;
        padding: 0;
        line-height: 1.5;
        text-align: left;
    }
/*  */
.other_meet_grid div {
    padding: 15px 20px;
    border-radius: 8px;
    background: #eff2f5;
}
    .other_meet_grid p {
        text-align: center;
    }
    .other_meet_grid p:first-child {
        font-weight: bold;
    }
    .other_meet_grid { 
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 20px;
    }
     
@media only screen and (max-width:740px) {
     
    .initiatives_grid {
        grid-template-columns: 1fr;
    }
    .grid_rab { 
        grid-template-columns: 1fr 1fr; 
    }
    .grid_it_reports {
        grid-template-columns: 1fr 1fr; 
    }
    .other_meet_grid {
        grid-template-columns: 1fr 1fr 1fr; 
    }
}

@media only screen and (max-width:520px) {
    .other_meet_grid {
        grid-template-columns: 1fr 1fr; 
    }
    .login_account { 
        grid-template-columns: 1fr 1fr; 
    }
}
/* --- */
.opportunities_calendar {
    display: grid;
    grid-template-columns: 1fr repeat(3, 0.2fr) 1fr; 
    grid-row-gap: 0px;
    } 
    .div1 { grid-area: 1 / 2 / 2 / 5; }
    .div2 { grid-area: 1 / 2 / 2 / 3; }
    .div3 { grid-area: 1 / 3 / 2 / 4; }
    .div4 { grid-area: 1 / 4 / 2 / 5; }
    .div5 { grid-area: 1 / 1 / 3 / 2; }
    .div6 { grid-area: 1 / 5 / 3 / 6; }
    .div7 { grid-area: 2 / 2 / 3 / 5; }
    .div8 { grid-area: 2 / 4 / 3 / 5; }
    .div9 { grid-area: 2 / 3 / 3 / 4; }
    .div10 { grid-area: 2 / 2 / 3 / 3; }
    .div11 { grid-area: 3 / 2 / 4 / 5; }
    .div12 { grid-area: 3 / 2 / 4 / 3; }
    .div13 { grid-area: 3 / 3 / 4 / 4; }
    .div14 { grid-area: 3 / 4 / 4 / 5; }
    .div15 { display: grid;grid-area: 3 / 1 / 5 / 2; align-items: center;}
    .div16 { grid-area: 4 / 2 / 5 / 5; }
    .div17 { grid-area: 4 / 2 / 5 / 3; }
    .div18 { grid-area: 4 / 3 / 5 / 4; }
    .div19 { grid-area: 4 / 4 / 5 / 5; }
    .div20 { display: grid;grid-area: 3 / 5 / 6 / 6; align-items: center;}
    .div21 { grid-area: 5 / 2 / 6 / 5; }
    .div22 { grid-area: 5 / 2 / 6 / 3; }
    .div23 { grid-area: 5 / 3 / 6 / 4; }
    .div24 { grid-area: 5 / 4 / 6 / 5; }
    .div25 { grid-area: 6 / 2 / 7 / 5; }
    .div26 { grid-area: 6 / 2 / 7 / 3; }
    .div27 { grid-area: 6 / 3 / 7 / 4; }
    .div28 { grid-area: 6 / 4 / 7 / 5; }
    .div29 { grid-area: 6 / 5 / 8 / 6; }
    .div30 { grid-area: 7 / 2 / 8 / 5; }
    .div31 { grid-area: 7 / 2 / 8 / 3; }
    .div32 { grid-area: 7 / 3 / 8 / 4; }
    .div33 { grid-area: 7 / 4 / 8 / 5; }
    .div34 { grid-area: 5 / 1 / 7 / 2; }
    .div35 { grid-area: 7 / 1 / 9 / 2; } 
    .opportunities_calendar div.left ul li {text-align: center;} 
    .opportunities_calendar .month p {text-align: center;}
    .opportunities_calendar div ul {display: grid;padding: 10px 21px;list-style: none;background: #eff2f5;margin-top: 9px;border-radius: 15px;}
    .opportunities_calendar .linetime {display: grid;grid-template-columns: 15px 15px;justify-content: center;}
    .opportunities_calendar .month {display: grid;width: 150px;background: #eff2f5;align-items: center;margin: 4px 7px;border-radius: 11px;}
    .opportunities_calendar div ul li {font-size: 11pt;text-align: center;font-weight: 400;}
    .opportunities_calendar div ul li:first-child {font-size: 17pt;font-weight: 800;}
    .opportunities_calendar .month p {font-size: 17pt;letter-spacing: 4px;font-weight: 700;color: #333333;}
    .opportunities_calendar .linetime div.blue {border-top: 4px solid #009dca;border-right: 4px solid #009dca;border-radius: 0px 10px 0 0;}
    .opportunities_calendar .linetime div.orange {border-bottom: 4px solid #f6a600;border-left: 4px solid #f6a600;border-radius: 0 0 0 10px;}
    .opportunities_calendar .linetime div.violet {border-top: 4px solid #f5a502;border-right: 4px solid #f5a502;border-radius: 0 10px 0px 0;}
    .div28.linetime {margin: 5px 0 0 0;}
    .div8 {margin-bottom: 0px;}
    .div14.linetime {margin: 5px 0 0 0;}
    .div22.linetime {margin-top: 5px;}
    .div12.linetime {margin-top: 5px;}
    .div31.linetime {margin-top: 5px;} 
    .linetime.left {grid-template-columns: 10px 15px;}
    .linetime.right {grid-template-columns: 15px 10px;}
/* ___ */
.grid_column_group {
    display: grid;
    grid-gap: 40px;
    margin: 30px 0;
}
.columns_4 { grid-template-columns: 1fr 1fr 1fr 1fr;}
.columns_3 { grid-template-columns: 1fr 1fr 1fr;}
.columns_2 { grid-template-columns: 1fr 1fr;} 
.grid_column_group a {     
    display: grid;
    align-items: center;
    padding: 40px;
    border-radius: 13px;
    line-height: 1.3;
    font-weight: 800;
    font-size: 12pt;
    letter-spacing: 1px; 
    text-align: center;
    background: #eff2f5;
}
@media only screen and (max-width:980px) {
    .grid_column_group a {
        padding: 20px;
    }
}
@media only screen and (max-width:920px) {
    .columns_4 {
        grid-template-columns: 1fr 1fr
    } 
}
@media only screen and (max-width:740px) { 
    .columns_3 {
        grid-template-columns: 1fr
    }
}

@media only screen and (max-width:520px) {
    .columns_4, .columns_2 {
        grid-template-columns: 1fr
    }
}
.dns_measurements {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    margin: 15px 0;
}
.dns_measurements div {
    padding: 6px 12px;
    border-radius: 12px;
    background: #0c637c;
}
.dns_measurements div p {
    text-align: center;
    color: #FFF;
    letter-spacing: 1px;
    font-size: 11pt;
}
.dns_measurements div p strong {
    color: #f6a700;
    font-size: 13pt;
}
.dns_measurements div p a {
    color: #fde37d;
    text-decoration: revert;
}
@media only screen and (max-width:920px) {
    .dns_measurements { 
        grid-template-columns: 1fr 1fr; 
    }
    .dns_measurements .item-5 {
        grid-row-start: 3;
        grid-column-start: 1;
        grid-row-end: 4;
        grid-column-end: 3;
    }
    @media only screen and (max-width:520px) {
        .dns_measurements { 
            grid-template-columns: 1fr ; 
        }
        .dns_measurements .item-5 {
            grid-row-start: 2;
            grid-column-start: 1;
            grid-row-end: 3;
            grid-column-end: 2;
        }
    }
}
/* Staff Bios */
.BioStaff {
    display: grid;
    grid-gap: 30px;
}
.BioStaff > div {
    background: #eaebed;
    padding: 30px 40px;
    border-radius: 15px;
}
.BioStaff > div > div {
    display: grid;
    grid-template-columns: min-content 1fr;
    gap: 40px;
    align-items: center;
}
.BioStaff img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
}
.BioStaff h2 {
    color: #222;
    padding: 0;
    font-size: 16pt;
}
.BioStaff p {
    font-size: 11pt;
    color: #222;
}
/* Previous Events */
.PreviousEvents {
    display: grid;
    grid-gap: 10px;
}
    .AnnualEvent {
        display: grid;
        grid-gap: 20px;
        padding: 25px 20px;
        border-radius: 10px;
        background: #eff2f5;
    }
    .AnnualEvent div {
        display: grid;
        grid-gap: 4px;
    }
    .PreviousEvents h2, .PreviousEvents h3, .PreviousEvents p {
        margin: 0;
        padding: 0;
        border: none;
    }
    .AnnualEvent h2 {
        font-size: 17pt;
        font-weight: 900;
        letter-spacing: 1px;
        color: #3e4042;
    }
    .AnnualEvent h3 {
        font-size: 13pt;
        font-weight: 500;
        letter-spacing: 1px;
    } 
    .EventDate {
        font-size: 10pt;
        font-weight: 800;
        letter-spacing: 1px;
    }
    .EventHost {
        font-size: 9pt;
        font-weight: 400;
        color: #959ba1;
    }
    .SatisfactionSurvey {
        display: block;
        width: max-content;
        padding: 2px 8px; 
        border-radius: 4px;
        font-weight: 600;
        font-size: 9pt;
        background: #31373d;
        color: #FFF;
    }