/*
   Theme Name: 50 Forward
   */
   
   body {
   background-color: #eee;
   -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   }
   
.header-container {
    background-color: white;
    /*height: 60px;*/
}

header {
    height: 60px;
}

.navbar-default {
    border: 0px;
    background-color: #ffffff;
    margin-top: 10px;
}

/*nav ul {
    text-align: right;
}

nav ul li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 60px;
}
*/

nav ul li a {
    color: #608daf;
    font-family: 'ITC Franklin Gothic W01';
    font-weight: 800;
    text-transform: uppercase;
    font-size: 20px;
}

/* font-family: ‘ITC Franklin Gothic W01’; */

section h2 {
    color: #f0663a;
    font-family: 'ITC Franklin Gothic W01';
    font-size: 36px;
    line-height: 36px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}

.section-content p {
    font-family: Georgia, serif;
    font-size: 18px;
    line-height: 24px;
    color: #666;
    font-weight: 300;
}


.showcase-container {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #608daf;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.white-container {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #ffffff;
    border-top: 1px solid #eee;
}

.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.34%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    
    .showcase h1 {
    
         color: #f0663a;
    font-family: 'ITC Franklin Gothic W01';
    font-size: 72px;
    line-height: 72px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-shadow: 1px 1px rgba(0,0,0,.3);
         
    }
    
    .showcase h1 span {
       color: white;
    font-family: Georgia, serif;
    font-size: 48px;
    line-height: 48px;
    font-weight: 300;
    text-transform: none;
    margin: 0px;
    padding: 0px;
    font-style: italic;
    }
    
.showcase h2 {
         color: white;
    font-family: 'ITC Franklin Gothic W01';
    font-size: 60px;
    line-height: 60px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    margin-bottom: 30px;
    text-shadow: 1px 1px rgba(0,0,0,.3);
    }

.showcase h2 span {
font-weight: 300;
}
    
     .showcase h3 {
       color: black;
      font-family: 'ITC Franklin Gothic W01';
    font-size: 36px;
    line-height: 36px;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 35px;
    }

.showcase h4 {
       color: white;
      font-family: Georgia, serif;
    font-size: 36px;
    line-height: 36px;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
margin-bottom: 35px;
font-style: italic;
    }
    
    #Venue p:first-child {
         font-family: 'ITC Franklin Gothic W01';
         font-size: 24px;
         line-height: 28px;
color: black;
    }
    
    .footer-container {
        padding-top: 60px;
        padding-bottom: 60px;
        color: #888;
    }


.btn-register {
background-color: #f16437;
border-color: #c04118;
color: white;
 font-family: 'ITC Franklin Gothic W01';
font-size: 24px;
text-transform: uppercase;
font-weight: 800;
text-shadow: 1px 1px rgba(0,0,0,.4);
}

.hashtag-container {
background-color: #f16437;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;

}

.hashtag-container a{
font-size: 30px;
color: white;
 font-family: 'ITC Franklin Gothic W01';
}

.page-container {
    background-color: white;
     font-family: 'ITC Franklin Gothic W01';
}

.page-container-padding {
    padding: 30px 60px;
}

.page-container p {
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #333;
}

.chair {
    margin-bottom: 20px;
}

.chair h3 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.chair p {
    font-size: 14px;
    font-style: italic;
}



/* ---- HONOREE LIST -----*/

h2.honoree-page-title {
     font-family: 'ITC Franklin Gothic W01';
     text-transform: uppercase;
     font-size: 36px;
     margin-bottom: 20px;
}

