/**
* Header styles
*/
div.sticky-wrapper header div.container-fluid,
.region--gray-background .sf-menu.menu ul,
.header.region--gray-background .sf-menu.menu ul,
.header-container ul.menu.sf-accordion {
  background-color: #373737;
}

.header-container .region--dark-typography .sf-accordion-toggle.sf-style-none a,
.header-container .region--dark-typography .sf-accordion-toggle.sf-style-none span,
.header-container ul.menu li a,
.header-container ul.menu li span {
  color: #ffffff;
}

.header-container ul.menu li a:hover,
.header-container ul.menu li a.is-active,
.header-container ul.menu li.active-trail > a,
.region--dark-background .menu.cta-active > li:last-child > a:hover,
.menu.cta-active > li:last-child > a:hover {
  color: #eeeeee;
}

.header-container ul.menu.sf-accordion li:last-child > a,
.header-container ul.menu.sf-accordion li:last-child > span {

  border-bottom: 1px solid #eaeaea;
}

.block-search form {
  margin-top: 1em;
}

/**
 * Overrides
 */
p {
  font-size: 1.2em;
}
img.align-center {
  width: 80%;
  padding: 1em 0 2em 0;
}
img.align-left {
  display: inline-block;
  width: 25%;
}
.social-links.social-links--inline li {
  font-size: 12pt;
  margin: 0 10px 0 10px;
}
.field--name-field-header-image .field__label {
  display: none;
}
.field--name-field-header-image .field__item {
  margin: 0 0 3em 0;
}
.main-content__section {
  padding-top: .5em;
}
.node__container dl dt {
  padding-top: .5em;
}
.tabs a.no-format {
  display: inline;
  padding: 0;
}

a {
  color: #337ab7;
}

/**
 * Custom Styles
 */
#program-directors {
  max-width: 500px;
}
#coordinating-team img {
  max-width: 200px;
  height: auto;
}
.org-logo {
  max-height: 100px;
}

/**
 * Coordinating Center Styles
 */
#mcorrp-yearbook {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
#mcorrp-yearbook .yearbook-student {
  display: inline-block;
  width: 25%;
  height: auto;
  padding: 2%;
  padding-bottom: 48px;
}
@media screen and (max-width: 700px) {

  #mcorrp-yearbook .yearbook-student {
    width: 50%;
  }
}
@media screen and (max-width: 360px) {

  #mcorrp-yearbook .yearbook-student {
    width: 100%;
  }
}
#mcorrp-yearbook .student-photo {
  width: 300px;
  height: auto;
}
#mcorrp-yearbook .student-name {
  display: block;
}
#mcorrp-yearbook .student-title {
  display: block;
  font-weight: 700;
}

/**
 * Message Block
 */
.message-block {
  width: 100%;
  padding-bottom: 1em;
  border-radius: 5px;
}
.message-block p {
  padding: .5em 1em 1.5em 1em;
  /*padding: 0 1em 1em 2em;*/
}
.message-block h2 {
  width: 100%;
  color: #fff;
  background-color: rgba(75, 75, 75, 0.5);
  text-indent: .2em;
  padding-top: .1em;
  padding-bottom: 0;
  border-radius: 5px 5px 0 0;
}
#message-balance-risk {
  background-color: #CBDAC6;
}
#message-balance-risk img,
#message-process img {
  width: 50%;
  border-radius: 5px;
  padding: 2px;
  margin-top: 1em;
  margin-bottom: 1.5em;
  background-color: #fff;
  border: 1px solid #333;
}
#message-process img {
  width: 90%;
}

#message-national img,
#message-global img,
#message-distribution table,
#message-orgs table {
  width: 90%;
  margin: auto;
  display: block;
}

#message-process,
#message-national {
  background-color: #E2C35E;
}
#message-aspirin img,
#message-lab img {
  padding: 2px;
  margin-right: 1em;
  margin-bottom: .5em;
  margin-left: 1em;
  background-color: #fff;
  border: 1px solid #333;
}
#message-aspirin,
#message-orgs {
  background-color: #FCBBFB;
}
#message-lab,
#message-global{
  background-color: #FBBEB4;
}
#message-patient-education,
#message-distribution {
  background-color: #BCF3ED;
}
 

