/*- HOME PAGE STYLE ---------------------------------------------------------*/

/*- HOME LEVEL ONE STYLE ---------------------------------------------------------*/
	
.homeTopStory {
  padding: 0 1.25rem;
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: auto;
}
.topStory {
  background: #002d59 url(/img/domain/frc/bg_flag.png) center center no-repeat;
  grid-area: topStory;
  padding: 40px;
  display: grid;
  align-items: center;
}
.washUpdate {
  color: white;
  height: auto;
  background: #00274f;
  grid-area: washUpdate;
}
.updateSignup {
  grid-area: updateSignup;
}

/*- HOME LEVEL ONE BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .homeTopStory {
    margin: 2.5rem auto 0.9375rem;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas:
      "topStory"
      "washUpdate"
      "updateSignup";
    max-width: 100% !important;
  }
  .topStory {
    
  }
  .washUpdate .hidden {
    display: none;
  }
}

@media (min-width: 576px) {
  .homeTopStory {
    margin: 2.5rem auto 0.9375rem;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas:
      "topStory"
      "washUpdate"
      "updateSignup";
    max-width: 767px;
  }
  .topStory {
    
  }
  .washUpdate .hidden {
    display: none;
  }
}

@media (min-width: 768px) {
  .homeTopStory {
    margin: 2.5rem auto 0.9375rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, auto);
    grid-template-areas:
      "topStory topStory"
      "washUpdate updateSignup";
    max-width: 991px;
  }
  .topStory {
    
  }
  .washUpdate .hidden {
    display: none;
  }
}

@media (min-width: 992px) {
  .homeTopStory {
    margin: 3.125rem auto 0.9375rem;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas:
      "topStory washUpdate"
      "topStory washUpdate"
      "topStory updateSignup";
    max-width: 1160px;
  }
  .topStory {
    
  }
  .washUpdate .hidden {
    display: block;
  }
}



/*- HOME LEVEL TWO STYLE ---------------------------------------------------------*/

.homeAddlArticles {
padding: 0 1.25rem;
display: grid;
grid-template-rows: auto;
grid-gap: 1.25rem;
width: auto;
}
.addlStories {
grid-area: addlStories;
}
.trending {
grid-area: trending;
padding: 0.9375rem;
}

/*- HOME LEVEL TWO BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .homeAddlArticles {
    margin: 1.875rem auto 3.125rem;
    max-width: 100% !important;
    grid-template-columns: 1fr;
    grid-template-areas:
      "addlStories"
      "trending";
  }
}

@media (min-width: 576px) {
  .homeAddlArticles {
    margin: 1.875rem auto 3.125rem;
    max-width: 767px;
    grid-template-columns: 1fr;
    grid-template-areas:
      "addlStories"
      "trending";
  }

}

@media (min-width: 768px) {
  .homeAddlArticles {
    margin: 1.875rem auto 1.875rem;
    max-width: 991px;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
      "addlStories trending";
  }
  
}

@media (min-width: 992px) {
  .homeAddlArticles {
    margin: 1.625rem auto 1.625rem;
    max-width: 1160px;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
      "addlStories trending";
  }
  
}



/*- HOME LEVEL THREE STYLE ---------------------------------------------------------*/

.aboutFRC-bg {
background: #dae9f4;
padding: 0;
margin: 4rem 0 10rem;
width: 100%;
}
.aboutFRC {
background: url(/img/domain/frc/Capitol.png) center center no-repeat;
padding: 0 1.25rem;
display: grid;
grid-gap: 1.25rem;
width: auto;
border: 0 solid blue;
}
.aboutText {
grid-area: aboutText;
}
.aboutVideo {
grid-area: aboutVideo;
}

/*- HOME LEVEL THREE BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .aboutFRC {
    margin: 0.0rem auto;
    max-width: 100% !important;
    grid-template-columns: 100%;
    grid-template-areas:
      "aboutText";
  }
  .aboutText {
    padding: 1.25rem !important;
  }
  .aboutVideo {
    display: none;
    margin: -0.625rem 0;
  }
}

@media (min-width: 576px) {
  .aboutFRC {
    margin: 0.0rem auto;
    max-width: 767px;
    grid-template-columns: 100%;
    grid-template-areas:
      "aboutText";
  }
  .aboutText {
    padding: 1.25rem !important;
  }
  .aboutVideo {
    display: none;
  }
}

@media (min-width: 768px) {
  .aboutFRC {
    margin: 0.0rem auto;
    max-width: 991px;
    grid-template-columns: 50%;
    grid-template-areas:
      "aboutText aboutVideo";
  }
  .aboutText {
    padding: 1.0rem;
  }
  .aboutVideo {
    margin: 0.0rem;
  }
}

@media (min-width: 992px) {
  .aboutFRC {
    margin: 0.0rem auto;
    max-width: 1199px;
    grid-template-columns: 50%;
    grid-template-areas:
      "aboutText aboutVideo";
  }
  .aboutText {
    padding: 1.5rem;
  }
  .aboutVideo {
    margin: -1.875rem 0;
  }
}



/*- HOME LEVEL FOUR STYLE ---------------------------------------------------------*/

.speakerSeries {
padding: 0 1.25rem;
grid-gap: 1.25rem;
}

.speakerTitle {
padding: 0;
}


/*- HOME LEVEL FOUR BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .speakerSeries {
    margin: 3.75rem auto 3.75rem;
    max-width: 100% !important;
  }
}

@media (min-width: 576px) {
  .speakerSeries {
    margin: 3.75rem auto 3.75rem;
    max-width: 767px;
  }
}

@media (min-width: 768px) {
  .speakerSeries {
    margin: 5.625rem auto 3.75rem;
    max-width: 991px;
  }
}

@media (min-width: 992px) {
  .speakerSeries {
    margin: 7.5rem auto 3.75rem;
    max-width: 1199px;
  }
}



/*- HOME LEVEL FIVE STYLE ---------------------------------------------------------*/