.honoree-container {
    background-color: white;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.honoree-padding {
    padding: 10px 20px 10px 0px;
}

.honoree-img img {
    width: 100%;
    height: auto;
   border: 1px solid #eee;
}

.honoree h2 {
    padding: 0px;
    margin: 0px;
     font-family: 'ITC Franklin Gothic W01';
     font-size: 28px;
     color: #608daf;
     margin-bottom: 10px;
     font-weight: 500;
     margin-top: 20px;
}

.honoree h2 span {
    font-weight: 300;
}

.honoree h4 {
    padding: 0px;
    margin: 0px;
     font-family: 'ITC Franklin Gothic W01';
    
    margin-bottom: 5px;
    font-style: italic;
    /*color: #666;*/
    /*color: #f15c22;*/
 
    /*letter-spacing: 1.2px;*/
}

.honoree h4.job-title {
    font-size: 18px;
    line-height: 18px;
    color: #333;
}

.honoree h4.company {
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #666;
    letter-spacing: 1.2px;
}

.honoree-content {
   /* margin-top: 20px;
    margin-bottom: 20px;*/
}

.honoree-content p {
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 24px;
    font-family: "ITC Franklin Gothic W01", Helvetica, Arial, sans-serif;
    font-weight: 400;
   
}


/* ----- HONOREES 3.0 -------*/
.honorees-outer-container {
    width: 100%;
    background-color: #ccc;
    position: relative;
}

.title-banner {
    width: 100%;
    /*background-image: url('http://50forward.syr.edu/wp-content/uploads/2015/09/newhouse-banner.jpg');*/
    background-color: #618db1;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     position: relative;
     top: 0px;
     left: 0px;
     z-index: 10;
}

.title-banner h1 {
    color: white;
      font-family: "ITC Franklin Gothic W01", Helvetica, Arial, sans-serif;
      font-size: 48px;
}

.bg-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: black;
}

.bg-slide {
    width: 100%;
  position: absolute;
  
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 0;
}



.bg-slide1 {
    /*background-color: #ebb600;*/
    /*background-image: url('http://50forward.syr.edu/wp-content/uploads/2015/09/orange-bg-arrows2.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #ef663b;*/
    background-image: url('http://50forward.syr.edu/wp-content/uploads/2015/09/newhouse-blur.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
   -webkit-filter: blur(6px);
  filter: blur(6px);
  width: 100%;
  height: 1000px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  opacity: 0.8;
}

.bg-slide3 {
  /*background-color: #5f8daf;*/
  background-color: #396588;
  /* background-image: url('http://50forward.syr.edu/wp-content/uploads/2015/09/blue-bg-arrows.jpg');
    background-repeat: no-repeat;
    background-position: top left;*/
   
}

.bg-slide4 {
    background-color: #3abe63;
}

.bg-slide5 {
    background-color: #ef5b00;
}

.bg-slide6 {
    background-color: #3b979c;
}

.bg-slide7 {
    background-color: #f74614;
}

.bg-slide8 {
    background-color: #0075bd;
}

.bg-slide9 {
    background-color: #ebca00;
}

.bg-slide10 {
    background-color: #c2cdce;
}

.white-border {
    /*border: 1px solid #fff;*/
}

.special-recognition {
    position: relative; z-index: 1; padding-top: 60px; padding-bottom: 60px;
}

.honoree-row {
    opacity: 1;
}

.name-plate {
   
    padding: 10px;
    background-image: url('http://50forward.syr.edu/wp-content/uploads/2015/09/arrow-right.png');
    background-repeat: no-repeat;
    background-position: center right;
}

.honoree-primary .name-plate {
     background-color: #f26334;
}

.honoree-secondary .name-plate {
     background-color: #618db1;
}

.honoree-item {
    /*border-right: 1px solid white;*/
   /* padding: 0px;
    margin: 0px;*/
    cursor: pointer;
    overflow: hidden;
     border: 5px solid rgba(255,255,255,0.5);
     padding: 0px;
   
   
}

.honoree-item-content {
     background-color: rgba(0,0,0,.8);
    
}

.honoree-no-border {
   /* border: 0px;*/
}
/*.honoree-item:hover {
    background-color: white;
    background-color: rgba(255,255,255,0.15);
}*/

.honoree-item-padding {
    padding: 10px;
}

.honoree-image-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}



