/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "HTML" settings tab.
 */

@media screen and (min-width: 1450px){
  #page-wrapper{
    background: #ccc;
  }

  #page{
    background: #fff;
    max-width: 1450px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1220px){
  .site-logo-img {
    width: 250px;
  }

  #header:not(.scroll) #branding{
    margin-top: 28px;
  }
}

@media screen and (min-width: 1140px) and (max-width: 1240px){
  /* =============================================================================
   * HTML Elements
   * ========================================================================== */
  /*
   * Inline image alignment
   */
  img.align-left,
  figure.image.align-left{
    margin-left: -150px;
  }

  img.align-right,
  figure.image.align-right{
    margin-right: -150px;
  }
}

@media screen and (min-width: 1024px){
  .mobile-wrapper{
    display: block !important;
  }
}

@media screen and (max-width: 1075px){
  .scroll .sf-menu.menu > li > a{
    font-size: .75em
  }
}

@media screen and  (max-width: 1199px){
  .bean-carousel-content .slick-arrow{
    top: 104px;
  }
}

@media screen and (min-width: 1185px){
  .field-name-field-image-ss-slides .flexslider .slides > li{
    min-height: 694px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1190px){
  /* =============================================================================
   * Header
   * ========================================================================== */
  #header:not(.scroll) #menu-1133-1 .sf-megamenu{
    left: auto !important;
    right: -70px;
  }

  #header:not(.scroll) #menu-1133-1 .sf-megamenu .sf-megamenu-wrapper:before{
    left: auto;
    right: 83px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@media only screen and (max-width: 480px){
  .region[class*="float-blocks"] .block{
    float: none;
    width: 100%;
  }
}

@media screen and (min-width: 1040px) and (max-width: 1139px){
  /* =============================================================================
   * HTML Elements
   * ========================================================================== */
  /*
   * Inline image alignment
   */
  img.align-left,
  figure.image.align-left{
    margin-left: -100px;
  }

  img.align-right,
  figure.image.align-right{
    margin-right: -100px;
  }
}

@media screen and (min-width: 940px) and (max-width: 1039px){
  /* =============================================================================
   * HTML Elements
   * ========================================================================== */
  /*
   * Inline image alignment
   */
  img.align-left,
  figure.image.align-left{
    margin-left: -50px;
  }

  img.align-right,
  figure.image.align-right{
    margin-right: -50px;
  }
}

@media only screen and (max-width: 1080px){
  .sf-menu.menu a{
    font-size: .765em;
  }
}

@media only screen and (max-width: 1024px){
  /* =============================================================================
   *   Icons
   * ========================================================================== */
  /* CTA */
  a.cta-box{
    border-left: 3px solid #fff;
    padding: 0 0 10px;
    height: auto;
    width: 25%;
  }

  /* Social Icons */
  .socia-icons{
    height: 48px;
  }

  .social-icons a:hover{
    opacity: 1;
  }

  /* =============================================================================
   * AddThis
   * ========================================================================== */
  #at-share-dock{
    top: 34.5% !important;
    bottom: auto !important;
    box-shadow: none !important;
    width: 30px !important;
  }

  #at-share-dock.slideInUp{
    animation-name: slideInLeft !important;
  }

  .atss a{
    clear: left !important;
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    float: left !important;
    transition: width .15s ease-in-out !important;
    width: 30px !important;
  }

  /* =============================================================================
   *   Blocks
   * ========================================================================== */
  /*
   * Image hero slideshow
   */
  .field-name-field-image-ss-slides-vid{
    width: 80%;
  }

  .field-name-field-image-ss-slides .flexslider .slides > li{
    min-height: 460px;
  }

  .field-collection-item-field-image-ss-slides .group-slide-wrap{
    padding-bottom: 50px;
  }

  .field-name-field-image-ss-slides-body h2{
    font-size: 2.353em;
  }

  .field-name-field-image-ss-slides-link a{
    font-size: 1em;
  }

  .field-name-field-image-ss-slides-body h2 sup{
    border-bottom: 3px solid #df3b38;
    font-size: 18px;
    margin-right: 8px;
  }

  .view-mode-paragraphs_tile.node-now-generic .group-tile-link,
  .view-mode-paragraphs_tile.node-now-quote .group-tile-link{
    font-size: .875em;
  }

  /*
   * Visual timeline
   */
  .bean-carousel-content .field-name-field-carousel-content-items .slick-slide:hover{
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
  }

  .group-feat-tile-wrap:hover{
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
  }

  .bean-carousel-content .slick-arrow{
    top: 83px;
  }
}

