/*
Theme Name: toner2015
Theme URI: 
Author: Jeff Passetti
Author URI: http://newhouse.syr.edu
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #eee;
}

h1, h2, h3, h4, h5, h6 {
font-weight: 300;
padding: 0px;
margin: 0px;
line-height: normal;
}

.fix {
clear: both;
}

.header-container {
background-color: #59adb0;
padding-top: 10px;
padding-bottom: 10px;
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.2);
box-shadow: 0px 0px 10px rgba(0,0,0,.2);
z-index: 100;
position: relative;
}

.header-container nav ul {
padding: 0px;
margin: 0px;
text-align: center;
}

.header-container nav ul li {
padding: 0px;
margin: 0px;
display: inline-block;
height: 40px;
line-height: 40px;
}

.header-container nav ul li a {
text-transform: uppercase;
font-family: 'Roboto', Arial, sans-serif;
font-weight: 700;
padding: 10px;
color: white;
}

.header-container nav ul li a:hover {
background-color: #18477c;
}


.logo-container {
background-color: #18477c;

}

.logo-bar {
background-image: url('http://tonerprogram.syr.edu/wp-content/uploads/2014/11/bg-whoosh3.jpg'); 
background-repeat: no-repeat;
background-position: bottom center;
padding-top: 30px;
padding-bottom: 60px;
text-align: center;
}



.showcase-container {
padding-top: 0px;
padding-bottom: 80px;
background-color: #18477c;
}

.showcase-intro-holder {
position: relative;
/*background-color: orange;*/
}

.showcase-intro-content {
text-align: left;
}

.showcase-intro-holder img, .showcase-intro img {
margin-bottom: 30px;
}

.showcase-intro-holder p, .showcase-intro p, .showcase-intro-content p {
font-family: Georgia;
font-size: 22px;
line-height: 36px;
color: white;
text-align: left;
margin-top: 30px;
text-align: center;
}

.showcase-intro-content p {
text-align: left;
}

.showcase-intro p.cta, .showcase-intro-content p.cta {
margin-top: 20px;
}

.showcase-intro p.cta a, .showcase-intro-content p.cta a {
color: #ff9c00;
padding: 10px;
border: 1px solid #ff9c00;
font-size: 14px;
text-transform: uppercase;
font-family: 'Roboto', Arial, sans-serif;
font-weight: 700;
letter-spacing: 1.5px;
}

.showcase-intro-holder h4, .showcase-intro h4, .showcase-intro-content h4 {
font-family: Georgia;
font-size: 22px;
color: white;
font-style: italic;
margin-bottom: 30px;
}

.showcase-bg-container {
background-image: url('http://tonerprogram.syr.edu/wp-content/uploads/2014/11/robin-toner-cut.jpg');
min-height: 400px;
background-repeat: no-repeat;
background-position: 0px 0px;
}

.toner-video-box {
width: 280px;
float: right;
height: 200px;
background-color: orange;
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.5);
box-shadow: 0px 0px 20px rgba(0,0,0,.5);
font-size: 60px;
color: white;
text-align: center;
line-height: 200px;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 270px;
}

.toner-prize-white {
background-color: white;
margin-bottom: 30px;
}

.toner-prize-white-padding {
padding: 30px;
}

.gray-line {
height: 1px;
width: 100%;
background-color: #ccc;
}

.toner-text p {
font-family: Georgia;
font-size: 20px;
line-height: 26px;
}

.toner-text p.cta {
margin-top: 20px;
}

.toner-text p.cta a {
font-family: 'Roboto', Arial, sans-serif;
font-size: 16px;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 10px;
border: 1px solid #59adb0;
color: #59adb0;
}



/* ------ announcement ----- */

.announcement-container {
background-color:rgba(242,93,37,1.0);
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
}

.announcement-container p {
 color: white;   
}

.announcement-container p a {
 font-weight: bold;
 color: white;
}

