/******* Project CSS *******/

/* sticky header body padding */

body { padding-top: 50px; }

@media (min-width: 992px) {
	body { padding-top: 140px; }
}
body.toolbar-fixed { padding-top: 0; }

/*  Accessibility */

#skipnav {
	position: absolute;
	top: 10px;
	left: 15px;
	z-index: 50000;
}
#skipnav a {
	color: #fff;
	padding: 2px 8px;
	line-height: 1.4;
	text-decoration: none;
	font-size: 13px;
	white-space: nowrap;
	position: absolute;
	left: -1000em;
}
#skipnav a:focus {
	background: #2e5690;
	outline: 1px dotted #fff;
	left: 0;
}

/* Cornell Logo link */

header {
    border-bottom: 1px solid #ccc;
}

.toolbar-fixed header {
	position: relative;
	z-index: 100 !important;
}

header .block-cu-search {
    height: 49px;
	background: transparent !important;
}

header .logo-map {
	position: relative;
	float: left;
}
header .logo-map a.cornell-link {
	position: absolute;
	display: block;
	width: 70px;
	height: 70px;
	top: 35px;
}
header .mobile-logo {
	max-width: 240px;
}

header .logo-map a em, header .logo-map a h1 {
	position: absolute;
	top: -200em;
	left: -200em;
}

.scrolled-header header .logo-map a.cornell-link {
	display: none;
}
.scrolled-header header .block-superfish {
    margin-right: 30px;
}
@media (max-width: 992px) {
	header .logo-map a.cornell-link {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	top: 2px;
	z-index: 2;
}
}
/* end Cornell Logo link */

img {
    max-width: 100%;
    height: auto;
}

footer a {
	color: #f39205;
	text-decoration: underline;
}

.title-banner.container {
    width: 100%;
}


/* I added this to fix the hamburger menu on older devices. - KM */
.region-header .sf-accordion-toggle.sf-style-none::before {
	-webkit-transform: translateY(-50%);
}

#homepage-banner {
	max-height: 420px;
	overflow: hidden;
}

.region-sidebar ul.menu li {
	margin: 6px 0 10px 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3;
}

.region-sidebar ul.menu a, main .region-sidebar nav h3 a {
	border: none;
	margin-top: 0;
}
main .region-sidebar nav h3 {
	font-size: 16px;
	text-transform: uppercase;
	padding-left: 15px;
	font-weight: bold;
	margin: 0;
}
main .region-sidebar nav h3 a, .region-sidebar ul.menu li.active a {
	color: #F39205;
}

/* Slick Slider
   ********************************************************** */
#homepage-banner {
    float: left;
    width: 100%;
    overflow: hidden;
    max-height: 36em;
    margin-bottom: 2em;
    border-bottom: 8px solid #F79321;
}

#homepage-banner .slick img {
    margin-right: 0;
	width: 100%;
}

.media.media--slick.media--image {
	max-height: 36em;
}
.media.media--slick.media--image:after {
	position: absolute;
	width: 100%;
	height: 200px;
	bottom: 0;
	content: "";
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick--skin--fullwidth .slide__constrained {
	width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.slick--skin--fullwidth .slide__caption {
	position: absolute;
	width: 96%;
	top: 84%;
    left: 2%;
	padding: 0;
}

.slick--skin--fullwidth .slide__caption h2 {
	font-size: 30px;
	line-height: 1.6;
	margin-bottom: 20px;
	font-weight: normal;
}

.slick--skin--fullwidth .slide__caption h2 span {
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}
.slick--skin--fullwidth .slide__title {
    text-transform: none;
}

.slick--skin--fullwidth .slide__caption h2 a {
	color: #fff;
}

.slick--skin--fullwidth .slide__caption h2 a:hover, .slick--skin--fullwidth .slide__caption h2 a:focus {
	color: #E78B05;
	text-decoration: none;
}

#site-header .slick--skin--fullwidth .slide__caption a {
	color: #fff;
}

.slick__arrow {
	height: 36px;
    position: absolute;
    top: 75%;
    width: 73px;
    left: 2%;
}
.slick-arrow {
    border: 0;
    border-radius: 0;
    font-size: 0;
    width: 36px;
	height: 36px;
    top: 50%;
	background: #f39205;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slick-prev:before, .slick-next:before {
	font: normal normal normal 14px/1 FontAwesome;
    content: "\f104";
    font-size: 26px;
    line-height: 36px;
	color: #fff;
}

.slick-next:before {
    content: "\f105";
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: #fff;
    outline: none;
    background: rgba(243,146,5,0.55);
}

.slick-dots {
    osition: absolute;
    bottom: 0;
    top: 76.5%;
    left: 120px;
    height: 36px;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}

.slick-dots li {
	background-image: none;
}

.slick-dots li button:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    line-height: 20px;
    content: "\f111";
	color: #fff;
}

.slick-dots li.slick-active button:before {
    opacity: .95;
    color: #f39205;
}

/*   scrolling header   */

.scrolled-header header .region-header {
    float: right;
}

.scrolled-header header .site-logo {
    float: left;
}

.scrolled-header .region-header .sf-style-none li:hover > ul,
.scrolled-header .region-header .sf-style-none li.sfHover > ul {
  top: 40px;
  width: auto;
}

.scrolled-header .region-header .sf-style-none li:hover > ul:before,
.scrolled-header .region-header .sf-style-none li.sfHover > ul:before {
    display: none;
}

/*.scrolled-header .region-header .sf-style-none li li a {
    white-space: nowrap;
}*/

@media (min-width: 768px) {
.main-content {
    padding-left: 30px;
    border-left: 1px solid #DBDBDB;
}
.search-open .region-header {
    min-width: 40%;
}

}

