.homegrid { 
 
    display: grid;
    grid-template-columns: repeat(64,1fr);  grid-template-rows: repeat(3,1fr);   grid-template-rows:1fr var(--outer-05) 1fr; }



.homegrid>div:first-child {
    background: var(--hi_lightblue); color: var(--hi_black);
    
    display: flex;
    flex-direction: column;
}
    
    
.homegrid>div#welcome { 
    
    background:var(--hi_yellow); color: var(--hi_black);
    padding:var(--outer-075); display: flex; flex-direction: column;

}
.homegrid>div#featurebox>a { color: white;}
/*.homegrid>div#featurebox>a ,*/
.homegrid>div#featurebox div.fb {
    min-height: 400px;
    position:absolute;  bottom:0; left: 0; width: 100%; height: 100%;  display: flex; flex-direction: column; justify-content: flex-end;
    z-index: 2;
}
.homegrid>div#featurebox div.fb p {

    font-size: .8333333333333333rem; line-height: 1.33333;
}
.homegrid>div#featurebox div.fb p+p { margin-top:0.333em;}
.homegrid>div#featurebox div.fb p strong {
    font-size: 1.166666666666667rem;
    line-height: 1.125;    line-height: 1.333;     font-weight: 900; display: block; margin-bottom: 0.5em;
}
@media all and (max-width:599px) {
    .homegrid>div#featurebox div.fb {
        position: relative;
        min-height: 80vw;
    }
    .homegrid>div#featurebox>a {

        position:relative;
    }

    .homegrid>div#featurebox div.fb p {
        font-size: .6666666666666667rem;
    }
    .homegrid>div#featurebox div.fb p strong {
        font-size: 1rem;
    }
}

.homegrid>div#featurebox div.fb>div {
    padding: var(--outer-1);
    margin-top: auto;
    position: relative;
}
.homegrid>div#featurebox div.fb>div::before {

    position: absolute; pointer-events: none; bottom: 0; left: 0; display: block; content: ""; width: 100%; height: calc(130% + 60px);

    z-index: -1;
    opacity: 0.75;
    background:
            -webkit-linear-gradient(bottom,
            hsl(0, 0%, 0%) 0%,
            hsla(0, 0%, 0%, 0.738) 19%,
            hsla(0, 0%, 0%, 0.541) 34%,
            hsla(0, 0%, 0%, 0.382) 47%,
            hsla(0, 0%, 0%, 0.278) 56.5%,
            hsla(0, 0%, 0%, 0.194) 65%,
            hsla(0, 0%, 0%, 0.126) 73%,
            hsla(0, 0%, 0%, 0.075) 80.2%,
            hsla(0, 0%, 0%, 0.042) 86.1%,
            hsla(0, 0%, 0%, 0.021) 91%,
            hsla(0, 0%, 0%, 0.008) 95.2%,
            hsla(0, 0%, 0%, 0.002) 98.2%,
            hsla(0, 0%, 0%, 0) 100%
            );


    background:
            linear-gradient(bottom,
            hsl(0, 0%, 0%) 0%,
            hsla(0, 0%, 0%, 0.738) 19%,
            hsla(0, 0%, 0%, 0.541) 34%,
            hsla(0, 0%, 0%, 0.382) 47%,
            hsla(0, 0%, 0%, 0.278) 56.5%,
            hsla(0, 0%, 0%, 0.194) 65%,
            hsla(0, 0%, 0%, 0.126) 73%,
            hsla(0, 0%, 0%, 0.075) 80.2%,
            hsla(0, 0%, 0%, 0.042) 86.1%,
            hsla(0, 0%, 0%, 0.021) 91%,
            hsla(0, 0%, 0%, 0.008) 95.2%,
            hsla(0, 0%, 0%, 0.002) 98.2%,
            hsla(0, 0%, 0%, 0) 100%
            );

}

.homegrid>div#featurebox {

    background: var(--hi_grey); overflow: hidden;
    position: relative;
    color: #fff;
    /*padding:var(--outer-075); */display: flex; flex-direction: column;
}
.homegrid>div#featurebox picture {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
}
.homegrid>div#featurebox picture img{
    width: calc(100% + 2px); display: block; object-fit: cover;
    height: calc(100% + 2px);
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition:all 0.2s ease;
}