.eventListing-bg {
padding: 3.125rem 0;
margin: 0;
width: 100%;
}

.white {
background: white;
}

.ltblue {
background: #dae9f4;
}


/*- SUBNAV STYLE ---------------------------------------------------------*/


.subnav-bg {
  background: #dae9f4;
  grid-area: subNav;
  padding: 0;
  margin: 0;
  width: 100%;
}
.subnav {
  padding: 1.09375rem 1.25rem;
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  font-size: 0.625rem;
  font-weight: 700;
  color: #002d59;
  width: auto;
  height: 0.5625rem;
}

/*- HOME LEVEL ONE BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .subnav {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "subNav";
    max-width: 575.98px;
  }
}

@media (min-width: 576px) {
  .subnav {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "subNav";
    max-width: 767px;
  }
}

@media (min-width: 768px) {
  .subnav {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "subNav";
    max-width: 991px;
  }
}

@media (min-width: 992px) {
  .subnav {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "subNav";
    max-width: 1160px;
  }
}



/*- ISSUE TOP STORY PAGE STYLE ---------------------------------------------------------*/


.topIssueStory-bg {
  background: #002d59 url(/img/domain/frc/bg_flag.png) center center no-repeat;
  background-size: cover;
  grid-area: topDesc;
  padding: 0;
  margin: 0;
  width: 100%;
}
.topIssueStory {
  padding: 8.5rem 1.25rem 5.125rem;
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: auto;
}

/*- ISSUES TOP STORY BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .topIssueStory {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "topDesc";
    max-width: 1160px;
  }
}

@media (min-width: 576px) {
  .topIssueStory {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "topDesc";
    max-width: 1160px;
  }
}

@media (min-width: 768px) {
  .topIssueStory {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "topDesc";
    max-width: 1160px;
  }
}

@media (min-width: 992px) {
  .topIssueStory {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "topDesc";
    max-width: 1160px;
  }
}


/*- ISSUE SINGLE PUBLICATION PAGE STYLE ---------------------------------------------------------*/


.issuePublication-bg {
  background: #002d59 url(/img/domain/frc/bg_flag.png) center center no-repeat;
  background-size: cover;
  grid-area: topDesc;
  padding: 0;
  margin: 0;
  width: 100%;
}
.issuePublication {
  padding: 4rem;
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: auto;
  max-width: 1160px;
}

/*- ISSUES TOP STORY BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .issuePublication {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "topDesc";
    max-width: 1160px;
  }
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
  .issuePublication {
    padding: 4rem 7rem;
  }
}

@media (min-width: 992px) {

}




.issuePublicationArticle {
  padding: 2rem 1.25rem 5rem;
  display: grid;
  grid-gap: 30px;
  width: auto;
  margin: 0 auto;
}

@media (min-width: 576px) {
  .issuePublicationArticle {
  }
}

@media (min-width: 768px) {
  .issuePublicationArticle {
    grid-gap: 60px;
    grid-template-columns: 1fr 40px;
  }
}

@media (min-width: 992px) {

}

/*- ISSUE LEVEL TWO BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {

  .issuePublicationArticle .socials {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 576px) {
  .issuePublicationArticle, .prevNextLinks {

    max-width: 767px;

  }
  .issuePublicationArticle .text {

  }
  .issuePublicationArticle .socials {

  }
}

@media (min-width: 768px) {
  .issuePublicationArticle, .prevNextLinks {
    max-width: 991px;
  }
}

@media (min-width: 992px) {
  .issuePublicationArticle, .prevNextLinks {
    max-width: 850px;
  }
  .issuePublicationArticle.brochureTemplate {
    max-width: 1000px;
  }
}

@media (max-width: 768px) {
  .issuePublicationArticle .socials.fixedSocial {
    width: 100% !important;
    right: unset !important;
  }
}







/*- ISSUE LISTING PAGE STYLE ---------------------------------------------------------*/


.topIssueListing-bg {
  background: #002d59 url(/img/domain/frc/bg_pillars.png) center center no-repeat;
  background-size: cover;
  grid-area: topDesc;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}

.topIssueListing {
  display: grid;
  grid-gap: 1.25rem;
  width: auto;
  text-align: center;
  padding: 4.0rem 1.25rem;
  margin: 0.0rem auto 0.0rem;
}

.topIssueListing a {
  display: block;
}

.civ-soc-wrap h2 {
  text-align: center;
}

.civ-soc-grid {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr;
}

.civ-soc-grid > p:first-child {
  text-align: right;
}

.civ-soc-grid > p:last-child {
  text-align: left;
}

/*- ISSUE LISTING BREAKPOINTS ---------------------------------------------------------*/

@media (min-width: 576px) {
  .topIssueListing {
    text-align: left;
    padding: 8.0rem 1.25rem;
    margin: 0.0rem auto 0.0rem;
  }
}

@media (min-width: 576px) AND (max-width: 767px) {
  .topIssueListing {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
      "life reg-lib marri"
      "civ-soc civ-soc civ-soc"
    ;
    max-width: 500px;
  }
  .life-hum-wrap {
    grid-area: life;
  }
  .reg-lib-wrap {
    grid-area: reg-lib;
  }
  .mfs-wrap {
    grid-area: marri;
  }
  .civ-soc-wrap {
    grid-area: civ-soc;
  }
}

@media (min-width: 768px) {
  .topIssueListing {
    padding: 8.0rem 1.25rem;
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr 1fr 1fr 2fr;
    max-width: 900px;
  }
}

@media (min-width: 992px) {
  .topIssueListing {
    padding: 8.0rem 1.25rem;
    margin: 0.0rem auto 0.0rem !important;
    grid-template-columns: 1fr 1fr 1fr 2fr;
    max-width: 1100px;
  }
}

@media (min-width: 1281px) {
  .topIssueListing {
    max-width: 1200px;
  }
}

