/* 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: 32%; 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: underline !important;
}
.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%;
	}
}