.homegrid>div#featurebox a:hover div.fb>div::before {
    opacity: 0.85; padding-top: 10px;
}
.homegrid>div#featurebox a:hover picture img {
    transform:translate(-50%,-50%) scale(1.1,1.1) ;
}

.homegrid>div#welcome p a {color: inherit;   border-bottom: 1px solid currentColor; transition: all 0.2s ease; }

.homegrid>div#welcome p a:hover { color: #FFF;  background-color: var(--hi_black); border-color: var(--hi_black);
    
 }
.homegrid>div { border-radius: 16px; box-shadow: -8px -8px 8px rgba(0, 0, 0, 0.25); }

.homegrid>div#welcome p:last-of-type {/*max-width: 10em;*/  }


.homegrid>div#welcome p{ font-size:0.8333333333333333rem;margin-bottom: 1em; }

.homegrid>div#welcome h3,
.homegrid>div#welcome p:first-child { font-size:1.5rem; font-size: 1.333333333333333rem; line-height: 1.125; line-height: 1.1111; margin-bottom: 1em; font-weight: 900;/* max-width: 8.5em;*/ }

.homegrid>div#welcome ul.social {margin-top: auto;}




.homegrid>div#alerts { 
 

    background: #004D44;   color: white;
    
    
    grid-column: 5 / span 21; grid-row: 3 / span 1;
    
    
     position: relative; display: flex; flex-direction: column;
    
    
    
}
/*
.homegrid>div:nth-child(2)>a{
    
    
    flex: 1; 
    display: flex;
    flex-direction: column;
    
    justify-content: space-between; z-index: 10;
   position:relative; overflow: hidden; width: 100%;  
padding:var(--outer-05); color: white; align-items: flex-start;
    
    
}



.homegrid>div:nth-child(2)>a::before{
    
    display: block; height: 40%; content:""; width: 100%; top: 0; left: 0; position: absolute;
    background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); z-index: -1; opacity: 0.75;
    
}

.homegrid>div:nth-child(2)>a::after{
    
    display: block; height: 25%; content:""; width: 100%; bottom: 0; left: 0;position: absolute;
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%); z-index: -1; opacity: 0.75;
    
}

.homegrid>div:nth-child(2)>picture{ display: block;
    position: absolute; object-fit: cover; width: 100%; height: 100%;
    
      top: 0; left: 0; z-index: 1;
}
.homegrid>div:nth-child(2)>picture img{
    position: absolute; object-fit: cover; width: 100%; height: 100%;
    

}*/
.homegrid div#alerts h3{ font-size:1.166666666666667rem; line-height: 1.125; margin-bottom: 1em; font-weight: 900;}
.homegrid div#alerts p,
.homegrid div#alertsinfo p { font-size:0.8333333333333333rem;margin-bottom: 1em;  }

.homegrid div#alertsinfo p {  margin-bottom: 0;  }
.homegrid div#alerts p.cta {   margin-bottom: 2em;  }



/*.homegrid>div:nth-child(3),*/
#home_events
{
    background: var(--hi_grey); color: #FFF; padding-top:   var(--outer-075); padding-bottom:var(--outer-075);
    grid-column: 28 / span 33; grid-row: 1 / span 3; overflow: hidden;
    
    display: flex; flex-direction: column; 
    
}
.homegrid>div:nth-child(3) div:last-child { /*margin-top: auto; */}

/*.homegrid>div:nth-child(3)>div:not(.boxslides),*/
    #home_events {  padding-left:var(--outer-075); padding-right:var(--outer-075); padding-bottom:var(--outer-05); }

/*.homegrid>div:nth-child(3) h2,*/
#home_events h2,
/*.homegrid>div:nth-child(3) h3,*/
#home_events h3
{ font-size:1.5rem; font-size: 1.333333333333333rem; line-height: 1.125; line-height: 1.1111; margin-bottom: 1em; font-weight: 900; }
/*.homegrid>div:nth-child(3)>div>h2,
.homegrid>div:nth-child(3)>div>h3 {color: #CEBF89; }*/

/*.homegrid>div:nth-child(3) p,*/
#home_events p
{ font-size:0.8333333333333333rem;margin-bottom: 1em; }

/*.homegrid>div:nth-child(3) ul.slick-dots,*/
#home_events ul.slick-dots { padding-bottom: 0 !important; padding-top: 0 !important; }


