/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* ??? - NEED TO REVIEW */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# FONTS
# HTML
	## Colors
# RPI BRANDING
    ## Mobile Menu
# OMEGA TEMPLATE
	## Search
    ## Main Nav
# RPI2016 TEMPLATE
	## Social Media
	## Featured
    ## Editor's pick
# SIDEBAR
	## Contextual Links Menu
	## Subpage News
	## Social Media
# Events
--------------------------------------------------------------*/

/* Start # FONTS */
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 300;
      src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
    }
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
    }
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 600;
      src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
    }
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 700;
      src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
    }
    /* ## Roboto Black */ 
    @font-face {
      font-family: 'Roboto Black';
      src: url('../resources/Roboto_Black/Roboto-Black-webfont.eot');
      src: url('../resources/Roboto_Black/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
                 url('../resources/Roboto_Black/Roboto-Black-webfont.woff') format('woff'),
                 url('../resources/Roboto_Black/Roboto-Black-webfont.ttf') format('truetype'),
                 url('../resources/Roboto_Black/Roboto-Black-webfont.svg#robotoblack') format('svg');
      font-weight: normal;
      font-style: normal;
    }
/* End # FONTS */

/* Start # HTML */
    body {
        font-family: 'open sans', sans-serif;
        padding-top: 0px;
        color: #565656 !important;
        font-size: 16px !important;
    }
    a:link, a:visited, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link{
        text-decoration: none;
    }
    a:link, a:visited {
        color: #006699;
    }
    a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
        color: #e2231b;	
    }
    
    menu, ol, ul {
        list-style-position: inside;
        padding: 0;
    }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        font-family: 'open sans',sans-serif;
        font-weight: 300;
        line-height: 1.1;
        letter-spacing:normal;
        margin-top: .6em; 
        margin-bottom: .3em;
    }
    h2, h2 a, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited{
        color: #333;
    }
/* End # HTML */
/* Start # RPI BRANDING */
    #rensselaerLogo {
        padding-left: 15px;
    }
    #rensselaerLogo img {
        margin: 20px 0;
        max-width: 200px;
        text-align: center;
        display: none;
    }
    #site h1 a {
        color: #fff;
        text-decoration: none;
        font-weight: 300;
        text-transform: uppercase;
    }
    a.mobileMenu {
        color: #ffffff;
        float: left;
        font-size: 2em;
        line-height: 1.5em;
        padding: 0 10px;
    }
/* End # RPI BRANDING */
/* # OMEGA TEMPLATE */
    #zone-branding, #zone-footer, #region-header-second, #region-branding, #region-preface-second, #region-preface-third, #region-footer-first, #region-footer-second {
        width: 100%;
        margin: 0px;
    }
    #zone-branding {
        background-color: #e2231b;
    }
    #region-header-second {
      margin: 20px 0 0 0;
    }
    body.front #page-title {
      display: none;
    }
    .clearboth {
        clear: both;
    }
    h2.block-title {
        color: #424242;
    }
    .zone-content-wrapper {
    background-color: #f3f3f3;
    padding: 3em 0;
}


/* Start ## Search */
    #block-search-form .form-submit {
        display: none;
    }
    #block-search-form {
        display: none;
    }
    #edit-search-block-form--2 {
        float: right;
        width: 100%;
        }
    #search-button {
        color: #ffffff;
    }
    #rensselaerLogo{
	    float: left;
    }
    #search-button {
        color: #ffffff;
        line-height: 80px;
        padding-left: 20px;
        float: left;
        display: none;
    }
    input#edit-search-block-form--2 {
        height: 50px;
        font-size: 20px;
        color: #ffffff;
        border: none;
        background-color: #b31b1b;
        font-family: 'Open Sans';
        font-weight: 300;
    }
    #block-search-form {
        width: 100%;
        background-color: #b31b1b;
    }
    
    #block-search-form .form-text {
        padding-left: 20px;
    }
    ::-webkit-input-placeholder {
         font-size: 20px;
         color: #dadadc !important;
         font-weight: 300;
    }
    :-moz-placeholder { /* older Firefox*/
         font-size:20px;
         color: #dadadc !important;
         font-weight: 300;
         opacity: 1;
    }
    ::-moz-placeholder { /* Firefox 19+ */ 
         font-size: 20px;
         color: #dadadc !important; 
         font-weight: 300;
         opacity: 1;
    } 
    :-ms-input-placeholder { 
         font-size: 20px; 
         color: #dadadc !important;
         font-weight: 300;
    }

    [placeholder]:focus::-webkit-input-placeholder {
          transition: opacity 0.5s 0.5s ease; 
          opacity: 0;
    }
    /* End ## Search */
    /* Start ## Main Nav */
    #site > h1 {
        padding-top: 10px;
    }
    .zone-menu-wrapper {
        background-color: #424242;
        padding: 15px 0;
    }
    .zone-menu-wrapper .block-menu-pagenav2016 {
        display: none;
    }
    .zone-menu-wrapper .menu li {
        display:block;
        border-bottom: 1px solid #666666;
        text-align: left;
        padding: 10px 0;
    }
    .zone-menu-wrapper .menu li a {
        margin: 0 5px;
        color: #f6f6f6;
    }
    .zone-menu-wrapper .menu li a.active, #block-menu-block-2 .menu li a:hover {
        border-bottom: 2px solid #fff;
        color: #999999;
        padding-bottom: 5px;
    }
    .zone-menu-wrapper ul {
       margin-left: -2px;
    }
    .zone-menu-wrapper ul li.leaf {
        list-style-image: none;
        list-style-type: none;
    }
    /* End ## Main Nav */