.announcement {
width: 100%;
position: relative;
top: -40px;
left: 0px;
z-index: 100;
background-color: white;

border: 1px solid white;
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.25);
box-shadow: 0px 0px 10px rgba(0,0,0,.25);
}

.announcement-toner-prize {
width: 20%;
height: 75px;
line-height: 75px;
text-align: center;
background-color: #ff9c00;
float: left;
color: white;
font-size: 28px;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
text-shadow: 1px 1px rgba(0,0,0,.2);
font-weight: bold;
}

.announcement-entry-deadline {
width: 60%;
line-height: 75px;
background-color: #59adb0;
color: white;
font-family: 'Roboto', Arial, sans-serif;
font-weight: bold;
font-size: 22px;
text-align: left;
text-transform: uppercase;
float: left;
}

.announcement-entry-deadline-padding {
padding-left: 20px;
}

.announcement-entry-deadline  span.deadline-date {
color: #18477c;
font-family: 'Roboto Condensed', sans-serif;
padding-left: 20px;
font-weight: bold;
}

.announcement-entry-deadline-submit {
width: 20%;
float: right;
background-color: white;
color: #18477c;
font-family: 'Roboto', Arial, sans-serif;
font-weight: bold;
font-size: 22px;
text-align: center;
line-height: 75px;
}


/* ----- news container ------*/

.news-container  {
padding-top: 80px;
padding-bottom: 80px;
}

.news-container h2 {
font-family: Georgia;
font-size: 36px;
text-transform: uppercase;
color: #18477c;
text-align: center;
}

.news-container article {
background-color: white;
padding: 20px;
-moz-box-shadow: 1px 1px rgba(0,0,0,.2);
box-shadow: 1px 1px rgba(0,0,0,.2);
border-bottom: 5px solid #59adb0;
}

.news-container article:hover {
border-bottom: 5px solid #ff9c00;
}

.news-container article h3 {
font-family: 'Roboto', Arial, sans-serif;
font-weight: bold;
font-size: 22px;
line-height: 22px;
margin-bottom: 10px;
}

.news-container article h4 {
font-family: 'Roboto', Arial, sans-serif;
font-weight: 300;
font-size: 16px;
margin-bottom: 5px;
color: #888;
text-transform: uppercase;
}

.news-container article p {
font-family: 'Roboto', Arial, sans-serif;
}



.news-image-container {
margin-bottom: 10px;
}

.news-image-container img {
width: 100%;
}

.news-container .row {
margin-bottom: 40px;
}

/* ----- committee styles -----*/

.comm-container {
background-color: #d44500;
padding-top: 60px;
padding-bottom: 60px;
text-align: center;
color: #fff;
}

.comm-container h3 {
font-family: Georgia;
font-size: 30px;
text-transform: uppercase;
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
letter-spacing: 2px;
}

.comm-container .row {
margin-bottom: 20px;
}

.comm-container p {
font-family: 'Roboto', Arial, sans-serif;
}

.comm-container p.note {
font-family: Georgia;
font-size: 18px;
font-style: italic;
}


.comm-container .advisory-board {
width: 20%;
float: left;
}

/* ----- page template ----- */
.container-padding {
padding-top: 30px;
padding-bottom: 30px;
}

.page-container {
position: relative;
top: 0px;
left: 0px;
z-index: 500;
}

.page-content {
background-color: white;
margin-bottom: 20px;
}

.page-content-padding {
padding: 20px;
}

.page-content h2 {
margin-top: 0px;
margin-bottom: 30px;
font-family: Georgia;
font-size: 32px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
color: #18477c;
}

.page-content h3 {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: #59adb0;
font-family: 'Roboto', Arial, sans-serif;
margin-top: 30px;
margin-bottom: 10px;
text-align: center;
}

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

.page-content ul {
margin-left: 20px;
list-style: disc;
}

.page-content ul li {
margin-left: 20px;
font-family: Georgia;
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}

.page-content img.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}


/*------ footer -------*/