.headerGrid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
  width: 100%;
}

.headerGrid-2 div .dropdown-menu__group-title {
  font-size: 18px;
}



.listing_grid_4 {
  display: grid;
  grid-gap: 1.25rem;
}

.publicationWrap {
  display: grid;
  align-content: end;
}

.sectionHeader {
  margin-top: 3.8125rem;
  text-align: center;
  margin-bottom: 40px;
}

/*- ISSUE LEVEL TWO BREAKPOINTS ---------------------------------------------------------*/


@media (min-width: 576px) {
  .listing_grid_4 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .listing_grid_4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .sectionHeader {
    margin-top: 5.8125rem;
    text-align: center;
  }
}

@media (min-width: 992px) {
  .listing_grid_4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}




.issueNewsroom-bg {
  background: #f3f8fb;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}
.issueNewsroom {
  padding: 1.25rem;
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: auto;
  background: #f3f8fb;
}

.issuenewsroomTitle {
  padding: 0;
  grid-area: issuenewsroomTitle;
}

.issuenewsroommenu {
  grid-area: issuenewsroommenu;
}
  .issuenewsroomexpert {
    grid-area: issuenewsroomexpert;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
  }
  .issuenewsroomissue {
    grid-area: issuenewsroomissue;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
  }
  .issuenewsroomdate {
    grid-area: issuenewsroomdate;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
  }
  .issuenewsroomkeyword {
    grid-area: issuenewsroomkeyword;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
  }
.issuenewsroomitems {
  grid-area: issuenewsroomitems;
}
.issuenewsroomitem01 {
  grid-area: issuenewsroomitem01;
}
.issuenewsroomitem02 {
  grid-area: issuenewsroomitem02;
}
.issuenewsroomitem03 {
  grid-area: issuenewsroomitem03;
}
.issuenewsroomitem04 {
  grid-area: issuenewsroomitem04;
}
.issuenewsroomitem05 {
  grid-area: issuenewsroomitem05;
}

/*- ISSUE LEVEL THREE BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .issueNewsroom {
    margin: 0.0rem auto 5.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "issuenewsroomTitle"
      "issuenewsroommenu"
      "issuenewsroomitems";
    max-width: 575.98px;
  }
  .issuenewsroommenu {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "issuenewsroomexpert"
      "issuenewsroomissue"
      "issuenewsroomdate"
      "issuenewsroomkeyword";
    max-width: 100%;
  }
  .issuenewsroomexpert,
  .issuenewsroomissue,
  .issuenewsroomdate,
  .issuenewsroomkeyword {
    width: 100%;
    margin-bottom: 10px !important;
    border: 0px solid fuchsia;
  }
  .issuenewsroomitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "issuenewsroomitem01"
      "issuenewsroomitem02"
      "issuenewsroomitem03"
      "issuenewsroomitem04"
      "issuenewsroomitem05";
    max-width: 575.98px;
  }
}

@media (min-width: 576px) {
  .issueNewsroom {
    margin: 0.0rem auto 5.0rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "issuenewsroomTitle issuenewsroomTitle"
      "issuenewsroommenu issuenewsroommenu"
      "issuenewsroomitems issuenewsroomitems";
    max-width: 787px;
  }
  .issuenewsroommenu {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "issuenewsroomexpert issuenewsroomissue"
      "issuenewsroomdate issuenewsroomkeyword";
    max-width: 100%;
  }
  .issuenewsroomexpert,
  .issuenewsroomissue,
  .issuenewsroomdate,
  .issuenewsroomkeyword {
    width: 49%;
    margin-bottom: 10px !important;
    border: 0px solid fuchsia;
  }
  .issuenewsroomitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0 3.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "issuenewsroomitem01"
      "issuenewsroomitem02"
      "issuenewsroomitem03"
      "issuenewsroomitem04"
      "issuenewsroomitem05";
    max-width: 787px;
  }
}

@media (min-width: 768px) {
  .issueNewsroom {
    margin: 0.0rem auto 5.0rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "issuenewsroomTitle issuenewsroomTitle issuenewsroomTitle issuenewsroomTitle"
      "issuenewsroommenu issuenewsroommenu issuenewsroommenu issuenewsroommenu"
      "issuenewsroomitems issuenewsroomitems issuenewsroomitems issuenewsroomitems";
    max-width: 991px;
  }
  .issuenewsroommenu {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas:
      "issuenewsroomexpert issuenewsroomissue issuenewsroomdate issuenewsroomkeyword";
    max-width: 100%;
  }
  .issuenewsroomexpert,
  .issuenewsroomissue,
  .issuenewsroomdate,
  .issuenewsroomkeyword {
    width: 24%;
    border: 0px solid fuchsia;
  }
  .issuenewsroomitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0 6.25rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "issuenewsroomitem01"
      "issuenewsroomitem02"
      "issuenewsroomitem03"
      "issuenewsroomitem04"
      "issuenewsroomitem05";
    max-width: 991px;
  }
}

@media (min-width: 992px) {
  .issueNewsroom {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "issuenewsroomTitle issuenewsroomTitle issuenewsroomTitle issuenewsroomTitle"
      "issuenewsroommenu issuenewsroommenu issuenewsroommenu issuenewsroommenu"
      "issuenewsroomitems issuenewsroomitems issuenewsroomitems issuenewsroomitems";
    max-width: 1160px;
  }
  .issuenewsroommenu {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas:
      "issuenewsroomexpert issuenewsroomissue issuenewsroomdate issuenewsroomkeyword";
    max-width: 100%;
  }
  .issuenewsroomexpert,
  .issuenewsroomissue,
  .issuenewsroomdate,
  .issuenewsroomkeyword {
    width: 24.46%;
    border: 0px solid fuchsia;
  }
  .issuenewsroomitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0 6.25rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "issuenewsroomitem01"
      "issuenewsroomitem02"
      "issuenewsroomitem03"
      "issuenewsroomitem04"
      "issuenewsroomitem05";
    max-width: 1160px;
  }
}























.relatedResources-bg {
  background: #f3f8fb;
  padding: 0px 0px 30px;
  margin: 0;
  width: 100%;
}
.relatedResourceItems {
  padding: 1.25rem;
  margin: 0 auto;
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: auto;
  background: #f3f8fb;
}

/*- ISSUE LEVEL THREE BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .relatedResourceItems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0.0rem;
    max-width: 90%;
  }
}

@media (min-width: 576px) {
  .relatedResourceItems {
    background: white;
    margin: 0rem auto 3.25rem;
    padding: 0 3.0rem;
    max-width: 450px;
  }
}

@media (min-width: 768px) {
  .relatedResourceItems {
    background: white;
    margin: 0rem auto 3.25rem;
    padding: 0 3.25rem;
    max-width: 600px;
  }
}

@media (min-width: 992px) {
  .relatedResourceItems {
    background: white;
    margin: 0rem auto 3.25rem;
    padding: 0 3.25rem;
    max-width: 800px;
  }
}


/*- ISSUE LEVEL TWO BREAKPOINTS ---------------------------------------------------------*/




.promoBlock-bg {
  background: #f3f8fb;
  padding: 4.0rem 0.0rem !important;
  margin: 0 !important;
  width: 100%;
}
.promoBlockDrk-bg {
  background: #dae9f4;
  padding: 4rem 0.0rem;
  margin: 0;
  width: 100%;
}
.promoBlockItems {
  padding: 0.0rem;
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: auto;
  text-align: center;
  background: #f3f8fb;
}
.subscribeBlockItems {
  padding: 0.0rem;
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: auto;
  text-align: center;
}

.promoBlockItems {
  grid-area: promoBlockItems;
}
.promoBlock01 {
  grid-area: promoBlock01;
  padding: 2rem !important;
  background: white;
  border: 0px solid red;
}
.promoBlock02 {
  grid-area: promoBlock02;
  padding: 2rem !important;
  background: white;
  border: 0px solid red;
}
.subscribeBlock {
  grid-area: subscribeBlock;
  padding: 1rem !important;
  background: white;
}

/*- ISSUE LEVEL THREE BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .promoBlockItems {
    margin: 0rem 0rem 3.25rem;
    padding: 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "promoBlock01"
      "promoBlock02";
    max-width: 80%;
  }
  .subscribeBlockItems {
    margin: 0rem auto 3.25rem;
    padding: 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "subscribeBlock";
    max-width: 90%;
  }
}

@media (min-width: 576px) {
  .promoBlockItems {
    margin: 0rem auto 3.25rem;
    padding: 0 3.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "promoBlock01"
      "promoBlock02";
    max-width: 450px;
  }
  .subscribeBlockItems {
    margin: 0rem auto 3.25rem;
    padding: 0 2.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "subscribeBlock";
    max-width: 80%;
  }
}



/*- NEWS LEVEL ONE STYLE ---------------------------------------------------------*/

.newsTopStory {
  padding: 0 1.25rem;
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: auto;
}
.topStory {
  background: #002d59 url(/img/domain/frc/bg_flag.png) center center no-repeat;
  position: relative;
  grid-area: topStory;
}
.addlStories {
  grid-area: addlStories;
}
.trending {
  grid-area: trending;
  padding: 0.9375rem;
}

/*- HOME LEVEL ONE BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .newsTopStory {
    margin: 2.5rem auto 0.9375rem;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas:
      "topStory"
      "trending"
      "addlStories";
    max-width: 100% !important;
  }
  .topStory {
    /*padding: 2.34rem 1.875rem 1.75rem;*/
  }
}

