@import url('//fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300&family=Oswald:wght@400&display=swap');

/*---V2 RPI CSS---*/

body{
    overflow-x: hidden;    
}

.hidden {     
     position: absolute;
     left: -99999px;
	color: #fff;
}

a.skip-main,
a:link.skip-main,
a:visited.skip-main {
    border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
    font-weight: 500;
    background-color: #56000B;
    color:#fff;
    line-height: 1.7em;
    padding: 1px 10px 2px;
}

a.skip-main:focus,
a.skip-main:active {
    clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	white-space: normal;
	width: auto;
}

.rpi-title {
	left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}

#zone-footer, #region-footer-second {
    margin: 0;
    width: 100%;
}

/* RPI Alert Start */

.alerttext a {
    color: #000000;
    padding: 10px;
    text-decoration: none;
    font-size: 1.25em;
    text-align: center;
}

#rpialertbox {
    background-color: #fdcb05;
    padding: 10px;
    text-align: center;
}



/* RPI Alert End */

/* ------- minimal header ----- */
 

#rpi-min-header{
     background-color: #900;
     height: 30px;
     padding-bottom: 15px;
     padding-top: 15px;
}

#rensselaerLogo {
     float: left;
     margin-left: 0px;
}
#rensselaerLogo img {
     height: 30px;
     width: auto;	
     vertical-align: middle;
}
#rpi-min-header nav {
     float: right;
     padding-bottom: 5px;
     padding-top: 7px;
     padding-right: 10px;
     font-family: 'Source Sans Pro', sans-serif;
 }
#rpi-min-header nav a {
     padding: 0 30px 0 0;
     color: #fff;
     text-decoration: none;
     font-size: 14px;
     text-transform: uppercase;
}
#rpi-min-header nav  a:hover {
     text-decoration: underline;
 }
#rpi-ribbon{
     width: 200vw;
     background-color: #900;
     position: absolute;
     left: -100%;
     z-index: -1;
     height: 60px;
     top: 0px;
}
nav.people {
    margin-bottom: 20px;
}

 /* search */
#rpi-min-header #rpi-site-search {
     color: #fff;
     float: right;
     display: block;
}
 
#rpi-min-header #rpi-site-search input{
     width: 0px;
     padding: 0;
     margin: 0;
     padding-left: 0;
     padding-right: 0;
     border: 0;
     border-bottom: 1px solid #fff;
     transition: width 200ms ease;
     background: transparent;
     color: #fff;
     font-size: 14px;
}
#rpi-min-header #rpi-site-search:hover #rpi-site-search-query, #rpi-min-header #rpi-site-search-query:focus{
     padding-left: 10px;
     padding-right: 5px;
     width: 125px;
}

::-webkit-input-placeholder {
   color: #fff; font-family: 'Source Sans Pro', sans-serif;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff; font-family: 'Source Sans Pro', sans-serif;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff; font-family: 'Source Sans Pro', sans-serif;
}

:-ms-input-placeholder {  
   color: #fff; font-family: 'Source Sans Pro', sans-serif;
}

/* search */
#rpi-site-search-query {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #fff;
    margin: 0;
    padding: 0;
    transition: width 200ms ease 0s;
}

 @media screen and (max-width: 740px) {
     #rpi-min-header #rensselaerLogo {
         margin-left: 0px;
     }
     #rpi-min-header {
         padding-left: 20px;
         padding-right: 20px;
     }
 }


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

   #rpi-min-header{
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
   } 
   #rpi-min-header #rensselaerLogo {	
      display: inline-block;
      float: none;
      height: 30px;

      text-align: center;
   }
   #rpi-min-header nav {
       float: none;
       display: inline-block;
       padding: 0;
   }
   #rpi-min-header nav a {
       display: none;
       padding: 0;
   }
   #rpi-min-header nav form, #rpi-min-header nav form a {
       display: inline-block;
   }
   #rpi-min-header #rpi-site-search{
     float: none;
     padding: 0 0 0 5px;
     margin: 0px; 
     display: inline;   
   } 
   #rpi-min-header #rpi-site-search #search-button i.fa-search {
       vertical-align:bottom;
   }
}