.footer-container {
padding-top: 60px;
padding-bottom: 60px;
background-color: rgba(22,72,124,1.0);
text-align: center;
color: white;
}

.footer-container img {
display: inline-block;
height: 50px;
margin-bottom: 20px;
}
.footer-container a {
 color: white; 
 font-weight: bold;
}

.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%; }



/* ------ recipients ----- */

.recipient-year {
font-family: Georgia;
font-style: italic;
font-size: 36px;
font-style: italic;
text-align: center;
color: #888;
}

.recipient {
text-align: center;
}

.recipient img {
width: 50%;
border: 1px solid #eee;
margin-bottom: 10px;
}

.recipient h4 {
font-family: 'Roboto', Arial, sans-serif;
font-size: 26px;
}

.recipient p {
font-family: Georgia;

font-style: italic;
}

.recipient-year-row {
padding-top: 20px;
}

.recipient-bio-row {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}


/* ---- hillary ---- */

.hillary-container {
padding-top: 30px;
padding-bottom: 30px;
/*background-color: #e1e9f5;*/
}

.toner-prize-2015-container {
padding-top: 30px;
padding-bottom: 30px;
}

.toner-prize-2015-container h1, .hillary-container h1, .hillary-container h1 a, .toner-prize-2015-container h1 a {
font-family: 'Roboto', Arial, sans-serif;
font-weight: 700;
font-size: 30px;
color: #535f6f;
text-align: left;
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
text-decoration: none;
}
.hillary-container p {
    font-family: 'Roboto', Arial, sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
}

.hillary-container h1 a:hover, .toner-prize-2015-container h1 a:hover {
color: #606c7c;
}

.hillary-container p.cta, .toner-prize-2015-container p.cta {
margin-top: 30px;
margin-bottom: 30px;
}

.hillary-container p.cta a, .toner-prize-2015-container p.cta a {
color: #535f6f;
padding: 10px;
border: 1px solid #6e7b90;
font-family: 'Roboto', Arial, sans-serif;
font-weight: 700;
letter-spacing: 1.5px;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
}

.hillary-container p.cta a:hover, .toner-prize-2015-container p.cta a:hover {
color: #606c7c;
}

.hillary-container h3.feature, .toner-prize-2015-container h3 {
background-image: url('http://tonerprogram.syr.edu/wp-content/uploads/2015/01/line-through.png');
background-repeat: repeat-x;
font-size: 16px;
line-height: 21px;
margin: 0px;
padding: 0px;
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
background-color: transparent;
font-family: 'Roboto', Arial, sans-serif;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
color: #616d7d;
}

.hillary-container h3.feature span, .toner-prize-2015-container h3.feature span {
background-color: white;
padding-left: 10px;
padding-right: 10px;
}

.toner-prize-2015-container h3.feature span {
background-color: #ffefc5;
padding-left: 10px;
padding-right: 10px;
}

.hillary-container h3.feature i, .toner-prize-2015-container h3.feature i {
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
color: #596575;
position: relative;
top: -2px;
}

.hillary-padding {
padding: 15px;
}

.hillary-container h4 {
   font-family: 'Roboto', Arial, sans-serif;
   margin-top: 20px;
   margin-bottom: 10px;
   font-weight: bold;
   color: #616d7d;
}


/*----- toner prize celebration ----- */

.page-id-1928 h3 {
text-align: left;
}

.page-id-1928 h3.intro {
text-align: left;
text-transform: none;
color: #18477c;
}

.page-id-1928 h4 {
font-family: 'Roboto', Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
}

.page-id-1928 h4.ticket {
margin-bottom: 20px;
}

.page-id-1928 h4 span {
text-transform: none;
font-style: italic;
font-weight: 300;
}

.page-id-1928 .event-info {
font-style: italic;
}

.sponsor-btn {
font-family: 'Roboto', Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
}

.btn-info {
background-color: #59adb0;
border-color: #38878a;
}

.btn-info:hover {
background-color: #38878a;
}