/* End # OMEGA TEMPLATE */

/* Start # RPI2016 TEMPLATE */

    /* Start ## Social Media */
        .social li {
            display: inline-block;
            padding-right: 25px;
            font-size: 1.5em;
            font-weight: 300;
        }
        .social i {
            font-size: 1.5em;
            padding-right: 15px;
        }
        .social li:last-child {
            padding-right: 0;
        }
    /* End ## Social Media */
    /* Start ## Featured */
        .block-views-featured-article-2016-block-2 h2.block-title, .block-views-front-page-articles-2016-block h2.block-title {
        color: #6B758D;
        font-family: "Roboto Black",sans-serif;
        font-size: 1em;
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        text-transform: uppercase;
    }
    .featured_media img{
      width: 100%;
      height: auto;
    }
        .featured_text {
            padding-left: 0px;
        }
        .featured_text p {
            display: inline;
        }
        .featured_text h2{
          margin-top: 0px;
        }
       .block-views-featured-article-2016-block-1 .view-display-id-block_1 {
        padding-top: 1em;
    }
        .view-id-featured_article_2016 h3{
          display: block;
          margin: 20px 0 20px 0;
          font-weight: 300;
            font-size: 1.25em;
            line-height: 1.25em;
        }
        .view-id-featured_article_2016 h3 {
            color: #6B758D;
            font-family: Georgia,Times,"Times New Roman",serif;
            
        }
     /* End ## Featured */
     /* Start ## Editor's Pick */
      .front-page-articles, .front-page-articles-older {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
    }
        .view-front-page-articles-2016 h5 {
            padding-bottom: 5px;
        }
        
        .view-front-page-articles-2016 h5 a{
        border-bottom: 2px solid #ddd;
        font-size: 0.6875em;
        font-weight: 400;
        text-transform: uppercase;
        }
        .view-id-front_page_articles h5 a:hover{
            color: red;
        }
        .view-front-page-articles-2016 p {
            font-size: 13px;
        }
       .created {
            font-size: 11px;
            padding: 7px 0 0 0;
        }
        .front .newsboximagecage img{
            width: 100%;
            height: auto;
         }
         /* Styling for frontpage editor's pick blocks */
         #block-views-3c9e5be2f8d91f2cc020fe6348a9f766 {
    
            margin-bottom: 45px;
        }
        #block-views-front-page-articles-2016-block {
            
        }
        .front-page-articles-older .newsboxcontent h2 {
        font-size: 0.85em;
        padding-bottom: 10px;
    }
     /* End ## Editor's Pick */
 
     /* Start ## News Release */
         #block-views-release-blocks-2016-block-4 img{
          width: 100%;
          height: 100%;
        }
    .block-views-news-release-blocks-block-4 {
        display: none;
    }
/* End # RPI2016 TEMPLATE */