/**
 * Carousel Style
 */
.carousel-control {
  width: 5%;
}
.carousel-control,
.carousel-control.right,
.carousel-control.left {
  background-image: none;
}
.carousel-indicators li {
  background-color: #656565;
}
.carousel-indicators li.active {
  background-color: #373737;
}
.carousel-caption {
  text-shadow: none;
  position: static;
  color: #373737;
}
/* maqii banner */
.carousel-inner {
  box-shadow: 0px -8px 32px #000;
  /*border-bottom: 2px solid #cfcfcf;*/
}
.carousel-inner .carousel-item-maqii .background-image-overlay {
  background-image: linear-gradient(to bottom right, red, yellow);
}
.carousel-inner .carousel-item-maqii .carousel-caption {
  color: white;
  font-size: 1.5em;
}
/* toolkit banner */
.carousel-inner .carousel-item-actoolkit .background-image-overlay {
  background-image: linear-gradient(to bottom, #ccc, 2%, transparent, transparent);
}
.carousel-inner .carousel-item-actoolkit .block-title img {
  width: 60%;
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(100%, transparent) , to(rgba(250, 250, 250, 0.1)));
}
.carousel-inner .carousel-item-actoolkit .col-md-8 .text-center span {
  padding-left: 5%;
  padding-right: 5%;
}
.carousel-inner .interface-icons {
  padding-top: 2em;
}
.carousel-inner .carousel-item-actoolkit .col-md-8 .text-center span img {
  width: 30px;
}
.glyphicon-chevron-right:before,
.glyphicon-chevron-left:before {
  font-family: "FontAwesome";
  -webkit-text-stroke: 1px black;
   color: white;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
  text-shadow: none;
  opacity: 75%;
  font-size: 2em;
}
.glyphicon-chevron-right:before {
  content: '\f105';
}
.glyphicon-chevron-left:before {
  content: '\f104';
}
.carousel-inner .item {
  height: 500px;
  overflow: hidden;
}
/*#frontpage-slider {
  overflow: hidden;
  width: 720px;
  height: 400px;
}

#frontpage-slider .slides {
  display: block;
  width: 6000;
  height: 400px;
  margin: 0;
  padding: 0;
}

#frontpage-slider .slide {
  float: left;
  list-style-type: none;
  width: 720px;
  height: 400px;
}*/

.carousel-theme-light .carousel-message p {
  color: #fff;
  text-shadow: 0px 0px 10px #666;
}
.carousel-theme-light .carousel-message a.button {
  color: #fff;
  background-color: #333;
}
.carousel-theme-light .carousel-message a.button:hover {
  color: #fff;
  background-color: #F15A40;
}
.carousel-theme-dark .carousel-message p {
  color: #333;
  text-shadow: 0px 0px 10px #fff;
}
.carousel-theme-dark .carousel-message a.button {
  color: #333;
  background-color: #fff;
}
.carousel-theme-dark .carousel-message a.button:hover {
  color: #fff;
  background-color: #F15A40;
}

.carousel-ip-background .carousel-link p {
  text-shadow: none;
}


/**
 * Message: Top
 * Image: Background
 */
.carousel-ip-background.carousel-mp-top .background-image-overlay {
  opacity: .2;
}
.carousel-ip-background.carousel-mp-top .carousel-image {
  width: 100%;
}
.carousel-ip-background.carousel-mp-top .carousel-message p {
  font-size: 2em;
  width: 75%;
  margin-left: 12.5%;
}
.carousel-ip-background.carousel-mp-top .carousel-link {
  opacity: .9;
}
@media screen and (max-width: 990px) {
  .carousel-ip-background.carousel-mp-top .background-image-overlay {
    opacity: .2;
  }
  .carousel-ip-background.carousel-mp-top .carousel-image {
    width: 100%;
    margin-left: 0;
    background-size: auto;
  }
  .carousel-ip-background.carousel-mp-top .carousel-message p {
    font-size: 2em;
    width: 75%;
    margin-left: 12.5%;
  }
  .carousel-ip-background.carousel-mp-top .carousel-link {
    opacity: .8;
  }
}
@media screen and (max-width: 800px) {
  .carousel-ip-background.carousel-mp-top .background-image-overlay {
    opacity: .2;
  }
  .carousel-ip-background.carousel-mp-top .carousel-image {
    width: 100%;
    margin-left: 0;
    background-size: auto;
  /* Add the blur effect */
  /*filter: blur(3px);
  -webkit-filter: blur(3px);*/
  }
  .carousel-ip-background.carousel-mp-top .carousel-message p {
    font-size: 1.25em;
    width: 75%;
    margin-left: 12.5%;
  }
  .carousel-ip-background.carousel-mp-top .carousel-link {
    opacity: .8;
  }
}

