/*------- =responsive styles less than 480px wide -------*/

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

   div.triColumn,
   div.duoColumn {
      width: 100%;
   }

   #main .main-content-wrapper table thead tr th,
   #main .main-content-wrapper table tbody tr th {
      font-size: 8px;
   }

   #main .main-content-wrapper table tbody tr td {
      font-size: 8px;
   }

   #main .main-content-wrapper table tbody tr td h4 {
      font-size: 12px;
   }

   #main .main-content-wrapper table thead tr th,
   #main .main-content-wrapper table tbody tr th,
   #main .main-content-wrapper table tbody tr td {
      padding: 1px;
   }

   div.img150pxLeft,
   div.img150pxRight {
      width: 100%;
      margin-right: 0;
      margin-left: 0;
   }

   div.img75pxLeft,
   div.img75pxRight {
      width: 75px;
   }

   div.img75pxLeft {
      margin: 0px 15px 18px 0px;
      float: left;
   }

   div.img75pxRight {
      margin: 0px 0px 18px 15px;
      float: right;
   }

   div.diptych,
   div.triptych,
   div.quadtych {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 18px;
   }

   div.diptych .jcf-select,
   div.triptych .jcf-select,
   div.diptych .select-box,
   div.triptych .select-box {
      width: 100%;
   }

   #main .main-content-wrapper .link-bar {
      display: flex;
      flex-direction: column;
   }

   #main .main-content-wrapper .testimonial-headshot-and-title {
      width: 100%;
      float: none;
   }

}

/*------- =responsive styles 480px and wider -------*/

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

   div.triColumn,
   div.duoColumn {
      width: 46.9%;
      margin-right: 1.55%;
      margin-left: 1.55%;
      float: left;
   }

   #main .main-content-wrapper table thead tr th,
   #main .main-content-wrapper table tbody tr th {
      font-size: 9px;
   }

   #main .main-content-wrapper table tbody tr td {
      font-size: 9px;
   }

   #main .main-content-wrapper table tbody tr td h4 {
      font-size: 14px;
   }

   #main .main-content-wrapper table thead tr th,
   #main .main-content-wrapper table tbody tr th,
   #main .main-content-wrapper table tbody tr td {
      padding: 1px;
   }

   div.img150pxLeft,
   div.img150pxRight {
      width: 150px;
   }

   div.img150pxLeft {
      margin: 0px 15px 18px 0px;
      float: left;
   }

   div.img150pxRight {
      margin: 0px 0px 18px 15px;
      float: right;
   }

}

/*------- =responsive styles less than 600px wide -------*/

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

   p.introText {
      font-size: 18px;
   }

   div.boxInsertLeft,
   div.boxInsertRight,
   div.boxInsertLeftWide,
   div.boxInsertRightWide,
   div.boxInsertLeftMed,
   div.boxInsertRightMed {
      width: 100%;
   }

   div.img350pxLeft,
   div.img350pxRight,
   div.img250pxLeft,
   div.img250pxRight,
   div.imgHalfWidthLeft,
   div.imgHalfWidthRight {
      width: 100%;
      margin: 0px 0px 18px 0px;
   }

}

/*------- =responsive styles 600px and wider -------*/

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

   p.introText {
      font-size: 21px;
   }

   div.boxInsertLeft {
      width: 238px;
      float: left;
      margin-right: 15px;
   }

   div.boxInsertRight {
      width: 238px;
      float: right;
      margin-left: 15px;
   }

   div.boxInsertLeftWide {
      width: 60%;
      float: left;
      margin-right: 15px;
   }

   div.boxInsertRightWide {
      width: 60%;
      float: right;
      margin-left: 15px;
   }

   div.boxInsertLeftMed {
      width: 40%;
      float: left;
      margin-right: 15px;
   }

   div.boxInsertRightMed {
      width: 40%;
      float: right;
      margin-left: 15px;
   }

   div.imgHalfWidthLeft,
   div.imgHalfWidthRight {
      width: calc(50% - 7.5px);
   }

   div.img350pxLeft,
   div.img350pxRight {
      width: 350px;
   }

   div.imgHalfWidthLeft,
   div.img350pxLeft,
   div.img250pxLeft,
   div.img150pxLeft,
   div.img75pxLeft {
      margin: 0px 15px 18px 0px;
      float: left;
   }

   div.imgHalfWidthRight,
   div.img350pxRight,
   div.img250pxRight,
   div.img150pxRight,
   div.img75pxRight {
      margin: 0px 0px 18px 15px;
      float: right;
   }

   div.img250pxLeft,
   div.img250pxRight {
      width: 250px;
   }

   #main .main-content-wrapper table thead tr th,
   #main .main-content-wrapper table tbody tr th {
      font-size: 16px;
   }

   #main .main-content-wrapper table tbody tr td {
      font-size: 14px;
   }

   #main .main-content-wrapper table tbody tr td h4 {
      font-size: 18px;
   }

   #main .main-content-wrapper table thead tr th,
   #main .main-content-wrapper table tbody tr th,
   #main .main-content-wrapper table tbody tr td {
      padding: 5px;
   }

}

