/**
 * @file
 * CSS for Customized Pages
 */

/* Staff Page;
 ******************************************************************************/
blockquote p {
  font-size: 1.2em;
}
#content .dept-box {
  margin-top: 15px;
}
#content .dept-box > h4 {
  font-size: 1.8em;
}
#posts-box {
  margin-top: 40px;
}
.posts-by-author .post {
  padding-top: 10px;
  margin-top: 0;
  border-top: 1px solid #e7e7e7;
}
#colR {
  margin-left: 320px;
}
.page-node .video-wrapper {
  margin-bottom: 50px;
}

/* Abram Lessons
 ******************************************************************************/
.abram-posts {
  margin-top: 40px;
}
.abram-posts h4 {
  color: #335D70;
  font-size: 1.3em;
}
.abram-posts .post {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #afafaf;
}
@media (max-width: 768px) {
  #content .staff-box .hover-box {
    opacity: 1;
  }
  #content .staff-box {
    margin-bottom: 20px;
  }
  #content .staff-box .hover-box h3 {
    padding-top: 4%;
  }
  #content .staff-box .social-share .social:first-child {
    margin-left: 0;
  }
  #content .staff-box .social-share .social {
    margin: 30px 6px 5px 6px;
  }
}
@media (min-width: 768px) {
  #content .staff-grid .staff-box {
    margin: 3%;
    width: 42%;
  }
  #content .staff-box {
    text-align: center;
    margin: 0 4.5% 10px 1.5%;
    width: 40%;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  #content .staff-box .hover-box .social-share {
    position: relative;
    top: -10px;
  }
}
@media (min-width: 1024px) {
  #content .staff-grid .staff-box {
    margin: 2%;
    width: 27.6%;
  }
  #content .staff-box {
    text-align: center;
    margin: 0 4.5% 10px 1.5%;
    width: 21.6%;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  #content .staff-box .hover-box > * {
    position: relative;
    top: -5px;
  }
}
@media (min-width: 1150px) {
  #content .staff-grid .staff-box {
    margin: 1.5%;
    width: 21.6%;
  }
  #content .staff-box {
    text-align: center;
    margin: 0 4.5% 10px 1.5%;
    width: 21.6%;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  #content .staff-box .hover-box p {
    position: relative;
    top: -17px;
  }
  #content .staff-box .hover-box p.dept {
    position: relative;
    top: -15px;
    padding: 0 15%;
    line-height: 1;
  }
}

/* Issues Main Page
 ******************************************************************************/
.front-issue {
  background: #f8f8f8;
  cursor: pointer;
  -moz-transition: background 0.1s ease-in;
  -webkit-transition: background 0.1s ease-in;
  transition: background 0.1s ease-in;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  width: 30.4%;
  padding: 20px 0 10px 0;
  margin: 1.2%;
}
.front-issue:hover {
  background: white;
}
.front-issue .issue-icon {
  width: 2em;
  height: 2em;
  margin: 0 auto;
  text-align: center;
  background: #b33e2e;
  border-radius: 50%;
  box-shadow: 0px 1px 0px #fff;
  font-size: 4.4em;
  color: white;
}
.front-issue .issue-icon i {
  font-size: 1em;
  padding-top: 33px;
  display: block;
}
.front-issue h2 {
  text-align: center;
  font-size: 1.6em;
  margin-top: 0.75em;
  letter-spacing: 0.02em;
  color: rgb(51, 51, 51);
  line-height: 30px;
  padding: 0 20px;
}
.front-issue .issue-content {
  padding: 0 20px;
  font-family: Oxygenregular;
  line-height: 1.5em;
  color: #888;
  margin-top: -3px;
  margin-bottom: 20px;
  letter-spacing: 0.1px;
  letter-spacing: 0.022em;
}
.front-issue .issue-recent {
  margin: 0 0 10px 20px;
  width: 70%;
  float: left;
}
.front-issue .issue-recent a:hover {
  color: #005580;
  text-decoration: underline !important;
}
.front-issue .timestamp {
  font-size: 0.85em;
  color: #AAA;
  float: right;
  margin-right: 5%;
}
.front-issue .issue-followers {
  border-top: 1px solid #dadada;
  padding-top: 10px;
  padding-left: 20px;
  clear: both;
  text-transform: uppercase;
  color: #aaa;
}
.issue-followers i {
  margin-right: 0.5em;
}

/* Individual Issue Pages
 ******************************************************************************/
.page-taxonomy #content .node-full {
  display: none;
}
.issue-heading,
.campaign-heading {
  background: #488cb4;
  width: 100%;
  margin-bottom: 15px;
}
.issue-heading,
.campaign-heading h3 {
  font-size: 1.2em;
  text-align: center;
  border-bottom: 1px solid #3c7596;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0;
}

/* Internships
 ******************************************************************************/
#main-content .wufoo-form {
  width: 94%;
  padding: 15px 3%;
  margin: 10px 0;
  float: none;
}
#main-content .internship-content {
  width: 100%;
  float: none;
  margin: 30px 0;
}

/* Contact Form
 ******************************************************************************/
@media (min-width: 767px) {
  #webform-client-form-127 {
    margin-top: 4em;
  }
  #webform-client-form-127 input[type='text'],
  #webform-client-form-127 input[type='email'],
  #webform-client-form-127 input[type='number'] {
    width: 95%;
  }
  #webform-client-form-127 input[type='submit'] {
    width: auto;
    margin-top: 1em;
  }
  #webform-client-form-127 #webform-component-first-name,
  #webform-client-form-127 #webform-component-last-name,
  #webform-client-form-127 #webform-component-daytime-phone-number,
  #webform-client-form-127 #webform-component-evening-phone-number,
  #webform-client-form-127 #webform-component-mobile-phone-pager-number,
  #webform-client-form-127 #webform-component-fax,
  #webform-client-form-127 #webform-component-county,
  #webform-client-form-127 #webform-component-city,
  #webform-client-form-127 #webform-component-state,
  #webform-client-form-127 #webform-component-zip {
    display: inline-block;
    width: 48%;
    margin-right: 1%;
  }
  #webform-client-form-127 #webform-component-state select {
    width: 99%;
  }
  #webform-client-form-127 #webform-component-message-comments {
    width: 97.5%;
  }
}

/* Maintenance Mode
 ******************************************************************************/
.maintenance-page {
  padding: 0;
}
.maintenance-page #main-content {
  margin-top: 0;
  text-align: center;
}
.maintenance-page .column-headers {
  margin-top: 65px;
}
.maintenance-page .column-headers h3 {
  padding-left: 0 !important;
}
@media (max-width: 768px) {
  .maintenance-page .column-headers {
    margin-top: 50px;
  }
}
.maintenance-page #main-content #content {
  width: auto;
  float: none;
  font-size: 1.3em;
  color: #aaa;
  height: auto !important;
  padding: 50px 20px;
}
.maintenance-page .logo {
  width: 100%;
  margin: 5px 0;
}
.maintenance-page .logo a {
  margin-left: 0 !important;
}
.maintenance-page .logo a img {
  margin: 0 auto !important;
}
.maintenance-page .contribute,
.maintenance-page #small-menu-hook {
  display: none;
}