.honoree-image {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: -20px;
    left: 0px;
    opacity: 0;
 /*   -webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .5s ease-in-out;*/
}

.honoree-item:hover .honoree-image {
 /*     -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;*/
}

.white-timeline {
    width: 100%;
    height: 10px;
    /*background-color: magenta;*/
    position: relative;
    padding: 0px;
    margin: 0px;
}

.marker {
    width: 10px;
    height: 10px;
    background-color: white;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    cursor: pointer;
}

.marker-active {
    background-color: orange;
}

.marker-whiteline {
    width: 100%;
    height: 1px;
    background-color: white;
    position: absolute;
    top: 4px;
    left: 0px;
    z-index: 1;
}

.honoree-item h2 {
    padding: 0px;
    margin: 0px;
     font-family: 'ITC Franklin Gothic W01';
     font-size: 16px;
     line-height: 16px;
     color: white;
     /*margin-bottom: 10px;*/
     font-weight: 500;
     text-shadow: 1px 1px rgba(0,0,0,.2);
}

.honoree-item h2 a {
    color: white;
}

.honoree-item h2 span {
    font-weight: 300;
    opacity: 0.7;
    font-size: 18px;
}

.honoree-item h4 {
    padding: 0px;
    margin: 0px;
     font-family: 'ITC Franklin Gothic W01';
    
    margin-bottom: 5px;
    
    /*color: #666;*/
    /*color: #f15c22;*/
 
    /*letter-spacing: 1.2px;*/
}

.honoree-item h4.job-title {
    font-size: 16px;
    line-height: 16px;
    color: rgba(255,255,255,.8);
    font-style: italic;
}

.honoree-item h4.company {
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: white;
    letter-spacing: 1.2px;
}


/* ---- cochairs -----*/

.cochair-img {
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border: 1px solid #ccc;
}

.co-chair-padding {
    padding: 10px;
}

.page h1 {
     font-family: "ITC Franklin Gothic W01", Helvetica, Arial, sans-serif;
      font-size: 36px;
      text-transform: uppercase;
      font-weight: bold;
}

ul.network li {
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 3px;
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    color: #666;
}


/* ---- single honoreee ----*/

.single-honoree-white-container {
    background-color: white;
    margin-top: 20px;
    margin-bottom: 20px;
}

.single-honoree-profile img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}

.single-honoree-padding {
    padding: 20px;
}

.single-honoree h2 {
    padding: 0px;
    margin: 0px;
     font-family: 'ITC Franklin Gothic W01';
     font-size: 28px;
     color: #608daf;
     margin-bottom: 10px;
     font-weight: 500;
     margin-top: 20px;
}

.single-honoree h2 span {
    font-weight: 300;
}

.single-honoree h4 {
    padding: 0px;
    margin: 0px;
     font-family: 'ITC Franklin Gothic W01';
    
    margin-bottom: 5px;
    font-style: italic;
    /*color: #666;*/
    /*color: #f15c22;*/
 
    /*letter-spacing: 1.2px;*/
}

.single-honoree h4.job-title {
    font-size: 18px;
    line-height: 18px;
    color: #333;
}

.single-honoree h4.company {
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #666;
    letter-spacing: 1.2px;
    font-style: normal;
    margin-bottom: 20px;
}

.pagination-container {
    background-color: #c7edfc;
}
.page-previous {
    
}

.page-next {
    text-align: right;
}

.carousel-inner img {
 width: 100%;
 height: auto;
}


.gala-recap {
 padding-top: 60px;
 padding-bottom: 60px;
 background-color: white;
 text-align: left;
}

.gala-recap h2 {
font-size: 120px;    
line-height: 120px;
    
}

.gala-recap p {
 font-size: 22px;
 line-height: 30px;
 color: #666;
 font-family: Georgia, serif;
}

.gala-recap-showcase {
 background-color: #2E3C4C;   
}