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

/* HOMEPAGE STYLES */

/* DIRECTOR SECTION */
.pictureBlock {
    z-index: 2 !important;
    position: relative !important;
}


.quote-photo{
position: relative;
}

.pictureBlock img {
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff, 0 0 0 2px var(--orange);
    max-width: 13rem;
}

#director-section {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#director-section .quote-block {
    border: #ae6042 solid 2px;
    padding: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

div.quote-middle-line {
    position: absolute !important;
    left: -1.9rem !important;
    top: 43% !important;
}

.director-title{
font-weight: 600;
}

@media only screen and (max-width: 768px) {
    #director-section .quote-block {
    padding: 1rem;
    }
    
    .quote-block img{
    margin: 1rem auto;
    display: block;
    border: 2px solid #002856;
}
}
/* END DIRECTOR SECTION */

#highlight div.callout{
    margin-top: 1rem;
}

#highlight button{
    color: #ae6042;
    font-weight: 700;
    cursor: pointer;
}
.read-more-content,
.read-more {
  display: none;
  margin-top: 1rem;
}

.read-more-content.expanded .read-more,
.read-more.expanded .read-more {
  display: block;
}


/* HOMEPAGE HERO IMAGE STYLES */
#module-page-section.dark {
    background-color: #001023;
    color: #D0D0D0;
    padding: 20px;
    margin-bottom: 2rem;
}

#module-page-section.dark a:hover, #module-page-section.dark a:focus {
    color: #F4F6F7;
    text-decoration: none;
}

.card-item a {
color: #ffffff !important;
}

figure {
    margin: 0px auto 25px !important;
    padding: 0;
    overflow: hidden;
}

.container {
    max-width: 1200px;
}

.container {
    padding-right: .9375rem;
    padding-left: .9375rem;
    margin-right: auto;
    margin-left: auto;
}

#module-page-section .cards-class .card-item:first-child {
    margin-left: 0;
}

#module-page-section .cards-class .card-item {
    flex-grow: 1;
    flex-basis: 0;
    margin: 1%;
    padding: 1%;
    text-align: center;
    transition-property: transform, opacity;
    transition-duration: 0.7s;
}

#module-page-section .cards-class {
    clear: both;
    margin-bottom: 0;
    padding-left: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: stretch;
}

#module-page-section.dark .card-item {
    min-width: 24%;
}

#module-page-section .cards-class .card-item:last-child {
    margin-right: 0;
}


#module-page-section .cards-class .card-item:first-child {
    margin-left: 0;
}

#module-page-section .cards-class .card-item .zoomed-img:hover {
    transform: scale(1.2);
    transition: 0.4s all ease-in-out;
}

.carousel-inner>.carousel-item>a>img, .carousel-inner>.carousel-item>img, .img-fluid {
    display: block;
    max-width: 100%;
    height: auto;
}

figure img {
    margin: 0 auto;
}

@media (min-width: 768px){
#module-page-section .cards-class {
    display: flex;
}
}

/*END HOMEPAGE HERO IMAGE STYLES */

/* END HOMEPAGE STYLES */


/* EVENTS STYLES */

.event article {
	display: flex;
}
.event .date {
    display: flex;
    flex-direction: column;
    width: 88px;
    text-align: center;
    align-items: center;
    justify-content: center;
    max-height: 88px;
    margin-right: 2em;
    font-weight: 700;
    line-height: 1;
    background: #bd4f19;
    color: #fff;
    border-radius: 5px;
}
.event .month {
	text-transform: uppercase;
}
.event .day {
	font-size: 1.6rem;
	margin: .4rem;
}

.event .fi-marker {
	margin-right: .5rem;
}
.event .subtitle {
	margin-bottom: .2rem;
}
.event .fi-clock {
	float: left;
	line-height: 1.5;
	margin-right: .5rem;
}
.event .date-text {
	line-height: 1;
}
@media only screen and (max-width: 40.062em) {
	.event article {
		flex-direction: column;
	}
	.event .day {
    		font-size: 1rem;
    		margin: .4rem;
	}
	.event .date {
		flex-direction: row;
		width: 100%;
	}
	.event .date-text {
		margin: .5rem 1rem;
	}
}



/*END EVENTS STYLES */


