/* colors
Dark Blue - #487386
Medium Blue - #60A0CA
Light BLue - #A5DFF9
Orange - #ECB44C
Teal - #7ACDCA
Green - #D3DF56
Lt Tan- #F6F6F6

*/


body {font-family: 'PT Sans', sans-serif; font-size: 1.1em; background-color: #fff; color: #637075;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: 'PT Sans', sans-serif}

.top-bar, .top-bar ul { background-color: #ECB44C; color: #fff!important; }
.top-bar {padding: .35em 1em;}
.top-bar a {font-size: 1em!important; color: #fff!important;}
.top-bar a:hover {box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s; background-color: #F6C467;}
.site-header { margin: 0 0 1em 0!important; }
.menu-sub-menu-container ul li a {font-weight: 700; color: #fff;}
.top-menu  ul li a {font-weight: 700; color: #487386; text-transform: uppercase;}
.top-bar .top-bar-left a:link, .top-bar .top-bar-left a:visited {color: #fff!important;}
.top-bar .top-bar-right .menu-sub-menu-container {float: left;}
.top-bar .top-bar-right form {float: left; margin-top: .25em; }
.top-bar input { max-width: 200px;  margin-right: 1rem; height: 2.2375rem!important; border: none;}
.menu input { display: inline-block;}
.top-bar .menu .button {padding: 0.58rem 1rem;}
#bigTriangleColor path {fill: #ECB44C; stroke: #ECB44C;  stroke-width: 2;}

#footer-ang path {fill: #60A0CA; stroke: #60A0CA;  stroke-width: 2;}
#footer-ang-1 path {fill: #fff; stroke: #fff;  stroke-width: 2;}
.sub-footer-con {position: relative; margin-bottom: 2em; background-color:#D3DF56; padding-top: 3em; }
.sub-footer-txt {position: absolute; z-index: 999; text-align: center; width: 100%; margin: 0 auto; top: 1.4em;}
.sub-footer-txt .button {background-color: #60A0CA!important; font-size: 1.2em; transition: background-color 0.25s ease-out, color 0.25s ease-out; }
.sub-footer-txt .button:hover {background-color: #487386!important;  }
.sub-footer-con .sub-footer-txt a {color: #487386; font-size: 1.6em;}
.sub-footer { position: absolute; width: 100%; }
#sub-footer-ang path {fill: #D3DF56; stroke: #D3DF56;  stroke-width: 2;}
.site-footer {background-color: #487386; color: #fff; text-align: center; padding-bottom: .75em;}
.site-footer img {display: block; margin: 0 auto; margin-bottom: 1em;}
.site-footer a {color: #fff;}
.footer-bar {background-color: #60A0CA; color: #fff; text-align: center; padding: .5em 0; font-size: .925em;}

.top-menu a {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: box-shadow;  transition-property: box-shadow;
  /* box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); */}
.top-menu a:hover, .top-menu a:focus, .top-menu a:active {  box-shadow: inset 0 0 0 4px #F6F6F6, 0 0 1px rgba(0, 0, 0, 0);}
.row-pad-1 {padding: 1em 0;}
.row-pad-2 {padding: 2em 0;}
.row-pad-3 {padding: 3em 0;}

.home-intro {font-size: 1.4em; text-align: center;}

.tan-row {background-color: #F6F6F6; }
.home-box {text-align: center;}
.home-box .cell .callout{text-align: center; padding: 2em 2em; border-color: #EDEBE8;}
.home-box .cell .callout:hover {background-color: #DCF4FF;  -webkit-transition-duration: 0.65s;  transition-duration: 0.65s; border-color: #fff;}
.home-box .cell .callout h3 {font-size: .935em!important; font-weight: 700; text-transform: uppercase; color: #60A0CA; margin-top: 1em;}
.home-box img {text-align: center;}




.footer-logos figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.hours {font-size: .9em;  }
.hours h4 {text-transform: uppercase; color: #7ACDCA; font-weight: 700; font-size: .96em; margin: 1em 0 .5em; }

.color-bar {background-color: #60A0CA; height: 16vh; width: 100%; position: absolute; left: 0; z-index: 0}
.white-box {background-color: #fff; z-index: 999; position: relative; padding-bottom: 2em;}
.white-box .cell {padding-left: 2em; padding-right: 2em;}
h1.entry-title {font-size: 2em; color: #7ACDCA; margin: 1em 0; }
.breadcrumbs {font-size: .93em; padding: 1em 0 0 0;}


.catalog-con {text-align: center; width: 60%; margin: 0 auto; }
.catalog-con .medium-7 {padding: 0;}
#w_L534 {width: 100%!important;text-align: center;}
#w_P534 {width: 100%!important;}
#w_L534 tr:first-child td {background-color: #487386!important; color: #fff!important;}

.resource img {max-width: 225px;}
.resource-row {border-bottom: 1px solid #ccc; margin: 2em 0 3em 0; padding-bottom: 2em;}
.resource-row:last-child {border-bottom: none;}
.resource-row h3 {margin: 0!important; color: #487386; font-size: 1.2em; font-weight: 600; display: inline;}

.resource-box {padding-left: 0!important; padding-right: 0!important;}

.tablepress thead {color: #637075!important;}
#gform_wrapper_4, .library-card_wrapper {display: block!important;}


/* Small only */
@media screen and (max-width: 39.9375em) {
.top-bar .top-bar-left {text-align: center; font-weight: 600;}
.top-bar-right {display: none;}
.site-branding {margin: 1em 0 2em; text-align: center;}
.title-bar {display: block; background: #36609A!important; width: 100%;}
.site-header {margin-bottom: 1em;}
.title-bar {display: block; background: #487386!important; width: 100%;}
.menu-main-menu-container {display: none;}
.mobile-menu ul li a:after  { height: 0; background: none!important; left: auto!important; margin: 0!important; right: 0!important; }
.mobile-menu ul ul.sub-menu:before {height: 0!important; width: 0!important; }
.mobile-menu li a {font-weight: 600; color: #444444;}
.mobile-menu ul li ul.sub-menu {list-style: none; margin-left: .5em!important;}
.mobile-menu ul li ul.sub-menu li a {font-weight: 100;padding: .45rem 1rem;}



.sub-footer-con {position: relative; margin-bottom: 2em; background-color:#D3DF56; padding-top: 3em; }
.sub-footer-txt {position: absolute; z-index: 999; text-align: center; width: 100%; margin: 0 auto; top: 1em;}

.sub-footer { position: absolute; width: 100%; }
#sub-footer-ang path {fill: #D3DF56; stroke: #D3DF56;  stroke-width: 2;}
.site-footer {text-align: center;}
.site-footer img {margin-bottom: 1em;}

}



/* Medium and up */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	


}


/* Medium and up */
@media screen and (min-width: 40em) {
.title-bar {display: none!important;}
.site-header {margin: 1.5em 0;}
#mobile-menu {display: none!important;}

}




/* Large and up only */
@media screen and (min-width: 64em)  {
.library-card {max-width: 60%!important;}
.home-box .grid-margin-x.large-up-2 > .cell {width: calc(40% - 1.875rem);}


}