/*.homegrid>div:nth-child(3) .boxslides { }
.homegrid>div:nth-child(3) .boxslides .boxslide
{ width:var(--outer-4); margin:0 var(--outer-025); }
.homegrid>div:nth-child(3) .boxslides .boxslide:first-child {  margin:0 var(--outer-025) 0 var(--outer-075); }
.homegrid>div:nth-child(3) .boxslides a {display:block; background: #FFF8EA; color: #5D5F56; }

.homegrid>div:nth-child(3) .boxslides picture {width:100%; display:block; height:auto; padding-bottom:73.86018237082067%; position: relative;}
.homegrid>div:nth-child(3) .boxslides picture img{
    position: absolute; object-fit: cover; width: 100%; height: 100%;
}
.homegrid>div:nth-child(3) .boxslides a header { 
    padding:var(--outer-025);
}
.homegrid>div:nth-child(3) .boxslides a header h3 {
    font-size: 0.833333333333333rem; font-weight: 700; line-height: 1.111; margin-bottom: 0.5em;
}
.homegrid>div:nth-child(3) .boxslides a header p {
    font-size: 0.75rem; font-weight: 400; line-height:1.25; margin-bottom: 0;
}*/



@media all and (max-width:1199px) { 
    
.homegrid div#alerts p.cta { font-size: 0.6666666666666667rem !important; }

}
@media all and (max-width:599px) { 
     
    .homegrid>div#welcome h3,
    .homegrid div#alerts h3,
 
/*    .homegrid>div:nth-child(3) h2,*/
    #home_events h2,
/*    .homegrid>div:nth-child(3) h3,*/
    #home_events h3
    { font-size: 1rem; }
    .homegrid>div#welcome p,
    .homegrid div#alerts p,
    .homegrid div#alertsinfo p,
 /*   .homegrid>div:nth-child(3) p,*/
    #home_events p
    { font-size: 0.6666666666666667rem; }
}


@media all and (max-width: 599px) { 
    .homegrid { 
        display: block; 
    
        display: flex; flex-direction: column; 
    
    }
    
    .homegrid>div#featurebox,
    .homegrid>div#welcome { width: calc(100% - var(--inner-2)); margin: 0 var(--outer-1) var(--outer-1); }

    .homegrid>div:first-child {/* order: 3;*/ margin:0 var(--outer-1) var(--outer-1); padding:var(--outer-1);}
   
    .homegrid>div:first-child a:not(.cta) { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  /*  */
   /* .homegrid>div:nth-child(3)*/
    #home_events
    { padding-top: var(--outer-1);}
   /* .homegrid>div:nth-child(3)>div:not(.boxslides)*/
    #home_events>div:not(.boxslides)
    {  padding:0 var(--outer-1) var(--outer-1) var(--outer-1); }


   /* .homegrid>div:nth-child(3),*/
    #home_events
    {


        border-radius: 0;
    }
}

@media all and (min-width: 600px) and (max-width:1499px) {

}
.homegrid>div#featurebox div.fb>div {
         padding: var(--outer-075);
     }
@media all and (min-width: 600px) and (max-width:899px) {
/*    .homegrid>div#featurebox div.fb>div {
        padding: var(--outer-1);
    }*/
}
/*@media all and (min-width: 600px) and (max-width:1499px) {*/
@media all and (min-width: 600px) {
    .homegrid {
    display: flex; flex-wrap: wrap; justify-content: space-between;

/*        margin-left: var(--outer-1);
        margin-right: var(--outer-1);*/
        padding: 0 var(--outer-1);
    }
    
    .homegrid>div:first-child,
        .homegrid>div#featurebox{
        padding:var(--outer-075);
        width: calc(50% - var(--inner-075));
        width: calc(50% - var(--inner-025));
    }
/*    .homegrid>div:first-child {

        padding:var(--outer-075);
        width: calc(50% - var(--inner-075)); margin-left: var(--outer-05);
    }

    .homegrid>div#featurebox,
    .homegrid>div#welcome {

        width: calc(50% - var(--inner-075)); margin-right: var(--outer-05);
    }*/
