/* CSS Document */
  /* -- Template Fix -- */ html {scroll-behavior: smooth;}
  .m-left-zero {margin-left: 0 !important;}
  .m-right-zero {margin-right: 0 !important;} 
  /* -- Sections -- */
  .dh-content { max-width: 100%; margin: 0 auto; }
  .dh-tab-sub { vertical-align: top; border-bottom: 5px solid #FFF !important; }
  .dh-tab-sub p { min-height: 110px; }
  /* -- /Tabs -- */
  /* -- Sub Section -- */

/*Resize the width*/
  .dh-subsection { width: 24%; margin: 2% 1%; display: inline-block; box-sizing: border-box; box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .1); background-color: #FFF; color: #383838; text-align: center; transition: ease .3s; border: 1px solid #dedede; border-radius: 5px; }
  .dh-tab-sub:hover { box-shadow: 0 14px 28px rgba(0,0,0,.3), 0 10px 10px rgba(0,0,0,.2); border: 1px solid #dedede; border-bottom: 5px solid #EFBA08 !important; } 
  .dh-subsection p { margin: 20px 20px; } 
  .dh-subsection h3 { margin: 20px 10px 5px 10px} 
  .dh-subsection img { width: 100% !important; height: 250px !important; object-fit: cover; border-radius: 5px 5px 0 0;} 
  /* -- Tablet -- */ 
  @media screen and (min-width: 601px) and (max-width: 1024px) {
      .m-left-zero, .m-right-zero {margin: 2% 1% !important;} 
      .text h4 { font-size: 16px; margin: 5px 0; } 
      .text p { font-size: 12px; } 
      .dh-tabs label { font-size: 12px; padding: 16px 14px; } 
      .dh-subsection { width: 46%; }  } 
  /* -- /Tablet -- */ 
  /* -- Phone -- */ 
  @media screen and (max-width: 600px) { 
      .m-left-zero, .m-right-zero {margin: 2% 1% !important;} 
      .dh-it { line-height: 40px; font-size: 16px; } 
      /* -- Tabs -- */ 
      .dh-tabs .dh-tab, .dh-tabs label { order: initial; } 
      .dh-tabs label { background-color: #F5F5F5; width: 100%; border-top: 2px solid #FFF; } 
      .dh-tabs input[type="radio"]:checked + label:before {content: "- ";} 
      .dh-tabs input[type="radio"]:checked + label { background-color: rgba(239,186,8,.9); border: 0; margin-bottom: 1px; margin-top: 5px; } 
      .dh-subsection { width: 98%; } 
      /* -- /Tabs -- */ 
  /* -- /Phone -- */
  /* -- Exceptions -- */ 
      @media screen and (min-width: 1025px) and (max-width: 1440px) { 
          .dh-tabs label { font-size: 18px; padding: 15px 20px; } 
          .dh-it { font-size: 28px; }  } 

}

.dh-subsection h3 a {
  text-decoration: none;
}
.underline-on-hover {
text-decoration: none;
}

.underline-on-hover:hover {
text-decoration: underline;
}

.resources-container {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}

.resources-section {
flex-basis: calc(25% - 12px);
background-color: #eee;
padding: 15px 0;
margin: 5px;
text-align: center;
position: relative;
color: #860038;
border: 1px solid #dedede;
  border-radius: 5px;
}

.resources-section img {
width: 50px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

  .resources-section p{
      color: black;
      margin: 20px 20px;
  }
  .resources-section h3 {
margin: 20px 10px 5px 10px;
}

  .resources-section > .fas {
      padding-top: 20px;
  }

  .unit-footer-title {
      font-size: 1.2em;
      color: black;
      text-align: center;
  }
.unit-footer-container {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
  .unit-footer-section {
      flex-basis: 31%;
      margin: 0 1%;
  }
  
@media only screen and (max-width: 800px) {
.resources-section {
  flex-basis: calc(50% - 12px);
}
  .unit-footer-section {
      flex-basis: 48%;
  }
}

@media only screen and (max-width: 480px) {
.resources-section {
  flex-basis: 100%;
}
  .unit-footer-section {
      flex-basis: 100%;
  }
}