@media only screen and (max-width: 1023px){
  #header{
    padding: 0 0 10px;
  }

  #header:not(.scroll) #branding{
    margin-top: 7px;
  }

  .site-logo-img {
    width: 300px;
  }

  .site-logo{
    font-size: 42px;
  }

  .slogan{
    font-size: 11px;
  }

  /* =============================================================================
   *   Mobile header
   * ========================================================================== */
  #header{
    padding: 10px 0;
  }

  .desktop-hide{
    display: block;
  }

  .mobile-wrapper .content{
    background: #fff;
  }

  /*
   * Menu toggle
   */
  .menu-toggle{
    cursor: pointer;

    height: 48px;
    width: 48px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 10px;

    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out, background .1s ease-in-out;
    -moz-transition:  .5s ease-in-out, background .1s ease-in-out;
    -ms-transition:  .5s ease-in-out, background .1s ease-in-out;
    -o-transition:  .5s ease-in-out, background .1s ease-in-out;
    transition:  .5s ease-in-out, background .1s ease-in-out;
  }

  .menu-toggle .wrap{
    position: relative;
    height: 26px;
  }

  .menu-toggle span{
    height: 5px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;

    background: #6398b0;
    border-radius: 1px;
    opacity: 1;

    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .menu-toggle span:nth-child(1){
    top: 1px;
  }

  .menu-toggle span:nth-child(2),
  .menu-toggle span:nth-child(3){
    top: 11px;
  }

  .menu-toggle span:nth-child(4){
    top: 21px;
  }

  .menu-toggle.open span:nth-child(1){
    top: 17px;
    width: 0%;
    left: 50%;
  }

  .menu-toggle.open{
    background: #000;
  }

  .menu-toggle.open span{
    background: #fff;
  }

  .menu-toggle.open span:nth-child(2){
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .menu-toggle.open span:nth-child(3){
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .menu-toggle.open span:nth-child(4){
    top: 18px;
    width: 0%;
    left: 50%;
  }

  /*
   * Primary navigation
   */
  #superfish-1-accordion{
    background: #fff;
    display: block !important;
    font-size: 1.133em;
    left: 0 !important;
    top: auto !important;
    position: relative;
  }

  #superfish-1-accordion > li{
    margin: 0;
    position: relative;
  }

  #superfish-1-accordion > li#menu-795-1,
  #superfish-1-accordion > li#menu-927-1{
    display: none !important;
  }

  #superfish-1-accordion > li > a:not(.sf-accordion-button){
    color: #fff !important;
    font-family: 'DINCompRegular', arial, helvetica, sans-serif;
    padding: 15px 4%;
    font-size: .917em;
  }

  #superfish-1-accordion > li{
    background: #6398b0;
  }

  #superfish-1-accordion > li:nth-child(even){
    background: #548196;
  }

  #superfish-1-accordion > li > a:hover,
  #superfish-1-accordion > li:hover > a,
  #superfish-1-accordion > li.active-trail > a{
    text-decoration: none;
    border: none;
  }

  #superfish-1-accordion ul li{
    margin: 10px 6%;
  }

  #superfish-1-accordion ul{
    margin-bottom: 12px;
  }

  #superfish-1-accordion ul li a{
    font-family: 'DINCompRegular', arial, helvetica, sans-serif;
    font-size: .875em;
  }

  #superfish-1-accordion ul li a:hover{
    text-decoration: none;
  }

  .sf-menu a.sf-accordion-button{
    position: absolute;
    right: 0;
    text-indent: -999em;
    color: #fff;
    padding: 0;
    top: 4px;
  }

  .sf-menu a.sf-accordion-button:before{
    font-family: 'icomoon';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    color: #fff;
    font-size: 35px;
    text-indent: 0;
    position: absolute;
    content: '\f107';
    cursor: pointer;
    width: 45px;
    text-align: center;
    top: 0;
    right: 0;
    padding: 0 4%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    z-index: 1;
  }

  .sf-menu .sf-expanded a.sf-accordion-button:before{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  /*
   * Mobile header content
   */
  .mobile-wrapper{
    display: none;
    position: absolute;
    top: calc(100%);
    width: 100%;
    z-index: 100;
  }

  /*
   * Search
   */
  .search-toggle{
    display: none;
  }

  #header .search{
    float: none;
    margin: 0;
    position: relative;
    width: 100%;
    height: 50px;
  }

  #header.scroll .search{
    margin: 0;
  }

  #header .search .form-text{
    border: 5px solid #000;
    background: #fff;
    display: block !important;
    font: normal 16px/1 'DINCompRegular', arial, helvetica, sans-serif;
    padding: 0 4%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }

  #header.scroll .search .form-text{
    top: 0;
  }

  #header .search .form-text:focus{
    border-color: #000;
  }

  #header .search #search-block-form .element-invisible,
  #header .search #search-block-form label.element-invisible{
    display: none;
  }

  #header .search input.form-submit {
    height: 27px;
    width: 27px;
    padding: 0;
    position: absolute;
    right: 4%;
    top: 11px;
    z-index: 101;

    background: transparent url(../images/icons/icon_search@2x.png) no-repeat 0 0;
    background-size: 27px;
    border: none;
    cursor: pointer;
    display: block;
    text-indent: -9999em;
  }

  /* CTA */
  .mobile-wrapper .cta{
    display: block;
    margin: 0;
    width: 100%;
  }

  .mobile-wrapper .cta:after{
    content: "";
    display: table;
    clear: both;
  }

  .mobile-wrapper a.cta-box{
    border-left: 1px solid #fff;
  }

  a.cta-box:first-child{
    margin: 0;
    border: none;
  }

  .mobile-wrapper a.cta-box span{
    height: 25px;
    margin: 10px 0 15px;
  }

  .mobile-wrapper a.cta-box span:before{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;

    text-align: center;
    font-size: 2.059em;
    text-indent: 0;

    -webkit-text-stroke: .5px #fff;
    color: white;
  }

  .mobile-wrapper a.cta-box p{
    font: normal .765em/1 'DINComp-MediumRegular', arial, helvetica, sans-serif;
    margin: 0;
  }

  .mobile-wrapper .social-icons{
    display: none;
    position: relative;
    top: 100%;
    clear: both;
  }

  .mobile-wrapper .social-icons a{
    margin: 0;
  }

  /* =============================================================================
   * Section navigation
   * ========================================================================== */
  .block-menu-block.block-1 h2 a{
    float: none;
    margin-bottom: -1px;
    padding: 0 4%;
    position: relative;
    width: 100%;
  }

  .block-menu-block.block-1 h2 a:hover{
    background: #000;
  }

  .block-menu-block.block-1 .block-content{
    border: 3px solid #000;
    border-top: none;
  }

  .block-menu-block.block-1 .block-content{
    background: #fff;
    max-height: 0;
    position: absolute;
    z-index: 50;
    width: 100%;
  }

  .block-menu-block.block-1 .block-content.open{
    max-height: 800px;
  }

  .block-menu-block.block-1 h2 a .section-toggle{
    line-height: 1em;
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 0;
    width: 43px;
  }

  .block-menu-block.block-1 h2 a .section-toggle:before{
    font-family: 'icomoon';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    color: #fff;
    font-size: 35px;
    text-indent: 0;
    position: absolute;
    content: '\f107';
    cursor: pointer;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-top: -3px;
    -webkit-transform: rotate(0deg) translate(-50%, -50%);
    -moz-transform: rotate(0deg) translate(-50%, -50%);
    -ms-transform: rotate(0deg) translate(-50%, -50%);
    -o-transform: rotate(0deg) translate(-50%, -50%);
    transform: rotate(0deg) translate(-50%, -50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }

  .block-menu-block.block-1 h2 a .section-toggle.expanded{
    background: #fff;
  }

  .block-menu-block.block-1 h2 a .section-toggle.expanded:before{
    color: #000;
    left: 28%;
    margin-top: -6px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .block-menu-block.block-1 ul.menu{
    margin: 0;
  }

  .block-menu-block.block-1 ul.menu li.leaf,
  .block-menu-block.block-1 ul.menu li.collapsed{
    float: none;
    display: block;
    margin: 0;
    width: 100%;
    line-height: 1;
  }

  .block-menu-block.block-1 ul.menu li.leaf a,
  .block-menu-block.block-1 ul.menu li.collapsed a{
    padding: 8px 4%;
    margin: 0 -3px;
    display: block;
    line-height: 1.5em;
    width: 100%;
  }

  .block-menu-block.block-1 ul.menu li.leaf a:hover,
  .block-menu-block.block-1 ul.menu li.collapsed a:hover,
  .block-menu-block.block-1 ul.menu li.leaf a.active,
  .block-menu-block.block-1 ul.menu li.collapsed a.active{
    color: #000;
    border: none;
    text-decoration: none;
  }

  .block-menu-block.block-1 ul.menu li.leaf a.active,
  .block-menu-block.block-1 ul.menu li.collapsed a.active{
    color: #cc2028;
  }

  .block-menu-block.block-1 .show-toggle span{
    display: none !important;
  }

  .block-menu-block.block-1 ul.menu li.leaf,
  .block-menu-block.block-1 ul.menu li.collapsed{
    display: block !important;
  }

  /* =============================================================================
   * Blocks
   * ========================================================================== */
  /*
   * IOP Now 3 Column
   */
  .field-name-field-para-threecolnow-items > .field-items > .field-item{
    width: 50%;
  }

  .field-name-field-para-threecolnow-items > .field-items > .field-item.even{
    padding-right: 5px !important;
    padding-left: 0 !important;
  }

  .field-name-field-para-threecolnow-items > .field-items > .field-item.odd{
    padding-left: 5px !important;
    padding-right: 0 !important;
  }

  .field-name-field-para-threecolnow-items > .field-items > .field-item:nth-child(2),
  .field-name-field-para-threecolnow-items > .field-items > .field-item:nth-child(5){
    padding: inherit;
  }

  /* =============================================================================
   * Past forums
   * ========================================================================== */
  .section-forum .search-result{
    margin: 1em 0;
    flex: 0 0 48%;
  }

  .section-forum .search-result:nth-child(3n-1){
    margin-left: 0;
    margin-right: 0;
  }

  .section-forum .search-result:nth-child(2n-1){
    margin-right: 2%;
  }

  .section-forum .search-result:nth-child(2n){
    margin-left: 2%;
  }

  .block-fellows-block-1 .view-content{
    font-size: .882em;
  }
}

@media screen and (max-width: 967px){
  #main-content-header .attachment .item-list ul li a{
    font-size: .882em;
  }

  .paragraphs-item-paragraph-twocolimgtxt .group-right{
    font-size: .75em;
  }

  .page-calendar h2.empty-text{
    padding-left: 0;
  }

  #footer-wrapper{
    margin: 2.5em 0;
  }

  .front #footer-wrapper,
  .page-node-7 #footer-wrapper,
  .page-node-10 #footer-wrapper{
    margin-bottom: 2.5em;
  }

  #footer-wrapper .social-icons{
    display: none;
  }

  .front #at-share-dock,
  .page-node-6 #at-share-dock,
  .page-node-7 #at-share-dock,
  .page-node-8 #at-share-dock,
  .page-node-9 #at-share-dock,
  .page-node-10 #at-share-dock,
  .page-node-376 #at-share-dock,
  .page-views.page-iop-now #at-share-dock{
    display: none !important;
  }

  #at-share-dock{
    top: auto !important;
    bottom: 0 !important;
    box-shadow: none !important;
    z-index: 99 !important;
    width: 100% !important;
  }

  #at-share-dock.slideInUp{
    animation-name: slideInUp !important;
  }

  .atss a{
    width: 20% !important;
  }

  .at-share-btn.at-svc-compact > span.at-icon-wrapper{
    padding: 7px 0 4px !important;
  }

  .atss a{
    clear: none !important;
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    float: left !important;
    transition: width .15s ease-in-out !important;
  }
}