/*-------- Site Title -------- */
.sitetitle .field-content h2 {
    max-width: 75%;
}
.sitetitle .field-content h2, .sitetitle .field-content h2 a, .sitetitle .field-content h2 a:link, .sitetitle .field-content h2 a:visited {
    color: #333;
    font-size: 52px;
    font-weight: 300;
}
.sitetitle {
    padding-top: 80px;
    }
    
@media screen and (max-width: 600px) {
.sitetitle .field-content h2, .sitetitle .field-content h2 a, .sitetitle .field-content h2 a:link, .sitetitle .field-content h2 a:visited {
    font-size: 34px;
}
.sitetitle {
    padding-top: 40px;
    padding-left: 10px;
}
}


/*-------- Page Title ---------*/

    /** Remove Page Title from frontpage **/
       .node-type-frontpage h1#page-title.title {
        display: none;
        }
    /** Subpage page title **/
        h1#page-title {
        font-weight: 300;
        font-size: 2.6rem;
        margin: 2.6rem 0;
        color: #900;
        }




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


footer .region-footer-second {font-family: 'Source Sans Pro', sans-serif; color: #fff;}

footer .r-scer-outtershell {
	width: 100%;
	background-color: #424242;
	background-image: url(/sites/all/themes/news2016/resources/images/quad-full.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

footer .r-scer-outtershell .r-scer-innershell {
	width: 1200px;
	margin-left:auto;
	margin-right:auto;
	height: 700px;
}

footer .r-scer-flag p { margin-top: 20px;}

footer .r-scer-flag {
	background-color:#363636;
	width:275px;	
	text-align:center;
	height: 100%;
	float:left;
}
.r-scer-flag > img.flag-img {
    margin-top: 75px;
    width: 150px;
    height: auto;
}

footer .region-footer-second p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6em;
}

footer .region-footer-second a, footer .region-footer-second a:link, footer .region-footer-second a:visited {color: #fff; text-decoration:none;text-shadow: 1px 1px 2px rgb(0 0 0 / 75%);}

footer .region-footer-second a:hover {color: #fff; text-decoration:underline;}

footer .column {
	width: 248px;
	margin-left: 60px;
	float: left;
	margin-top: 100px;
}

footer .region-footer-second .column h3 {
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    color: #ccc;
    font-size: 18px;
	text-transform:uppercase;
	margin-top: 15px;
}

footer .region-footer-second ul {
    list-style: none;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 17px;
    padding: 0;
    margin: 20px 0px 55px 0px;
}

footer .region-footer-second ul li {
    padding-bottom: 20px;
}



footer .region-footer-second .r-scer-bottom-bit {    
	float: left;
    margin-left: 50px;
    margin-top: 40px;
	font-size:14px;
	font-weight: 300;
	font-stretch:expanded;
	}
	
	
.shc-footer .views-field-field-footer p {
    margin-left: 0px;
}

footer .r-scer-social h3 {
    font-size:18px;
    font-weight:400;
    margin-top:2em;
}

footer .r-scer-social ul {
    list-style:none;
    padding-left:0;
    margin:10px 0 0 0;
}

footer .r-scer-social ul li {
    display:inline-block;
    margin-right:0.5em;
}

footer .r-scer-social ul li:last-child {
    margin-right:0;
}

footer .r-scer-social ul li a {
    text-decoration:none;
}


footer .region-footer-second ul li {padding-bottom: 5px;}
	

@media only screen and (max-width: 2200px) {footer .r-scer-outtershell {background-position: 150% 100%;}}

@media only screen and (max-width: 2000px) {footer .r-scer-outtershell {background-position: -100% 100%;}}

@media only screen and (max-width: 1900px) {footer .r-scer-outtershell {background-position: 0% 100%;}}

@media only screen and (max-width: 1800px) {footer .r-scer-outtershell {background-position: 30% 100%;}}

@media only screen and (max-width: 1700px) {footer .r-scer-outtershell {background-position: 40% 100%;}}

@media only screen and (max-width: 1550px) {footer .r-scer-outtershell {background-position: 50% 100%;}}

@media only screen and (max-width: 1300px) {footer .r-scer-outtershell {background-position: 50% 100%;}}

@media only screen and (max-width: 1200px) {footer .r-scer-outtershell {background-position: 60% 100%;}}

@media only screen and (max-width: 1000px) {footer .r-scer-outtershell {background-position: 70% 100%;}}


@media only screen and (max-width: 1200px) {
	
footer .r-scer-outtershell .r-scer-innershell {
	width: 100%;
	height: 660px;
}

footer .column {
	width: 22%;
	margin-left: 0;
    text-align: left;
}

footer .r-scer-bottom-bit {
    margin-left: 1.6em;
    margin-top: 0px;
	line-height: 2.4em;
	width:70%
}

.r-scer-flag img.flag-img {width: 70%;}

footer .r-scer-flag {width: 22%;}

footer .region-footer-second .r-scer-flag p {margin-top: 20px;}

footer .region-footer-second ul {
    list-style: none;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    padding: 0;
}

footer .r-scer-bottom-bit {margin-top: 20px;}

footer .r-scer-bottom-bit a {font-size: 14px;}

footer .column {
	width: 21%;
    margin-left: 30px !important;
}

footer .region-footer-second .r-scer-bottom-bit {
    margin-left: 30px;

}

}
@media only screen and (max-width: 1080px) {
	
footer .region-footer-second ul li {padding-bottom: 20px;}

footer .region-footer-second ul {
    margin: 40px 0px 0px 0px;
}

footer .region-footer-second  .r-scer-social ul {
    margin: 10px 0px 0px 0px;
}

}
@media only screen and (max-width: 775px) {
	
footer .r-scer-outtershell .r-scer-innershell {height: auto;}

footer .column {width: 100%; float:none; padding-top:20px;margin-left: 0px !important;}

footer .r-scer-flag {width: 100% !important; height:auto; float:none; padding-top:20px; padding-bottom: 20px;}

footer .r-scer-flag img.flag-img {width: 100px; float:none;}

footer .r-scer-bottom-bit {
	line-height: 2.4em;
	float:none !important;
    text-align: center;
    width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;
	padding-bottom: 60px;
} 

footer .r-scer-outtershell {background-position: 80% 100%;}

footer .region-footer-second .column {
    text-align: center;
}

.r-scer-flag > img.flag-img {margin-top: 20px;}
	
.column.three {margin-bottom: 30px;}

}

/*  -------- Vibrant Footer ----------- */
footer .vibrant .r-scer-flag {
    background-color: #D6001C;
	border-width: 0px 0px 0px 0px;
    border-color: #fff;
    border-style: solid;
}


footer .vibrant .column {margin-left: 50px;}


footer .vibrant .r-scer-outtershell {
    width: 100%;
    background-color: #1d72c2;
    background-image: url(/sites/all/themes/news2016/resources/images/footer-background-clipped.jpg);
    background-repeat: no-repeat;
    background-position: 22% 100% !important;
}

/*
footer .vibrant .r-scer-bottom-bit {
    margin-top: 270px;
    text-shadow: 0px 0px 10px #000000;
    font-weight: 400;
    font-size: 14px;
}*/


footer .vibrant .r-scer-bottom-bit {
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    text-align: center;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    background-color: #363636;
    padding: 15px 0;
}

footer .vibrant .column h3 {color: #fff;text-shadow: 1px 1px 2px rgb(0 0 0 / 75%);}


footer .region-footer-second .column {
    margin-top: 50px;
}

footer .region-footer-second p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6em;
    padding: 0px;
    margin-bottom: 7px;
}



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


footer .r-scer-outtershell .r-scer-innershell {
    height: 820px;
}

footer .vibrant .r-scer-outtershell {
    background-position: 20% 100% !important;
}

footer .vibrant .r-scer-bottom-bit {
    margin-left: 30px;
    margin-top: 0px;
    text-shadow: 0px 0px 0px #000000;
}



}
@media only screen and (max-width: 775px) {

footer .vibrant .r-scer-outtershell {background-position: 5% 100% !important;}
footer .vibrant .r-scer-flag {border-width: 0px 0px 3px 0px;}

footer .vibrant .column {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

footer .vibrant .three {
    padding-bottom: 370px;
}

footer .r-scer-outtershell .r-scer-innershell {
    height: auto;
}

}
/* --------End Vibrant Footer ---------*/


/* ---------Branded Header-------- */

#rpi-mega-header .middlelinks {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content:space-between;
}

#rpi-mega-header .middlelinks .logo {
    padding-top: 20px;
    width: 100%;
    text-align: center;
    height: auto;
}

#rpi-mega-header .middlelinks .logo img{
    width: 90%;
    height: auto;
	max-width: 375px;
}

#rpi-mega-header .middlelinks nav {
	text-align: center;
}

