/* IMPORTS */
@import url("https://use.typekit.net/iro0aiz.css");
@import url("//fonts.googleapis.com/css?family=Lato");

/* SET VARIABLES */
:root {
    --fontstack-headings: adobe-garamond-pro, 'EB Garamond', Garamond, serif;
    --fontstack-body: 'Lato', 'Century Gothic', sans-serif;
}

.fiftieth-tagline {
font-family:var(--fontstack-headings);
  color:#fff;
  font-size:1.75rem;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:3px;
}

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

/* MASTHEAD NAV */

#masthead #main-nav, #masthead #main-nav .top-bar, #masthead #main-nav .title-bar, #masthead #main-nav .top-bar ul.dropdown {
    background: #ae6042;
    
}

#masthead #main-nav .menu a.selected {
    background: #b6a999;
    color: #000;
}

#masthead #main-nav .top-bar ul a:hover, #masthead #main-nav .top-bar .is-active, #masthead #main-nav .top-bar .is-active a, #masthead #main-nav .top-bar .js-dropdown-active, #masthead #main-nav .top-bar ul.accordion-menu {
    background: #002856;
    color: #fff;
}


#masthead #main-nav{
    border-bottom: 2px solid #fff;
}

/* END MASTHEAD NAV */

.go-top {
    position: fixed;
    bottom: 2em;
    right: 2em;
    text-decoration: none;
    color: #002856;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    padding: 0em;
    display: none;
    height: 3rem;
    width: 3rem;
    background-color: #bbb;
    border-radius: 50%;
    margin-left: 5rem;
  opacity:.7;
}

.go-top:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}

.go-top i {
    font-size: 2rem;
    margin-left: .85rem;
    margin-top: .6rem;
}

#top-feature {
  background-color:#ae6042;
  margin-bottom:2rem;
}
#top-feature #top-feature-text {
  padding-left:1rem;
  padding-right:1rem;

}
#top-feature #top-feature-text a{
  padding-left:1rem;
  color:#fff;
  text-decoration:none;
}

#top-feature-text-innerwrap h3.h2{
  font-size:2.25rem;
    font-weight:500;
}
#links-news-events a.cta {
  font-size:1.5rem;
}
#links-news-events {
    margin-bottom:3rem;
}
/* HERO HEADER */

.heroHeader{
margin-bottom: 0;
}

#page-content .heroHeader {
    background-position: right bottom !important;
}


.heroHeader h1{
    text-align: left !important;
    font-family: 'Merriweather', serif  !important;
    font-size: 1.9rem;
    margin: 0 1rem;
    text-transform: uppercase;
    line-height: 1.2;
    font-style: italic;
}

.hero-subheading {
    text-align:left  !important;
    font-size:1.9rem  !important;
    font-family: 'Merriweather', serif  !important;
     text-transform: uppercase;
}

.heroHeader.whiteText .columns, .heroHeader.whiteText .cell {
   /*background: rgba(0,0,0,0.3);*/
   background: none;
    width: 60%;
}

/* END HERO HEADER */



/* CELEBRATION TAB */

 #page-content p,  #page-content h1, #page-content h2, #page-content h3, #page-content button, #connect-with-us h2  {
    font-family:'ballinger-condensed', sans-serif ;
}

#page-content p{
    font-size:1.2rem;
}
#page-content h2.page-heading {
  font-weight:500;
  margin-top:2rem;
  font-size:3rem;
  margin-bottom:1.55rem;
}
#page-content .Home50 p.lead {
    font-size: 1.6rem !important;
    line-height: 1.4 !important;
    margin-top: 2rem !important;
    color: #002856 !important;
}

.miniHeading{
    font-weight:500;
    color:#002856;
}

.miniInfo{
    font-style: italic;
    font-size:1.4rem;
    color: #ae6042;
}

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

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


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

/* END CELEBRATION TAB */    