.toner-line {
clear: both;
height: 1px;
width: 100%;
border-bottom: 1px dotted #59adb0;
/*background-color: #59adb0;*/
margin-top: 20px;
margin-bottom: 10px;
}



/* event links on homepage */
.event-links {
margin-top: 40px;
margin-bottom: 40px;
}

.event-links a {
font-family: 'Roboto', Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
}

.reserve-link {
text-align: right;
margin-bottom: 10px;
}

.more-info-link {
margin-bottom: 10px;
}




.announcement-container p {
margin: 0px;
padding: 0px;
}

.call-for-entries-2015 {
background-color: orange;
}

.call-for-entries-2015-padding {
 padding: 10px 20px;   
}

.call-for-entries-2015 h3 {
 color: white;   
}

.call-for-entries-2015 h1 {
 color: white;   
 font-size: 48px;
 line-height: 48px;
 text-transform: uppercase;
 padding: 0px;
 margin: 0px;
 padding-bottom: 10px;
 padding-top: 10px;
}

.call-for-entries-2015 h2 {
    font-family: Georgia;
    font-size: 28px;
    color: #18477c;
    font-style: italic;
    padding-bottom: 10px;
}

.call-for-entries-2015-sub{
    background-color: #18477c;
    padding: 0px;
    margin: 0px;
}

.call-for-entries-2015-sub > h3 {
    color: white;
    background-image: none;
    padding: 0px;
    margin: 0px;
    font-size: 26px;
    line-height: 30px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 1px;
}

.call-for-entries-2015-cta {
 background-color: #59adb0;
 padding-top: 10px;
 padding-bottom: 10px;
}

.call-for-entries-2015-cta > h3, .call-for-entries-2015-sub > h3 {
 color: white; 
 font-family: 'Roboto', Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 24px;
}

.call-for-entries-2015-sub > h3 a {
 color: white;   
}

.call-for-entries-2015-cta > h4 {
 color: #18477c; 
 font-family: 'Roboto', Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 24px;
}

.call-for-entries-2015-cta-link > h3 a {
 background-color: #18477c;
 color: white;
 display: block;
  font-family: 'Roboto', Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 24px;
padding: 10px;
}

.call-for-entries-2015-cta-link > h3 a:hover {
 background-color: #3b7ac2;   
}

.logo-bar-toner-left {
 text-align: right;   
}

.logo-bar-toner-left img {
 border: 1px solid white;
 margin-right: 30px;
 margin-top: 20px;
}

.page-logo {
 /*float: left;*/
 margin-bottom: 20px;
 margin-right: 0px;
}

.keynote2015-container {
 background-color: white;
 padding-top: 30px;
 padding-bottom: 30px;
}
.keynote2015-image {
 width: 100%;
 height: auto;
 padding: 5px;
 background-color: white;
 border: 1px solid #eee;
}
.keynote2017-image {
     width: 300px;
 height: auto;
 padding: 5px;
 background-color: white;
 border: 1px solid #eee;
}
.keynote-speaker-text h3 {
font-family: 'Roboto', Arial, sans-serif;
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
color: #0072bc;
font-weight: bold;
letter-spacing: 1.2px;
margin-top: 60px;
margin-bottom: 30px;
}
.keynote-speaker-text h2 {
font-family: 'Roboto', Arial, sans-serif;
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
}
h2.keynote-speaker-label {
 color: #59adb0;
 font-weight: bold;
 letter-spacing: 1.2px;
 margin-bottom: 10px;
}
h2.keynote-speaker-job-title {
 color: #555555;
 font-weight: 300;
 text-transform: none;
 letter-spacing: 1.2px;
 margin-bottom: 10px;
 font-style: italic;
}
.keynote-speaker-text h1 {
   font-family: Georgia, serif;
   font-size: 36px;
   line-height: 36px;
   color: black;
   font-weight: 300;
   margin-bottom: 5px;
}
.keynote-speaker-text p.cta {
 margin-top: 30px;   
}
.keynote-speaker-text p.cta a {
 color: #0072bc;
 padding: 10px;
 border: 1px solid #0072bc;
 font-family: 'Roboto', Arial, sans-serif;
font-size: 14px;
line-height: 14px;
text-transform: uppercase;
}

