@charset "UTF-8";
/* CSS Document */

     /* ————————————————————————— */
    /* —— GLOBAL overrides —— */
    /* ————————————————————————— */
    
    /*  remove page h1 header */
    section.content h1:first-of-type {
display: none;
}
    
    /* all buttons */
    .tp-card a:hover {text-decoration: none !important; color: #fff !important;}
    
    /* headers */
    .tp-card span h6 { margin-top: 0px !important;}
    .tp-cardOrange span h6 { 
        color:#ff6720 !important;
        font-size: 42px !important;
    }
    .parentsBlackOverrideH2 {
        color:#000;
        font-size:50px;
        margin-top:20px !important;
    }
        .blackOverrideH3 {
        color:#000;
        font-size:40px;
        line-height:40px;
        max-width:500px;
        margin:-35px 0 0 0;
    }
    
    /*remove orange border above black sections */
    dark-section {
  border: none !important;
}

.whiteText, .whiteText a {
}

/* MOBILE */
@media (max-width: 480px) {
  .parentsBlackOverrideH2 {
        font-size:30px;
    }
}
    
    /****************************/
    /*——————HERO———————————————*/
    /***************************/

    .deptImageWp21 { 
   position: relative; 
   width: 100%; /* for IE 6 */

}

h1 { 
   position: absolute; 
   bottom:50%;
   left: 3%; 
   width: 100%; 
}
h1 span.deptHeaderWp21 { 
   color: white; 
   font-family: 'Bree Serif', serif;
  font-size:55px;
   padding: 10px; 
}

fieldset {
    border: 2px solid #fff;
    border-radius: 8px;
    position: absolute; 
    bottom:1%;
    left: 3%; 
    padding:6px;
    font-family: 'Bree Serif', serif;
    font-weight:normal;
  
}
legend {
  color: white;
  margin-left:8px;
  font-size:13px;
 padding:0 5px;
}
.bluebtn-academic-dept {
    background-color: #007fed;
    border-radius: 8px;
    border: none;
    padding: 15px 32px;
    text-align: center;
    display: inline-block;
    margin: 0px 2px 4px 2px;
    cursor: pointer;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0.6px 0.8px 1px rgba(0, 0, 0, 0.25);
}
.bluebtn-academic-dept:hover {
    background-color: #f06023;
    text-decoration: none;
    color: #fff;
}

.bluebtn-academic-dept:active,
.bluebtn-academic-dept:visited {
    text-decoration: none;
    color: #fff;
}
.bluebtn-academic-dept:first-of-type {

}
.orangeNew {
    background-color:#ff6720 ;
    color:#000;
    text-shadow: 0.6px 0.8px 1px rgba(255, 255, 255, 0.65);
}
.orangeNew:hover {
    background-color:#fff !important ;
    color:#222 !important;
}

.whiteNew {
    background-color:#fff ;
    color:#000  !important;
    text-shadow: 0.6px 0.8px 1px rgba(255, 255, 255, 0.65);
}
.whiteNew:hover {
    background-color:#007fed !important ;
    color:#fff !important;
}


@media (max-width: 480px) {

    .deptImageWp21 { 
   min-height:250px;
}

.btn-hero-overlay {
   top:75%;
}
    h1 {
      position: absolute; 
      bottom:35%;
    }
    h1 span.deptHeaderWp21 { 
     font-size:35px;
     padding: 0; 
}
  .bluebtn-academic-dept {
    padding: 15px 12px;
    font-size: 12px;
}

}
@media (max-width: 410px) {
    .bluebtn-academic-dept {
    padding: 15px 3px;
    font-size: 11px;
}
}

    /****************************/
    /*——————END HERO———————————*/
    /***************************/
    
    /* ************************* */
/* —— CAREERS SECTION —————— */
/* ************************* */

/* ————————————————————————— */
/* —— style.css overrides —— */
/* ————————————————————————— */
/* all buttons */
.tp-card a:hover {
  text-decoration: none !important;
  color: #fff !important;
}
/* headers */

.tp-cardOrange span h6 {
  color: #ff6720 !important;
  font-size: 42px !important;
}
.tp-card span i {
  font-size: 20px;
  font-style: normal;
  vertical-align: top;
}
.blackOverrideH2 {
  color: #000;
  font-size: 50px;
  line-height: 50px;
  max-width: 500px;
  margin: -45px 0 0 0;
}
.blackOverrideH3 {
  color: #000;
  font-size: 40px;
  line-height: 40px;
  max-width: 500px;
  margin: 0;
}
/* ————————————————————————— */
/* ———————— layout ————————— */
/* ————————————————————————— */
/* all */
.tp-main * {
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  font-family: 'Bree Serif', serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}
/* main container */
.tp-main {
  display: grid;
  grid-template-rows: auto auto;
  justify-items: center;
  margin: 0 auto;
  max-width: 900px;
}
/* all rows */
.tp-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* makes height of all buttons equal to the tallest computed button */
  /* grid-auto-rows: 1fr */
}
/* ————————————————————————— */
/* ————— gutter space —————— */
/* ————————————————————————— */
/* row spacing */
.tp-main {
  grid-gap: 30px
}
/* column space */
.tp-row {
  grid-gap: 30px
}
/* ————————————————————————— */
/* ———————— styling ———————— */
/* ————————————————————————— */
.tp-main h2 {
  margin-bottom: 25px;
  font-size: 48px;
  line-height: 38px;
  color: #000;
  font-family: 'Bree Serif';
  font-weight: strong;
}
/* cards */
.tp-card {
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 360px;
  /*background: #f06023;*/
}
.tp-card span {
  padding: 10px;
}
.tp-card span img {
  margin-bottom: 10px;
}
.tp-card h6 {
  font-size: 40px;
  line-height: 8px;
  color: #000;
  font-family: 'Bree Serif';
  font-weight: strong;
}
.tp-card p {
  font-family: "Open Sans", arial, sans-serif;
  font-size: 15px;
  color: #000;
  line-height: 17px;
  margin: 15px 0px;
  font-weight: bold;
}
.wp21BodyText {
  font-size: 16px;
  max-width: 800px;
}
.wp21BodyTextLarge {
  font-size: 19px;
  max-width: 800px;
}
.startingSalary  {
      margin:20px 0 !important;
}
.orangeWp22 {
  color:#fe6732 !important;;
}

