@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');

body, * {font-family: 'Open Sans', sans-serif;}
body{font-size:20px;}


h3 { text-align:center; font-size:28px; padding-top:60px; padding-bottom:40px;}
h4 { font-size:20px; padding-bottom:0px;}
a {color:#2d4e96 ; text-decoration:none;}
a:hover {text-decoration:none;}
.vertical-align{display: flex;  align-items: center;justify-content: flex-end;}
.fa, .fas{color:#2d4e96 ;font-size:20px;}
i.fas.fa-map-marker {    float: left;   height: 40px;   margin-right: 12px;}
/* .left {vertical-align: middle; align-items: center;display: inherit;} */
.left img {padding-right:5px;}
.pull-right {text-align:right;       padding-top:5px;}
.pull-right a {font-weight:bold;    padding-left: 5px;}
.mid-container {text-align:center; }
.left p{font-size:14px;}

img.icon {margin:0 10px;}
.list-content {vertical-align: middle;  align-items: center;  display: flex; justify-content: center;}

.no-padding {padding:0;}
button.btn.btn-default {padding:0;}
.col-xs-1.no-padding .form-control {margin-right:10px;}
.form-section h4 { font-size:20px;text-align:center; }
.form-section input {  border: 1px solid #950095; border-radius: 0; text-align:center;}
input#textfield6 {padding:2px 5px;}
footer {position: fixed; bottom: 0; width: 100%; padding:1% 0; background-color:#2d4e96;   border-top: 1px solid #d1cbd1; margin-top:20px;}
footer p {margin-bottom:0; color:#fff; font-size:13px;}

/*firefox*/
@-moz-document url-prefix() {
    h3  {padding:30px 0; }
}

/*custom - Hannah T*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;700&display=swap');


body, * {font-family: 'Open Sans', sans-serif;}
body{font-size:1.2em;}
header {background: #f7f8fa;}
header .container-fluid {
    padding: 25px 15px;
    margin: auto;
    max-width: 1170px;
    position: relative;
    z-index: 10;
}
.logo {
    position: absolute;
    z-index: 100;
    display: block;
    /*top may need to change for resp*/
    top: -18px;
}
.col-lg-4.col-md-4.text-center {position: relative;}


h1, .title{font-family: 'Abhaya Libre', serif; font-size: 2em; font-weight: 700;}
h2, .sub-title{font-family: 'Abhaya Libre', serif; font-size: 1.5em; font-weight: 400;}
h3 { text-align:center; font-size:28px; padding-top:60px; padding-bottom:40px;}
h4 {font-family: 'Abhaya Libre', serif; font-size:20px; padding-bottom:0px;}
p{font-size: 18px;; font-weight: 300;}
a {color:#000 ; text-decoration:none;}
a:hover {text-decoration:none;}
.vertical-align{display: flex;  align-items: center;justify-content: flex-end;}
.fa, .fas{color:#2d4e96 ;font-size:20px;}
i.fas.fa-map-marker {    float: left;   height: 40px;   margin-right: 12px;}
/* .left {vertical-align: middle; align-items: center;display: inherit;} */
.left img {padding-right:5px;}
.pull-right {text-align:right;       padding-top:5px;}
.pull-right a {padding-left: 5px;}
.mid-container {text-align:center; }
.left p{font-size:14px;}
.left{text-align: left;}
.light{font-weight: 300;}
.full-width {width: 100%;padding:0;}
.page-main{max-width: 1260px;padding-left: 30px;padding-right: 30px;width: 100%;margin:auto;}
.blue{color:#2d4e96; }
.center{text-align: center;}
.browse-spacing{margin:0 10px;}
.bold{font-weight: 700;}

/*margin spacing*/
.small{height: 20px;}
.med{height: 30px;}
.large{height: 55px;}
.xlarge{height: 85px;}

img.icon {margin:0 10px;}
.list-content {vertical-align: middle;  align-items: center;  display: flex; justify-content: center;}

.no-padding {padding:0;}
button.btn.btn-default {padding:0;}
.button-white {background: #fff;
    padding: 5px 20px;
    font-size: 1.2rem;
    font-weight: bold;
}
.browse-spacing img:hover {
    opacity: 0.8;
}
.top-footer-txt {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    margin: 10px;
}
.footer-links li {
    list-style-type: none;
    display: inline;
    font-weight: 300;
    font-size: 1rem;
}
ul.footer-links {
    position: relative;
    z-index: 10;
    margin-bottom: 4em;
}

@media (min-width:900px){
  .footer-links {
    padding-left: 13em;
    padding-right: 13em;
}

}


.col-spacing{    padding: 5px 20px;}
.col-xs-1.no-padding .form-control {margin-right:10px;}
.form-section h4 { font-size:20px;text-align:center; }
.form-section input {  border: 1px solid #950095; border-radius: 0; text-align:center;}
input#textfield6 {padding:2px 5px;}
footer {bottom: 0; width: 100%; padding:1% 0; background-color:#2d4e96;   border-top: 1px solid #d1cbd1; margin-top:20px;}
footer p {margin-bottom:0; color:#fff; font-size:13px;}
/* HEADER PROMO NOTIFICATION BAR STYLES */

.hbar-height	{ height: 32px; }

#hbar-bar	{
		background-color: #2d4e96;
		width: 100%;
		min-height: 30px;
		background-repeat: no-repeat;
		border-bottom: #000000 0px solid;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 1010;
		-moz-box-shadow: 5px 5px 5px rgba(0, 30, 150, 0.25);
		-webkit-box-shadow: 5px 5px 5px rgba(0, 30, 150, 0.25);
		box-shadow: 5px 5px 5px rgba(0, 30, 150, 0.25);
		}

.hbar-content	{
		color: #FFFFFF;
    padding: 0px 4px;
    text-align: center;
    }
		}

.hbar-title	{
		font-size: 1em;
		font-weight: normal;
		line-height: normal;
		}

.promoclear	{ clear: both; }

/* HEADER BAR LINK COLORS */

#hbar-bar a:link,
#hbar-bar a:visited,
#hbar-bara:active 	{ color: #FFFFFF; text-decoration: none; }

#hbar-bar a:hover 	{ color: #ffe; text-decoration: none; }


/***************
MEDIA QUERIES HEADERBAR - FOR MOBILE SCREENS
***************/

@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px)
	{
.hbar-hide	{ display: none; }
	}
/***************
END MEDIA QUERIES HEADERBAR - FOR MOBILE SCREENS
***************/

/*firefox*/
@-moz-document url-prefix() {
    h3  {padding:30px 0; }
}

/*HOMEPAGE SLIDER*/
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
* {
  box-sizing: border-box;
}
div#captioned-gallery {
  width: 100%; overflow: hidden;
}
figure.slider {
  position: relative; width: 500%;
  font-size: 0; animation: 30s slidy infinite;
}
figure.slider figure {
  width: 20%; height: auto;
  display: inline-block;  position: inherit;
}
figure.slider img { width: 100%; height: auto; }
figure.slider figure .blue-overlay {
      position: absolute;
      bottom: 25%;
      background: #2d4e96;
      color: #fff;
      font-size: 2rem;
      padding: 66px;
      width: 50%;
      text-align: left;
}