@media (min-width: 576px) {
  .newsTopStory {
    margin: 2.5rem auto 0.9375rem;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas:
      "topStory"
      "trending"
      "addlStories";
    max-width: 767px;
  }
  .topStory {
    
  }
}

@media (min-width: 768px) {
  .newsTopStory {
    margin: 2.5rem auto 0.9375rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, auto);
    grid-template-areas:
      "topStory topStory"
      "addlStories trending";
    max-width: 991px;
  }
  .topStory {
    
  }
}

@media (min-width: 992px) {
  .newsTopStory {
    margin: 3.125rem auto 0.9375rem;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(2, auto);
    grid-template-areas:
      "topStory trending"
      "addlStories trending";
    max-width: 1160px;
  }
  .topStory {
    
  }
}



/*- HOME LEVEL TWO STYLE ---------------------------------------------------------*/

.homeAddlArticles {
padding: 0 1.25rem;
display: grid;
grid-template-rows: auto;
grid-gap: 1.25rem;
width: auto;
}

/*- HOME LEVEL TWO BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .homeAddlArticles {
    margin: 1.875rem auto 3.125rem;
    max-width: 100% !important;
    grid-template-columns: 1fr;
    grid-template-areas:
      "addlStories"
      "trending";
  }
}

@media (min-width: 576px) {
  .homeAddlArticles {
    margin: 1.875rem auto 3.125rem;
    max-width: 767px;
    grid-template-columns: 1fr;
    grid-template-areas:
      "addlStories"
      "trending";
  }
  
}

@media (min-width: 768px) {
  .homeAddlArticles {
    margin: 1.875rem auto 1.875rem;
    max-width: 991px;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
      "addlStories trending";
  }
 
}

@media (min-width: 992px) {
  .homeAddlArticles {
    margin: 1.625rem auto 1.625rem;
    max-width: 1160px;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
      "addlStories trending";
  }
 
}

.newsPage-bg {
  background: #f3f8fb;
}
.newsPage {
  padding: 1.25rem;
  background: #f3f8fb;
}


/*- ISSUE LEVEL THREE BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .newsPage {
    margin: 0.0rem auto 5.0rem;

    max-width: 575.98px;
  }
  .newsPageitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0.0rem;
    max-width: 575.98px;
  }
}

@media (min-width: 576px) {
  .newsPageitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0 3.0rem;
    max-width: 787px;
  }
}

@media (min-width: 768px) {
  .newsPage {
    margin: 0.0rem auto 5.0rem;

    max-width: 991px;
  }
  .newsPageitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0 6.25rem;
    max-width: 991px;
  }
}

@media (min-width: 992px) {
  .newsPage {
    margin: 0.0rem auto 0.0rem;

    max-width: 1160px;
  }
  .newsPageitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0 6.25rem;
    max-width: 1160px;
  }
}
















/*- BIO PAGE STYLE ---------------------------------------------------------*/

