div.quicklinks_card { /*padding: var(--wrapper-margin) var(--wrapper-margin) calc(var(--wrapper-margin) - var(--gutter));*/ display: flex; flex-wrap: wrap; background: white; border-radius: var(--radius);   margin-bottom: var(--wrapper-margin) ;
/*
padding-right: 40px;*/
padding: 40px 40px calc(40px - var(--gutter));
}
.quicklinks_card > div  { width: var(--grid-third); margin-right: var(--gutter); margin-bottom: var(--gutter); }
.quicklinks_card > div  :last-child { margin-bottom: 0 !important;}

ul.quicklinks  { display: flex; flex-wrap: wrap;  flex: 1; }

ul.quicklinks> li  { display: flex; flex-direction: column; margin-bottom: var(--gutter); }

.quicklinks_card.otherlinks  { background: var(--mid-blue);  }
.quicklinks_card.otherlinks>h2 { width: 100%; margin-bottom: 0.75em; }

body.single-post .quicklinks_card.otherlinks { background: var(--mid-purple);  }

.textcontent ul.quicklinks { margin:var(--gutter) 0; }
.textcontent ul.quicklinks:last-child { margin-bottom: 0; }


.listings h2.h2:not(:first-child) { margin-top:var(--gutter);  }
.listings h2.h2{ margin-bottom:var(--gutter);  }


@media all and (min-width:1200px) {
    .quicklinks_card > div  { width: var(--grid-quarter); }

    ul.quicklinks li {  width: var(--grid-third); margin-right: var(--gutter); }

    ul.quicklinks:not(.fourlinks) li:nth-child(3n+3) ,
        /*.quicklinks_card >*/ ul.quicklinks:not(.fourlinks) li:nth-child(3n+3) { margin-right: 0; }

    ul.quicklinks.fourlinks li,
    /*.quicklinks_card*/.fourlinks > ul.quicklinks li {  width: var(--grid-quarter); margin-right: var(--gutter); }
    ul.quicklinks.fourlinks li:nth-child(4n+4),
    /*.quicklinks_card*/.fourlinks > ul.quicklinks li:nth-child(4n+4) { margin-right: 0; }

    .quicklinks_card.otherlinks { padding:40px 40px calc(40px - var(--gutter)); }


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

    /*div.quicklinks_card { padding: var(--wrapper-margin) var(--wrapper-margin) calc(var(--wrapper-margin) - var(--gutter)); }*/

}
@media all and (min-width:900px) and (max-width:1199px) {

    .quicklinks_card ul.quicklinks:not(.fourlinks) li {  width: var(--grid-half); margin-right: var(--gutter); }
    .quicklinks_card  ul.quicklinks:not(.fourlinks) li:nth-child(2n+2) { margin-right: 0; }

    /*.quicklinks_card >*/ ul.quicklinks.fourlinks li {  width: var(--grid-half); margin-right: var(--gutter); }
    /*.quicklinks_card >*/ ul.quicklinks.fourlinks li:nth-child(2n+2) { margin-right: 0; }

    .quicklinks_card.otherlinks { padding:40px 40px calc(40px - var(--gutter)); }


    .listings ul.quicklinks> li  {  width: var(--grid-third); margin-right: var(--gutter); }
    .listings ul.quicklinks.fourlinks li:nth-child(3n+3) ,
    .listings ul.quicklinks li:nth-child(3n+3) { margin-right: 0; }

    .listings ul.quicklinks li:nth-child(2n+2) {    margin-right: var(--gutter); }


}
@media all and (min-width:768px) and (max-width:899px) {

    .quicklinks_card { flex-wrap:wrap;  }
    .quicklinks_card > div { width: 100%; margin-right: 0; margin-bottom: 24px; }
     .quicklinks_card ul.quicklinks:not(.fourlinks) li {  width: var(--grid-third); margin-right: var(--gutter); }
     .quicklinks_card  ul.quicklinks:not(.fourlinks) li:nth-child(3n+3) { margin-right: 0; }

    ul.quicklinks.fourlinks li,
    .double ul.quicklinks li,
    ul.quicklinks li {  width: var(--grid-half); margin-right: var(--gutter); }
    ul.quicklinks.fourlinks li:nth-child(4n+4),
      ul.quicklinks.fourlinks li:nth-child(2n+2) { margin-right: 0; }

    .double ul.quicklinks li { width: 100%; margin-right: 0;}

    .listings ul.quicklinks> li  {  width: var(--grid-half); margin-right: var(--gutter); }
    .listings ul.quicklinks.fourlinks li:nth-child(2n+2) ,
    .listings ul.quicklinks li:nth-child(2n+2) { margin-right: 0; }


}


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

    .quicklinks_card { flex-wrap:wrap;  }
    .quicklinks_card > div { width: 100%; margin-right: 0; margin-bottom: 24px;  }

    .quicklinks_card ul.quicklinks:not(.fourlinks) li {  width: var(--grid-third); margin-right: var(--gutter); }
    .quicklinks_card  ul.quicklinks:not(.fourlinks) li:nth-child(3n+3) { margin-right: 0; }


    .quicklinks_card > ul.quicklinks.fourlinks li {  width: var(--grid-half); margin-right: var(--gutter); }
    .quicklinks_card > ul.quicklinks.fourlinks li:nth-child(2n+2) { margin-right: 0; }



    .listings ul.quicklinks> li  {  width: var(--grid-half); margin-right: var(--gutter); }
    .listings ul.quicklinks.fourlinks li:nth-child(2n+2) ,
    .listings ul.quicklinks li:nth-child(2n+2) { margin-right: 0; }

}
@media all and (min-width:900px) and (max-width:1199px) {


    .double ul.quicklinks> li  {  width: var(--grid-half); margin-right: var(--gutter); }
    .double ul.quicklinks> li:nth-child(2n+2) { margin-right: 0; }
}
@media all and (min-width:900px) and (max-width:1023px){
    .double ul.quicklinks> li  {  width:100%; margin-right: 0;  }

}

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

    .textcontent ul.quicklinks { width: calc(100% + var(--gutter)); margin:var(--gutter) 0; }
    .textcontent ul.quicklinks li { margin-right: var(--gutter) !important; width: calc(50% - var(--gutter)); }
}
@media all and (max-width:599px) {
    div.quicklinks_card { padding:24px; }
    /*
    div.quicklinks_card { padding-right:24px;}*/

    .quicklinks_card.otherlinks>h2 {  margin-bottom:1em; }

    .quicklinks_card { flex-wrap:wrap;   }
    .quicklinks_card > div { width: 100%; margin-right: 0; margin-bottom: 24px;  }
    /*.quicklinks_card >*/ ul.quicklinks li {  width: 100%; }


}