/*------- =responsive styles less than 768px wide -------*/

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

   #main .main-content-wrapper blockquote {
      font: 18px/22px "Volkhov", "Times New Roman", Times, serif;
   }

}

/*------- =responsive styles 768px and wider -------*/

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

   p.introText {
      font-size: 24px;
   }

   #main .main-content-wrapper h2 {
      font-size: 30px;
   }

   div.quadtych {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
   }

   #main .main-content-wrapper .link-bar {
      flex-direction: row;
   }

}

/*------- =responsive styles 1024px and wider -------*/

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

   div.triColumn {
      width: 30.23%;
      margin-right: 1.55%;
      margin-left: 1.55%;
      float: left;
   }

   div.diptych,
   div.triptych {
      display: flex;
      flex-direction: row;
      gap: 18px;
   }

   div.quadtych {
      display: flex;
      flex-direction: row;
   }

   div.diptych>div,
   div.triptych>div,
   div.quadtych>div {
      flex-grow: 1;
      flex-basis: 0;
   }

}

/*------- =list styles -------*/

#main .main-content-wrapper ol,
#main .main-content-wrapper ul {
   padding-bottom: 0px;
}

#main .main-content-wrapper ol li ol,
#main .main-content-wrapper ul li ul,
#main .main-content-wrapper ul li ol,
#main .main-content-wrapper ol li ul {
   padding-top: 6px;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

/*------- =header styles -------*/

#main .main-content-wrapper h2 {
   margin-bottom: 18px;
}

#main .main-content-wrapper h4 {
   margin-top: 18px;
   margin-bottom: 9px;
}

/*------- =fsj styles -------*/

#main .main-content-wrapper div.panel h4 {
   margin-top: 2px;
}

div.staffAuthorPic {
   float: left;
   margin-right: 15px;
   margin-bottom: 10px;
   text-align: center;
   width: 122px;
}

div.staffAuthorPic img {
   width: 100%;
}

p.introText,
p.secondaryIntroText {
   font-family: "Volkhov", "Times New Roman", Times, serif;
   font-weight: 500;
   line-height: 1.1;
   color: inherit;
   font-style: italic;
   margin-top: 9px;
}

p.introText em,
p.secondaryIntroText em {
   font-style: normal;
}

p.secondaryIntroText {
   font-size: 18px;
}

div.imgHalfWidthLeft,
div.imgHalfWidthRight,
div.img350pxLeft,
div.img250pxLeft,
div.img150pxLeft,
div.img75pxLeft,
div.img350pxRight,
div.img250pxRight,
div.img150pxRight,
div.img75pxRight,
div.imgFullWidth {
   font-weight: bold;
   font-size: 13px;
}

div.imgHalfWidthLeft span,
div.imgHalfWidthRight span,
div.img350pxLeft span,
div.img250pxLeft span,
div.img150pxLeft span,
div.img75pxLeft span,
div.img350pxRight span,
div.img250pxRight span,
div.img150pxRight span,
div.img75pxRight span,
div.imgFullWidth span {
   font-weight: normal;
   font-style: italic;
   display: block;
   margin-top: 2px;
}

div.imgHalfWidthLeft span em,
div.imgHalfWidthRight span em,
div.img350pxLeft span em,
div.img250pxLeft span em,
div.img150pxLeft span em,
div.img75pxLeft span em,
div.img350pxRight span em,
div.img250pxRight span em,
div.img150pxRight span em,
div.img75pxRight span em,
div.imgFullWidth span em {
   font-style: normal;
}