@media screen and (max-width: 939px){
  /* =============================================================================
   * HTML Elements
   * ========================================================================== */
  /*
   * Inline image alignment
   */
  img.align-left,
  figure.image.align-left{
    margin-left: 0;
  }

  img.align-right,
  figure.image.align-right{
    margin-right: 0;
  }

  .copyright{
    display: block;
    margin: 0 0 10px;
  }

  div[class*="block-iop-tweets-wide"] .tweet-text{
    font-size: 1.5em;
  }

  .bean-carousel-content .slick-arrow{
    top: 105px;
  }
}

@media screen and (min-width: 901px) and (max-width: 1023px){
  #header{
    font-size: .875em;
  }
}

@media screen and (max-width: 900px){
  #header{
    font-size: .875em;
  }
}

@media screen and (max-width: 860px){
  #main-content-header .attachment .item-list ul li a{
    padding: 11px 17px;
  }

  /* =============================================================================
   * Past forums
   * ========================================================================== */
  .section-forum .search-result{
    margin: 1em 0;
    flex: 0 0 100%;
  }

  .section-forum .search-result:nth-child(2n-1){
    margin-right: 0%;
  }

  .section-forum .search-result:nth-child(2n){
    margin-left: 0%;
  }

  .section-forum .forum-image{
    float: left;
  }

  .section-forum .forum-date{
    clear: both;
    content: "";
    display: table;
  }

  /*
   * Visual timeline
   */
  .bean-carousel-content .slick-arrow{
    top: 91px;
  }
}

@media screen and (max-width: 768px){
  /* =============================================================================
   * Content layout
   * ========================================================================== */
  .region-sidebar-first{
    margin-left: -285px;
    width: 285px;
  }

  .two-sidebars .content-inner,
  .sidebar-first .content-inner{
    margin-left: 0;
    margin-right: 285px;
  }

  /* =============================================================================
   * HTML Elements
   * ========================================================================== */
  .sidebar-first .pager{
    white-space: nowrap;
    margin-right: -285px;
  }

  /* =============================================================================
   *   Blocks
   * ========================================================================== */
  /*
   * Hero image slideshow
   */
  .field-collection-item-field-image-ss-slides .group-slide-wrap{
    padding-left: 14%;
    padding-right: 14%;
  }

  .field-name-field-image-ss-slides-vid{
    max-width: 768px;
    width: 100%;
  }

  .field-name-field-image-ss-slides .flexslider .slides > li{
    max-height: 500px;
  }

  /*
   * Quote image slideshow
   */
  .field-name-field-quote-ss-slides-addthis{
    font-size: .75em;
  }

  /*
   * Homepage CTA
   */
  #block-block-1{
    max-width: 100%;
  }

  /*
   * Twitter wide
   */
  div[class*="block-iop-tweets-wide"]{
    margin: 0 0 2em;
  }

  div[class*="block-iop-tweets-wide"] ul.tweets-pulled-listing{
    margin: 0;
    padding: 0;
  }

  div[class*="block-iop-tweets-wide"] .tweet-text{
    font-size: 1em;
    line-height: 1.5em;
  }

  /*
   * Programs for undergrads
   */
  .block-homepage-programs-for-undergrads h3{
    white-space: normal;
  }

  .block-homepage-programs-for-undergrads .floatleft,
  .block-homepage-programs-for-undergrads .floatright{
    float: none;
    position: relative;
    width: 100%;
  }

  .program-toggle{
    display: block;
  }

  .block-homepage-programs-for-undergrads .floatright{
    margin: 0;
  }

  .block-homepage-programs-for-undergrads .floatright ul{
    max-height: 0;
  }

  .block-homepage-programs-for-undergrads .floatright ul.open{
    max-height: 800px;
  }

  .block-homepage-programs-for-undergrads .floatright ul li{
    background: #8cabad;
    font-size: .824em;
    line-height: 2.571;
    margin: 0;
    padding: 0;
  }

  .block-homepage-programs-for-undergrads .floatright ul li.even{
    background: #88a2a4;
  }

  .block-homepage-programs-for-undergrads .floatright ul li a{
    color: #fff;
    padding: 0 4%;
    display: block;
    text-decoration: none;
  }

  .block-homepage-programs-for-undergrads .floatright ul li a:hover{
    color: #fff;
    text-decoration: none;
  }

  /*
   * Homepage: recent IOP Now
   */
  .block-iop-now-block-1 > .view-iop-now > .view-content{
    float: none;
    margin: 0 4% 2em;
    width: auto;
  }

  .block-iop-now-block-1 .view-iop-now .attachment{
    float: none;
    margin: 0;
    width: auto;
  }

  .block-iop-now-block-1 .attachment .views-row{
    margin: 0 4% 2em;
  }

  .block-iop-now-block-1 .attachment .view-footer{
    margin: 0 4%;
  }

  .item-list .field-para-twocolnow-items-with-link > li.last > a{
    padding-left: 30px;
  }

  /* =============================================================================
   * IOP now section
   * ========================================================================== */
  .view-iop-now.view-display-id-page_1 .views-row{
    width: 50%;
  }

  .view-iop-now.view-id-iop_now .views-row.masonry-item.featured{
    width: 100%;
  }
}