.bioPage {
padding: 2.0rem 0.0rem 1.5rem;
display: grid;
grid-template-rows: auto;
grid-gap: 0.0rem;
width: auto;
}
.bioTxt {
grid-area: bioTxt;
padding: 0.0rem;
}
.bioImg {
grid-area: bioImg;
padding: 0.0rem;
margin: 0.0rem;
}


/*- NEWS - TWITTER BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .bioPage {
    margin: 2.0rem auto 0.0rem;
    max-width: 1080px;
    grid-template-columns: 1fr;
    grid-template-areas:
      "bioTxt"
      "bioImg";
  }
  .bioTxt {
    margin: 0.0rem 1.25rem;
  }
}

@media (min-width: 576px) {
  .bioPage {
    margin: 2.0rem auto 3rem;
    max-width: 1080px;
    grid-template-columns: 66% 33%;
    grid-template-areas:
      "bioTxt bioImg";
  }
  .bioTxt {
    margin: 0.0rem 1.25rem;
  }
}

@media (min-width: 768px) {
  .bioPage {
    max-width: 1080px;
    grid-template-columns: 66% 33%;
    grid-template-areas:
      "bioTxt bioImg";
  }
  .bioTxt {
    margin: 0.0rem 1.25rem;
  }
}

@media (min-width: 992px) {
  .bioPage {
    max-width: 1080px;
    grid-template-columns: 66% 33%;
    grid-template-areas:
      "bioTxt bioImg";
  }
  .bioTxt {
    margin: 0.0rem 1.25rem;
  }
}




























/*- EVENTS PAGE STYLE ---------------------------------------------------------*/


.events-bg {
  background: #002d59 url(/img/domain/frc/bg_event.png) center center no-repeat;
  background-size: cover;
  grid-area: topDesc;
  padding: 0;
  margin: 0;
  width: 100%;
}
.events {
  padding: 4rem 1.25rem;
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: auto;
}

/*- ISSUES TOP STORY BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .events {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "topDesc";
    max-width: 1160px;
  }
}

@media (min-width: 576px) {
  .events {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "topDesc";
    max-width: 1160px;
  }
}

@media (min-width: 768px) {
  .events {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "topDesc";
    max-width: 1160px;
  }
}

@media (min-width: 992px) {
  .events {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "topDesc";
    max-width: 992px;
  }
}




.radioBroadcastTitle {
  padding: 3rem 1.25rem 3rem;
  display: grid;
  grid-column-gap: 0.0rem;
  grid-row-gap: 0.0rem;
  width: auto;
}
.radioBroadcasts {
  padding: 3rem 1.25rem 3rem;
  display: grid;
  grid-column-gap: 0.0rem;
  grid-row-gap: 0.0rem;
  width: auto;
}
.radioShow {
  padding: 1rem 1.25rem 1rem;
  display: grid;
  grid-column-gap: 0.0rem;
  grid-row-gap: 0.0rem;
  width: auto;
}
.ltblueLine {
  border-bottom: 1px solid #e4eff7;
}

/*- ISSUE LEVEL TWO BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .radioBroadcasts {
    margin: 0.0rem auto 0.0rem;
    max-width: 575.98px;
  }
}

@media (min-width: 576px) {
  .radioBroadcasts {
    margin: 0.0rem auto 0.0rem;
    max-width: 767px;
  }
}

@media (min-width: 768px) {
  .radioBroadcasts {
    margin: 0.0rem auto 0.0rem;
    max-width: 991px;
  }
}

@media (min-width: 992px) {
  .radioBroadcastTitle {
    margin: 0 auto;
    grid-template-columns: 1fr;
    grid-template-areas:
      "radioBroadcastTitle";
    clear: both !important;
  }
  .radioBroadcasts {
    margin: 0 auto;
    max-width: 850px;
    grid-template-columns: 70% 30%;
    grid-template-areas:
      "radioText radioListenBtn";
    clear: both !important;
  }
  .radioShow {
    margin: 0 auto;
    max-width: 850px;
    grid-template-columns: 100%;
    grid-template-areas:
      "radioShowTitle";
    clear: both !important;
  }
  .radioText {
    float:left !important;
  }
  .radioListenBtn {
    text-align: right;
    float:right !important;
  }
}


.radioShowContent {
  padding: 1rem 1.25rem 1rem;
  display: grid;
  grid-column-gap: 0.0rem;
  grid-row-gap: 0.0rem;
  width: auto;
}
.radioShowContent .text {
  grid-area: text;
}
.radioShowContent .socials {
  grid-area: social;
  display: grid;
}
  .radioShowContent .socials .twitter {
    grid-area: twitter;
  }
  .radioShowContent .socials .facebook {
    grid-area: facebook;
  }
  .radioShowContent .socials .download {
    grid-area: download;
  }
  .radioShowContent .socials .link {
    grid-area: link;
  }


/*- ISSUE LEVEL TWO BREAKPOINTS ---------------------------------------------------------*/