div.imgFullWidth {
   width: 100%;
   margin: 0px 0px 18px 0px;
}

div.imgHalfWidthLeft img,
div.imgHalfWidthRight img,
div.img350pxLeft img,
div.img350pxRight img,
div.img250pxLeft img,
div.img250pxRight img,
div.img150pxLeft img,
div.img150pxRight img,
div.img75pxLeft img,
div.img75pxRight img,
div.imgFullWidth img {
   width: 100%;
}

div.authorBio {
   margin-top: 18px;
   margin-bottom: 3px;
   border-top: 1px solid #cccccc;
}

div.authorBio div {
   width: 75px;
   float: left;
   margin-right: 15px;
   margin-top: 18px;
}

div.authorBio p.lastPara {
   margin-bottom: 0px;
}

div.authorBio div img {
   width: 100%;
   border: 1px solid #cccccc;
   margin-top: 3px;
}

.readMore,
.rule {
   border-top: 1px solid #cccccc;
   margin-top: 18px;
   padding-top: 18px;
}

.sidebar_block .rule {
   margin-top: 0px;
}

.sidebar_block h5,
h6 {
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   color: #666666;
}

/*------- =table styles -------*/

#main .main-content-wrapper table {
   width: 100%;
   margin-bottom: 18px;
}

#main .main-content-wrapper table thead tr th,
#main .main-content-wrapper table tbody tr th {
   background-color: #3c5eab;
   color: #ffffff;
}

#main .main-content-wrapper table.alternate tbody tr:nth-child(even) {
   background-color: #f1f5f9;
}

/*------- =bookstore styles -------*/

p.letters,
p.lettersAndTitles {
   font-family: "Volkhov", "Times New Roman", Times, serif;
   font-weight: 500;
   line-height: 1.1;
}

p.lettersAndTitles {
   font-size: 18px;
}

p.letters {
   font-size: 30px;
   color: #ffffff;
   background-color: #3c5eab;
   padding: 5px 0 5px 10px;
}

/*------- =section break styles -------*/

#main .main-content-wrapper div.sectionBreak {
   text-align: center;
   color: #cccccc;
   height: 15px;
}

#main .main-content-wrapper div.sectionBreak img.sectionLeft {
   border: none;
   width: 45%;
   height: 15px;
   margin-right: 2.5%;
}

#main .main-content-wrapper div.sectionBreak img.sectionRight {
   border: none;
   width: 45%;
   height: 15px;
   margin-left: 2.5%;
}

/*------- =accordion styles -------*/

#main .main-content-wrapper .accordion {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 1rem;
   background-color: #fff;
   font-weight: bold;
   color: #333;
   cursor: pointer;
   padding: 1rem;
   width: 100%;
   text-align: left;
   border: none;
   transition: 0.4s;
}

#main .main-content-wrapper .accordion--first {
   border-top: 1px solid #c3c6c9;
}

#main .main-content-wrapper .accordion::after {
   content: '\02795';
   font-size: 0.5rem;
}

#main .main-content-wrapper .accordion--active::after {
   content: '\2796';
}

#main .main-content-wrapper .accordion--active,
#main .main-content-wrapper .accordion:hover {
   background-color: #c3c6c9;
}

#main .main-content-wrapper .accordion__panel {
   padding: 0 1rem 0;
   border-bottom: 1px solid #c3c6c9;
   background-color: white;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
}

#main .main-content-wrapper .accordion__panel img {
   margin: 1.85rem 1.5rem 1.25rem 0;
   width: 150px;
   float: left;
   box-shadow: 0.5rem 0.5rem 0 0 #c3c6c9;
}

@media all and (max-width: 360px) {
   #main .main-content-wrapper .accordion__panel img {
      width: 100%;
   }
}

/*------- =misc styles -------*/

div.triColumn,
div.duoColumn {
   font-size: 13px;
}

div.triColumn img,
div.duoColumn img {
   width: 100%;
}

#main .main-content-wrapper p {
   margin-top: 18px;
}

#main .main-content-wrapper blockquote p {
   margin-top: 0px;
}

div.clear {
   clear: both;
   line-height: 0px;
}

