/*--------------------------------------------------------
FONT ASSIGNMENTS
--------------------------------------------------------*/
body {
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #4d4d4d;
}
p {
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #4d4d4d;
}
.container{
}
/*--------------------------------------------------------
H1 - H6
--------------------------------------------------------*/
h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
margin-bottom: 10px;
font-weight: 700;
font-family: 'Josefin Sans', sans-serif;
}
h1 {
font-size: 22px;
font-weight: 700;
color: #363636;
}
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; }
h1.title {
text-transform: uppercase;
}
.subpage-title hr {
width: 50px;
border-top: 2px solid #27489f;
margin: 0;
margin-top: 2px;
}
/*--------------------------------------------------------
LINKS
--------------------------------------------------------*/
a {
color: #27489f;
}
a:hover, a:focus{
color: #21386d;
cursor: pointer;
}
/*--------------------------------------------------------
IMAGES, Objects
--------------------------------------------------------*/
img {
border: 0px;
}
/*--------------------------------------------------------
HEADER
--------------------------------------------------------*/
.logo-wrap {
position: relative;
z-index: 6;
margin-bottom: -45px;
float: left;
}
.logo-wrap img {
height: 160px;
max-width: 194px;
border-radius: 4px;
}
.member-login-wrap {
text-align: right;
margin-top: 30px;
}
.member-login-link {
font-family: 'Roboto', sans-serif;
background-color: #27489f;
color: #fff;
padding: 4px 12px;
border: 1px solid #27489f;
border-radius: 2px;
display: inline-block;
font-size: 14px;
}
.member-login-link:hover, .member-login-link:focus {
color: #fff;
text-decoration: none;
background-color: #21386d;
transition: .3s;
}
/*----------------------------------Social Media*/
.member-login-wrap svg {
width: 30px;
height: 30px;
position: relative;
top: 11px;
}
/*--------------------------------------------------------
Desktop Navigation
--------------------------------------------------------*/
.nav-menu-wrap {
background-color: #27489f;
border-bottom: 2px solid #c0cae5;
height: 60px;
}
#nav_menu ul.nav {
float: right;
position: relative;
z-index: 7;
}
.nav-menu-wrap #nav_menu ul li a {
color: #fff;
font-size: 16px;
padding-top: 19px;
padding-bottom: 19px;
}
.nav-menu-wrap #nav_menu ul li a:hover, .nav-menu-wrap #nav_menu ul li a:focus, .nav-menu-wrap #nav_menu ul li.open>a {
background-color: #21386d;
transition: .3s;
}
.navbar-nav>li a {
/*color: #fff;*/
font-family: 'Roboto', sans-serif;
}
.nav .open>a{
background-color: #21386d !important;
}
.nav-menu-wrap #nav_menu ul.dropdown-menu li a {
padding: 5px 20px;
}
.nav>li>a:hover, .nav>li>a:focus {
background-color: transparent;
}
.nav-menu-wrap #nav_menu ul li a.active-menu, #mobileMenuWrapper #mobile-menu a.active-menu {
background-color: #21386d;
}
.nav-menu-wrap #nav_menu .open .dropdown-menu {
background-color: #27489f;
border: 1px solid #27489f;
background-clip: border-box;
padding: 8px 0px;
}
#mobile-toggle svg {
float: right;
margin-top: 20px;
}
.login-modal .modal-dialog {
max-width: 300px;
margin: auto;
margin-top: 15px;
}
.modal-header {
background: #21386d;
color: #fff;
text-align: center;
min-height: 16.43px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.login-modal .close {
color: #fff;
text-shadow: none;;
opacity: .8;
}
.login-modal .close:hover, .login-modal .close:focus {
color: #1499D3;
}
.login-modal .modal-title {
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
}
.modal-title, .modal-body {
font-size: 16px;
text-align: center;
}
.login-modal {
font-size: 16px;
}
.login-modal input {
padding: 5px 10px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #E1E1E1;
width: 200px;
}
.login-modal input:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #27489f;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#login a {
text-decoration: underline;
color: #27489f;
font-weight: 400;
}
#login a:hover, #login a:focus {
color: #21386d;
}
.login-modal input[type="submit"] {
background-color: #27489f;
color: #fff;
border: 1px solid #27489f;
border-radius: 2px;
padding: 5px 8px 7px;
margin-top: 10px;
}
.login-modal input[type="submit"]:hover, #login input[type="submit"]:focus {
background-color: #21386d;
border: 1px solid #21386d;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
/*--------------------------------------------------------
INDEX / MAIN BODY
--------------------------------------------------------*/
#welcome-statement-title {
margin-bottom: 10px;
margin-top: 15px;
}
#section-title-button-wrap {
display: inline-block;
width: 100%;
padding: 0px;
margin-top: 15px;
}
#section-title-button-wrap .section-title-wrap {
float: left;
margin-bottom: 15px;
}
.section-title-wrap {
margin-bottom: 15px;
}
.section-title-wrap hr {
width: 50px;
border-top: 2px solid #27489f;
margin: 0;
}
.section-title {
margin-bottom: 2px;
}
/*----------------Start: EVENTS----------*/
#events-view-all-button-wrap {
display: table;
width: 100%;
}
.event-content {
display: table;
border: 1px solid #bfbfbf;
border-radius: 1px;
margin-bottom: 13px;
width: 100%;
}
.event-content:hover, .event-content:focus {
transition: .5s;
box-shadow: 0px 0px 10px 0px #BDBDBD;
}
.event-date-wrap {
display: table-cell;
background: #c0cae5;
color: #363636;
font-weight: 700;
text-align: center;
vertical-align: middle;
width: 62px;
}
.event-month {
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
}
.event-date {
font-weight: bold;
font-size: 34px;
line-height: 1.2em;
}
.event-details-wrap {
padding: 10px 10px;
}
.event-title a {
color: #363636;
font-size: 18px;
font-weight: bold;
line-height: 1.3em;
display: block;
margin-bottom: 5px;
}
.event-title a:hover, .event-title a:focus, .event-blurb strong a:hover, .event-blurb strong a:focus {
color: #21386d;
transition: .3s;
}
.event-blurb {
margin-bottom: 0px;
line-height: 1.2em;
}
.event-blurb strong a {
color: #363636;
}
.btn-view-all-events-wrap, .btn-view-all-news-wrap {
float: right;
margin-top: 4px;
}
.btn-view-all-events, .btn-view-all-news {
color: #fff;
background-color: #27489f;
border: 1px solid #27489f;
border-radius: 2px;
padding: 4px 15px;
}
.btn-view-all-events:hover, .btn-view-all-events:focus, .btn-view-all-news:hover, .btn-view-all-news:focus {
color: #fff;
background-color: #21386d;
transition: .3s;
text-decoration: none;
}
/*----------------End: EVENTS----------*/
/*----------------Start: NEWS----------*/
#news-column-wrap {
margin-bottom: 10px;
}
.news-content-wrap {
margin: 0 -15px;
}
.news-item {
margin-bottom: 15px;
}
.news-content {
padding: 12px 12px;
border: 1px solid #bfbfbf;
}
.news-content:hover, .news-content:focus {
transition: .5s;
box-shadow: 0px 0px 10px 0px #BDBDBD;
}
.news-content h4 {
margin-bottom: 7px;
}
.news-title-link {
color: #363636;
font-size: 17px;
font-weight: bold;
}
.news-title-link:hover, .news-title-link:focus {
color: #21386d;
transition: .3s;
}
.news-content .date {
font-size: 15px;
font-style: italic;
border-bottom: 1px solid #d6d6d6;
padding-bottom: 1px;
}
.news-content .description {
margin-top: 6px;
}
.read-more-icon-wrap {
margin-top: 8px;
}
.read-more-icon-wrap a {
color: #363636;
font-size: 16px;
font-weight: 500;
}
.read-more-icon-wrap a:hover, .read-more-icon-wrap a:focus {
text-decoration: none;
color: #21386d;
transition: .3s;
}
.read-more-icon-wrap a:hover .read-more-icon-1, .read-more-icon-wrap a:focus .read-more-icon-1 {
fill: #21386d;
transition: .3s;
}
.read-more-icon-wrap svg {
width: 22px;
height: 16px;
vertical-align: middle;
margin-left: 5px;
}
/*----------------End: NEWS----------*/
/*----------------SLIDESHOW----------*/
#slideshow-wrap {
padding: 0;
}
#slideshow-wrap img {
width: 100%;
height: auto;
}
#slide-row{
margin-bottom: 10px;
}
.carousel-control.left, .carousel-control.right, .carousel-control:hover{
background-image: none;
font-size: ;
font-weight: ;
z-index: 101;
}
.carousel-control{
top: ;
width: ;
}
.carousel-control.left {
margin: auto;
height: 40px;
left: 0;
width: 60px;
text-shadow: none;
opacity: .7;
padding: 13px 10px 3px 13px;
background: url(../images/arrow-left.png) no-repeat center center #363636;
}
.carousel-control.right {
margin: auto;
height: 40px;
right: 0;
width: 60px;
text-shadow: none;
opacity: .7;
padding: 13px 10px 3px 13px;
background: url(../images/arrow-right.png) no-repeat center center #363636;
}
.carousel-caption {
position: absolute;
z-index: 100;
background-color: rgba(54, 54, 54, 0.5);
padding: 15px 0px 15px 0px;
left: 0;
bottom: 0px;
right: 0px;
top: initial;
width: 100%;
text-align: center;
text-shadow: none;
}
.alt-text {
margin: auto;
float: none;
}
.carousel-indicators {
bottom: -2px;
z-index: 101;
}
.carousel-caption p:first-of-type{
font-size: 24px;
font-weight: 700;
display: block;
color: white;
margin-bottom: 4px;
line-height: 26px;
}
.carousel-caption p:last-of-type{
font-size: 17px;
color: white;
margin-bottom: 23px;
}
.carousel-indicators li {
background-color: #c0cae5;
border: 1px solid #c0cae5;
width: 10px;
height: 10px;
margin: 0px 3px;
}
.carousel-indicators li.active {
background-color: #27489f;
border: 1px solid #c0cae5;
width: 10px;
height: 10px;
margin: 0px 3px;
}
/*----------------End SLIDESHOW------*/
/*---------- news_feed_pages function ----*/
div#news-button-container {
margin: 10px 0px 0px 0px;
text-align: right;
}
div#news-button-verbiage {
margin-right: 10px;
display: inline-block;
color: #5DB2D7;
}
div#news-button-container:active{
margin: 9px 0px 0px -1px; /* keeps buttons from jumping around when pressed*/
}
div.news-button {
display: inline-block;
padding: 5px 10px;
background-color: #5DB2D7;
color: black;
border: 1px solid black;
border-radius:5px;
margin: 0px;
}
div.nb-number:hover {
opacity:0.7; /*buttons move toward backgound color when hovered over*/
cursor: pointer;
}
div.nb-number:active {
/* make buttons look like they are being pressed when clicked*/
opacity:0.6;
border-width:2px 0px 0px 2px;
}
div.nb-selected {
/* style the selected button */
opacity:0.5;
}
div#nb-ellipsis-left, div#nb-ellipsis-right {
background-color: transparent;
color: #5DB2D7;
border: 0px;
margin: 0px;
padding: 5px;
font-weight: bold;
}
/*---------- END: news_feed_pages ----*/
/*----------------------------------Primary-Content*/
/*--------------------------------------------------------
CSS STYLE FOR INNER PAGES
--------------------------------------------------------*/
.subpage {
margin: 20px 0px;
}
.row_background {
background-color: #f9f9f9;
}
.row_wrapper {
padding: 20px 0px;
clear: both;
display: table;
width: 100%;
}
/*--------------------------------------------------------
FOOTER
--------------------------------------------------------*/
#footer-wrap {
background-color: #27489f;
border-top: 2px solid #c0cae5;
padding: 25px 0px;
}
#footer-wrap p {
color: #fff;
}
#footer-copyright, #website-powered-by {
margin-bottom: 2px;
}
#org-location svg {
height: 18px;
max-width: 13px;
margin-bottom: -3px;
margin-right: 3px;
}
#footer-copyright-poweredBy-wrap {
float: left;
}
#website-powered-by a {
color: #fff;
}
#org-location {
float: right;
margin-bottom: 0px;
margin-top: 10px;
}
/*-----------------------------------Footer Menu*/
/*-------------------------------End-Footer Menu*/
/*--------------------------------------------------------
UTILITIES
--------------------------------------------------------*/
@media (min-width: 992px) {
.carousel-caption {
/*min-height: 150px;*/
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.carousel-control.left, .carousel-control.right {
margin: 2% 0px;
}
}
@media (max-width: 991px) {
.carousel-caption {
position: initial;
background-color: rgba(54, 54, 54, 0.7);
/*min-height: 180px;*/
}
.carousel-control.left, .carousel-control.right {
margin: 10% 0px;
}
.carousel-caption p:last-of-type {
/* max-height: 76px;
overflow: hidden;*/
}
}
@media (max-width: 991px) and (min-width: 768px) {
.btn-view-all-events-wrap, .btn-view-all-news-wrap {
margin-top: 1px;
}
.btn-view-all-events, .btn-view-all-news {
padding: 4px 10px;
font-size: 14px;
}
}
@media (max-width: 767px) {
#upcoming-events-wrap {
margin-top: 40px;
}
#footer-copyright-poweredBy-wrap {
float: none;
text-align: center;
}
#org-location {
float: none;
text-align: center;
margin-bottom: 10px;
margin-top: 0px;
}
.carousel-caption {
/*min-height: 180px;*/
}
}
@media (max-width: 600px) {
.alt-text {
padding-top: 10px;
padding-bottom: 10px;
}
.carousel-caption {
/*min-height: 250px;*/
}
}
@media (max-width: 480px) {
.carousel-control.left, .carousel-control.right {
margin: 8% 0px;
}
#section-title-button-wrap .section-title-wrap {
float: none;
}
.btn-view-all-events-wrap, .btn-view-all-news-wrap {
float: none;
margin-top: 20px;
margin-bottom: 20px;
}
.carousel-caption {
/*min-height: 300px;*/
}
.carousel-control.left, .carousel-control.right {
height: 40px;
width: 40px;
}
}
@media (max-width: 400px) {
.logo-wrap img {
height: 107px;
max-width: 130px;
}
.member-login-wrap {
margin-top: 15px;
}
.carousel-caption {
/*min-height: 345px;*/
}
}