#rpi-mega-header .middlelinks a {
    padding: 0 0 0 1em;
    color: #fff;
    font-size: 14px;
	text-decoration:none;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	}
	#rpi-mega-header .middlelinks .apply a {
        padding: 0 0 0 1em;
        text-transform:capitalize;
    }
        
#rpi-mega-header .middlelinks a#search-button {
     padding-left: 5px;
 }
#rpi-mega-header .middlelinks a:hover {
	text-decoration:underline;
	}
	
#rpi-mega-header .middlelinks a:first-child {padding: 0;}

#rpi-mega-header .middlelinks form {
    vertical-align: text-top;
    float: right;
    padding-left: 20px;
}
	
#rpi-mega-header .topbanner {
	background-color: #D6001C;
	height: 190px;
	}
	
#rpi-mega-header .middlelinks .brand-menu {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase;
}
#rpi-mega-header .middlelinks .brand-menu nav.navigation {
    text-transform: capitalize;
}	
#rpi-mega-header .topbanner {
	background-color: #D6001C;
	height: 190px;
	}
	
/* ----Main Navigation--- */

@media screen and (min-width: 400px) {
    #rpi-mega-header .middlelinks a {padding: 0 0 0 1.5em;}
}

@media screen and (min-width: 600px) {
    #rpi-mega-header .middlelinks a {padding: 0 0 0 2em;} 
    #rpi-mega-header .middlelinks .logo img{
        width: 375px;
        height: auto;
    }
}