#main .main-content-wrapper img {
   border: 1px solid #cccccc;
   margin: 3px 0px 5px 0px;
}

div.sidebar_block img.ad {
   border: 1px solid #cccccc;
}

div.boxInsertFull,
div.boxInsertLeft,
div.boxInsertRight,
div.boxInsertLeftWide,
div.boxInsertRightWide,
div.boxInsertLeftMed,
div.boxInsertRightMed {
   margin-top: 2px;
   margin-bottom: 18px;
   padding: 9px 18px 18px 18px;
   background-color: #f4f4f8;
   border: 1px solid #cccccc;
}

div.boxInsertLeft,
div.boxInsertRight,
div.boxInsertLeftWide,
div.boxInsertRightWide,
div.boxInsertLeftMed,
div.boxInsertRightMed {
   position: relative;
   z-index: 1;
}

#main .main-content-wrapper div.boxInsertFull h4,
#main .main-content-wrapper div.boxInsertLeft h4,
#main .main-content-wrapper div.boxInsertRight h4,
#main .main-content-wrapper div.boxInsertLeftWide h4,
#main .main-content-wrapper div.boxInsertRightWide h4,
#main .main-content-wrapper div.boxInsertLeftMed h4,
#main .main-content-wrapper div.boxInsertRightMed h4 {
   margin-top: 9px;
}

div.boxInsertFull {
   width: 100%;
}

p.boxInsertLastPara {
   margin-bottom: 0px;
}

#main .main-content-wrapper blockquote {
   margin-top: 18px;
   margin-bottom: 18px;
   border-color: #cccccc transparent;
}

#main .main-content-wrapper blockquote p span {
   display: block;
   float: right;
   margin-top: 18px;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 15px;
   line-height: 1.2;
   color: #9daacf;
   font-style: italic;
}

textarea {
   line-height: 1.5;
   min-height: 123px;
}

#edit-submitted-essay-document-upload {
   min-height: 63px;
   margin-bottom: 10px;
}

#main .main-content-wrapper .clickable {
   cursor: pointer;
}

#main .main-content-wrapper div.memPlaque {
   text-align: center;
}

#main .main-content-wrapper div.memPlaque h2 span {
   color: #939597;
   font-size: 14px;
   font-style: italic;
}

#main .main-content-wrapper div.memPlaqueReveal {
   margin: 0 auto;
   width: 100%;
   max-width: 557px;
}

div.authorBio div.duo {
   width: 160px;
   margin-right: 15px;
}

div.authorBio div.duo img {
   width: 46.875%;
}

div.authorBio div.duo img#duo {
   margin-right: 10px;
}

div.authorBio div.trio {
   width: 245px;
   margin-right: 15px;
}

div.authorBio div.trio img {
   width: 30.612%;
}

div.authorBio div.trio img#trio01,
div.authorBio div.trio img#trio02 {
   margin-right: 10px;
}

#main .main-content-wrapper small {
   color: inherit;
}

#main .main-content-wrapper .introText small {
   font-size: 67%;
}

#main .main-content-wrapper a.efmBizLogo {
   display: block;
   width: 100%;
   max-width: 300px;
   margin: 18px auto 9px;
}

#main .main-content-wrapper .redText {
   color: #b12229;
}

#main .main-content-wrapper {
   padding: 18px 22px;
}

/*------- =50 States Initiative styles -------*/

#main .main-content-wrapper div#fiftyStatesContainer {
   width: 100%;
   position: relative;
   margin: 0 auto 18px auto;
}

#main .main-content-wrapper div#fiftyStatesSpacerImg {
   width: 100%;
}

#main .main-content-wrapper div#fiftyStatesSpacerImg img {
   width: 100%;
   opacity: 1;
}

#main .main-content-wrapper img.fiftyStates {
   border: 0;
   margin: 0;
   width: 100%;
}

#main .main-content-wrapper div#nonConGrayBorder50states {
   width: 38.366%;
   position: absolute;
   left: 0.000%;
   top: 70.649%;
}

#main .main-content-wrapper div#alabama50states {
   width: 6.929%;
   position: absolute;
   left: 67.077%;
   top: 60.099%;
}

#main .main-content-wrapper div#alaska50states {
   width: 22.570%;
   position: absolute;
   left: 1.060%;
   top: 72.272%;
}