.eventBlock-bg {
  background: #f3f8fb;
  padding: 4.0rem 0.0rem !important;
  margin: 0 !important;
  width: 100%;
}
.eventBlockDrk-bg {
  background: #dae9f4;
  padding: 4rem 0.0rem !important;
  margin: 0 !important;
  width: 100%;
}
.eventBlockItems {
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  padding: 0;
  margin: 0rem auto 3.25rem;
  width: auto;
  max-width: 90%;
  text-align: center;
}
.eventBlock {
  padding: 2.0rem !important;
  background: white;
}


/*- ISSUE LEVEL THREE BREAKPOINTS ---------------------------------------------------------*/


@media (min-width: 576px) {
  .eventBlockItems {
    max-width: 450px;
  }
}

@media (min-width: 768px) {
  .eventBlockItems {
    max-width: 600px;
  }
}

@media (min-width: 992px) {
  .eventBlockItems {
    margin: 0rem auto 1.25rem;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2.0rem;
    max-width: 992px;
  }
}


.upcomingEventsTitle {
  padding: 5rem 1.25rem 1rem;
  display: grid;
  grid-column-gap: 0.0rem;
  grid-row-gap: 0.0rem;
  width: auto;
}
.upcomingEvents {
  padding: 1.25rem;
  display: grid;
  grid-column-gap: 0.0rem;
  grid-row-gap: 0.0rem;
  width: auto;
}
.ltblueLine {
  border-bottom: 1px solid #e4eff7;
}
.eventImg img {
  width: 100%;
  max-width: 482px;
  height: auto;
  max-height: 250px;
}

/*- ISSUE LEVEL TWO BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .upcomingEvents {
    margin: 0.0rem auto 0.0rem;
    max-width: 575.98px;
  }
}

@media (min-width: 576px) {
  .upcomingEvents {
    margin: 0.0rem auto 0.0rem;
    max-width: 767px;
  }
}

@media (min-width: 768px) {
  .upcomingEvents {
    margin: 0.0rem auto 0.0rem;
    max-width: 991px;
  }
}

@media (min-width: 992px) {
  .upcomingEventsTitle {
    margin: 0 auto;
    grid-template-columns: 1fr;
    grid-template-areas:
      "radioBroadcastTitle";
    clear: both !important;
  }
  .upcomingEvents {
    margin: 0 auto;
    max-width: 990px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "eventImg eventText";
    clear: both !important;
  }
  .eventImg {
    float:left !important;
    padding: 1.25rem;
  }
  .eventText {
    float:right !important;
    padding: 1.25rem;
  }
}

.previousEvents-bg {
  background: #dae9f4;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}
.previousEventsTitle {
  grid-area: previousEventsTitle;
  padding: 3rem 1.25rem 5rem;
  display: grid;
  grid-column-gap: 0.0rem;
  grid-row-gap: 0.0rem;
  width: auto;
}



/*- SPEAKER SERIES PAGE STYLE ---------------------------------------------------------*/


.speakerSeries-bg {
  background: #002d59 url(/img/domain/frc/bg_event.png) center center no-repeat;
  background-size: cover;
}
.speakerSeriesTitle {
  padding: 4rem 1.25rem;
}
.speakerSeriesLecture {
  padding: 1.25rem;
}

.speakerSeriesLectureVideo {
  margin: 2.0rem auto 0.0rem;
  max-width: 972px;
}

.speakerSeriesLectureVideo img {
  margin: 0.0rem;
  width: 100%;
  max-width: 972px;
  height: auto;
}

/*- SPEAKER SERIES BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}


/* BEGIN TIM'S WORK */
.speakerSeriesRecent-bg {
  background: #f3f8fb;
}
.speakerSeriesRecent {
  padding: 1.25rem;
  display: grid;
  grid-gap: 1.25rem;
  background: #f3f8fb;
  margin: 0 auto;
}

.speakerSeriesRecentTitle {
  padding: 0;
}

.speakerSeriesRecentmenu {
  display: grid;
  grid-gap: 15px;
}
.speakerSeriesRecentitems {
  background: #fff;
  display: grid;
  grid-gap: 30px;
  padding: 15px;
}