/**
 * Message: Bottom
 * Image: Background
 */
.carousel-ip-background.carousel-mp-bottom .background-image-overlay {
  opacity: .2;
}
.carousel-ip-background.carousel-mp-bottom .carousel-image {
  width: 100%;
}
.carousel-ip-background.carousel-mp-bottom .bottom-spacing-medium {
  position: relative;
  bottom: -11em;
}
.carousel-ip-background.carousel-mp-bottom .bottom-spacing-large {
  position: relative;
  bottom: -6em;
}
.carousel-ip-background.carousel-mp-bottom .carousel-message p {
  font-size: 2em;
  width: 75%;
  margin-left: 12.5%;
}
.carousel-ip-background.carousel-mp-bottom .carousel-link {
  opacity: .9;
}
@media screen and (max-width: 990px) {
  .carousel-ip-background.carousel-mp-bottom .background-image-overlay {
    opacity: .2;
  }
  .carousel-ip-background.carousel-mp-bottom .carousel-image {
    width: 100%;
    margin-left: 0;
    background-size: auto;
  }
  .carousel-ip-background.carousel-mp-bottom .carousel-message p {
    font-size: 2em;
    width: 75%;
    margin-left: 12.5%;
  }
  .carousel-ip-background.carousel-mp-bottom .carousel-link {
    opacity: .8;
  }
}
@media screen and (max-width: 800px) {
  .carousel-ip-background.carousel-mp-bottom .background-image-overlay {
    opacity: .2;
  }
  .carousel-ip-background.carousel-mp-bottom .carousel-image {
    width: 100%;
    margin-left: 0;
    background-size: auto;
  /* Add the blur effect */
  /*filter: blur(3px);
  -webkit-filter: blur(3px);*/
  }
  .carousel-ip-background.carousel-mp-bottom .bottom-spacing-medium {
    bottom: -13em;
  }
  .carousel-ip-background.carousel-mp-bottom .bottom-spacing-large {
    bottom: -9em;
  }
  .carousel-ip-background.carousel-mp-bottom .carousel-message p {
    font-size: 1.25em;
    width: 75%;
    margin-left: 12.5%;
  }
  .carousel-ip-background.carousel-mp-bottom .carousel-link {
    opacity: .8;
  }
}

/**
 * Message: Left
 * Image: Background
 */