.top-logo-header {
 width: 100%;
 background-color: #18477c;
 padding-top: 20px;
 padding-bottom: 20px;
 text-align: center;
}
.top-logo-header .toner-logo {
 height: 60px;
 width: auto;
 padding-right: 30px;
 border-right: 1px solid white;
}
.top-logo-header .newhouse-logo {
 height: 40px;
 width: auto;
padding-left: 30px;
margin-top: 10px;
}
.single .wp-post-image {
 width: 100%;
 height: auto;
}

.sponsor-row {
 margin-bottom: 20px;   
}

.sponsor-row img {
 border: 1px solid #ccc;   
 width: 100%;
 height: auto;
}

.sponsor-item {
 background-color: #16487c;
 position: relative;
 opacity: 0;
}

.sponsor-item h4 {
     width: 100%;
    position: absolute;
    top: 20px;
    left: -20px;
    z-index: 50;
     font-family: 'Roboto', Arial, sans-serif;
     font-size: 18px;
     font-weight: bold;
     color: white;
     text-align: center;
     opacity: 0;
     text-transform: uppercase;
  
}


.sponsor-item h4 a {
 color: white;
 display: block;
 text-align: center;
}

.sponsor-block-container{
    padding-top: 30px;
    padding-bottom: 30px;
    /*background-color: rgba(89,173,176,0.4);*/
    /*background-color: rgba(22,72,124,.8);*/
    /*background-color: rgba(89,173,176,1);*/
    background-color:rgba(242,93,37,.2);
}

.sponsor-block {
    padding: 20px;
 /*background-color: rgba(89,173,176,1);*/
 background-color: white;
 border-top: 10px solid rgba(242,93,37,1.0);
 -moz-box-shadow: 1px 1px rgba(0,0,0,.1); box-shadow: 1px 1px rgba(0,0,0,.1);
}

.sponsor-block h2 {
     font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #535f6f;
    text-align: left;
    margin-bottom: 10px;
    text-decoration: none;   
}

.sponsor-block p.cta {
 margin-top: 30px;   
}

.sponsor-block p.cta a {
     color: #535f6f;
    padding: 10px;
    border: 1px solid #6e7b90;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 1.5px;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;   
}
.sponsor-block-logo {
 position: relative;   
}

.sponsor-block-logo ul {
 padding-bottom: 20px;   
}

.sponsor-block-logo ul li {
   display: none;
}

.sponsor-block-logo img {
 width: 100%;
 height: auto;
 border: 1px solid #ccc;
}

.sponsors2017 {
 background-image: url('http://tonerprogram.syr.edu/wp-content/uploads/2016/11/backdrop.jpg');
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
}
.sponsors2017-main {
 min-height: 400px;   
}

.sponsors2017-image img {
 width: 100%;
 height: auto;
 margin-bottom: 20px;
}

.sponsors2017 h2 {
     font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: white;
    margin-bottom: 10px;
    text-decoration: none; 
    margin-top: 30px;
}

.sponsors2017 p.description {
     font-family: Georgia, serif;
   font-size: 18px;
   line-height: 26px;
   text-align: left;
    color: white;
}
.sponsors2017 p.description span {
     font-family: 'Roboto', Arial, sans-serif;
    font-weight: 700;
}
.sponsors2017 p.cta {
 text-align: left;   
}
.sponsors2017 p.cta a {
 color: white;
 border-color: white;
 display: inner-block;
}
.sponsors2017-content p.cta a:hover {
 background-color:rgba(242,93,37,1.0);
 color: white;
}
.slideshow2017 {
 text-align: center;   
}
.slideshow2017 img, .banner-responsive {
 width: 100%;
 height: auto;
}