/*- ISSUE LEVEL THREE BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .speakerSeriesRecentImg img {
    max-width: 100%;
    max-height: 100%;
  }
}

@media (min-width: 576px) {
  .speakerSeriesRecentmenu {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .speakerSeriesRecent {
    max-width: 991px;
  }
  .speakerSeriesRecentmenu {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 992px) {
  .speakerSeriesRecent {
    max-width: 1160px;
  }
}


.searchPage-bg {
  background: #f3f8fb;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}
.searchPage {
  padding: 1.25rem;
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: auto;
  background: #f3f8fb;
}

.searchPagemenu {
  grid-area: searchPagemenu;
}
  .searchPageexpert {
    grid-area: searchPageexpert;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
  }
  .searchPageissue {
    grid-area: searchPageissue;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
  }
  .searchPagedate {
    grid-area: searchPagedate;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
  }
  .searchPagekeyword {
    grid-area: searchPagekeyword;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
  }
.searchPageitems {
  grid-area: searchPageitems;
}
.searchPageitem01 {
  grid-area: searchPageitem01;
}
.searchPageitem02 {
  grid-area: searchPageitem02;
}
.searchPageitem03 {
  grid-area: searchPageitem03;
}
.searchPageitem04 {
  grid-area: searchPageitem04;
}
.searchPageitem05 {
  grid-area: searchPageitem05;
}

/*- ISSUE LEVEL THREE BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .searchPage {
    margin: 0.0rem auto 5.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "searchPageTitle"
      "searchPagemenu"
      "searchPageitems";
    max-width: 575.98px;
  }
  .searchPagemenu {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "searchPageexpert"
      "searchPageissue"
      "searchPagedate"
      "searchPagekeyword";
    max-width: 100%;
  }
  .searchPageexpert,
  .searchPageissue,
  .searchPagedate,
  .issuenewsroomkeyword {
    width: 100%;
    margin-bottom: 10px !important;
    border: 0px solid fuchsia;
  }
  .searchPageitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "searchPageitem01"
      "searchPageitem02"
      "searchPageitem03"
      "searchPageitem04"
      "searchPageitem05";
    max-width: 575.98px;
  }
}

@media (min-width: 576px) {
  .searchPage {
    margin: 0.0rem auto 5.0rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "searchPageTitle searchPageTitle"
      "searchPagemenu searchPagemenu"
      "searchPageitems searchPageitems";
    max-width: 787px;
  }
  .searchPagemenu {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "searchPageexpert searchPageissue"
      "searchPagedate searchPagekeyword";
    max-width: 100%;
  }
  .searchPageexpert,
  .searchPageissue,
  .searchPagedate,
  .searchPagekeyword {
    width: 49%;
    margin-bottom: 10px !important;
    border: 1px solid fuchsia;
  }
  .searchPageitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0 3.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "searchPageitem01"
      "searchPageitem02"
      "searchPageitem03"
      "searchPageitem04"
      "searchPageitem05";
    max-width: 787px;
  }
}

@media (min-width: 768px) {
  .searchPage {
    margin: 0.0rem auto 5.0rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "searchPageTitle searchPageTitle searchPageTitle searchPageTitle"
      "searchPagemenu searchPagemenu searchPagemenu searchPagemenu"
      "searchPageitems searchPageitems searchPageitems searchPageitems";
    max-width: 991px;
  }
  .searchPagemenu {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas:
      "searchPageexpert searchPageissue searchPagedate searchPagekeyword";
    max-width: 100%;
  }
  .searchPageexpert,
  .searchPageissue,
  .searchPagedate,
  .searchPagekeyword {
    width: 24%;
    border: 0px solid fuchsia;
  }
  .searchPageitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0 6.25rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "searchPageitem01"
      "searchPageitem02"
      "searchPageitem03"
      "searchPageitem04"
      "searchPageitem05";
    max-width: 991px;
  }
}

@media (min-width: 992px) {
  .searchPage {
    margin: 0.0rem auto 0.0rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "searchPagemenu"
      "searchPageitems";
    max-width: 1160px;
  }
  .searchPagemenu {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas:
      "searchPageexpert searchPageissue searchPagedate searchPagekeyword";
    max-width: 100%;
  }
  .searchPageexpert,
  .searchPageissue,
  .searchPagedate,
  .searchPagekeyword {
    width: 24.46%;
    border: 0px solid fuchsia;
  }
  .searchPageitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0 6.25rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "searchPageitem01"
      "searchPageitem02"
      "searchPageitem03"
      "searchPageitem04"
      "searchPageitem05";
    max-width: 1160px;
  }
}

.storePage {
  padding: 1.25rem;
  display: grid;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: auto;
  margin-bottom: 240px;
}

.storePagemenu {
  grid-area: storePagemenu;
}

.mobileStoreMenuBtn {
  border: none;
  border-radius: 0px 20px 20px 0px;
  background-color: #dae9f4;
  color: #036;
  padding: 0px 7px 0px 10px;
  font-size: 30px;
  position: fixed;
  left: 0px;
  top: 70px;
}
.mobileStoreMenuBtn.fixedBtn {
  top: 20px;
}
  .itemAsideGroup {
    padding: 10px 0;
  }

  .storePageAmt {
    float: right;
    background: #f3f8fb;
    margin: 5px;
    padding: 15px;
  }
  .storePageChkOut {
    float: right;
    background: #f3f8fb;
    margin: 5px;
    padding: 15px;
  }

.storePageitems {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.storePageItemTop {
  background: #f3f8fb;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.storePageTopImg img {
  width: 100%;
}
.storePageTopTxt {
  background: #f3f8fb;
}

.mobileMenuWrap {
  display: none;
}


/*- ISSUE LEVEL THREE BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .storePage {
    margin: 0.0rem auto 240px;
    grid-template-columns: 1fr;
    max-width: 1160px;
  }

  .storePagemenu {
    display: none;
  }

  .mobileMenuWrap { display: block; }
  .mobileMenuWrap .storePagemenu {
    display: block;
  }
  .storePageitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0.0rem;
    grid-template-columns: 1fr;
    max-width: 1160px;
  }
}

@media (min-width: 576px) {
  .storePage {
    grid-template-columns: 200px 1fr;
  }
  .mobileMenuWrap {
    display: none;
  }
  .storePageitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0.0rem;
    grid-template-columns: 1fr;
    max-width: 1160px;
  }
}

@media (min-width: 768px) {
  .storePage {
    grid-template-columns: 250px 1fr;
  }
  .storePageitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0.0rem;
    grid-template-columns: 1fr 1fr;
    max-width: 1160px;
  }
}

@media (min-width: 992px) {
  .storePage {
    grid-template-columns: 1fr 2fr;
  }
  .storePageitems {
    background: white;
    margin: 0rem 0rem 3.25rem;
    padding: 0.0rem;
    grid-template-columns: 1fr 1fr;
    max-width: 1160px;
  }
}

























.storeItemPage {
}

.storeItemPageCart {
  grid-area: storeItemPageCart;
}
.storeItemPagemenu {
  grid-area: storeItemPagemenu;
}
  .storeItemPageApparel {
    grid-area: storeItemPageApparel;
    display: inline-block;
    margin: 0 !important;
    padding: 0 0 10px !important;
  }
  .storeItemPageGift {
    grid-area: storeItemPageGift;
    display: inline-block;
    margin:0 !important;
    padding: 10px 0 !important;
  }
  .storeItemPageBrochures {
    grid-area: storeItemPageBrochures;
    display: inline-block;
    margin:0 !important;
    padding: 10px 0 !important;
  }
  .storeItemPageBooks {
    grid-area: storeItemPageBooks;
    display: inline-block;
    margin:0 !important;
    padding: 10px 0 0 !important;
  }
.storeItemPageBox {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}

  .storeItemPageBoxChkOut {
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    display: grid;
    align-items: end;
  }

/*- ISSUE LEVEL THREE BREAKPOINTS ---------------------------------------------------------*/