#main .main-content-wrapper div#arizona50states {
   width: 12.694%;
   position: absolute;
   left: 14.607%;
   top: 49.006%;
}

#main .main-content-wrapper div#arkansas50states {
   width: 9.100%;
   position: absolute;
   left: 54.576%;
   top: 55.604%;
}

#main .main-content-wrapper div#california50states {
   width: 14.969%;
   position: absolute;
   left: 1.603%;
   top: 23.983%;
}

#main .main-content-wrapper div#colorado50states {
   width: 13.521%;
   position: absolute;
   left: 27.508%;
   top: 36.790%;
}

#main .main-content-wrapper div#connecticut50states {
   width: 3.025%;
   position: absolute;
   left: 91.081%;
   top: 27.036%;
}

#main .main-content-wrapper div#delaware50states {
   width: 1.913%;
   position: absolute;
   left: 88.314%;
   top: 37.515%;
}

#main .main-content-wrapper div#districtOfColumbia50states {
   width: 0.905%;
   position: absolute;
   left: 85.962%;
   top: 40.799%;
}

#main .main-content-wrapper div#florida50states {
   width: 17.115%;
   position: absolute;
   left: 68.950%;
   top: 74.172%;
}

#main .main-content-wrapper div#georgia50states {
   width: 10.057%;
   position: absolute;
   left: 72.053%;
   top: 59.189%;
}

#main .main-content-wrapper div#hawaii50states {
   width: 12.254%;
   position: absolute;
   left: 25.207%;
   top: 85.203%;
}

#main .main-content-wrapper div#idaho50states {
   width: 11.065%;
   position: absolute;
   left: 15.357%;
   top: 3.636%;
}

#main .main-content-wrapper div#illinois50states {
   width: 7.316%;
   position: absolute;
   left: 60.031%;
   top: 32.480%;
}

#main .main-content-wrapper div#indiana50states {
   width: 5.481%;
   position: absolute;
   left: 66.779%;
   top: 34.543%;
}

#main .main-content-wrapper div#iowa50states {
   width: 11.117%;
   position: absolute;
   left: 50.879%;
   top: 29.498%;
}

#main .main-content-wrapper div#kansas50states {
   width: 13.780%;
   position: absolute;
   left: 40.589%;
   top: 42.398%;
}

#main .main-content-wrapper div#kentucky50states {
   width: 13.340%;
   position: absolute;
   left: 64.400%;
   top: 44.287%;
}

#main .main-content-wrapper div#louisiana50states {
   width: 10.574%;
   position: absolute;
   left: 55.817%;
   top: 68.871%;
}

#main .main-content-wrapper div#maine50states {
   width: 6.722%;
   position: absolute;
   left: 93.278%;
   top: 5.158%;
}

#main .main-content-wrapper div#maryland50states {
   width: 8.506%;
   position: absolute;
   left: 81.774%;
   top: 37.964%;
}

#main .main-content-wrapper div#massachusetts50states {
   width: 6.593%;
   position: absolute;
   left: 90.977%;
   top: 23.130%;
}

#main .main-content-wrapper div#michigan50states {
   width: 14.064%;
   position: absolute;
   left: 61.272%;
   top: 11.531%;
}

#main .main-content-wrapper div#minnesota50states {
   width: 12.306%;
   position: absolute;
   left: 50.000%;
   top: 7.824%;
}

#main .main-content-wrapper div#mississippi50states {
   width: 6.541%;
   position: absolute;
   left: 60.832%;
   top: 60.731%;
}

#main .main-content-wrapper div#missouri50states {
   width: 12.254%;
   position: absolute;
   left: 52.482%;
   top: 40.274%;
}

#main .main-content-wrapper div#montana50states {
   width: 18.976%;
   position: absolute;
   left: 20.088%;
   top: 4.075%;
}

#main .main-content-wrapper div#nebraska50states {
   width: 15.150%;
   position: absolute;
   left: 37.668%;
   top: 30.744%;
}

#main .main-content-wrapper div#nevada50states {
   width: 11.789%;
   position: absolute;
   left: 8.480%;
   top: 27.210%;
}

#main .main-content-wrapper div#newHampshire50states {
   width: 2.947%;
   position: absolute;
   left: 92.244%;
   top: 14.493%;
}