/*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 #002856;
    color: #002856;
}


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


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

.button-rounded-hover {
  border: 0;
  /*border-radius: 5000px;*/
  padding: 1.5rem;
  text-transform: normal;
  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;
}


/*END BUTTON STYLES*/



/* TIMELINE */

.timeline-icon i {
    font-size:1.5rem;
    color:#ffffff;
    position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  top:32%;
}


.timeline {}
.timeline .timeline-item::after, .timeline .timeline-item::before {
  clear: both;
  content: '';
  display: block;
  width: 100%;
}

.timeline {
  margin: 30px auto;
  padding: 0 10px;
  position: relative;
  transition: all 0.25s ease-in;
  width: 100%;
  background: #002856;
}

.timeline::before {
  background: #ae6042;
  content: '';
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  width: 3px;
}

.timeline::after {
  clear: both;
  content: '';
  display: table;
  width: 100%;
}

.timeline a {
  color: #fefefe;
  font-weight: bold;
  transition: all 0.25s ease-in;
}

.timeline a:hover {
  box-shadow: 0 1px 0px 0px #fefefe;
  transition: all 0.25s ease-in;
}

.timeline .timeline-item {
  margin-bottom: 50px;
  position: relative;
}
.timeline-item hr {
  border-bottom:#5e5e5e solid 1px;
}

.timeline .timeline-item .timeline-icon {
  background: #ae6042;
  border:3px solid #fff;
  border-radius: 50%;
  height: 70px;
  left: 50%;
  margin-left: -34px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 70px;
}

.timeline .timeline-item .timeline-icon img,
.timeline .timeline-item .timeline-icon svg {
  left: 14px;
  position: relative;
  top: 11px;
}

.timeline .timeline-item .timeline-icon svg {
  top: 14px;
}

.timeline .timeline-item .timeline-content {
  padding: 20px;
  text-align: right;
  transition: all 0.25s ease-in;
  width: 45%;
  background: transparent;
}

.timeline-content img {
  padding-bottom:2.5rem;
}

.timeline .timeline-item .timeline-content p, .timeline .timeline-item .timeline-content ul {
  color: #fefefe;
}

.timeline .timeline-item .timeline-content p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 1rem;
}

.timeline .timeline-item .timeline-content .timeline-content-date {
  font-family:'ballinger-condensed', sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: .6rem;
  padding-bottom:.3rem;
  border-bottom:2px solid var(--uthorange);
}

.timeline .timeline-item .timeline-content .timeline-content-month {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 400;
}

.timeline .timeline-item .timeline-content.right {
  float: right;
  text-align: left;
}
/** SUB Footer elements ***/
#connect-with-us {
    background-color:var(--gulfblue);
    padding:1rem 0;
    margin-bottom:1rem;
    
}
#connect-with-us h2 {
    color:#fff;
    font-size:2.25rem;
display:inline-block;
margin-right:1.5%;
margin-bottom:0;
}
#connect-with-us .inline-social {
   display:inline-block; 
}
#connect-with-us .inline-social a {
    color:#fff;
    font-size:2rem;
    margin-right:1rem;
}
#connect-with-us .inline-social a i {
    transition: transform .2s ease;
    -webkit-backface-visibility: hidden; 
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);
}
#connect-with-us .inline-social a:hover i{
    transform: scale(1.1);
}

@media screen and (max-width: 39.9375em) {
  .timeline {
    margin: 30px;
    padding: 0;
    width: 90%;
  }
  .timeline::before {
    left: 0;
  }
  .timeline .timeline-item .timeline-content {
    float: right;
    text-align: left;
    width: 90%;
  }
  .timeline .timeline-item .timeline-content::before, .timeline .timeline-item .timeline-content.right::before {
    border-left: 0;
    border-right: 7px solid #fefefe;
    left: 10%;
    margin-left: -6px;
  }
  .timeline .timeline-item .timeline-icon {
    left: 0;
  }
}