/* ————————————————————————— */
/* ————— mid-career grid ——— */
/* ————————————————————————— */
/* all rows */
.mid-career-grid {
  display: grid;
  grid-template-columns: 3fr 1fr;
  margin: 0 auto;
}
.mid-career-grid > span {
  padding: 0;
  font-family: 'Open Sans';
  font-size: 11px;
  text-align: left;
  margin: 0;
  line-height: 15px;
  white-space: pre;
  font-weight: bold;
  border-bottom: solid 1px #ccc;
}
img.Mid-Career-Salaries {
  width: 95px;
  height: 64px;
  object-fit: contain;
}
img.paper-money {
  padding-bottom: 10px;
}
img.noun_career_199302 {
  width: 82.2px;
  height: 87.5px;
  object-fit: contain;
  margin: 0;
}
.midCareerHeader {
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
}

/* ————————————————————————— */
/* ————— media queries ————— */
/* ————————————————————————— */
/* tablet-ish */
@media screen and (max-width: 1100px) {
  /* break rows into 2x2 */
  .tp-row {
    grid-template-columns: 1fr 1fr;
  }
}
/* 768 */
@media screen and (max-width: 768px) {
  /* break rows into 1x1 */
  .tp-row {
    grid-template-columns: 1fr;
  }
  
  /* limit 3rd infographic image size */
  .tp-cardOrange img, .tp-card img {
  max-width:110px;
}
}


/* ***************************** */
/* —— END CAREERS SECTION —————— */
/* ***************************** */


/**************************************/
/*———CAREER GUIDANCE RESOURCES LINK———*/
/**************************************/
 
#car-gr li {
    list-style: none;
    float: left;
    margin-left: 10px;
    padding: 10px 15px 0px 0px;
    color: #007fed;
    line-height:1.2em;
    font-size: 15px;
    font-family: "helvetica", sans-serif;
    font-weight: bold;
   
}  

 
 /* list icon styling (colors, size, etc.) */
#car-gr i:before {
    	font-family: "Font Awesome 5 Free";
    	font-size: 8px; /* icon size */
    	font-style: normal;
    	font-weight: 900;
    	font-variant: normal;
    	text-rendering: auto;
    	text-shadow: none;
    	color: #f2682b; /* icon color */
    	text-decoration: none;
    }

/* change icons here*/
    #car-gr:nth-of-type(1) i:before {content: "\f111";} /* list items 1-5 */ 
/* controls the list icon positioning */
#car-gr i {
    margin-right: 5px;
}   
  