#main .main-content-wrapper div#newJersey50states {
   width: 2.534%;
   position: absolute;
   left: 88.754%;
   top: 31.163%;
}

#main .main-content-wrapper div#newMexico50states {
   width: 12.952%;
   position: absolute;
   left: 25.595%;
   top: 51.549%;
}

#main .main-content-wrapper div#newYork50states {
   width: 13.676%;
   position: absolute;
   left: 80.326%;
   top: 16.955%;
}

#main .main-content-wrapper div#northCarolina50states {
   width: 16.649%;
   position: absolute;
   left: 74.457%;
   top: 49.445%;
}

#main .main-content-wrapper div#northDakota50states {
   width: 12.125%;
   position: absolute;
   left: 38.676%;
   top: 8.478%;
}

#main .main-content-wrapper div#ohio50states {
   width: 7.730%;
   position: absolute;
   left: 71.691%;
   top: 31.999%;
}

#main .main-content-wrapper div#oklahoma50states {
   width: 15.977%;
   position: absolute;
   left: 38.728%;
   top: 53.388%;
}

#main .main-content-wrapper div#oregon50states {
   width: 14.995%;
   position: absolute;
   left: 2.921%;
   top: 9.203%;
}

#main .main-content-wrapper div#pennsylvania50states {
   width: 10.677%;
   position: absolute;
   left: 79.007%;
   top: 29.212%;
}

#main .main-content-wrapper div#rhodeIsland50states {
   width: 1.344%;
   position: absolute;
   left: 94.002%;
   top: 26.627%;
}

#main .main-content-wrapper div#southCarolina50states {
   width: 9.411%;
   position: absolute;
   left: 76.422%;
   top: 57.687%;
}

#main .main-content-wrapper div#southDakota50states {
   width: 12.901%;
   position: absolute;
   left: 38.133%;
   top: 19.744%;
}

#main .main-content-wrapper div#tennessee50states {
   width: 15.512%;
   position: absolute;
   left: 63.237%;
   top: 52.407%;
}

#main .main-content-wrapper div#texas50states {
   width: 26.086%;
   position: absolute;
   left: 30.636%;
   top: 55.349%;
}

#main .main-content-wrapper div#utah50states {
   width: 10.290%;
   position: absolute;
   left: 18.226%;
   top: 30.723%;
}

#main .main-content-wrapper div#vermont50states {
   width: 2.947%;
   position: absolute;
   left: 89.788%;
   top: 15.750%;
}

#main .main-content-wrapper div#virginia50states {
   width: 14.142%;
   position: absolute;
   left: 75.931%;
   top: 40.650%;
}

#main .main-content-wrapper div#washington50states {
   width: 12.487%;
   position: absolute;
   left: 6.360%;
   top: 0.000%;
}

#main .main-content-wrapper div#westVirginia50states {
   width: 8.325%;
   position: absolute;
   left: 76.577%;
   top: 37.096%;
}

#main .main-content-wrapper div#wisconsin50states {
   width: 9.798%;
   position: absolute;
   left: 57.187%;
   top: 16.475%;
}

#main .main-content-wrapper div#wyoming50states {
   width: 12.927%;
   position: absolute;
   left: 25.284%;
   top: 21.051%;
}

#main .main-content-wrapper p.hanging-indent {
   margin-top: 0px;
   margin-bottom: 0px;
   text-indent: -27px;
}

#main .main-content-wrapper p.hanging-indent-w-margins {
   text-indent: -27px;
}

#main .main-content-wrapper p.hanging-indent-lv01 {
   padding-left: 27px;
}

#main .main-content-wrapper p.hanging-indent-lv02 {
   padding-left: 54px;
}

#main .main-content-wrapper p.hanging-indent-lv03 {
   padding-left: 81px;
}

#main .main-content-wrapper p.hanging-indent span,
#main .main-content-wrapper p.hanging-indent-w-margins span {
   font-family: monospace;
   font-weight: bold;
   color: #b12229;
}

#main a.link-button {
   font-size: 15px;
   font-weight: 500;
   display: inline-block;
   vertical-align: top;
   text-transform: uppercase;
   padding: 11px 18px;
   border-radius: 3px;
   background-color: #b12229;
   cursor: pointer;
   color: #fff;
   line-height: 1.2;
   border: none;
   font-family: inherit;
   -webkit-appearance: button;
   appearance: button;
   overflow: visible;
   box-sizing: border-box;
   text-align: center;
   transition: background-color 0.2s;
}