/*    .homegrid>div:nth-child(3),*/
        #home_events{

        width: calc(100% - var(--inner-1)); margin: var(--outer-05);  width: 100%; margin: var(--outer-05) 0 0;
        border-radius: 0;
        box-shadow:none;
    }



}
@media all and (min-width: 900px) {
    /*
    .homegrid>div:first-child {   margin-left: var(--outer-1); width: calc(50% - var(--outer-125));
    }

    .homegrid>div#featurebox,
    .homegrid>div#welcome { margin-right: var(--outer-1); width: calc(50% - var(--outer-125));
    }
    */

}
@media all and (min-width: 1500px) {

}
/*@media all and (min-width: 900px) { */
/*@media all and (min-width: 1500px) {
    .homegrid {
    display: grid;  margin-bottom: var(--outer-1);
    grid-template-columns: repeat(64,1fr);

    grid-template-rows:1fr var(--outer-05) 1fr;  grid-template-rows:1fr 1fr 1fr 1fr var(--outer-05) 1fr 1fr 1fr;  }


    .homegrid>div:first-child { padding:var(--outer-075); grid-column: 5 / span 21; grid-row: 1 / span 1;  grid-row: 1 / span 4; }


    .homegrid>div#welcome {  padding:var(--outer-075);  }


    .homegrid>div#featurebox,
    .homegrid>div#welcome {  padding:var(--outer-075);grid-column: 5 / span 21; grid-row: 6 / span 3; }
    .homegrid>div:nth-child(3){ grid-column: 28 / span 33; grid-row: 1 / span 8; }


    .homegrid>div:nth-child(3) .boxslide:not(.slick-active) {
        opacity: 0.2;


    }

}
!*@media all and (min-width: 1200px) { *!
@media all and (min-width: 1500px) {
    .homegrid { grid-template-rows:1fr 1fr 1fr 1fr 1fr var(--outer-05) 1fr 1fr 1fr 1fr; }

    .homegrid>div:first-child {
        padding:var(--outer-075);
        grid-column: 5 / span 21; grid-row: 1 / span 1;  grid-row: 1 / span 5;
    }
    .homegrid>div#featurebox,
    .homegrid>div#welcome {

        grid-column: 5 / span 21; grid-row: 3 / span 1;  grid-row: 7 / span 4;
    }
    .homegrid>div:nth-child(3){
        padding-top: var(--outer-075);
        grid-column: 28 / span 33; grid-row: 1 / span 3;  grid-row: 1 / span 10;
    }

    .homegrid>div#featurebox div.fb>div {
        padding: var(--outer-05);
    }

}*/



.homegrid>div#featurebox div.fb p strong,
.homegrid>div h2>a  {
    text-decoration: none; display: inline;
    background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-position: 0 100%, 0 100%;
    background-size: 0 1px, 100% 1px;
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-size: 100% 2px, 100% 2px;

    background-repeat: no-repeat, no-repeat;

    transition: background-size .5s;
    padding-bottom: 3px;
}
.homegrid>div#featurebox div.fb p strong {
    padding-bottom: 4px;
}
.homegrid>div#featurebox a:focus div.fb p strong,
.homegrid>div#featurebox a:hover div.fb p strong,
.homegrid>div h2>a:focus,
.homegrid>div h2>a:hover {
    background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-size: 100% 2px, 100% 2px
}



/* move feature box first July 31 */
 
@media all and (min-width: 1500px) { 
.homegrid>div:first-child { grid-row: 7 / span 4; }
.homegrid>div#featurebox, .homegrid>div#welcome {         grid-row: 1 / span 5; }
}
.homegrid>div#featurebox {  order: -1 ;}
@media all and (max-width: 1499px) {
    .homegrid>div#featurebox, .homegrid>div#welcome {  order: -1 ;} /*
        .homegrid>div#featurebox, .homegrid>div#welcome {  order: -1 ;
        margin-left: var(--outer-05);
        margin-right: 0; }
.homegrid>div:first-child {
		margin-right: var(--outer-05);
        margin-left: 0; } */
}
@media all and (max-width: 599px) { 
    
 /*   .homegrid>div#featurebox,
    .homegrid>div#welcome { width: calc(100% - var(--inner-2)); margin: 0 var(--outer-1) var(--outer-1); width:100%; }

  !*  .homegrid>div:first-child {!* order: 3;*! margin:0 var(--outer-1) var(--outer-1); padding:var(--outer-1);}*!
    .homegrid>div:first-child {!* order: 3;*! margin:0 0 var(--outer-1); padding:var(--outer-1);}*/

    .homegrid { padding: 0 var(--outer-1); margin-bottom: 0; }
    .homegrid>div#featurebox,
    .homegrid>div:first-child { width: auto; margin:0 ; }
    .homegrid>div#featurebox {   margin:0 0 var(--outer-1); }
}