h1, h2, h3, h4, h5, h6 {font-family: 'ballinger-condensed',sans-serif !important;} /*{font-family: 'Lato', sans-serif;}*/
h1 {font-size: 2.5rem;}
h2 {font-size: 1.7rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.3rem;}

/*dk, ol, ul li{font-size:1.2rem;}*/

/* TITLES AND BUTTONS STYLES */
.headingOrange{
    color: #ae6042;
    border-top:3px solid #ae6042;
    border-bottom:3px solid #ae6042;
    margin:1rem auto;
}

.headingWhite{
    color: #ffffff;
    border-top:3px solid #ffffff;
    border-bottom:3px solid #ffffff;
    margin:1rem auto;
    text-align: center;
}

.headingBlue{
    color: #4e738a;
    border-top:3px solid #4e738a;
    border-bottom:3px solid #4e738a;
    margin:1rem auto;
    text-align: center;
}

.headingGulf{
    color: #002856;
    border-top:3px solid #4e738a;
    border-bottom:3px solid #4e738a;
    margin:1rem auto;
    text-align: center;
}


.orangeTitle{
    color: #ae6042 !important;
    margin: 1rem auto;
    font-weight: 600;
}

.blueTitle{
    color:#4e738a !important;
    margin: 1rem auto;
    font-weight: 600;
}

.gulfTitle{
    color:#002856 !important;
    margin: 1rem auto;
    font-weight: 600;
}

.margin-medium-top {
    margin-top: 0!important;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* HR STYLES */

.hrOrange{
    border-bottom: 2px solid #ae6042;
    
}

.hrBlue{
    border-bottom: 2px solid #4e738a;
    
}

.hrGulf{
     border-bottom: 2px solid #002856;
}

.hrGray{
    border-bottom: 2px solid #76777a;
}

/*  END HR STYLES */


/*BUTTON STYLES*/

.button-orange {
    border: 1px solid #ae6042!important;
    color:#ae6042!important;
}

.button-orange:hover {
    background-color: #ae6042!important;
    color:#fff!important;
}


.button.hollow {
    border: 1px solid #4e738a;
}

.button.hollow {color: #44697d;}

.button-rounded-hover:hover,
.button-rounded-hover:focus {
  background-color: #4e738a;
}


.button.hollow:hover {
    background-color: #44697d;
    color: #fff;
}

.button-rounded-hover {
  border: 0;
  /*border-radius: 5000px;*/
  padding: 1.5rem;
  text-transform: inherit;
  position: relative;
  overflow: hidden;
  font-size: 1rem;
  letter-spacing: 2px;
  transition: all 0.35s ease;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.button-rounded-hover:before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: inherit;
  background-color: #fefefe;
  transition: all 0.7s;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.button-rounded-hover:hover:before,
.button-rounded-hover:focus:before {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  opacity: 0.25;
}

.button-rounded-hover:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: '';
  border-radius: inherit;
}

.button {font-size: 1rem;}
.button.primary {background-color: #4e738a;}
.button.primary:hover {background-color: #50748a;color: #ccc !important;}


/*END BUTTON STYLES*/


/* END TITLES AND BUTTON STYLES */

/* MASTHEAD/NAVIGATION */
#masthead #main-nav, #masthead #main-nav .top-bar, #masthead #main-nav .title-bar, #masthead #main-nav .top-bar ul.dropdown {
    background: #002856;
}

#masthead #main-nav .dropdown.menu a {
    font-size: 0.85rem;
    padding: .7rem 1.75rem !important;
}


#masthead #main-nav .top-bar .js-dropdown-active {
    background: #4e738a;
}

#masthead #main-nav .dropdown.menu .submenu a:hover {
    color: #4e738a;
    transition: all 0.35s ease;
}

#masthead #main-nav .top-bar .is-dropdown-submenu {
    min-width: 265px;
    border-top: none;
    background: #ffffff;
    color: #4e738a;
}

.top-bar ul li > a:hover, .top-bar ul li > a:focus, .top-bar.expanded ul li > a:hover, .top-bar.expanded ul li > a:focus {
    background: #4e738a !important;
    color: #ffffff !important;
}

.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent.is-active > a::after {
    border-color: #ffffff transparent transparent;
}

button-donate, .btn-donate, a.btn-donate {
    margin: 0;
    float: left;
    background-color: #002856;
    font-size: 1rem;
    padding: 6px 13px;
}

/* END MASTHEAD/NAVIGATION */