.carousel-ip-background.carousel-mp-left .background-image-overlay {
  opacity: .2;
}
.carousel-ip-background.carousel-mp-left .carousel-image {
  width: 100%;
  background-position: center left;
}
.carousel-ip-background.carousel-mp-left .bottom-spacing-medium {
  position: relative;
  bottom: -11em;
}
.carousel-ip-background.carousel-mp-left .bottom-spacing-large {
  position: relative;
  bottom: -6em;
}
.carousel-ip-background.carousel-mp-left .carousel-message p {
  font-size: 2em;
  width: 75%;
  margin-left: 12.5%;
  text-align: left;
}
.carousel-ip-background.carousel-mp-left .carousel-link {
  opacity: .9;
}
@media (min-width: 992px) {
  .carousel-ip-background.carousel-mp-left .col-md-offset-2 {
    text-align: left;
    margin-left: 0;
  }
}
@media screen and (max-width: 990px) {
  .carousel-ip-background.carousel-mp-left .background-image-overlay {
    opacity: .2;
  }
  .carousel-ip-background.carousel-mp-left .carousel-image {
    width: 100%;
    margin-left: 0;
    background-size: auto;
  }
  .carousel-ip-background.carousel-mp-left .carousel-message p {
    font-size: 2em;
    width: 75%;
    margin-left: 12.5%;
  }
  .carousel-ip-background.carousel-mp-left .carousel-link {
    opacity: .8;
  }
}
@media screen and (max-width: 800px) {
  .carousel-ip-background.carousel-mp-left .background-image-overlay {
    opacity: .2;
  }
  .carousel-ip-background.carousel-mp-left .carousel-image {
    width: 100%;
    margin-left: 0;
    background-size: auto;
  /* Add the blur effect */
  /*filter: blur(3px);
  -webkit-filter: blur(3px);*/
  }
  .carousel-ip-background.carousel-mp-left .bottom-spacing-medium {
    bottom: -13em;
  }
  .carousel-ip-background.carousel-mp-left .bottom-spacing-large {
    bottom: -9em;
  }
  .carousel-ip-background.carousel-mp-left .carousel-message p {
    font-size: 1.25em;
    width: 75%;
    margin-left: 12.5%;
  }
  .carousel-ip-background.carousel-mp-left .carousel-link {
    opacity: .8;
  }
}
/**
 * Message: Right
 * Image: Background
 */
.carousel-ip-background.carousel-mp-right .background-image-overlay {
  opacity: .2;
}
.carousel-ip-background.carousel-mp-right .carousel-image {
  width: 100%;
  background-position: center right;
}
.carousel-ip-background.carousel-mp-right .bottom-spacing-medium {
  position: relative;
  bottom: -11em;
}
.carousel-ip-background.carousel-mp-right .bottom-spacing-large {
  position: relative;
  bottom: -6em;
}
.carousel-ip-background.carousel-mp-right .carousel-message p {
  font-size: 2em;
  width: 75%;
  margin-left: 12.5%;
  text-align: right;
}
.carousel-ip-background.carousel-mp-right .carousel-link {
  opacity: .9;
}
@media (min-width: 992px) {
  .carousel-ip-background.carousel-mp-right .col-md-offset-2 {
    text-align: right;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .carousel-ip-background.carousel-mp-right .col-md-8 {
    float: right;
  }
}
@media screen and (max-width: 990px) {
  .carousel-ip-background.carousel-mp-right .background-image-overlay {
    opacity: .2;
  }
  .carousel-ip-background.carousel-mp-right .carousel-image {
    width: 100%;
    margin-left: 0;
    background-size: auto;
  }
  .carousel-ip-background.carousel-mp-right .carousel-message p {
    font-size: 2em;
    width: 75%;
    margin-right: 12.5%;
  }
  .carousel-ip-background.carousel-mp-right .carousel-link {
    opacity: .8;
  }
}
@media screen and (max-width: 800px) {
  .carousel-ip-background.carousel-mp-right .background-image-overlay {
    opacity: .2;
  }
  .carousel-ip-background.carousel-mp-right .carousel-image {
    width: 100%;
    margin-left: 0;
    background-size: auto;
  /* Add the blur effect */
  /*filter: blur(3px);
  -webkit-filter: blur(3px);*/
  }
  .carousel-ip-background.carousel-mp-right .bottom-spacing-medium {
    bottom: -13em;
  }
  .carousel-ip-background.carousel-mp-right .bottom-spacing-large {
    bottom: -9em;
  }
  .carousel-ip-background.carousel-mp-right .carousel-message p {
    font-size: 1.25em;
    width: 75%;
    margin-left: 12.5%;
  }
  .carousel-ip-background.carousel-mp-right .carousel-link {
    opacity: .8;
  }
}
/**
 * Message: Left
 * Image: Right
 */
.carousel-ip-right.carousel-mp-left .background-image-overlay {
  opacity: .2;
}
.carousel-ip-right.carousel-mp-left .carousel-image {
  width: 100%;
  background-position: center right;
}
.carousel-ip-right.carousel-mp-left .bottom-spacing-medium {
  position: relative;
  bottom: -11em;
}
.carousel-ip-right.carousel-mp-left .bottom-spacing-large {
  position: relative;
  bottom: -6em;
}
.carousel-ip-right.carousel-mp-left .carousel-message p {
  font-size: 2em;
  width: 75%;
  margin-left: 12.5%;
  text-align: left;
}
.carousel-ip-right.carousel-mp-left .carousel-link {
  opacity: .9;
}
@media (min-width: 992px) {
  .carousel-ip-right.carousel-mp-left .col-md-offset-2 {
    text-align: left;
    margin-left: 0;
  }
}
@media screen and (max-width: 990px) {
  .carousel-ip-right.carousel-mp-left .background-image-overlay {
    opacity: .2;
  }
  .carousel-ip-right.carousel-mp-left .carousel-image {
    width: 100%;
    margin-left: 0;
    background-size: auto;
  }
  .carousel-ip-right.carousel-mp-left .carousel-message p {
    font-size: 2em;
    width: 75%;
    margin-left: 12.5%;
  }
  .carousel-ip-right.carousel-mp-left .carousel-link {
    opacity: .8;
  }
}
@media screen and (max-width: 800px) {
  .carousel-ip-right.carousel-mp-left .background-image-overlay {
    opacity: .2;
  }
  .carousel-ip-right.carousel-mp-left .carousel-image {
    width: 100%;
    margin-left: 0;
    background-size: auto;
  /* Add the blur effect */
  /*filter: blur(3px);
  -webkit-filter: blur(3px);*/
  }
  .carousel-ip-right.carousel-mp-left .bottom-spacing-medium {
    bottom: -13em;
  }
  .carousel-ip-right.carousel-mp-left .bottom-spacing-large {
    bottom: -9em;
  }
  .carousel-ip-right.carousel-mp-left .carousel-message p {
    font-size: 1.25em;
    width: 75%;
    margin-left: 12.5%;
  }
  .carousel-ip-right.carousel-mp-left .carousel-link {
    opacity: .8;
  }
}

#homepage-twitter-feeds {
  width: 100%;
}
#twitter-blocks {
  width: 100%;
  display: flex;
}
#homepage-twitter-feeds h3 {
  display: block;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