.list-box {
    margin: -15px 0 0 -50px;
    max-width:800px;
}
 
 
#car-gr a {
    color: #007fed;
    text-decoration: underline;
    cursor: pointer;
}

#car-gr a:hover {
    text-decoration: none;
}
   
/******************************************/
/*———END CAREER GUIDANCE RESOURCES LINK———*/
/******************************************/  

/* ****************************** */
/* ———— ORIENTATION ————— */
/* ****************************** */

.orientationH3 {
    margin-top:-30px;
    line-height:30px;
}

/* ****************************** */
/* ———— END ORIENTATION ————— */
/* ****************************** */

/* ****************************** */
/* ———— ORANGE BORDER PANEL ————— */
/* ****************************** */

.htmlItemCentered {
  text-align: center;
  padding: 20px 50px 0 50px;
}
h2.htmlItemCentered {
  color: #000;
}
.orange-background {
  max-width: 1150px;
  margin: auto;
  padding: 20px 0;
  background-color: #f06023;
}
.orange p {
    color:#000 !important;
}
.white-background {
  margin: auto;
  padding: 40px 0;
  border-radius: 21px;
  background-color: #fff;
}
.grid-container-content {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 40px;
}
.grid-container-content div {
  background-color: none;
  padding: 0.2em;
  color: #000;
}
.grid-container-content h3 {
  max-width: 540px;
  margin: auto;
  margin: 0 0 0 110px;
  padding: auto;
  padding-top: 0;
  font-family: "Bree Serif", serif;
  font-size: 47px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  color: #000;
  text-align: left;
}
.grid-container-content p {
  max-width: 500px;
  margin: 0 0 0 110px;
  padding: 20px 0 0 0;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.76;
  letter-spacing: normal;
  color: #000;
  text-align: left;
  position: relative;
}
.imgCentered {
  margin: 0 75px;
}
.grid-container-content img {
  padding-right: 40px;
  max-width: 450px;
}
.redAsterisk {
  color: red;
  font-size: 20px;
}

/*button styling */
.more-link {
  font-size: 20px;
  font-family: "Bree Serif", serif;
  background-color: #007fed;
  color: #fff;
  padding: 10px;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
}
.more-link:hover {
  background: #fe6732;
  color: #fff;
  text-decoration:none;
}

/* breakpoints */
/* tablet */
@media screen and (max-width: 1000px) {
  .grid-container-content {
    grid-template-columns: 1fr;
  }
  .imgCentered {
    margin: 0 10px;
  }
}
/* mobile */
@media screen and (max-width: 768px) {
  ..grid-container-content {
    grid-template-columns: 1fr;
  }
  .imgCentered {
    margin: 0 10px;
  }
  .grid-container-content h3 {
    margin: -30px 0 0 10px;
    padding-top: 10px;
    font-size: 27px;
    text-align: center;
  }
  .grid-container-content p {
    margin: 30px 0 50px -5px;
    padding: 0px 0 0 0;
    line-height: 1.46;
    text-align: center;
  }
  .grid-container-content img {
    margin: 0 100px;
    max-width: 500px;
  }
  /* cap component's width */
  .grid-container-content {
     max-width: 360px;
  }
  .htmlItemCentered {
     padding: 0 0 10px 0;
}

}

/* ****************************** */
/* ———— END ORANGE BORDER PANEL ————— */
/* ****************************** */

/* ************************* */
/* —— FINANCIAL AID ———————— */
/* ************************* */