@media screen and (max-width: 767px){
  /* =============================================================================
   * Content layout
   * ========================================================================== */
  .region-sidebar-first{
    float: none;
    margin-left: 0;
    width: 100%;
  }

  .two-sidebars .content-inner,
  .sidebar-first .content-inner{
    margin-left: 0;
    margin-right: 0;
  }

  #block-bean-forum-sidebar-links{
    display: none;
  }

  /* =============================================================================
   *   HTML elements
   * ========================================================================== */
  /*
   * Headers
   */
  h1{
    font-size: 1.765em;
  }

  h2{
    font-size: 1.471em;
  }

  /*
   * Tables
   */
  .scrollable{
    overflow: hidden;
    position: relative;
  }

  .scrollable table{
    border: 1px solid #d8d8d8;
    table-layout: inherit;
    width: 100%;
  }

  .table-wrapper{
    overflow-y: hidden;
    overflow-x: scroll;
  }

  .shadow{
    background-color: transparent;
    background-image: -ms-linear-gradient(left, transparent,rgba(0,0,0,0.3));
    background-image: -webkit-linear-gradient(left, transparent,rgba(0,0,0,0.3));
    background-image: -moz-linear-gradient(left, transparent,rgba(0,0,0,0.3));
    background-image: linear-gradient(to right,transparent,rgba(0,0,0,0.3));
    bottom: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
  }

  .sidebar-first .pager{
    white-space: normal;
    margin-right: 0;
  }

  /* =============================================================================
   * Header
   * ========================================================================== */
  #header{
    height: 76px;
  }

  #header:not(.scroll) #branding{
    margin-top: 8px;
  }

  /*
   * Primary navigation / mobile header
   */
  body.nav-open{
    position: fixed;
    overflow: hidden;
    width: 100%;
  }

  .mobile-wrapper{
    background: #6398b0;
    position: fixed;
    top: 81px;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 100;
  }

  .has-alert .mobile-wrapper{
    top: 189px;
  }

  /* =============================================================================
   *   Blocks
   * ========================================================================== */
  /*
   * Hero image slideshow
   */
  .field-name-field-image-ss-slides .flexslider .slides > li{
    min-height: 375px;
  }

  .field-collection-item-field-image-ss-slides .group-slide-wrap{
    display: block;
    font-size: .824em;
    padding-left: 4%;
    padding-right: 4%;
  }

  .field-name-field-image-ss-slides-body{
    font-size: 1em;
    line-height: 2em;
  }

  .field-name-field-image-ss-slides-body h2 sup{
    border-bottom: 3px solid #df3b38;
    font-size: 18px;
    margin-right: 8px;
  }

  .flexslider .flex-direction-nav{
    top: 17%;
  }

  /*
   * Homepage CTA
   */
  #block-block-1{
    margin-bottom: 2em;
  }

  a.cta-box span.icon {
    height: 30px;
    margin: 6px 0;
  }

  a.cta-box span.icon:before {
    font-size: 30px;
    text-indent: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
  }

  a.cta-box p {
    font: normal 14px/17px 'DINComp-MediumRegular', arial, helvetica, sans-serif;
    margin: 0;
  }

  /*
   * Homepage intro text
   */
  .block-homepage-introductory-text{
    font-size: .882em;
    margin-bottom: 2em;
  }

  /*
   * Forum featured tiles
   */
  .block-nodequeue-1-block{
    height: auto;
  }

  .block-nodequeue-1-block .view-content{
    white-space: nowrap;
  }

  .block-nodequeue-1-block .view-content > .field-items{
    position: relative;
    margin-left: 0 !important;
  }

  .block-nodequeue-1-block .view-content .views-row{
    display: inline-block;
    height: auto;
    left: auto;
    top: auto;
    position: relative;
    width: 100%;
    vertical-align: top;
    box-shadow: none;
  }

  .block-nodequeue-1-block .field-name-field-siteconf-upcmgfrmbgimg{
    position: relative;
  }

  .block-nodequeue-1-block .views-row-0{
    background: transparent !important;
    font-size: 16px !important;
    padding: 0;
  }

  .block-nodequeue-1-block .views-row-0 > h3{
    margin-top: 20px;
    font-size: 16px !important;
  }

  .block-nodequeue-1-block .view-content .group-tile-content{
    background: transparent;
    position: relative;
    font-size: 16px !important;
    line-height: 28px !important;
    padding: 0;
  }

  .group-feat-tile-wrap{
    position: relative;
    background: transparent !important;
  }

  .block-nodequeue-1-block .field-name-field-siteconf-upcmgfrmbgimg img,
  .group-feat-tile-wrap img{
    width: 100%;
  }

  .field-name-field-siteconf-upcmgfrmbgimg,
  .block-nodequeue-1-block .field-name-field-forum-image{
    background-size: cover;
    background-position: center center;
    position: absolute;
    margin-bottom: 25px;
    padding-top: 32%;
    width: 100%;
  }

  .block-nodequeue-1-block .field-name-title{
    margin-top: 32%;
    padding: 20px 4% 0;
    float: left;
    width: 100%;
  }

  .block-nodequeue-1-block .views-row-0 .content-wrap{
    margin: 0;
    padding-top: 0;
    float: left;
    width: 100%;
    background: transparent;
    position: relative;
  }

  .block-nodequeue-1-block .group-tile-content label,
  .block-nodequeue-1-block .views-row-0 .content-wrap h3{
    font-size: 16px;
  }

  .block-nodequeue-1-block .view-content .button{
    top: 23%;
    font-size: 75px;
    line-height: 75px;
  }

  .block-nodequeue-1-block .view-content .button.prev{
    left: 10px;
    display: block !important;
  }

  .block-nodequeue-1-block .view-content .button.next{
    right: 10px;
  }

  .block-nodequeue-1-block .view-header h2{
    font: normal 17px/1em 'DINCompRegular', arial, helvetica, sans-serif;
    padding: 8px 63px 12px 32px;
    margin: 0 0 15px;
    position: relative;
    background-size: 100%;
  }

  .block-nodequeue-1-block .view-header h2 em{
    font-size: 9px;
    margin: -2px 4px 0 0;
  }

  .block-nodequeue-1-block .view-header a{
    font-size: 16px;
    margin-top: 13px;
  }

  /*
   * Visual timeline carousel
   */
  .bean-carousel-content .field-name-field-carousel-content-header{
    padding-top: 1em;
  }

  .bean-carousel-content .field-collection-container .slick-slide{
    margin-bottom: 1em;
  }

  .bean-carousel-content .field-name-field-carousel-content-header p{
    font-size: .882em;
    letter-spacing: 3px;
  }

  .bean-carousel-content .field-name-field-carousel-content-header p strong{
    font-size: 2.353em;
  }

  .field-name-field-quote-ss-slides .flexslider .slides > li{
    height: auto;
    min-height: 0;
  }

  .field-name-field-quote-ss-slides-image{
    padding-top: 52.5%;
    background-size: cover;
    background-position: center top;
  }

  .field-name-field-quote-ss-slides{
    margin: 0 auto 2em;
  }

  .group-quote-wrap{
    height: 200px;
    font-size: 1em;
    position: relative;
  }

  /*
   * IOP Now 2 column
   */
  .item-list .field-para-twocolnow-items-with-link > li.last > a{
    font-size: 2em;
    padding-left: 30px;
  }

  .view-mode-paragraphs_tile.node-now-generic h2{
    font-size: 1.5em;
    margin: 0 0 10px;
  }

  .view-mode-paragraphs_tile.node-now-quote .field-name-field-now-quote-quote{
    font-size: 1.059em;
  }

  .view-mode-paragraphs_tile.node-now-quote .field-name-field-now-quote-quotee{
    font-size: .941em;
  }

  .item-list .field-para-twocolnow-items-without-link > li,
  .item-list .field-para-twocolnow-items-with-link > li{
    height: 265px;
  }

  /*
   * Past surveys block
   */
  .block-surveys-block .view-content > div,
  .block-surveys-block .view-content > div:first-child{
    float: none;
    width: 100%;
  }

  /*
   * Recent/upcoming forums
   */
  .view-mode-forum_upcoming .group-left{
    float: none;
    margin: 0 0 1em;
    width: 100%;
  }

  .view-mode-forum_upcoming .group-right{
    float: none;
    width: 100%;
  }

  /* =============================================================================
   * Paragraphs
   * ========================================================================== */
  /*
   * Overview listing
   */
  .field-name-field-fc-para-listing .ds-2col-stacked-fluid > .group-header{
    padding-left: 0;
    margin-bottom: 1em;
  }

  .field-name-field-fc-para-listing .ds-2col-stacked-fluid > .group-left{
    display: none;
  }

  .field-name-field-para-listing-image{
    margin: 0 0 10px;
  }

  .field-name-field-fc-para-listing .ds-2col-stacked-fluid > .group-right{
    float: none;
    width: 100%;
  }

  /*
   * Student advisory committee
   */
  .ds-2col-fluid.node-student-advisory-committee.node-full > .group-left{
    float: none;
    margin: 0 0 1em;
    padding: 0;
    width: 100%;
  }

  .ds-2col-fluid.node-student-advisory-committee.node-full > .group-right{
    float: none;
    width: 100%;
  }

  .paragraphs-item-paragraph-twocolimgtxt .group-left{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
  }

  .paragraphs-item-paragraph-twocolimgtxt .group-overlay-wrapper{
    right: 0;
  }

  .paragraphs-item-paragraph-twocolimgtxt .group-right{
    border: none;
    padding: 0;
    display: block;
    width: 100%;
  }

  .paragraphs-item-paragraph-twocolimgtxt .group-quote-wrapper{
    padding: 20px 4%;
    position: relative;
    top: 0;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }

  .field-name-field-para-twocollnkbox-items > .field-items > .field-item a{
    padding: 0 0 0 30px;
    font-size: 2em;
  }

  .field-name-field-para-twocollnkbox-items > .field-items > .field-item{
    height: 250px;
  }

  /*
   * Tabs
   */
  .field-name-field-para-tabs > .field-items > .field-item,
  .field-collection-item-field-para-tabs{
    clear: both;
    display: block;
  }

  .field-name-field-para-tabs > .field-items > .field-item:first-child .tab-toggle{
    margin-left: -1px;
  }

  .tab-toggle{
    background: #f5f5f5;
    border: 1px solid #d8d8d8;
    border-radius: 0px;
    box-shadow: none;
    cursor: pointer;
    display: block;
    font-size: .882em;
    height: auto;
    line-height: 1.25;
    margin-left: 0;
    padding: 10px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
  }

  .tab-toggle.open,
  .tab-toggle:hover{
    border-color: #d8d8d8;
    box-shadow: none;
    color: #43739a;
    text-decoration: none;
  }

  .tab-toggle.open:after{
    display: none;
  }

  .tab-panel{
    display: inline;
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 0;
    width: 0;
  }

  .tab-content{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    float: none;
    margin-top: 0;
    width: 100%;
  }

  .tab-toggle.open ~ .tab-panel{
    display: inline;
  }

  /* =============================================================================
   * Views
   * ========================================================================== */
  /*
   * Fellows - view all
   */
  .view-fellows > .attachment-before{
    display: none;
  }

  /*
   * IOP Now
   */
  #main-content-header .attachment .item-list ul li a.active:after{
    display: none;
  }

  /* =============================================================================
   * Search facets
   * ========================================================================== */
  .block-facetapi{
    clear: both;
    margin: 1.5em 0;
  }

  .block-facetapi h2.block-title,
  .block-iop-solr-calendar-links h2.block-title{
    font-size: .882em;
    line-height: 1em;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    display: block;
    margin: 0;
    padding: 12px 4% 9px;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }

  .block-facetapi h2 .facet-toggle,
  .block-iop-solr-calendar-links h2 .facet-toggle{
    line-height: 1em;
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 0;
    width: 43px;
  }

  .block-facetapi h2 .facet-toggle:before,
  .block-iop-solr-calendar-links h2 .facet-toggle:before{
    font-family: 'icomoon';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    color: #fff;
    font-size: 35px;
    text-indent: 0;
    position: absolute;
    content: '\f107';
    cursor: pointer;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    -webkit-transform: rotate(0deg) translate(-50%, -50%);
    -moz-transform: rotate(0deg) translate(-50%, -50%);
    -ms-transform: rotate(0deg) translate(-50%, -50%);
    -o-transform: rotate(0deg) translate(-50%, -50%);
    transform: rotate(0deg) translate(-50%, -50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }

  .block-facetapi h2 .facet-toggle.expanded,
  .block-iop-solr-calendar-links h2 .facet-toggle.expanded{
    background: #fff;
  }

  .block-facetapi h2 .facet-toggle.expanded:before,
  .block-iop-solr-calendar-links h2 .facet-toggle.expanded:before{
    color: #000;
    left: 28%;
    margin-top: -6px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .item-list ul.facetapi-facetapi-links{
    border: none;
    padding: 0;
    margin: 10px 0;
  }

  .item-list ul.facetapi-facetapi-links > li.leaf,
  .item-list ul.facetapi-facetapi-links > li.collapsed{
    padding: 0;
    display: block !important;
  }

  .item-list ul.facetapi-facetapi-links > li.leaf a,
  .item-list ul.facetapi-facetapi-links > li.collapsed a{
    color: #000;
    font-family: 'DINComp-MediumRegular', arial, helvetica, sans-serif;
    display: block;
    line-height: 1.5em;
    padding: 8px 4%;
    width: 100%;
  }

  .item-list ul.facetapi-facetapi-links > li.expanded{
    font-family: 'DINComp-MediumRegular', arial, helvetica, sans-serif;
    padding: 10px 4% 0;
    margin: 0;
  }

  .item-list ul.facetapi-facetapi-links ul li.expanded{
    margin: 0;
  }

  .item-list ul.facetapi-facetapi-links ul.expanded li.first{
    margin-top: 10px;
  }

  .item-list ul.facetapi-facetapi-links .item-list,
  .item-list ul.facetapi-facetapi-links ul{
    margin: 0;
  }

  .item-list ul.facetapi-facetapi-links ul{
    margin-left: 19px;
  }

  .item-list ul.facetapi-facetapi-links .item-list li.leaf,
  .item-list ul.facetapi-facetapi-links .item-list li.collapsed{
    clear: both;
    margin: 6px 0 0;
  }

  .item-list ul.facetapi-facetapi-links ul a{
    display: block;
    line-height: 1.5em;
    padding: 6px 4% 6px 0;
    width: 100%;
  }

  .item-list ul.facetapi-facetapi-links > li.first.even{
    padding: 10px 4%;
    font-family: 'DINComp-MediumRegular', arial, helvetica, sans-serif;
  }

  .item-list ul.facetapi-facetapi-links > li.leaf.first.even > a{
    padding: 0;
  }

  .item-list ul.facetapi-facetapi-links > li.first.even a.facetapi-active,
  .item-list ul.facetapi-facetapi-links ul a.facetapi-active{
    float: left;
    margin: -3px 4px 0 0;
    width: auto;
    padding: 0;
    color: #df3b38;
  }

  .block-facetapi .block-content,
  .block-iop-solr-calendar-links .block-content{
    border: 3px solid #000;
    border-top: none;
  }

  .block-facetapi .block-content,
  .block-iop-solr-calendar-links .block-content{
    background: #fff;
    max-height: 0;
    overflow: hidden;
    z-index: 50;
    width: 100%;
  }

  .block-facetapi .block-content.open,
  .block-iop-solr-calendar-links .block-content.open{
    max-height: 999px;
  }

  .facetapi-limit-link{
    display: none;
  }

  /* Calendar specific facets */
  .page-calendar h1{
    margin: 0 0 1em;
  }

  .page-calendar .block-iop-solr-calendar-links .item-list ul{
    border: none;
    margin: 10px 0;
    padding: 0;
  }

  .page-calendar .block-iop-solr-calendar-links .item-list ul li,
  .page-calendar .item-list ul.facetapi-facetapi-links > li.leaf{
    display: block;
    clear: both;
    padding: 0;
  }

  .page-calendar .block-iop-solr-calendar-links .item-list ul li a,
  .page-calendar .item-list ul.facetapi-facetapi-links > li.leaf a{
    font-size: .882em;
    float: none;
    display: block;
    width: 100%;
    padding: 10px 4%;
  }

  .block-iop-solr-calendar-links .item-list ul li a.active,
  .page-calendar .item-list ul.facetapi-facetapi-links > li.leaf a.active,
  .page-calendar .item-list ul.facetapi-facetapi-links > li.leaf a.facetapi-active{
    background: transparent;
    color: #df3b38;
    margin: 0;
    padding: 10px 4%;
  }

  .block-iop-solr-calendar-links .item-list ul li a.active:hover,
  .page-calendar .item-list ul.facetapi-facetapi-links > li.leaf a.active:hover,
  .page-calendar .item-list ul.facetapi-facetapi-links > li.leaf a.facetapi-active:hover{
    color: #df3b38;
  }

  .block-iop-solr-calendar-links .item-list ul li a.active:before,
  .page-calendar .item-list ul.facetapi-facetapi-links > li.leaf a.active:before,
  .page-calendar .item-list ul.facetapi-facetapi-links > li.leaf a.facetapi-active:before{
    display: none;
  }

  /*
   * Past fellows cloud
   */
  .block-fellows-block-1 .view-content{
    height: auto;
  }

  .block-fellows-block-1 .view-content > div{
    animation: none !important;
    transform: translateX(0) !important;
    position: relative;
  }

  .block-fellows-block-1 .views-row{
    font-size: .75em;
  }

  .block-fellows-block-1 .view-content > div .views-row{
    width: 100%;
    text-align: left;
    padding: 0;
    height: 1em;
    margin: 20px 4%;
  }

}

@media screen and (max-width: 766px){
  .bean-carousel-content .slick-arrow{
    top: 107px;
  }
}

@media screen and (max-width: 667px){

  #leaderboard-wrapper{
    height: 65px;
  }

  .has-alert #header{
    margin-top: 65px;
  }

  .has-alert .mobile-wrapper{
    top: 146px;
  }


  /*
   * Alerts block
   */
  #block-bean-homepage-alerts{
    padding: 0;
  }

  .bean-alerts{
    width: 100%;
  }

  .bean-alerts .field-name-field-alerts-items{
    border-radius: 0;
  }

  .field-name-field-alerts-items > .field-items > .field-item{
    padding: 0 4%;
  }

  /*
   * Past fellows block
   */
  .block-fellows-block-1 .view-content{
    height: auto;
  }

  .block-fellows-block-1 .views-row{
    display: block;
    position: relative;
    animation: initial !important;
    margin: 20px 4%;
    top: 0 !important;
    white-space: normal;
  }

  .block-fellows-block-1 .views-row-last{
    margin-bottom: 0;
  }

  .block-fellows-block-1 .view-content .views-field-nothing{
    font-size: 1.176em;
    line-height: 1.5em;
  }

  /*
   * Staff listing
   */
  .node-staff.node-listingwimg > .group-left{
    float: none;
    padding-right: 0;
    margin: 0 0 1em;
    width: 100%;
  }

  .node-staff.node-listingwimg > .group-right{
    float: none;
    width: 100%;
  }

  /*
   * Director's Interns
   */
  .node-directors-intern.node-listingwimg > .group-left{
    min-height: 0;
    padding: 0;
    margin: 0 0 1em;
    float: none;
    width: 100%;
  }

  .node-directors-intern.node-listingwimg > .group-right{
    float: none;
    width: 100%;
  }

  /*
   * Student leadership
   */
  .node-student-advisory-committee.node-listingwimg > .group-left{
    float: none;
    padding-right: 0;
    margin: 0 0 1em;
    width: 100%;
  }

  .node-student-advisory-committee.node-listingwimg > .group-right{
    float: none;
    width: 100%;
  }

  /*
   * Featured tiles
   */
  .field-name-field-siteconf-upcmgfrmbgimg,
  .block-nodequeue-1-block .field-name-field-forum-image{
    padding-top: 37%;
  }

  .block-nodequeue-1-block .field-name-title{
    margin-top: 37%;
    padding: 20px 4% 0;
    float: left;
    width: 100%;
  }
}