#main a.link-button:hover {
   text-decoration: none;
   background-color: #fd2e38;
}

#main .inner-page-slider-container {
   position: relative;
   margin: 0 auto;
   background-color: #1d386c;
}

#main .inner-page-slider-images-container,
#main .inner-page-slider-captions-container {
   overflow: hidden;
   width: 100%;
   height: 100%;
}

#main .inner-page-slider-images,
#main .inner-page-slider-captions {
   display: flex;
   position: relative;
   width: 400%;
   height: 100%;
}

#main .inner-page-slider-images img {
   display: block;
   height: 100%;
   border: none;
   margin: 0;
}

#main .inner-page-slider-captions>div {
   display: flex;
   flex-direction: column;
   width: 100%;
   padding: 2rem;
   color: #fff;
}

#main .inner-page-slider-captions>div div {
   flex-grow: 1;
}

#main .inner-page-slider-captions h2 {
   margin-top: 0;
   padding-bottom: 10px;
   border-bottom: 1px solid #3c5eab;
}

#main .inner-page-slider-captions>div>p {
   margin-top: 0;
   margin-bottom: 0;
   color: #ccc;
}

#main .inner-page-slider-captions a {
   color: #85aaff;
}

#main .inner-page-slider-captions a:hover {
   color: #3b5ca9;
}

#main .inner-page-slider-buttons {
   display: flex;
   justify-content: center;
   margin: 0 auto 18px;
   background-color: #1d386c;
}

#main .inner-page-slider-buttons span {
   display: block;
   color: #b12229;
   line-height: 1;
   font-size: 48px;
   font-weight: bold;
   text-decoration: none;
   padding: 0 1rem;
   transition: all .2s ease-in-out;
   cursor: pointer;
}

#main .inner-page-slider-buttons span:hover,
#main .inner-page-slider-buttons span.active {
   color: #fff;
}

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

   #main .inner-page-slider-captions-container {
      position: absolute;
      top: 0;
   }

   #main .inner-page-slider-captions>div {
      padding: 5rem 0 5rem 2.5rem;
      background: center / contain no-repeat url("https://www.afsa.org/sites/default/files/blue-gradient-overlay.png");
   }

   #main .inner-page-slider-captions>div>div,
   #main .inner-page-slider-captions>div>p {
      width: 66.67%;
   }

   #main .inner-page-slider-captions h2 {
      border-color: #ffffff;
   }

   #main .inner-page-slider-buttons {
      position: relative;
      z-index: 1;
      margin-top: -48px;
      background-color: transparent;
   }

}

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

   #main .inner-page-slider-captions>div>div,
   #main .inner-page-slider-captions>div>p {
      width: 50%;
   }

   #main .inner-page-slider-captions>div {
      padding: 10rem 0 10rem 5rem;
   }

}

#mc_embed_signup {
   padding: 2rem;
   border-radius: 5px;
   background-color: #3c5eab;
}

#mc_embed_signup.main_content_area {
   margin: 18px 0;
}

#mc_embed_signup.sidebar {
   margin: 8px 0 24px;
}

#mc_embed_signup label {
   color: #fff;
}

#mc_embed_signup input.email {
   border-radius: 5px;
   margin-bottom: 1rem;
}

#main .webform-progressbar {
   display: none;
}

:target {
   scroll-margin-top: 160px;
}

div.box-link img {
   transition: opacity 0.2s;
}

div.box-link a {
   transition: color 0.2s;
}

div.box-link:hover img {
   opacity: 90%;
}

div.box-link:hover {
   cursor: pointer;
}

div.box-link:hover a {
   color: #85aaff;
   text-decoration: underline;
}

#main .main-content-wrapper .lightbox-modal {
   visibility: hidden;
   opacity: 0;
   transition: visibility 0.1s, opacity 0.1s;
   position: fixed;
   z-index: 110001;
   padding: 55px 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgba(0, 0, 0, 0.9);
}

#main .main-content-wrapper .lightbox-modal-content {
   position: relative;
   margin: auto;
   padding: 0;
   width: 90%;
   max-width: 800px;
}