#block-views-release-blocks-2016-block-1 {
  display: none;
}
.node-type-news-release .views-field-field-caption {
  display: none;
}
#block-views-news-release-blocks-block-2{
display: none; 
}
#block-views-news-release-blocks-block{  
  display: none;
}
.node-type-news-release .views-field-field-subhead h2{ 
    font-size: 20px;
    font-size: 1.25em;
    color: #54758B;
    line-height: 1.4;
    font-family: Georgia,Times,"Times New Roman",serif;
} 
/*  News Release */
.node-type-news-release h1#page-title, .node-type-approach-blog-post h1#page-title {
    display: none;
}
h2.subhead {
    font-size: 1.3em;
    line-height: 1.25em;
}
body .node-type-approach-blog-post div.wp-caption:first-child{
  display: none;
}
body .node-type-approach-blog-post .wp-caption {
    margin-right: 1em;
    float: left;
}
.node-type-news-release h5.byline, .node-type-approach-blog-post h5.byline, .block-the-approch-block-1 h5.byline {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 14px;
    margin: 20px 0;
    overflow: hidden;
    padding: 15px 0;
}
.author: {
    float: left;
    width: 50%;
}
.share_buttons {
    float: right;
}
.share_buttons > p {
    margin-bottom: 0;
}
.view-release-blocks-2016 .field-content > p{
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625rem;
}
/*  FOOTER */

#region-footer-first {
    background-color: #e2231b;
}
.region-footer-first img {
    display: block;
    margin: auto;
    max-width: 275px;
    padding: 20px 0;
    width: 100%;

}
.footCol {
    margin-top: 2em;
    min-height: 250px;
}
.footCol h4 {
    color: #888888;
    font-family: "Source Sans Pro";
    font-size: 1.4em;
    font-weight: 100;
    margin-bottom: 10px;
    opacity: 1;
    padding-bottom: 10px;
    text-transform: uppercase;
}

/* -------------RPI in the News--------------*/
.inthenews_name {
    color: #6c6c6c;
    font-family: "Open Sans","Arial",sans-serif;
    margin: 10px 0 5px;
}
.inthenews_title {
    font-family: "Open Sans","Arial",sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.25em;
    margin: 10px 0 10px;
}
.inthenews_date {
       color: #6c6c6c;
    font-size: 11px;
    margin-bottom: 10px;
}
    
.block-views-inthenews-block-2 ul li {
    margin: 0 5px 0 10px;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px 0 0;
}
.block-views-inthenews-block-2 li:last-child {
    border: none;
}
.block-views-inthenews-block-2 h2.block-title {
    color: #2b2b2b;
    font-size: 1.125em;
    font-weight: normal;
    margin: 0px 0 10px 0;
    padding: 20px 10px 20px 10px;
}
.block-views-inthenews-block-2 h2.block-title::before {
    content:"\f02e";
    font-family: FontAwesome;
    padding-right: 5px;
}
.block-views-the-approch-block {
    
}
#block-views-the-approch-block h2.block-title {
    color: #6B758D;
    font-size: 1.125em;
    font-weight: normal;
    margin: 0px 0 10px 0;
    padding: 20px 0 0 0;
    font-family: "Roboto Black",sans-serif;
}
#block-block-38 h2.block-title {
       color: #6b758d;
    font-family: "Roboto Black",sans-serif;
    font-size: 1em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-transform: uppercase;
    /*
    color: #2b2b2b;
    font-size: 16px;
    font-weight: normal;
    margin: 0px 0 10px 0;
    padding: 20px 10px 20px 10px;
    text-transform: uppercase;
    background-color: #f3f3f3;*/
}
.view-the-approch .item-list ul li {
	margin-left: 0;
}
.zone-postscript-wrapper {
	background-color: #f3f3f3;
	margin: 40px 0 0 0;
    padding: 40px 0;
}
/* ------------ Twitter Feed ----------------*/
#region-postscript-fourth {
    margin: 40px 0 0 0;
    width: 100%;
    background-color: #ffffff;
}
.tweets {
    text-align: center;
    margin: 60px 0;

}
.tweets .fa.fa-twitter {
    font-size: 3rem;
	color: #a4c4c9;
}
.tweets h1 {
    font-size: 1em;
    padding-top: 0;
    color: #222222;
	font-weight: 400;
}
.tweets .post {
   padding: 0 25%; 
}
.block-views-social-media-block p, .block-views-social-media-block p a {
	color: #333;
}
/*  ------------  The Approach --------------*/
    /* Remove <br> from wordpress posts */
    .block-release-blocks-2016-block-5 br {
        display: none;
    }
  