/*   exposed form in sidebar  */

.region-sidebar .views-exposed-form {
	border-top: 1px solid #DBDBDB;
}

.region-sidebar .views-exposed-form .form-item input.form-text {
  width: 100%;
}

@media (min-width: 768px) {
.region-sidebar .views-exposed-form {
	margin: 1em 15px 0 15px;
	padding-top: 2em;
}

}
.region-sidebar .views-exposed-form .form--inline .form-item {
    margin: 0 0 1em 0;
}
.region-sidebar .views-exposed-form input#edit-combine {
    padding: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.region-sidebar .views-exposed-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background-color: white;
    background-image: none;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    font-weight: bold;
    padding: 8px;
    border: 1px solid #DBDBDB;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    transition: border .4s;
	width: 100%;
}

.region-sidebar .views-exposed-form label {
	font-size: 14px;
}
.title-banner .introduction {
    margin-top: 0;
}
/*  People listing */
.view-people .views-row {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}
.person-listing p {
    margin-bottom: 0.5em;
	margin-left: 120px;
}
.edit-link {
    float: right;
	position: relative;
	top: -30px;
}
.person-listing img {
    margin-right: 0;
    margin-bottom: 0;
}
.image-role-wrapper {
	float: left;
	width: 100px;
	margin-right: 15px;
    margin-bottom: 15px;
}
.image-role-wrapper .role {
	padding: 0.5em;
	background: #fff;
	text-align: center;
	float: left;
	width: 100%;
}

/* Gallery */
.card.gallery-listing img, .card.gallery-listing article {
	position: relative;
	width: auto;
	float: left;
	display: inline-block;
	margin-right: 2%;
	max-width: 20%;
}
.card.gallery-listing article img {
	position: relative;
	width: auto;
	float: none;
	display: inline-block;
	margin-right: 0;
	max-width: 100%;
}
.card.gallery-listing .card-details {
	float: left;
	margin: 0;
	display: inline-block;
	max-width: 78%;
}

.card.gallery-listing .card-details h2 {
	margin: 0 0 0.5em 0;
	font-size: 18px;
}

.card .card-details p {
    font-size: 16px;
}

.gallery-image {
	margin-bottom: 1em;
}


/* Drupal forms */
.form-composite > .fieldset-wrapper > .description, .form-item .description {
    display: block;
	padding: 0.5em 0;
	margin-bottom: 1em;
}

/* Project Fixes for content entry */
figure.align-left,
img.align-left {
	margin: 0 1em 1em 0;
}
figure.align-right,
img.align-right {
	margin: 0 0 1em 1em;
}
figure.caption figcaption {
    margin-top: 0;
    margin-bottom: 0;
	padding: 0.5em;
	font-size: 14px;
	background: #fff;
}
table {
	margin-bottom: 2em;
}

table tr:nth-child(even){
	background: #fff;
}
table thead {
	background: #DBDBDB;
}

table thead th {
	padding: 6px;
}

p.bg-primary,
p.bg-info,
p.bg-success,
p.bg-warning,
p.bg-danger {
	padding: 1em;
}

/*Search Results */

.gsc-resultsHeader {
    border-top: 1px solid #e78b05;
}
.cse .gsc-control-cse, .gsc-control-cse, .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
    background: transparent !important;
    border: none !important;
}

.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
    color: #e78b05 !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    background: transparent !important;
    color: #e78b05 !important;
}
.gs-result .gs-title, .gs-result .gs-title * {
    color: #e78b05 !important;
    text-decoration: none !important;
}
.gsc-result .gs-title {
     height: auto !important;
}

.breadcrumb li::before {
  content: " < ";
}


/* Media Queries
   ********************************************************** */
/* ********************************************************** */
@media only screen and (min-width: 2000px) { /* ************* */

/* ************** */ }
/* ********************************************************** */
@media only screen and (max-width: 1280px) { /* ************* */


/* ************** */ }
/* ********************************************************** */
@media only screen and (max-width: 1023px) { /* ************* */


/* ************** */ }
/* ********************************************************** */
@media only screen and (max-width: 959px) { /* ************* */

#homepage-banner {
    margin-bottom: 1em;
}

.slick--skin--fullwidth .slide__constrained {
    width: 100%;
    position: relative;
    padding: 2% 5%;
	margin: 0;
	background: #333;
}
.slick--skin--fullwidth .slide__caption {
	width: 98%;
    margin: 0;
    padding: 0 1%;
    top: 0;
}
.slick--skin--fullwidth .slide__caption h2 {
	font-size: 22px;
}
.slick-dots {
    top: 79%;
}
.slick__arrow {
    top: 78%;
	left: 3%;
}

footer .footer-address {
    text-align: center;
}

/* media gallery */
.gallery-image-wrap {
	float: left;
	clear: both;
}


/* ************** */ }
/* ********************************************************** */
@media only screen and (max-width: 767px) { /* ************* */

#homepage-banner {
    max-height: 32em;
}

.region.region-sidebar nav {
	display: none;
}

/* ************** */ }
/* ********************************************************** */
@media only screen and (max-width: 567px) { /* ************* */
#homepage-banner {
    max-height: 29em;
}
.slick-dots {
    display: none !important;
}

/* ************** */ }
/* ********************************************************** */
@media only screen and (max-width: 479px) { /* ************* */
#homepage-banner {
    max-height: 24em;
}
#banner img {
  height: auto;
  width: auto;
}

/* ************** */ }
/* ********************************************************** */
@media only screen and (max-width: 360px) { /* ************* */

#homepage-banner {
    max-height: 22em;
}
/* ************** */ }
/* ********************************************************** */
@media only print { /* Project Print Styles ***************** */

/* ************** */ }