#homepage-twitter-feeds #twitter-widget-1,
#homepage-twitter-feeds #twitter-widget-2,
#homepage-twitter-feeds #twitter-widget-3,
#homepage-twitter-feeds #twitter-widget-4,
#homepage-twitter-feeds #twitter-widget-5 {
  
}

#block-tweet-2 {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.three-block-tweet {
  display: inline-block;
  flex: 1;
  width: 33%;
}
.three-block-tweet h4 {
  text-align: center;
  display: none;
}


/**
 * CSS Tabs
 * Adapted from: https://kyusuf.com/post/completely-css-tabs/
 */
* {
  box-sizing: border-box;
}
body {
  padding: 10px;
  background: #f2f2f2;
}
.tabs {
  display: flex;
  flex-wrap: wrap;
  max-width: auto;
  background: #efefef;
  box-shadow: 0 48px 80px -32px rgba(0,0,0,0.3);
}
.input {
  position: absolute;
  opacity: 0;
}
.label {
  width: 150px;
  padding: 20px 30px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #7f7f7f;
  font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif;
  transition: background 0.1s, color 0.1s;
}

.label:hover {
  background: #d8d8d8;
}

.label:active {
  background: #ccc;
}

.input:focus + .label {
  box-shadow: inset 0px 0px 0px 3px #2aa1c0;
  z-index: 1;
}

.input:checked + .label {
  background: #fff;
  color: #000;
}

@media (min-width: 600px) {
  .label {
    width: auto;
  }
}
.panel {
  display: none;
  padding: 20px 30px 30px;
  background: #fff;
}
.tabs .panel {
  margin-bottom: 0;
  border: none;
  border-radius: none;
  box-shadow: none;
}
@media (min-width: 600px) {
  .panel {
    order: 99;
  }
}

.input:checked + .label + .panel {
  display: block;
}