.blue-background {
  max-width: 1150px;
  margin: auto;
  padding: 30px;
}
.blueText li a, .blueText a {
    color:#007fed !important;
}
.grid-container-content {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 40px;
  margin: auto;
  padding: 40px;
  border-radius: 21px;
  background-color: #fff;
}
.grid-container-content div {
  background-color: none;
  padding: 0.2em;
  color: #000;
}
.grid-container-content h3 {
  max-width: 540px;
  margin: auto;
  margin: 0 0 0 110px;
  padding: auto;
  padding-top: 30px;
  font-family: "Bree Serif", serif;
  font-size: 47px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  color: #f06023;
  text-align: left;
}
.grid-container-content p {
  max-width: 500px;
  margin: auto;
  margin: 0 0 0 110px;
  padding: 20px 0 0 0;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.76;
  letter-spacing: normal;
  color: #000;
  text-align: left;
  position: relative;
}
.grid-container-content ul {
  max-width: 300px;
  margin: 0 0 0 70px;
  padding: auto;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: -0.3px;
  color: #337ab7;
  text-align: left;
  list-style: none;
}
.fa-search-dollar {
  padding-left: 15px;
  font-size: 50px;
}
.blk-container {
  max-width: 292px;
  max-height: 500px;
  margin: 35px 0 0 -30px;
  padding: 0 0 0 30px;
  border-radius: 3px;
  background-color: #333;
}
.blk-container img {
  display: block;
  padding: 40px;
  margin: 0 0 30px 35px;
}
.blk-container span {
  max-width: 207px;
  margin: 100px 0 0 0;
  padding: 30px 0 0 0;
  font-family: "Bree Serif", serif;
  font-size: 72px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center !important;
  color: #fff;
}
.blk-container p {
  max-width: 1fr;
  margin: -100px 0 0 0;
  padding: 0 5px;
  font-family: "Open Sans", sans-serif !important;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.76;
  letter-spacing: -0.3px;
  color: #fff;
  text-align: center;
}
.million {
  max-width: 232px;
  font-size: 40px !important;
  margin: 30px 0 0 -10px !important;
  padding: auto;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 3;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  font-family: "Bree Serif", serif;
}
.grid-container-content a:hover {
  color: #fe6732;
  text-decoration: none;
}
/* breakpoints */
/* tablet */
@media screen and (max-width: 980px) {
  .grid-container-content {
    grid-template-columns: 1fr;
  }
}
/* mobile */
@media screen and (max-width: 768px) {
  .grid-container-content {
    grid-template-columns: 1fr;
  }
  .grid-container-content h3 {
    margin: -30px 0 0 10px;
    padding-top: 10px;
    font-size: 22px;
    text-align: center;
  }
  .grid-container-content p {
    margin: 30px 0 50px 0;
    padding: 0px 0 0 0;
    line-height: 1.46;
    text-align: center;
  }
  .grid-container-content ul {
    margin: 10px -15px 50px -15px;
    padding: 0px 0 0 0;
    line-height: 1.46;
    text-align: center;
  }
  .blk-container {
    margin: -70px 0 0 -25px;
    padding: 0px 0 0 0;
    line-height: 1.46;
    text-align: center;
    min-width: 130%;
    max-height: 500px !important;
  }
  .blk-container img {
    text-align: center;
    margin: 20px 0 10px 50px;
    padding: 0px 0 0 0;
    max-width: 60%;
  }
  /* cap component's width */
  .grid-container-content {
    max-width: 360px;
  }
  .fa-search-dollar {
  font-size: 40px;
}
}

/* ***************************** */
/* —— END FINANCIAL AID ———————— */
/* ***************************** */

/* ***************************** */
/* —— VIDEO CAROUSEL ———————— */
/* ***************************** */

/* disables slider buttons, remove if showing more than one video */
.slick-dots  {
   /* display:none !important;*/
}

.date-box {
  background-color: #fff;
  padding: 10px;
  border-radius: 6px;
  margin-top: 0px;
  max-width: 90%;
}
.date-box h3 {
  line-height:30px
}
#date-button a {
    color:#007fed;
}

/* tablet */
@media screen and (max-width: 980px) {
  .date-box {
  margin-top:80x;
}
}

/* mobile */
@media screen and (max-width: 768px) {
  .date-box {
  margin-top:0x;
}  
}
    
 /* ***************************** */
/* —— END VIDEO CAROUSEL ———————— */
/* ***************************** */   
/*removes orange border above black sections */
.dark-section {
  border-top: 0px solid #f06023 !important;
}

/*************************/
/*  ——3 BOX SECTIONS——   */
/*************************/

/* makes all cards in the row match the height of the tallest card */
/* targets rows containing grid-item/grid-item2 cards without needing a new HTML class,
   since these come from a shared three-column content type */
.row:has(> [class*="col-"] > .grid-item),
.row:has(> [class*="col-"] > .grid-item2) {
  display: flex;
  flex-wrap: wrap;
}
.row:has(> [class*="col-"] > .grid-item) > [class*="col-"],
.row:has(> [class*="col-"] > .grid-item2) > [class*="col-"] {
  display: flex;
}

.grid-item {
  background-color: #000;
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 20px;
  text-align: center;
  min-height: 300px; /* justfy height of white boxes */
  width: 100%; /* fills the stretched column height */
}
.grid-item2 {
  background-color: #fff;
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 20px;
  text-align: center;
  min-height: 300px; /* justfy height of white boxes */
  width: 100%; /* fills the stretched column height */
}


