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

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

.social_icons_footer {
	
}

body {font:1em 'Open Sans', sans-serif; color: #111; margin:0; letter-spacing:-.5px; font-size: .95em;}

a {color: #e84a27; text-decoration: none;}
a:hover {color: #1a263a; text-decoration: none;}

.bold {font-weight: 800;}

.clear {clear:both;}
.divider-white {width:100%; border-bottom: 1px solid #fff; margin:5px 0; padding:0 0 5px 0;}
.border-orange {border:2px solid #e84a27;}
.border-orange1 {border:1px solid #e84a27;}
.border-navy {border:2px solid #1a263a;}
.border-navy1 {border:1px solid #1a263a;}

.donate-btn {width: 20%;}

.btn {white-space:normal!important;}
.btn-accordion {color:#e84a27!important; background:transparent!important; font-weight: 800!important; text-align: left!important;}
.btn-gift {color:#1a263a!important; background:transparent!important; font-weight: 800!important; text-align: left!important;}

.form-control:focus {border-color:transparent!important; box-shadow: none!important;}

h1 {
    font-family: 'Crimson Text', serif;
	color: #1a263a;
	font-weight: 600!important;
	font-size: 2.35em!important;	
	margin: 0 0 25px 0;
	padding:0 0 10px 0;
	border-bottom: 1px solid #e84a27;
}

h2 {
    font-family: 'Crimson Text', serif;
	color: #e84a27;
	font-weight: 800!important;
	font-size: 1.75em!important;	
	margin: 0 0 10px 0;
}

h3 {
    font-family: 'Open Sans', sans-serif;
	color: #e84a27;
	font-weight: 800!important;
	font-size: 1.25em!important;	
	margin: 0 0 10px 0;
}

h5 {
    font-family: 'Crimson Text', serif;
	color: #e84a27;
	font-weight: 800!important;
	font-size: 1.5em!important;	
	margin: 0 0 20px 0;
	padding:0 0 5px 0;
	border-bottom: 1px solid #888;
}

h6 {
    font-family: 'Crimson Text', serif;
	color: #e84a27;
	font-weight: 900!important;
	font-size: 1.35em!important;
	text-transform: uppercase;	
	margin: 0 0 5px 0;
}

h6 img {width:7.5%; height: auto; margin-top:-7px;}
.blue-line{
	height: 10px;
	width: 100%;
	background-color: #1a263a;
}
.bkgrd-nav {background-color:#1a263a; font-family:'Open Sans', sans-serif; color:#888; font-weight:400; border-bottom:10px solid #e84a27;}

.nav .nav-item .nav-link {
	font-size: .9em;
	color:#e84a27; 
	padding:0  1rem!important;	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav .nav-item .nav-link:hover {color:#fff;}

.navbar-light .navbar-toggler {color:#fff!important; border-color: #1a263a!important;}
.navbar-toggler {color:#fff!important; background-color: #1a263a!important; border: 2px solid #0fa4d1!important; border-radius: 0!important;}

.title {font-size: 3.25em; line-height: .75em; padding-top:10px;}
.login {line-height: 1em; padding-top:10px;}

.btn-member {
	background-color:#1a263a; 
	padding:5%!important;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	color:#e84a27!important;
	border-radius: 0;
	border:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-member:hover {
	background:#e84a27; 	
	color:#fff!important;
	cursor: pointer;
}

.btn-login {
	max-height: 50px;
	background-color:#1a263a; 
	padding:1.5%!important;
	font-family: 'Open Sans', sans-serif;
	font-size: 85%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	color:#e84a27!important;
	border-radius: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-login:hover {
	background:#e84a27; 	
	color:#fff!important;
	cursor: pointer;
}

.btn-navy {
	background-color:#1a263a; 
	padding:5%!important;
	font-family: 'Open Sans', sans-serif;
	font-size: 85%;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	color:#e84a27!important;
	margin-top:10px;
	border-radius: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-navy:hover {
	background:#e84a27; 	
	color:#fff!important;
	cursor: pointer;
}

.btn-index {
	background-color:#e84a27;
	width:90%!important;
	float:left!important;
	padding:5%!important;
	font-family: 'Open Sans', sans-serif;
	font-size: 110%;
	font-weight: 700;
	text-align: left;
	color:#fff!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-index:hover {
	background:#1a263a; 	
	color:#888!important;
	cursor: pointer;
}

.bkgrd-callouts {background-image: url(graphics/bkgrd-callouts.jpg); font-size: 85%;}

.callout {width:20%; float:left; margin:0 2.5%;}

.callout-pic {width: 100%; margin: auto; }
.callout-pic img {width:100%; height:auto; margin:10px 0 25px 0;}

.shamrock {width:10%;}
.shamrock img {width:100%; height: auto;}

.callout-more {
	width:65%;
	padding:5%!important;
	margin:30px auto 10px auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 95%;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	color:#e84a27!important;
	border-top:1px solid #1a263a;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.callout-more:hover {
	background:#1a263a;
	border-top:1px solid #1a263a;
	color:#fff!important; 
	font-weight: 400!important;
	cursor: pointer;
}

.content {min-height: 400px;}
.content a {color: #e84a27; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color: #1a263a; text-decoration: none;}

.bkgrd-tagline {background-image: url(graphics/bkgrd-tagline.jpg); font-size: 190%; color:#e84a27;}

.tagline-divider {width:30%; float:none; margin:0 35%; border:3px solid #1a263a;}

.bkgrd-footer {background:#1a263a; color:#fff; font-size: 80%;}
.bkgrd-footer a {color:#fff; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bkgrd-footer a:hover {color:#888; text-decoration:none;}

.footer-container {width:100%; font-size: 115%; margin: 10px 0; clear: both; overflow: hidden;}
.footer-icon {width:14%; float:left; font-size: 115%; color:#e84a27;}
.footer-info {width:85%; float:left; color:#fff;}

.footer-menu {line-height: 4.75em; font-weight: 600;}
.footer-menu a {color:#fff; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-menu a:hover {color:#888; text-decoration:none; padding-left: 3px;}

.footer-logo {width:50%; float:right; margin:10px 0 0 50%;}
.footer-logo img {width:100%; height: auto;}

.bkgrd-anchor {background:#111c2e; color:#888; font-size: 70%; border-bottom: 2px solid #e84a27;}
.bkgrd-anchor a {color:#888; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bkgrd-anchor a:hover {color:#fff; text-decoration:underline;}

.bkgrd-news {background:#eee;}
.news-header {font-family: 'Crimson Text', serif; font-size: 160%;}

.about-tagline {width:100%; margin:15px 0; font-family: 'Crimson Text', serif; font-size: 200%; font-weight: 400i; text-align: center; line-height: 1em; color:#e84a27;}

.map-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
border:2px solid #1a263a;
}

.map-container iframe,
.map-container object,
.map-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

input {padding:2.5%; width: 100%;}
select {padding:2.5%; width: 100%;}

@media screen and (max-width: 1200px) {
.footer-logo {width:15%; float:right; margin:0 0 0 85%;}
.nav .nav-item .nav-link {padding:0 .5rem!important;}
.bkgrd-tagline {font-size: 150%!important;}
h5 {margin:20px 0 10px 0;}
.footer-icon {width:4%;}
}

@media screen and (max-width: 992px) {
.nav {display:block!important; line-height: 2.5em!important;}
.callout {width:40%; float:left; margin:0 5%;}
.btn-navy {padding:2.5%!important; margin-bottom: 10px;}
.bkgrd-tagline {font-size: 200%!important;}
}

@media screen and (max-width: 768px) {	
.title {font-size: 3em!important;}
.footer-icon {width:9%;}
.donate-btn {width: 250px;}    
    
}

@media screen and (max-width: 576px) {	
.title {font-size: 2.35em!important;}
.footer-logo {width:25%; float:none; margin:20px auto;}
h6 {font-size: 1.25em!important;}
.bkgrd-tagline {font-size: 150%!important;}
}

@media screen and (max-width: 480px) {
.title {font-size: 2em!important;}
.callout {width:80%; float:left; margin:0 10%;}	
h6 {font-size: 1.5em!important;}
}
	
@media screen and (max-width: 410px) {
.title {font-size: 1.75em!important;}
.bkgrd-tagline {font-size: 130%!important;}
}
	
@media screen and (max-width: 375px) {
.title {font-size: 1.5em!important;}
.btn-index {font-size: 90%;}
.donate-btn {width: 175px;}    
}