ul.quicklinks> li>a { flex: 1; display: block;border-radius: 8px;
    border: 1px solid var(--cta-blue);
    background: white; color: var(--black); padding: 20px 24px; transition: all 0.2s ease; }

ul.newslinks>li>a { border: 1px solid var(--purple); background: var(--light-purple); }


ul.quicklinks> li>a:focus  {  box-shadow: 0 0 0 3px white, 0 0 0 5px var(--orange);   }

.quicklinks_card.otherlinks > ul li>a {  background:rgba(255,255,255,0.5); }

ul.quicklinks> li>a:hover,
ul.quicklinks> li>a:focus
{
    background: var(--cta-blue); color: white;
}

.quicklinks_card.otherlinks > ul.quicklinks li a:focus {  box-shadow: 0 0 0 3px var(--mid-blue), 0 0 0 5px var(--orange);   }

ul.newslinks>li>a:hover,
ul.newslinks>li>a:focus{ background: var(--mid-purple); color: var(--black) }

.quicklinks_card.otherlinks > ul.newslinks li a:hover,
.quicklinks_card.otherlinks > ul.newslinks li a:focus {
    background: var(--purple); color: white;
}
.quicklinks_card.otherlinks > ul.newslinks li a:focus {
   box-shadow: 0 0 0 3px var(--mid-purple), 0 0 0 5px var(--orange);
}


ul.quicklinks > li > a p  {
    font-size: 20px;
    line-height: 120%;
}
ul.quicklinks > li > a p:not(:last-child)  { margin-bottom: 0.5em;}
ul.quicklinks > li > a p strong {
    font-weight: 700;
}

ul.quicklinks > li > a > p:not(:first-child) {
    font-size: 16px; line-height: 120%;
}
ul.quicklinks > li > a > p.date,
ul.quicklinks > li > a > time{
    display: block; font-weight: 600; margin-top: 1em;
    font-size: 14px; line-height: 120%;
}


ul.quicklinks > li > a > p.date1 strong,
ul.quicklinks > li > a > p.date strong {
    display: block;
}

ul.quicklinks > li > a > p.date1+p.date {

    border-top: 1px solid  rgba(102, 102, 102, 0.40);

    margin-top: 16px; padding-top: 16px;
    padding-bottom: 0; border-bottom: 0;
}


@media all and (min-width:900px) and (max-width:1199px) {

}
@media all and (max-width: 899px) {
 
}

@media all and (max-width: 599px) {

    div.quicklinks_card { padding: 24px;  padding-bottom:calc(24px - var(--gutter)); }

    ul.quicklinks > li > a p {
        font-size: 19px;
    }

    ul.quicklinks > li > a > p:not(:first-child) {
        font-size: 14px;
    }



}