.block-release-blocks-2016-block-5 .wp-caption {
    float: left;
}
  .block-release-blocks-2016-block-5 .wp-caption-text {
    color: #999;
    display: block;
    font-family: arial,helvetica,sans-serif;
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.8125rem;
    text-transform: uppercase;
        max-width: 85%;
    float: left;
  }
.approach {
    font-family: arial,helvetica,sans-serif;
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.6875rem;
    margin-bottom: 5px;
    text-transform: uppercase;
    margin-top: 10px;
}
.approach_tag {
    font-family: source sans pro;
    font-size: 1.25em;
    padding-left: 28px;
    color: #a6a5a5;
}
.blog-img > img {
    height: auto;
    width: 100%;
    padding-top: 28px;
}
.blog-title {
    font-size: 1.25em;
    color: #000000;
    padding-bottom: 10px;
    line-height: 1.25em;
}
.blog-title h3 {
    line-height: 1.35em;
}
.blog-date {
    font-size: 11px;
}
.blog-author {
    color: #999;
    display: block;
    font-family: arial,helvetica,sans-serif;
    font-size: 0.6875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.8125rem;
}
.blog-text {
    font-size: 14px;
    font-weight: 200;
}
.blog-text p {
	margin-bottom: 0;
}
.view-id-the_approch ul li .blog-post {
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px;
}
.view-id-the_approch ul li:nth-child(3) .blog-post {
    border: none;
}
.blog-post {
    margin: 0;
}
li .blog-post {
    padding: 20px 0 0 0;
}
.blog-readmore {
    color: #999;
    padding: 20px 0; 
    font-size: 0.6875rem;
    text-transform: uppercase;
}
.blog-readmore:before {
    content: "by ";
    text-transform: lowercase;
}
#block-block-36 {
    border-top: 1px solid #efefef;
}
/*#block-views-release-blocks-2016-block-5 .field-content p a img:first-of-type {
    border: 1px solid red;
}*/
.block-views-the-approch-block
/* ----------Faculty Experts ----------- */

.block-38 {
    padding: 40px 0;
    margin-top: 45px;
}
#block-block-38 .inthenews_name {
    line-height: 1.5em;
    padding-bottom: 25px;
    width: 90%;
}

.faculty_expert {
    margin-bottom: 25px;
	display: inline-block;
}

.faculty_topic {
    color: #6c6c6c;
    font-family: "Open Sans","Arial",sans-serif;
    font-size: 12px;
    line-height: 1.25em;
    margin: 0 0 15px 0;
    max-width: 17.086em;
    text-transform: uppercase;
}

.faculty_title {
    color: #6c6c6c;
    font-family: "Open Sans","Arial",sans-serif;
    font-size: 12px;
    line-height: 1.25em;
}
.faculty_name, .faculty_title {
    margin: 0.678em 0.678em 0.444em 0.444em;
}
.faculty_img > img {
    max-width: 252px;
}
.faculty_name a {
    font-size: 14px;
}
/* TAGGED PAGE */

.page-tagged h1#page-title {
    padding-bottom: 20px;
}

      /*  MASONARY NEWS */
      .context-tagged2016 .view-content { /* Masonry container */
        -moz-column-count: 1;
        -moz-column-gap: 1.5em;
        -webkit-column-count: 1;
        -webkit-column-gap: 1.5em;
        column-count: 1;
        column-gap: 1.5em;
        width: 100%;
        } 
    .masonry-item { /* Masonry bricks or child elements */
        display: inline-block;
        background: #fff;
        padding: 1em;
        margin: 0 0 1.5em;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-shadow: 2px 2px 4px 0 #ccc;
        }
        .masonry-item .created {
    padding-bottom: 5px;
}
.page-tagged2016 .zone-content-wrapper {
    margin: 0;
    padding: 1em;
}
.page-tagged2016 .zone-content-wrapper h1.title {
    font-size: 1.5em;
    padding-bottom: 0.5em;
}
.resultstxt > h4 {
    font-family: source sans pro;
    font-size: 1.25em;
    line-height: 1.25em;
    padding: 0 20px 0 0;
}
.resultsimg img {
    height: auto;
    width: 100%;
}
/* Approach Article */
 #block-block-41 {
  display: none;
}
.block-release-blocks-2016-block-6 {
    display: none;
}
.view-id-breakcrums {
    font-family: roboto;
    font-size: 0.85em;
    padding-top: 10px;
}