@media screen and (min-width: 801px) {
    #rpi-mega-header .middlelinks nav {
        padding-right: 20px;
    }
    #rpi-mega-header .middlelinks .logo {
        display: inline-block;
        margin-top: 20px;
        width: auto;
        text-align: center;
        margin-left: 20px;
        padding-top: 0px;
    }
    #rpi-mega-header .topbanner {
        height: 160px;
    }	
}

@media screen and (min-width: 1200px) {
    #rpi-mega-header .middlelinks {
        width:1200px;
        margin-left:auto;
        margin-right:auto;
        height: 100%;
        }   
    #rpi-mega-header .middlelinks .logo {
        display: inline-block;
        margin-top: 20px;
        margin-left: 0px;
        }   
    #rpi-mega-header .middlelinks nav.apply {
        text-transform: capitalize;
    }
}

@media screen and (min-width: 1220px) {
    #rpi-mega-header .middlelinks nav {
        padding-right: 0px;
    }
}

@media screen and (max-width:800px) {
		
#rpi-mega-header .middlelinks {display: block;}

    .apply {
        width: 300px;
        margin: auto;
        padding-top: 10px;
    }

    .people {display: none;}

}

/* ---------Main Navigation-------- */
#rpi-mega-header .navbar {
    border-bottom:1px solid #ddd;
}
#rpiMainNav .navbar-nav .nav-link {
    color: #767676;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0.8rem 1rem;
    margin: 0;
    text-decoration: none;
    font-size:16px;
    line-height:1.5em;
}
#rpiMainNav .navbar-nav .active>.nav-link,
#rpiMainNav .navbar-nav .nav-link:hover,
#rpiMainNav .navbar-nav .nav-link:active {
    background-color:#D6001C;
    color:#fff;
    transition: 0.3s all ease;
}