.grid-item h3 {
  color: #fff;
  margin: 0 0 10px 0;
  text-align: left;
  line-height: 1em;
  order: 1;
}
.grid-item2 h3 {
  color: #000;
  margin: 0 0 10px 0;
  text-align: left;
  line-height: 1em;
  order: 1;
}

.grid-description, .grid-description2 {
    text-align: left;
}
.grid-item .grid-description {
  margin: 0;
  color: #fff;
  flex-grow: 1;
  order: 2;
}
.grid-item2 .grid-description2 {
  margin: 0;
  color: #000;
  flex-grow: 1;
  order: 2;
}
.grid-item .grid-buttons, .grid-item2 .grid-buttons2 {
  margin: 20px auto 0;
  order: 3;
}
.grid-item .more-link-trio {
  margin: 0;
  align-self: center;
  text-align: center; 
  text-decoration: none;
  color:#000;
}
.grid-item2 .more-link-trio {
  margin: 0;
  align-self: center;
  text-align: center; 
  text-decoration: none;
  color:#fff;
}



/*----- Button CSS ------*/

/* positions button at bottom of container */
.buttonWrapper {
  margin: 0 auto;
  display: block;
  position: static;
}

.link-container {
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}
.more-link-trio {
  font-size: 20px;
  font-family: "Bree Serif", serif;
    background-color: #fff;
    color: #000;
    padding: 10px;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

    .more-link-trio:hover {
         background:#007fed;
         color: #fff;
         text-decoration: none;
    }
    
    .more-link-2nd-ver {
  font-size: 20px;
  font-family: "Bree Serif", serif;
    background-color: #007fed;
    color: #fff;
    padding: 10px;
    line-height: 1;
     text-decoration: none;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

    .more-link-2nd-ver:hover {
         background:#ff6720;
         color: #fff;
         text-decoration: none;
    }
    
/*****************************/
/*  ——END 3 BOX SECTIONS——   */
/*****************************/


/********************************/ 
/*———————TAKE THE NEXT STEP—————*/
/********************************/ 

    /* ————————————————————————— */
    /* —— style.css overrides —— */
    /* ————————————————————————— */
    /* all buttons */
    .next-steps .next-steps-row a {
      text-decoration: none !important;
    }
    /* row 1 & 2 buttons */
    .next-steps, .next-steps .next-steps-row-1 {
      color: #fff !important;
    }
    .next-steps a:hover, .next-steps .next-steps-row-1 a:hover {
      color: #fff !important;
    }
    /* row 1 buttons */
    .next-steps .next-steps-row-1 a {
      color: #000 !important;
      line-height: 20px;
    }
    .next-steps .next-steps-row-1 a:hover {
      color: #fff !important;
    }
    /*positions text in 1st row buttons */
    .next-steps .next-steps-row-1 a:nth-of-type(1) {
      padding: 28px 0;
    }
    .next-steps .next-steps-row-1 a:nth-of-type(2) {
      padding: 18px 0;
    }
    /* ————————————————————————— */
    /* ———————— reset —————————— */
    /* ————————————————————————— */
    /* all */
    .next-steps * {
      box-sizing: border-box;
      text-decoration: none;
      text-align: center;
      color: #fff;
      font-size: 18px;
      font-family: 'Bree Serif', serif;
      font-weight: normal;
    }
    /* ————————————————————————— */
    /* ———————— layout ————————— */
    /* ————————————————————————— */
    /* main container */
    .next-steps {
      display: grid;
      grid-auto-rows: minmax(100px, auto); /* floor of 100px, but grows for taller content like thub-main's wrapped button text */
      grid-gap: 20px;
      margin: 0 auto;
      margin-top: 10px;
      margin-bottom: 0;
      text-align: center;
      text-decoration: none;
    }
    /* row 1 */
    .next-steps-row-1 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-auto-rows: 100px;
      grid-gap: 20px;
    }
    /* row 2 */
    .next-steps-row-2 {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-rows: 100px;
      grid-gap: 20px;
    }
    /* ————————————————————————— */
    /* ————— gutter space —————— */
    /* ————————————————————————— */
    /* row spacing */
    .next-steps {
      grid-gap: 25px
    }
    /* column space */
    .next-steps-row {
      grid-gap: 10px
    }
    /* ————————————————————————— */
    /* ———————— buttons ———————— */
    /* ————————————————————————— */
    /* all buttons */
    .next-steps-row a {
      padding: auto;
      height: 90px;
      /* background: #007fed;*/
     /*  border-radius: 6px; */
      text-shadow: 0.6px 0.8px 8px rgba(0, 0, 0, 0.75);
      font-size: 24px;
      line-height: 14px;
      text-align: center;
    }
    /* row 1 buttons */
    .next-steps-row-1 a {
      background: none;
      border: 4px solid #FF8C0;
      color: #007fed;
      text-shadow: none;
      margin: 20px;
      line-height: 24px;
      font-size: 20px;
    }
    /* all icon styling */
    .next-steps-row-2 a:before {
      font-family: "Font Awesome 5 Free";
      font-style: normal;
      font-weight: 900;
      font-variant: normal;
      text-rendering: auto;
      text-shadow: none;
    }
    /* row 1 buttons */
    .next-steps-row-2 a {
      height: auto;
      text-shadow: 0.6px 0.8px 1px rgba(0, 0, 0, 0.25);
      font-size: 20px;
      text-align: center;
      margin: 10px;
      line-height: 14px;
      font-size: 20px;
      cursor: pointer;
      font-family: "Bree Serif", serif;
      line-height: 1em;
      padding: 15px 0;
      text-decoration: none;
    }
    .next-steps-row-2 a:nth-of-type(3) {
      padding: 25px 0;
    }
    /* all icon styling */
    .next-steps-row-1 a i:before {
      font-family: "Font Awesome 5 Free";
      font-style: normal;
      font-weight: 900;
      font-variant: normal;
      text-rendering: auto;
      text-shadow: none;
      color: #404040;
    }
    /* ————————————————————————— */
    /* ————— media assets —————— */
    /* ————————————————————————— */
    /* row 1 icons */
    .next-steps-row-1 a:nth-of-type(1) i:before {
      content: "\f059";
      padding-right: 15px;
    }
    .next-steps-row-1 a:nth-of-type(2) i:before {
      content: "\f073";
      padding-right: 15px
    }
    /* row 2 icons */
    .next-steps-row-2 a:nth-of-type(1):before {
      content: "\f058";
      padding-right: 15px
    }
    .next-steps-row-2 a:nth-of-type(2):before {
      content: "\f074";
      ;
      padding-right: 15px
    }
    .next-steps-row-2 a:nth-of-type(3):before {
      content: "\f46d";
      padding-right: 15px
    }
    /* ————————————————————————— */
    /* ————— hover states —————— */
    /* ————————————————————————— */
    /* row 1 buttons */
    .next-steps-row-1 a:hover {
    }
    .next-steps-row-1 a:hover {
      color: #fff;
      text-shadow: 0.6px 0.8px 1px rgba(0, 0, 0, 0.25);
    }
    .faBlue:hover {
      color: #bad8f7 !important;
    }
    /* row 2 buttons */
    .next-steps-row-2 a:hover {
      background: #f06023;
    }
    .next-steps-row-2 {
      grid-template-columns: 1fr 1fr 1fr;
    }
    /* ————————————————————————— */
    /* ————— media queries ————— */
    /* ————————————————————————— */
    /* tablet-ish */
    @media screen and (max-width: 1200px) {
      /* break row 1 buttons into 2x2 */
    }
    /* 768px */
    @media screen and (max-width: 768px) {
      
      /*clear header*/
        .next-steps {
      margin-top: 90px;
          display: grid;
        grid-auto-rows: minmax(100px, auto); /* was a fixed 300px; now grows to fit stacked button content instead of clipping it */
      }
      /* break all buttons into 1x1 */
      .next-steps-row-1 {
        grid-template-columns: 1fr;
        margin-top: -100px;
      }
      /* break row 2 buttons into 1x1 */
      .next-steps-row-2 {
        margin-top: -200px;
        margin-bottom: 0;
        grid-template-columns: 1fr;
      }
      .next-steps-row-1 {
        max-width: 460px;
      }
      .next-steps-row-2 {
        max-width: 450px;
      }

        /* column space */
    .next-steps-row {
      grid-gap: 5px
    }
    }
    
    @media screen and (max-width:468px) {
        .grid-item2 h3, .grid-item h3 {
          margin: 0 0 10px 0;
          font-size:22px;
}
  .grid-item2 p, .grid-item p {
          line-height:22px;
  }
      .grid-item2 .btnBox, .grid-item .btnBox {
           margin-top:20px;
      }

    
    
/************************************/ 
/*———————END TAKE THE NEXT STEP—————*/
/************************************/