@media screen and (max-width: 580px){
  /* =============================================================================
   * HTML Elements
   * ========================================================================== */
  img.align-left,
  figure.image.align-left{
    margin: 0 0 1em;
    float: none;
  }

  img.align-right,
  figure.image.align-right{
    margin: 0 0 1em;
    float: none;
  }

  figure.image.align-left,
  figure.image.align-right{
    margin: 0 0 1em;
    text-align: left;
    width: 100%;
  }

  figure.image.align-right figcaption{
    text-align: left;
  }

  img.align-left,
  img.align-right,
  figure.image img{
    height: auto;
    width: 100%;
  }

  /* =============================================================================
   * Paragraphs
   * ========================================================================== */
  /*
   * Pull quotes
   */
  .pull-quote{
    width: 100%;
  }

  .pull-quote.Left,
  .pull-quote.Right{
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  /*
   * Image left/text right
   */
  .paragraphs-item-paragraph-twocolimgtxt{
    display: block;
  }

  .paragraphs-item-paragraph-twocolimgtxt .group-left{
    display: block;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
  }

  .paragraphs-item-paragraph-twocolimgtxt .group-right{
    border-left: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .paragraphs-item-paragraph-twocolimgtxt .group-overlay-wrapper{
    right: 0;
  }

  .paragraphs-item-paragraph-twocolimgtxt .group-quote-wrapper{
    position: relative;
    top: auto;
    transform: none;
  }

  /*
   * Two column image
   */
  .paragraphs-item-paragraph-twocolimg .group-left{
    display: block;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
  }

  .paragraphs-item-paragraph-twocolimg .group-right{
    border-left: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .paragraphs-item-paragraph-twocolimg .group-overlay-wrapperr{
    left: 0;
  }

  /*
   * Featured tiles
   */
  .field-name-field-siteconf-upcmgfrmbgimg,
  .block-nodequeue-1-block .field-name-field-forum-image{
    padding-top: 46%;
  }

  .block-nodequeue-1-block .field-name-title{
    margin-top: 46%;
    padding: 20px 4% 0;
  }

  .block-main .search-form .form-text{
    float: left;
    margin-right: 20px;
    width: calc(100% - 113px);
  }
}

@media screen and (max-width: 567px){
  /*
   * Flexslider
   */
  .flexslider .flex-direction-nav a{
    height: 50px;
    width: 32px;
  }

  .flexslider:hover .flex-direction-nav .flex-prev{
    left: 0;
  }

  .flexslider:hover .flex-direction-nav .flex-next{
    right: 0;
  }

  .flexslider .flex-direction-nav a:before{
    font-size: 50px;
  }

  /*
   * Visual Timeline
   */
  .bean-carousel-content .slick-arrow{
    top: 84px;
  }

  .bean-carousel-content .field-collection-container .slick-slide{
    margin-bottom: 1em;
    padding: 0 10px;
  }

  /*
   * Current fellows block
   */
  .field-name-field-para-prebuilt-choice .view-fellows .views-row{
    width: calc(100% / 2);
  }

  .group-overlay-wrap .field-name-field-fellow-honorific{
    display: none;
  }

  .field-name-field-para-prebuilt-choice .view-fellows .views-row-4,
  .field-name-field-para-prebuilt-choice .view-fellows .views-row-7{
    clear: none;
  }

  /*
   * Past fellows listing
   */
  .view-fellows.view-display-id-page_1 .views-row{
    flex: 0 0 48%;
  }

  .view-fellows.view-display-id-page_1 .views-row:nth-child(3n-1){
    margin-left: 0;
    margin-right: 0;
  }

  .view-fellows.view-display-id-page_1 .views-row:nth-child(2n-1){
    margin-right: 2%;
  }

  .view-fellows.view-display-id-page_1 .views-row:nth-child(2n){
    margin-left: 2%;
  }

  /*
   * Calendar; IOP Now archive
   */
  .page-calendar h1{
    margin-left: 0;
  }

  .page-iop-now-archive .group-left,
  .page-calendar .group-left{
    float: none;
    min-height: auto;
    margin: 0;
    width: 100%;
  }

  .page-iop-now-archive .group-left img,
  .page-calendar .group-left img{
    margin-bottom: 1em;
  }

  .page-iop-now-archive .group-right,
  .page-calendar .group-right{
    float: none;
    padding: 0;
    width: 100%;
  }

  .page-calendar .search-result{
    padding-bottom: 0;
  }

  .page-iop-now-archive .search-result{
    padding: 30px 0;
    margin: 0;
  }

  /*
   * Harvard political review
   */
  .node-harvard-political-review.view-mode-teaser img{
    float: none;
    margin: 0 0 1em;
    max-width: 100%;
  }

  /*
   * IOP now
   */
  .field-name-field-para-threecolnow-items > .field-items > .field-item,
  .item-list .field-para-twocolnow-items-without-link > li,
  .item-list .field-para-twocolnow-items-with-link > li{
    height: auto;
    display: block;
    width: 100%;
  }

  .view-mode-paragraphs_tile .group-tile-link{
    position: relative;
  }

  .view-mode-paragraphs_tile.node-now-generic .group-content-wrap,
  .view-mode-paragraphs_tile.node-now-quote .group-content-wrap{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  .item-list .field-para-twocolnow-items-without-link > li.even,
  .item-list .field-para-twocolnow-items-with-link > li.even,
  .item-list .field-para-twocolnow-items-without-link > li.odd,
  .item-list .field-para-twocolnow-items-with-link > li.odd{
    padding: 0;
  }

  .field-name-field-para-threecolnow-items > .field-items > .field-item.even,
  .field-name-field-para-threecolnow-items > .field-items > .field-item.odd{
    padding: 0 !important;
  }

  .view-mode-paragraphs_tile.node-now-generic .group-tile-link,
  .view-mode-paragraphs_tile.node-now-quote .group-tile-link{
    padding: 2em 4%;
  }

  .view-mode-paragraphs_tile.node-now-image .group-content-wrap,
  .view-mode-paragraphs_tile.node-now-infogfx .group-content-wrap{
    padding-left: 4%;
    padding-right: 4%;
  }

  .view-mode-paragraphs_tile.node-now-video a.group-tile-link,
  .view-mode-paragraphs_tile.node-now-image a.group-tile-link,
  .view-mode-paragraphs_tile.node-now-infogfx a.group-tile-link{
    padding-top: 35.5%;
  }

  .view-mode-paragraphs_tile.node-now-video .group-content-wrap,
  .view-mode-paragraphs_tile.node-now-image .group-content-wrap,
  .view-mode-paragraphs_tile.node-now-infogfx .group-content-wrap{
    position: relative;
  }

  .item-list .field-para-twocolnow-items-without-link > li.last > a,
  .item-list .field-para-twocolnow-items-with-link > li.last > a{
    font-size: 1.176em;
    left: 0;
    position: relative;
    padding: 30px 4%;
    text-align: center;
  }

  .item-list .field-para-twocolnow-items-without-link > li.last > a span,
  .item-list .field-para-twocolnow-items-with-link > li.last > a span{
    margin: 0;
    position: relative;
    top: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  .field-name-field-quote-ss-slides-body{
    padding-right: 10%;
  }

  /* =============================================================================
   *   Footer
   * ========================================================================== */
  .footer-mid .menu-wrapper{
    font-size: .882em;
  }

  #footer-wrapper .container ul li{
    margin: 10px 0 0;
    display: block;
  }

  .footer-bottom{
    margin: 20px 0;
  }

  .copyright{
    font-size: .824em;
  }

  .copyright span{
    display: block;
  }

  /*
   * Featured tiles
   */
  .field-name-field-siteconf-upcmgfrmbgimg,
  .block-nodequeue-1-block .field-name-field-forum-image{
    padding-top: 52%;
  }

  .block-nodequeue-1-block .field-name-title{
    margin-top: 52%;
    padding: 20px 4% 0;
  }
}

@media screen and (max-width: 480px){
  /*
   * Visual Timeline
   */
  .bean-carousel-content .field-collection-container .slick-slide{
    margin-bottom: 1em;
    padding: 0 82px;
  }

  /*
   * IOP Now
   */
  .masonry-item .tweet-actions a.twitter-retweet{
    margin: 0 35px;
  }

  /*
   * Header
   */
  #header:not(.scroll) #branding{
    margin-top: 6px;
  }

  #header {
    height: 67px;
  }

  /*
   * Logo
   */
  .site-logo-img {
    width: 260px;
  }
}

@media screen and (max-width: 435px){
  .field-collection-item-field-image-ss-slides{
    height: auto;
  }

  .field-collection-item-field-image-ss-slides.slide-vid{
    background: #000 !important;
  }

  .field-name-field-image-ss-slides-vid{
    top: 0;
    transform: none;
  }

  .group-quote-wrap{
    font-size: .882em;
  }

  .flexslider .flex-direction-nav{
    top: 16%;
  }

  .field-name-field-image-ss-slides .flexslider .slides > li{
    background-image: none !important;
    background-color: #000;
    min-height: 420px;
    overflow: hidden;
  }

  .field-name-field-image-ss-slides-image,
  .field-name-field-quote-ss-slides-image{
    padding-top: 52.5%;
    background-size: cover;
    background-position: center top;
  }

  .field-name-field-image-ss-slides-image{
    padding-top: 56.25%;
  }

  .field-collection-item-field-image-ss-slides .group-slide-wrap{
    background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 30px);
    padding-top: 40px;
    padding-left: 7%;
    padding-right: 7%;
    position: relative;
    top: 30%;
    display: table;
    height: 70%;
    vertical-align: middle;
  }

  .field-name-field-image-ss-slides-body h2{
    font-size: 1.75em;
  }

  .field-name-field-image-ss-slides-body h2 sup{
    font-size: 14px;
    margin-right: 6px;
  }

  .field-name-field-image-ss-slides-body{
    line-height: 1.5em;
  }

  .field-name-field-quote-ss-slides{
    margin: 0 auto 2em;
  }

  a.cta-box{
    border-left: 1px solid #fff;
  }

  a.cta-box p{
    font-size: 13px;
  }

  a.cta-box p span {
    display: none;
  }

  a.cta-box p strong span {
    display: inline-block;
  }

  .bean-carousel-content .field-collection-container .slick-slide{
    margin-bottom: 1em;
    padding: 0 50px;
  }

  .bean-carousel-content .slick-arrow{
    top: 94px;
  }

  /* =============================================================================
   * Views filters
   * ========================================================================== */
  .view-filters .views-exposed-form .views-exposed-widget.views-submit-button{
    float: none;
    margin: 2em 0 0;
  }

  /* =============================================================================
   * IOP now section
   * ========================================================================== */
  .view-filters .views-exposed-form .views-exposed-widget{
    margin: 0 0 1em;
    max-width: 100%;
  }

  .view-iop-now.view-display-id-page_1 .views-row{
    width: 100%;
  }

  .view-iop-now.view-display-id-page_1 .views-row img,
  .view-iop-now.view-display-id-page_1 .views-row figure{
    width: 100%;
  }

  .masonry-item .tweet-actions a.twitter-retweet{
    margin: 0 50px;
  }

  /*
   * Past fellows listing
   */
  .view-fellows.view-display-id-page_1 .views-row{
    border-bottom: 1px solid #d8d8d8;
    margin-top: 0;
    padding-bottom: 1em;
    flex: 0 0 100%;
    text-align: left;
  }

  .view-fellows.view-display-id-page_1 .views-row-last{
    border: none;
    padding-bottom: 0;
  }

  .view-fellows.view-display-id-page_1 .views-row:nth-child(2n-1){
    margin-right: 0;
  }

  .view-fellows.view-display-id-page_1 .views-row:nth-child(2n){
    margin-left: 0;
  }

  .view-fellows.view-display-id-page_1 .field-name-field-fellow-image{
    float: left;
    padding: 0 20px 0 0;
    width:  42%;
  }

  /*
   * Featured tiles
   */
  .block-nodequeue-1-block .views-row-0 .content-wrap{
    white-space: normal;
  }

  .field-name-field-siteconf-upcmgfrmbgimg,
  .block-nodequeue-1-block .field-name-field-forum-image{
    padding-top: 57.25%;
  }

  .block-nodequeue-1-block .field-name-title{
    margin-top: 57.25%;
  }
}

@media screen and (max-width: 360px){
  #mgTembed_signup .form-text{
    margin: 0 0 10px;
    width: 100%;
  }

  .bean-carousel-content .slick-arrow{
    top: 80px;
  }
}