#main .main-content-wrapper .lightbox-close-btn {
   color: white;
   position: absolute;
   top: 10px;
   right: 25px;
   font-size: 35px;
   font-weight: bold;
   transition: color 0.1s;
   cursor: pointer;
}

#main .main-content-wrapper .lightbox-slides {
   display: none;
}

#main .main-content-wrapper .lightbox-slides img {
   display: block;
   margin: 0 auto;
   max-width: 100%;
   max-height: 700px;
}

#main .main-content-wrapper .lightbox-prev,
#main .main-content-wrapper .lightbox-next {
   cursor: pointer;
   position: absolute;
   top: 0;
   width: auto;
   height: 100%;
   padding: 0 24px;
   color: white;
   font-weight: bold;
   font-size: 20px;
   transition: 0.1s;
   text-decoration: none;
   user-select: none;
   -webkit-user-select: none;
   transition: color 0.1s;
}

#main .main-content-wrapper .lightbox-prev {
   left: 0;
   transform: translateX(-100%);
}

#main .main-content-wrapper .lightbox-next {
   right: 0;
   transform: translateX(100%);
}

#main .main-content-wrapper .lightbox-prev .lightbox-chevron,
#main .main-content-wrapper .lightbox-next .lightbox-chevron {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}

#main .main-content-wrapper .lightbox-prev .lightbox-chevron {
   left: 40%;
}

#main .main-content-wrapper .lightbox-next .lightbox-chevron {
   right: 40%;
}

#main .main-content-wrapper .lightbox-close-btn:hover,
#main .main-content-wrapper .lightbox-close-btn:focus,
#main .main-content-wrapper .lightbox-prev:hover,
#main .main-content-wrapper .lightbox-prev:focus,
#main .main-content-wrapper .lightbox-next:hover,
#main .main-content-wrapper .lightbox-next:focus {
   color: #999;
}

#main .main-content-wrapper .lightbox-slide-number {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
   transform: translateX(-100%);
}

#main .main-content-wrapper .lightbox-text-container {
   padding: 2px 16px;
   color: white;
}

#main .main-content-wrapper .lightbox-thumbnail {
   background-color: #000;
   float: left;
   width: 16.6666666%;
}

#main .main-content-wrapper .lightbox-thumbnail-img {
   display: block;
   margin: 0;
   width: 100%;
   cursor: pointer;
   opacity: 0.4;
   transition: opacity 0.1s;
}

#main .main-content-wrapper .lightbox-active,
#main .main-content-wrapper .lightbox-thumbnail-img:hover {
   opacity: 1;
}

#main .main-content-wrapper .lightbox-modal img {
   border: none;
}

@media all and (max-width: 1023px) {
   #main .main-content-wrapper .lightbox-modal {
      padding: 55px 45px;
   }
}

#main .main-content-wrapper .link-bar {
   display: flex;
   gap: 1px;
}

#main .main-content-wrapper .link-bar a {
   display: block;
   width: 100%;
   padding: 9px;
   background-color: #1d386c;
   text-align: center;
   color: #ffffff;
   transition: background-color 0.2s;
}

#main .main-content-wrapper .link-bar a:hover {
   background-color: #3c5eab;
   text-decoration: none;
}

#main .main-content-wrapper .testimonial-carousel {
   position: relative;
   overflow: hidden;
}

#main .main-content-wrapper .testimonial-carousel-slides {
   display: flex;
   position: relative;
   top: 0;
   left: 0;
   justify-content: space-between;
   transition: left 1s;
}

#main .main-content-wrapper .testimonial-carousel-slide {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 18px;
   border: 4px solid transparent;
}

#main .main-content-wrapper .testimonial-headshot-and-title {
   flex: 2;
   text-align: center;
}

#main .main-content-wrapper .testimonial-text {
   flex: 4;
}

#main .main-content-wrapper .testimonial-headshot-and-title img {
   border-radius: 50%;
   margin-bottom: 9px;
}

#main .main-content-wrapper .testimonial-carousel-buttons {
   display: flex;
   gap: 1rem;
   justify-content: center;
   align-items: center;
}

@media all and (min-width: 480px) {
   #main .main-content-wrapper .testimonial-carousel-slide {
      flex-direction: row;
   }
}

#search-results .search-row {
   border-bottom-color: #cccccc;
}