/* AGENCY CSS */
/**************/

.h2,h2 {
    font-size: clamp(1.5rem,1.5rem + (1vw - 0.234rem) * 0.847,1.5rem)
}

/* Hide Feedback form for now */
div#feedback {
	display:none;
}

.agyTitle {
	font-size:1.15em;
	font-weight: 600;
}
#apps h3 {
    color: #004785 !important;
    font-weight: bold !important;
    text-align: center !important;
	font-size: 24px;
}
#apps p {
    font-size: 18px !important;
    font-weight: 400 !important;
}
.breakHR {
    margin: 0 auto;
    margin-top: 50px;
    width: 75%; 
    border: 0 !important;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 71, 133, 0), rgba(0, 71, 133, 0.75), rgba(0, 71, 133, 0));
}
.card {
    margin-top: 30px !important;
}
.cardButton {
	position:absolute;
	bottom: 10px;
}
.cardImg {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	text-align: center;
	padding:2px;
	margin-bottom:15px;
	color:black;
	font-size:1.3em;
	border:1px solid #EBEBEB;
}
.cardImg:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5);
}
.cardLayout {
	position: relative;
	border-style:solid;
	border-radius: 5px;
	border-width: 1px;
	border-color: #0172ad;
	padding: 10px;
}

.groupHDR {
    color: #ffffff !important;
    font-weight: Bold !important;
    font-size: 40px !important;
    font-family: var(--ffOpenSans);
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.hubButton {
	border-color:#000;
	background-color:#0172ad;
	border-radius: 5px;
	font-size:16px;
	text-align:center;
	padding:10px 40px 10px 40px !important;
	text-transform: uppercase;
	margin-top: 15px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
}
.hubButton a {
	background-color:#0172ad;
	color:#fff !important;
}
.hubButton:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5);
  color:#fff !important;
}
.minhApps {
	min-height: 675px;
}
/*iPhoneX portrait mode */
	@media screen and (max-width:480px) {
	.minhApps {
		min-height:675px !important;
	}
}
	/* iPad portrait mode */
	@media screen and (min-width: 481px) and (max-width:768px) {
	.minhApps {
		min-height:675px !important;
	}
}
	@media screen and (min-width: 769px) and (max-width: 991px) {
	.minhApps {
		min-height: 1050px !important;
	}
}
	/* iPad landscape mode */
	@media screen and (min-width: 992px) and (max-width:1024px) {
	.minhApps {
		min-height:700px !important;
	}
}
	/* iPad Pro portrait mode */
	@media screen and (min-width: 1025px) and (max-width:1200px) {
	.minhApps {
		min-height:785px !important;
	}
}
	/* iPad Pro portrait mode */
	@media screen and (min-width: 1201px) {
	.minhApps {
		min-height:735px !important;
	}
}
#mission p {
    font-size: 18px !important;
    font-weight: 400 !important;
}
#mission h3 {
    color: #008547 !important;
    font-weight: bold !important;
    text-align: center !important;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.visitButton {
	border-color:#000;
	background-color:#0172ad;
	border-radius: 5px;
	font-size: 16px !important;
	text-align:center;
	padding-top:10px !important;
	margin-bottom:0px !important;
	text-transform: uppercase;
	position:absolute !important;
	bottom:10px;
	width: 95% !important;
	margin-left:auto;
	margin-right:auto;
}
.visitButton:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5);
  color:#fff !important;
}
.visitButton a {
	background-color:#0172ad;
	color:#fff !important;
}

h1.groupHDR {
    margin: 10px 0 15px;
}

#mission svg {color: #008547;}

#mission h2.header {
    color: #008547;
    font-weight: bold ;
    text-align: center;
	font-family: var(--ffOpenSans) !important;
	font-size: 24px;
	margin-top: 20px;
    margin-bottom: 10px;
}