@media screen and (max-width: 411px){
  .field-collection-item-field-image-ss-slides .group-slide-wrap{
    top: 30%;
    padding-top: 20px;
  }
}

@media screen and (max-width: 320px){
  .flexslider .flex-direction-nav{
    top: 42px;
  }

  .field-name-field-quote-ss-slides .flexslider .flex-direction-nav{
    top: 56px;
  }

  .bean-carousel-content .slick-arrow{
    top: 60px;
  }

  .group-quote-wrap p.rteright{
    font-size: .875em;
  }
}

  /*
   * Fellows list
   */
@media screen and (min-width: 720px) {
  .view-fellows.view-display-id-page_1 .views-exposed-widget.views-widget-filter-field_fellow_type_value_1 {
    padding-bottom: 131px!important;
    margin-left: 250px!important;
    margin-top: -100px!important;
  }

  .view-fellows.view-display-id-page_1 .views-exposed-form .form-item-edit-field-fellow-type-value-3-visiting {
    margin-left: 250px;
    margin-top: -147px;
  }

  .view-fellows.view-display-id-page_1 .views-exposed-form .views-widget-filter-field_fellow_type_value_2 {
    margin-top: -15px;
  }

  .view-fellows.view-display-id-page_1 .option {
    font-weight: normal;
  }
}

  /*
   * Add to calendar
   */

