/* REGION: FOOTER
----------------------------------------------- */
#footer {
	background-color: #012550;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0f335e), to(#00244f));
	background-image: linear-gradient(to bottom, #0f335e, #00244f);
	border-top: none;
	font-size: 11px;
	letter-spacing: .025em;
	padding:0;
	/*position: relative;*/
	text-shadow: 1px 1px 2px rgba(0,0,0,1);
  /*z-index: 1;*/
}

#footer,
#footer a,
#footer a:link,
#footer a:visited {
	color:#e5e5e5;
	font-family:"Lato";
	font-size:11px;
	font-weight: 900;
	text-shadow:0 1px 0 #000410;
}

#footer a:hover,
#footer a:active { color: #fff; }
#footer ul, #footer li,
#footer p { font-size: .6875rem; }
#footer h6 {
	color:#fff;
	font-size: .75rem;
	text-transform:uppercase;
}

#footer .bottom a:not(.tel) {
  display: block;
	margin-bottom: 0.5rem;
	text-transform:uppercase;
}

#footer ul { margin-left: .875rem; }
#footer > .grid-container {
	border-bottom:1px solid #00030f;
	border-top: 1px solid #043b7c;
	padding: 0 .75rem;
}

/*#footer > .grid-container:first-child { border-top: 0; }
#footer > .grid-container:last-child { border-bottom: 0; }
#footer .cell, #footer .cell { padding: 1rem 0; }

@media (min-width: 1201px) {
	#footer .top .cell, #footer .bottom .cell {
	    width: 19%;
	}
}

@media(max-width:1200px) and (min-width:901px) {
	#footer .top .cell:not(:first-child),
	#footer .bottom .cell {
	    width: calc(20% - 17px);
	}
}*/


/* added to reduce the height of the grey footer  rthompson 3/10/15 */
/*#footer .cell, #footer .cell .top { padding: .60rem 0; }*/

#footer .top {
	background-color: #e5e9ee;
	border-bottom: 6px solid #820000;
}

#footer .top > .grid-container {
	padding-left: .5rem;
}

@media (max-width: 1200px) and (min-width: 901px) {
	#footer .top > .grid-container {
		padding-left: 1rem;
	}
}

@media(max-width:900px) {
	#footer .top {
		padding-bottom: 1rem;
	}
}


/*#footer .top .grid-container { position: relative; }

#footer .top .cell:first-of-type,
#footer .bottom .cell:first-of-type {
    height: auto !important;
    width: 5% !important;
}

#footer .top .grid-container > .cell:first-of-type {
    left: auto;
    overflow: visible;
    padding: 0;
    position: relative;
}

#footer .top .grid-container > .cell:first-of-type a {
	display: block;
}

@media(max-width:1200px) {
	#footer .top .grid-container > .cell:first-of-type {
		height: 74px !important;
		margin-right: 1rem;
		transform: none;
	   	width: 58px !important;
	}
}

@media(max-width:900px) {
	#footer .top .grid-container > .cell:first-of-type {
        display: none;
	}
}

#footer .top img {
    height: 72px;
    left: 0;
    position: absolute;
    width: 58px;
    z-index: 10;
}

@media (min-width: 1501px) {
	#footer .top img {
	    left: auto;
	    right: 100%;
	}
}

@media(max-width:1200px) {
	#footer .top img {
		margin-top: 5%;
		max-height: 90%;
	}
}*/

#footer .top a {
	color: #820000;
	font-size: 13px;
	text-shadow: none;
}

#footer .top .cell:not(:first-child) a:before {
	content:url('/assets/images/bullet.png');
	padding-right: .5rem;
	vertical-align: top;
}

@media(min-width:901px) {
	#footer .bottom {
		min-height: 5.625rem;
	}
}

@media(max-width:900px) {
	#footer .bottom {
		padding-top: 1rem;
	}
}

@media(max-width:1200px) {
	#footer .bottom > .cell:empty {
		display: none;
	}
}

@media(max-width:1200px) {
	#footer .bottom > .cell:nth-child(3) {
		margin-left: 0;
		padding-left: 0;
	}

	#footer .bottom > .cell:nth-child(3n + 4),
	#footer .bottom > .cell:nth-child(3n + 3) {
		padding-left: 0;
	}
}

@media(min-width:901px) and (max-width:1200px) {
	#footer .bottom > .cell:nth-child(2) {
		margin-left: 5.25rem;
	}
}

#copyright > *:last-child:after {
	content: url('/assets/images/leaf.png');
	padding-left: 7px;
	vertical-align: text-top;
}


/* SOCIAL
----------------------------------------------- */
#footer .social-icons {
  align-self: end;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: auto;
	text-align: right;
}

#copyright {
	width: 100%;
}

@media(min-width:1201px) {
	#copyright {
		max-width: 75%;
	}
}

@media only screen and (max-width:900px) {
	#copyright {
		padding-bottom: 0;
	}

	#footer .social-icons {
		clear: both;
		padding-top: 0;
		text-align: left;
		width: 100%;
	}
}

@media(max-width:600px) {
	#footer .top .cell {
		padding: .25rem 0;
	}

	#footer .bottom > .cell:first-child {
		display: none;
	}
}

@media(min-width:1201px) {
	#footer .cell {
		padding-left:.125rem;
		padding-right:.125rem;
	}
}

@media only screen and (max-width:900px) and (min-width:601px) {
	#dept-block > h3 { display: none; }
}

@media(max-width:600px) {
	#footer .cell:nth-child(2n + 1) { clear:both; }
}


#footer .logo {
  aspect-ratio: .8055;
  width:58px;
}








#footer :is(.top,.bottom) .container {
	display: grid;
	gap: 1.5rem .5rem;
  grid-template-columns: repeat(1, 1fr);
	padding-block: .5625rem;

	@media(width>900px) {
		grid-template-columns: repeat(5, 1fr);
	}

	@media(480px < width <= 900px) {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(480px < width <= 900px) {
	#footer .top .cell:has(.logo,.srjc-logo) {
		grid-column: span 2;
	}
}

#footer .bottom .container {
	border-bottom: 1px solid #00030f;
}

#footer .bottom + .container {
	border-top: 1px solid #043b7c;
	display: flex;
	gap: 1.5rem;
	padding-block: .5625rem;

  @media(max-width:900px) {
    flex-wrap: wrap;
  }
}

#footer .bottom + .container > a:has(.logo) {
	flex-grow: 0;
}