@media (max-width: 575.98px) {
  .storeItemPage {
  }
  .storeItemPageCart {
    margin: 0.0rem 0.0rem 0.0rem auto;
  }
  .storeItemPageAmt {
    float: left;
    background: #f3f8fb;
    margin: 5px;
    padding: 15px;
  }
  .storeItemPageChkOut {
    float: left;
    background: #f3f8fb;
    margin: 5px;
    padding: 15px;
  }
  .storeItemPagemenu {
    grid-template-columns: 1fr;
    grid-template-areas:
      "storeItemPageApparel"
      "storeItemPageGift"
      "storeItemPageBrochures"
      "storeItemPageBooks";
    max-width: 100%;
  }
  .storeItemPageApparel,
  .storeItemPageGift,
  .storeItemPageBrochures,
  .storeItemPageBooks {
    width: 100%;
  }
  .storeItemPageBox {
  }
  .storeItemPageBoxChkOut {
  }
}

@media (min-width: 576px) {
  .storeItemPage {
  }
  .storeItemPageCart {
    margin: 0.0rem 0.0rem 0.0rem auto;
  }
  .storeItemPageAmt {
    float: left;
    background: #f3f8fb;
    margin: 5px;
    padding: 15px;
  }
  .storeItemPageChkOut {
    float: left;
    background: #f3f8fb;
    margin: 5px;
    padding: 15px;
  }
  .storeItemPagemenu {
    grid-template-columns: 1fr;
    grid-template-areas:
      "storeItemPageApparel"
      "storeItemPageGift"
      "storeItemPageBrochures"
      "storeItemPageBooks";
    max-width: 100%;
  }
  .storeItemPageApparel,
  .storeItemPageGift,
  .storeItemPageBrochures,
  .storeItemPageBooks {
    width: 100%;
  }
  .storeItemPageBox {
    grid-template-columns: 1fr 1fr;

  }
  .storeItemPageBoxChkOut {
  }
}

@media (min-width: 768px) {
  .storeItemPage {
  }
  .storeItemPageCart {
    margin: 0.0rem 0.0rem 0.0rem auto;
  }
  .storeItemPageAmt {
    float: left;
    background: #f3f8fb;
    margin: 5px;
    padding: 15px;
  }
  .storeItemPageChkOut {
    float: left;
    background: #f3f8fb;
    margin: 5px;
    padding: 15px;
  }
  .storeItemPagemenu {
    grid-template-columns: 1fr;
    grid-template-areas:
      "storeItemPageApparel"
      "storeItemPageGift"
      "storeItemPageBrochures"
      "storeItemPageBooks";
    max-width: 100%;
  }
  .storeItemPageApparel,
  .storeItemPageGift,
  .storeItemPageBrochures,
  .storeItemPageBooks {
    width: 100%;
  }
  .storeItemPageBox {
  }
  .storeItemPageBoxChkOut {
  }
}

@media (min-width: 992px) {
  .storeItemPage {
  }
  .storeItemPageCart {
    margin: 0.0rem 0.0rem 0.0rem auto;
  }
  .storeItemPageAmt {
    float: left;
    background: #f3f8fb;
    margin: 5px;
    padding: 15px;
  }
  .storeItemPageChkOut {
    float: left;
    background: #f3f8fb;
    margin: 5px;
    padding: 15px;
  }
  .storeItemPagemenu {
    grid-template-columns: 1fr;
    grid-template-areas:
      "storeItemPageApparel"
      "storeItemPageGift"
      "storeItemPageBrochures"
      "storeItemPageBooks";
    max-width: 100%;
  }
  .storeItemPageApparel,
  .storeItemPageGift,
  .storeItemPageBrochures,
  .storeItemPageBooks {
    width: 100%;
  }
  .storeItemPageBox {
  }
  .storeItemPageBoxChkOut {
  }
}

























/*- FOOTER STYLE ---------------------------------------------------------*/

.footer-bg {
background: #0c1527;
margin-top: 0rem;
height: auto;
/*position and index keep filter div on typ listing page behind footer */
position: relative;
z-index: 101;
}

.footer {
color: white;
padding: 0 1.25rem;
margin: 0 auto;
display: grid;
grid-template-rows: auto;
grid-gap: 0;
}
.footer h3 {
padding: 0px;
margin: 0;
}
.footerCol {padding: 1.875rem 0.9375rem 0.9375rem;}
.footer01 { grid-area: footer01; }
.footer02 { grid-area: footer02; }
.footer03 { grid-area: footer03; }
.footer04 { grid-area: footer04; }
.footer05 { grid-area: footer05; }
.footer06 {
  background: #036;
  padding: 0.9375rem;
  margin: -1.5625rem auto 0;
  max-width: 250px;
  grid-area: footer06;
}

/*- FOOTER BREAKPOINTS ---------------------------------------------------------*/

  .footer {
    max-width: 100% !important;
    grid-template-areas:
    "footer06"
    "footer01"
    "footer02"
    "footer03"
    "footer04"
    "footer05";
  }

@media (min-width: 400px) {
  .footer {
    grid-template-areas:
    "footer06 footer06"
    "footer01 footer02"
    "footer03 footer04"
    "footer05 footer05";
  }
}

@media (min-width: 576px) {
  .footer {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
    "footer01 footer06 footer02"
    "footer03 footer04 footer05";
  }
  .footer06 {
    margin: -1.5625rem auto 0;
    max-width: 300px;
    grid-area: footer06;
  }
}

@media (min-width: 768px) {
  .footer06 {
    max-width: 200px;
  }
}

@media (min-width: 992px) {
  .footer {
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas:
    "footer01 footer02 footer03 footer04 footer05 footer06";
  }
}

.footer-margin-offset {
  margin-bottom: -3rem;
}