.addtocalendar var {
  display: none
}

.addtocalendar {
  position: relative;
  display: inline-block;
  background: transparent!important
  padding-left: 11px;
}

.atcb-link {
  display: block;
  outline: none!important;
  cursor: pointer
}

.atcb-link:focus~ul,
.atcb-link:active~ul,
.atcb-list:hover {
  visibility: visible
}

.atcb-list {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 163px;
  z-index: 900
}

.atcb-list,
.atcb-item {
  list-style: none;
  padding: 0;
  background: #fff
}

.atcb-item {
  float: none;
  text-align: left
}

.atcb-item-link {
  text-decoration: none;
  outline: none;
  display: block
}

.atcb-item.hover,
.atcb-item:hover {
  position: relative;
  z-index: 900;
  cursor: pointer;
  text-decoration: none;
  outline: none
}

.atcb-link,
.atcb-link:hover,
.atcb-link:active,
.atcb-link:focus {
  margin: 0;
  padding: 7px 25px;
  color: #fff;
  font-family: "Verdana";
  font-size: 14px;
  text-decoration: none;
  outline: none;
  line-height: 20px;
  vertical-align: middle;
  background: #df3b38;
  box-shadow: 0 0 40px rgba(0, 0, 0, .13) inset;
  border-radius: 4px;
  zoom: 1
}

.atcb-list {
  width: 163px;
  border: 1px solid #bababa;
  border-radius: 2px;
  box-shadow: 0 0 20px #AAA;
  margin-top: -19px;
}

.atcb-list,
.atcb-item {
  background: #fff;
  color: #000
}

.atcb-item,
.atcb-item-link {
  line-height: 1.3em;
  vertical-align: middle;
  zoom: 1
}

.atcb-item-link,
.atcb-item-link:hover,
.atcb-item-link:active,
.atcb-item-link:focus {
  color: #000;
  font-family: "Verdana";
  font-size: 14px;
  text-decoration: none;
  outline: none;
  padding: 5px 15px
}

.atcb-item-link:hover,
.atcb-item-link:active,
.atcb-item-link:focus {
  color: #fff
}

.atcb-item.hover,
.atcb-item:hover {
  background: #df3b38
}