@charset "UTF-8";
/*
Theme Name: Penn State Nursing Custom Theme
Theme URI: 
Author: WPSU Penn State Multimedia Team
Author URI: creativeservices.psu.edu
Description: Custom theme for Penn State School of Nursing
Version: 1.0
License:
License URI: 
Tags: 
Text Domain: 
*/



/* AVAILABLE FONTS AND WEIGHTS 

Open Sans: 300,300i,400,400i,600,600i,700,700i,800,800i
Oswald: 300,400,700

*/

/* COLORS 

PSU Dark Blue 	#1e407c rgb(30,64,124)
PSU Light Blue 	#96bee6 rgb(150,190,230)
Teal 			#0fbfc1 rgb(15,191,193)

*/


* { margin: 0; padding: 0; }

/********************/
/* GLBOAL TAG SYLES */
/********************/

body { color: #000; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 18px; }

h1 { font-family: 'Oswald'; font-weight: 400; font-size: 200%; text-transform: uppercase; margin: 0 auto 1em auto; padding: 0 0 .2em 0; }
h1 span { border-bottom: 2px solid #3cf; }
h2, #post h2 { font-weight: 600; font-size: 240%; padding: 1.25em 0 .5em 0; color: #1e407c; text-transform: uppercase; font-weight: 800; line-height: 120%; }
h3 { font-weight: 600; font-size: 160%; padding: 1.25em 0 .5em 0; color: #1e407c; line-height: 120%; }
h4 { font-weight: 600; font-size: 130%; padding: 1.25em 0 .5em 0; line-height: 120%; }
h5 { font-weight: 600; font-size: 110%; padding: 1.25em 0 .5em 0; line-height: 120%; }
h6 { font-weight: 600; font-size: 100%; padding: 1.25em 0 .5em 0; line-height: 120%; }
p { margin: 0; padding: 0 0 1em 0; font-size: 100%; }
hr { margin: 1.5em 0 0 0; border: 2px solid #eaf2fa; }

a { color: #39c; }
a:hover { color: #0cf; }

.container { width: 1100px; margin: 0 auto; }
.clear { clear: both; margin: 0; padding: 0; height: 0; }

#content { margin: 2em auto; }
#content p { line-height: 200%; }
#content p i { font-size: 80%; color: #39c; }
#content ul, #content ol { margin: 0; padding: 0 0 1em 1.5em; font-size: 100%; line-height: 200%; }
#content li { margin: 0; padding: 0 0 .5em 0; line-height: 200%; }

/* IMAGES AND CAPITONS */

div.aligncenter, img.aligncenter { display: block; width: 80% !important; margin: 0 10% 1em 10%; height: auto; padding: 0; text-align: center; }

div.alignleft, img.alignleft { width: 33% !important; margin: 2em 5% 2em 0; float: left; height: auto; }
div.alignright, img.alignright { width: 33% !important; margin: 2em 0 2em 5%; float: right; height: auto; }

div.aligncenter img,
div.alignleft img,
div.alignright img { width: 100%; height: auto; padding: 0; margin: 0; }

.wp-caption-text { font-size: 90%; text-align: center; font-style: italic; }
.wp-caption { }

/* CONTACT FORMS */

.form-container { width: 728px; margin: 0 auto; }
form { max-width: 100%; display: block; }
form ul { margin: 0; padding: 0; list-style: none; }
form ul li { margin: 0 0 0.25em 0; clear: both; display: inline-block; width: 100%; }
form ul li:last-child { margin: 0; }
form ul li p { margin: 0; padding: 0; float: left; }
form ul li p.right { float: right; }
form ul li .divider { margin: 0.5em 0 0.5em 0; border: 0; height: 1px; width: 100%; display: block; background-color: #4f6fad; background-image: linear-gradient(to right, #ee9cb4, #4f6fad); }
form ul li .req { color: #ee9cb4; }
form label { display: block; margin: 0 0 0.5em 0; font-size: 1em; }
form input { margin: 0 0 0.5em 0; border: 1px solid #ccc; padding: 6px 10px; color: #555; font-size: 1em;}
form textarea { border: 1px solid #ccc; padding: 6px 10px; width: 100%; color: #555; font-size: 1em;}
form small { color: #4f6fad; margin: 0 0 0 0.5em; }
.wpcf7-form { width: 728px; margin: 0 auto; }
.checkbox-layout {
	display: block;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	padding: 0 0 1em 0; 
}
.wpcf7-list-item { display: block; width: 100%; }

/* YOUTUBE EMBEDS */

.YouTubeWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin: 0 0 1em 0; }
.YouTubeWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* BUTTONS */

.button { background-color: #0fbfc1; padding: .75em 1.25em; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 100%; color: #fff; min-width: 100px; border: none; }
.button:hover { background-color: #0cf; cursor: pointer; color: #fff }
.button:after { content: "\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #000; margin-left: .5em; }

/********/
/* MENU */
/********/

#show-micro, .cbp-hrmenu { display: none; }

/**********/
/* HEADER */
/**********/

/* LOGO */
#psu-group, #psu-logo { height: 70px; padding: 20px 0; float: left; }
#hlinks { float: right; margin: 32px 40px 0 0; padding: 0; }
.psu-logo { width: auto; height: 70px; }

/* SEARCH */
#search-box { display: none; }

/* GIVE BUTTON */
.button-give { display: none;  }

/**********/
/* FOOTER */ 
/**********/

footer { background: #272c3a; color: #bbb; font-size: 80%; clear: both; padding: 1em 0 2em 0; }
footer ul { list-style: none; padding: 0 0 1em 0; margin: 0; }
footer ul li { display: inline; padding: 0 1em; border-right: 1px solid #555; }
footer ul li:first-child { padding: 0 1em 0 0; }
footer ul li:last-child { border-right: none; padding: 0 0 0 1em; }
footer a, footer a:visited { color: #bbb; }
footer a:hover { color: #fff; }
.footer-logo { float: left; }
.legal-links { float: right; text-align: right; }
footer p.clear { clear: both; height: 0; margin: 0; padding: 0; }
footer#accreditation p { border-bottom: 1px solid #bbb; margin: 0; padding: 2em 0; font-size: 105% }
footer#accreditation a { }

/********************/
/* HOMEPAGE MODULES */
/********************/

/* VIDEO HERO */
.videoWrapper { position: relative; padding-bottom: 0; height: auto; overflow: visible; clear: both; border-top: 1px solid black; border-bottom: 1px solid black; }
.videoWrapper video { display: none; }
#video-content { position: relative; top:0; right:0; bottom:0; left:0; background: none; padding: 0; clear: both; }
#video-content h1, #largehero-content h1 { color: #000; text-transform: uppercase; font-family: 'Oswald'; font-weight: normal; font-size: 400%; line-height: 100%; padding: .3em 0 0 0; text-shadow: none; margin: 0; border: none; text-align: center; }
#video-content p, #largehero-content p { color: #000; padding: 1em 0; text-shadow: none; font-size: 125%;  margin: 0; text-align: center; }

/* ABOUT AND FACT SHEET */
#about { background-color: #fff; padding: 1em 0; clear: both; }
#about strong { font-weight: 600; font-size: 170%; color: #1e407c; }
#about #content p { font-size: 100%; }

/* MESSAGE FROM DEAN */
#dean {  background-color: #fff; padding: 1em 0; clear: both;  }
#dean h2 { padding-top: .5em; }
.dean { padding: 10px; color: #fff; background: #1e407c; }

/* NEWS */
#news { margin: 0 0 4em 0; background-color: #fff; padding: 1em 0; clear: both;  }
#news { font-size: 90%; }
#news h3 { padding-top: .5em; }
#news p { line-height: 150%; padding: 0; }
.news-date { font-size: 70%; }
.continue:after { content: " \f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #39c; text-decoration: none; }
.news-featured { width: 47%; margin-right: 6%; float: left; }
.news-featured h4 { padding-top: 0; }
.news-featured img { width: 100%; height: auto; border: 5px solid #eaf2fa;  }
.news-feed { width: 47%; float: right; }
.news-feed hr { background-color: #eaf2fa; height: 5px; border: none; }
.rss-feed { font-size: 90%; margin-bottom: 2em; }
.read-more:after { content: ' »'; }

/* EVENTS */
#home-events { background-color: #fff; padding: 1em 0; clear: both; }
.block-event { float: left; background-color: #eaf2fa; width: 28%; margin: 0 3% 1em 0; padding: 2% 1%; text-align: center; border-radius: 10px; }
.block-event a { text-decoration: none; color: #666; }
.block-event p { margin: 0; padding: 0; }
.block-event-day { display: inline-block; font-weight: bold; font-size: 24px; line-height: 24px; text-transform: uppercase; border-top: 2px solid #39c; padding-top: 10px; }
.block-event-month { display: inline-block; font-weight: bold; font-size: 48px; line-height: 48px; text-transform: uppercase; border-bottom: 2px solid #39c; padding-bottom: 10px; }
.block-event-date { display: inline-block; font-weight: bold; font-size: 48px; line-height: 48px; color: #39c; border-bottom: 2px solid #39c; padding-bottom: 10px; }
.block-event-title { display: block; font-size: 24px; line-height: 30px; margin: 0; padding: 20px 0; }
.block-event-link { font-size: 15px; color: #39c; }
.link-to-cal { padding-bottom: 3em; }
.link-to-cal:after { content: " \f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; }

/***************/
/* HERO IMAGES */
/***************/

/* LARGE HERO IMAGE, SAME SIZE AS HOMEPAGE VIDEO */
.largeheroWrapper { position: relative; padding-bottom: 36.25%; /* 2.75x1 */ height: 0; overflow: hidden; }
.largeheroWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#largehero-content { position: absolute; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,.2); padding-top: 14%; }
#largehero-content h1.cgne, #hero-content h1.cgne { font-size: 350%; }

/* STANDARD HERO IMAGE */
.heroWrapper { position: relative; padding: 0; height: auto; overflow: inherit; clear: both; border-top: 1px solid #000; }
.heroWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
#hero-content { position: relative; top:0; right:0; bottom:0; left:0; background: none; padding-top: 10%; clear: both; }
#hero-content h1 { color: #000; text-align: center; text-transform: uppercase; font-family: 'Oswald'; font-weight: normal; font-size: 400%; line-height: 100%; padding: 0 0 .25em 0; text-shadow: none; margin: 0; border: none; }
#hero-content h1#post-408 { font-size: 280%; }
#hero-content p { color: #000; padding: 0; text-shadow: 2px 2px 1px rgba(0,0,0,.8); font-size: 130%;  margin: 0; text-align: center; }

/* NO HERO IMAGE */
#title-content { /*padding-top: 3%;*/ }
.titleWrapper { position: relative; background-image: none; background-size: cover;  }
#title-content h1 { color: #000; text-align: center; text-transform: uppercase; font-family: 'Oswald'; font-weight: normal; font-size: 400%; line-height: 100%; padding: 2.4% 0 2% 0; text-shadow: none; margin: 0; border: none; }
#title-content h1#post-408 { font-size: 280%; }

/**************/
/* STAFF PAGE */
/**************/

/* ALPHABET FILTER */
ul#filterOptions {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
	list-style: none;
}

ul#filterOptions .active { font-weight: bold; }
ul#filterOptions a { text-decoration: none; }

/* FACULTY DIRECTORY PAGE */

.faculty-member { padding: 1%; margin: 0 0 1% 1%; font-size: 50%; background-color: #eaf2fa; width: 22%; float: left; min-height: 350px; }
.faculty-member img { width: 100%; height: auto; }
.credentials { border-bottom: 1px solid rgb(30,64,124,.25); padding: 0 0 50px 0; margin: 0 0 5px 0; }
.faculty-member h2,
.faculty-member h3 { padding: .2em 0 0 0; margin: 0; line-height: 120%; text-transform: none; }

/* FACUTLY DETAIL PAGES */

#content .staff-details p,
#content .staff-details ul,
#content .staff-details ol,
#content .staff-details li { line-height: 150%; }
.staff-member-listing{ padding-top: 2em; padding-bottom: 2em; }
.staff a { text-decoration: none; cursor: pointer; }
.staff:hover { background-color: rgba(233,133,3,.5); transition: 0.3s; }
.staff-photo { width: 40%; float: right; margin-right: 5%; }
.staff-details {  }
.staff-photo img { width: 100%; height: auto; border: 10px solid #eaf2fa; margin-top: 3em; }
.return-link { clear: both; }
.staff-details h2 { padding-bottom: 0; }
.staff-credentials { font-size: 65%; font-weight: 400; text-transform: none; }

/*************/
/* JOBS PAGE */
/*************/

table.jobs caption { text-align: left; font-weight: normal; font-size: 150%; padding: .5em 0; border-top: 5px solid #eaf2fa; margin: 1em 0 .5em 0; padding: 1.5em 0 0 0; text-transform: uppercase; }
table.jobs th { text-align: right; vertical-align: top; padding: .2em 1em .2em 0; width: 150px; }
table.jobs td { padding: .2em; }
table.jobs tr { font-size: 90%; }
.job-desc { font-size: 90%; padding: 0 0 1em 0; }
.job-desc-title { font-size: 110%; text-transform: uppercase; padding: 0 0 .5em 0; }
.no-jobs { background: #eaf2fa; font-size: 120%; padding: 2em; text-align: center; margin: 1em 0 0 0; }

/*********************/
/* CUSTOM POST TYPES */
/*********************/

/* PROGRAMS */
.programs { margin: 0; padding: 0; }
.programs li { display: block; float: left; margin: 1%; width: 23%; } 
.programs li a { display: block; padding: 20px; min-height: 60px; background-color: #eee; line-height: 60px; text-align: center; border: 1px solid #ccc; text-decoration: none; }
.programs li:last-child { width: 48%; }
.programs li a:hover{ border: 1px solid #3cf; color: #3cf; background-color: #d6f5ff; }

/* RESEARCH NEWSLETTERS */
.newsletter { font-size: 90%; min-height: 325px; padding: 1em 0; margin: 0 0 1em 0; border-bottom: 5px solid #eaf2fa; clear: both; }
.newsletter h3 { padding: 0 0 .5em 0; margin: 0 0 0 325px; }
.newsletter p { padding: 0 0 .5em 0; margin: 0 0 0 325px; }
.thumbnail { width: 300px; height: 300px; border: 5px solid #eaf2fa; overflow: hidden; float: left; }
.thumbnail img { height: 300px; object-fit: cover; }
.thumbnail img[class] { width: 300px; }

/* SEMINARS */
#content .seminar-listings p { line-height: 150%; padding: 0; }
.seminar-title { padding: .1em 0; }
.seminar-date { text-transform: uppercase; color: #39c; font-weight: bold; }
.seminar-post { padding: .5em 0 1em 0; }
.cgne-email-list { padding-top: 1em; font-style: italic; }

/* STUDY ABROUD */
#study-abroad-listing .listing-item span.image { float: left; width: 230px; height: 230px; border: 5px solid #eaf2fa; display: block; margin-top: 1.75em; }
#study-abroad-listing .listing-item span.image img { width: 100%; height: auto; }
#study-abroad-listing .listing-item h4, 
#study-abroad-listing .listing-item div { margin-left: 270px; }
#study-abroad-listing .listing-item div { font-size: 90%; }
#study-abroad-listing .listing-item { border-bottom: 5px solid #eaf2fa; clear: both; min-height: 300px; }
#content #study-abroad-listing .listing-item p { line-height: 175%; }

/* CAMPUS LISTING */
#campus-listing .listing-item h4 { text-align: center; margin: 0 0 10px 0; padding: 5px 0; background-color: #eaf2fa } 
#content #campus-listing .listing-item p { font-size: 85%; line-height: 150%; text-align: center; }
#campus-listing .listing-item { width: 22%; margin: 0 3% 0 0; padding: 0 0 0 0; float: left; }
#campus-listing .listing-item:nth-of-type(4n+0) { margin: 0; }
#campus-listing .listing-item:nth-of-type(4n+1) { clear: left; }
#campus-listing .listing-item span { display: block; border-top: 5px solid #eaf2fa; padding: 5px 0 0 0; }
#campus-listing .listing-item span.image img { width: 100%; height: auto; margin: 0; padding: 0; }

/* CLINICALS */
.clinical { border-top: 3px solid #eaf2fa; width: 30%; margin: 0 5% 0 0; padding: 1em 0 0 0; float: left; }
.clinical:nth-of-type(3n+0) { margin: 0; }
.clinical:nth-of-type(3n+1) { clear: left; }
.clinical h3 { font-size: 120%; padding: 0 0 .5em 0; margin: 0; }
.state { text-transform: uppercase; padding: 0; font-size: 80%; }
.clinical-web { text-transform: uppercase; font-size: 80%; }
.clinical-web a { text-decoration: none; }
.clinical-web:after { content: " \f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #39c; }
.clinical-address { font-size: 90%; padding: 0 0 .5em 0; }
#content .clinical-desc p { font-size: 75%; line-height: 150%; }

/************/
/* SIDEBARS */
/************/

/* MAIN SIDEBARS */
#post { width: 100%; float: none; }
#post h2:first-child,
#post-cgne h2:first-child { padding-top: 0; }
#sidebar { display: none; }
#sidebar nav ul { list-style: none; padding: 0; margin: 0; }
#sidebar nav ul li { list-style: none; padding: 0; margin: 0 0 10px 0; }
#sidebar nav ul li a { display: block; background-color: #eaf2fa; padding: 5px 15px; text-decoration: none; }
#sidebar nav ul li a:after { content: " \f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #39c; font-size: 80%; }
#sidebar nav ul li.menu-item-989 a { color: #fff; background-color: #0fbfc1; }
#sidebar nav ul li.menu-item-989 a:after { color: #fff; }
#sidebar nav ul li.menu-item-989 a:hover { background-color: #0cf; cursor: pointer; color: #fff }

/* CGNE SIDEBARS*/
#post-cgne { width: 65%; float: left; }
#sidebar-cgne h3 { text-transform: uppercase; font-size: 100%; }
#sidebar-cgne h3:first-child { padding-top: 0 }
#sidebar-cgne { width: 25%; float: right; padding: 2.5%; min-height: 400px; background-color: #eaf2fa; }
#sidebar-cgne nav ul { list-style: none; padding: 0; margin: 0 0 1.5em 0; }
#sidebar-cgne nav ul li { list-style: none; padding: 0; margin: 0 0 .5em 0; line-height: 150%; font-size: 90%; }
#sidebar-cgne nav ul li a { display: block; padding: 0; text-decoration: none; }
#sidebar-cgne nav ul li a:after { content: " \f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #39c; font-size: 80%; }

.post-257 strong { font-weight: 600; font-size: 160%; padding: 1.25em 0 .5em 0; color: #1e407c; line-height: 120%; } 
.post-257 a { text-transform: uppercase; text-decoration: none; font-size: 90%; }
.post-257 a:after { content: " \f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #39c; }
#content .post-257 p { padding-bottom: 2em; }

.research-programs { font-size: 80%; }

/********/
/* MISC */
/********/

.home-links li { font-size: 110%; list-style: none; margin-left: -1em; padding-bottom: .2em; }
.home-links li:before { content: "»  "; color: #3cf;  }
.home-links a { color: #000; text-decoration: none; }
.home-links a:hover { color: #3cf; text-decoration: underline; }

.hidden { display: none; }
.state-select { font-size: 90%; }
.menu-button { border: 1px solid #39c; border-radius: 5px; padding: 10px 15px; font-size: 120%; }

#giving-alert { margin: 2em 0 0 0; padding: 2em 2em 1em 2.5em; font-style: italic; background-color: #eaf2fa; color: #069; }


/*******************/
/* EVENTS CALENDAR */
/*******************/

h1.tribe-events-single-event-title { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 200%; padding: 0 0 .5em 0; color: #1e407c; line-height: 120%; text-transform: none; border-bottom: 5px solid #eaf2fa; }
h2.tribe-events-schedule-date-time { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 300%; padding: 0 0 .5em 0; color: #1e407c; line-height: 120%; text-transform: none;  }
#tribe-events-footer { border-top: 5px solid #eaf2fa; }
h3.tribe-events-single-section-title { }
.tribe-events-single-section { padding: 0; margin: 0; }
.tribe-events-meta-group-details { padding: 0; margin: 0; clear: left; }
.tribe-events-meta-group {  padding: 0; margin: 0;  }
.tribe-events-event-meta { }
.tribe-events-single-section { }
.tribe-events-meta-group-details dl { padding: 0; margin: 0;  }
.tribe-events-meta-group-details dt { font-weight: bold; }
.tribe-events-meta-group-details dd { padding: 0 0 1em 0; }
.tribe-events-cal-links { float: left !important; min-height: 100px; }
.tribe-events-button { display: inline !important; float: left !important; }


@media (max-width: 1200px) {
.container { width: 900px; } 
.programs li { display: block; float: left; margin: .5%; width: 24%; font-size: 90% } 
	
/* LARGE HERO IMAGE, SAME SIZE AS HOMEPAGE VIDEO */
.largeheroWrapper { position: relative; padding-bottom: 36.25%; /* 2.75x1 */ height: 0; overflow: hidden; }
.largeheroWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#largehero-content { position: absolute; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,.2); padding-top: 14%; }
#largehero-content h1.cgne, #hero-content h1.cgne { font-size: 300%; }

/* STANDARD HERO IMAGE */
.heroWrapper { position: relative; padding-bottom: 25%; height: 0; overflow: hidden; }
.heroWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#hero-content { position: absolute; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,.2); padding-top: 10%; }
#hero-content h1 { color: white; text-align: center; text-transform: uppercase; font-family: 'Oswald'; font-weight: normal; font-size: 350%; line-height: 100%; padding: 0 0 .25em 0; text-shadow: 3px 3px 2px rgba(0,0,0,.8); margin: 0; border: none; }
#hero-content h1#post-408 { font-size: 250%; }
#hero-content p { color: white; padding: 0; text-shadow: 2px 2px 1px rgba(0,0,0,.8); font-size: 130%;  margin: 0; text-align: center; }

/* NO HERO IMAGE */
#title-content { /*padding-top: 3%;*/ }
.titleWrapper { position: relative; background-image: url('images/title-bg.jpg');  background-size: cover;  }
#title-content h1 { color: white; text-align: center; text-transform: uppercase; font-family: 'Oswald'; font-weight: normal; font-size: 350%; line-height: 100%; padding: 2.4% 0 2% 0; text-shadow: 3px 3px 2px rgba(0,0,0,.8); margin: 0; border: none; }
#title-content h1#post-408 { font-size: 250%; }
#title-content h1#post-408 { font-size: 250%; }
}


@media only screen and ( min-width: 768px) and ( max-width: 960px ) {
.container { width: 728px; }
	
/* LARGE HERO IMAGE, SAME SIZE AS HOMEPAGE VIDEO */
.largeheroWrapper { position: relative; padding-bottom: 36.25%; /* 2.75x1 */ height: 0; overflow: hidden; }
.largeheroWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#largehero-content { position: absolute; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,.2); padding-top: 14%; }
#largehero-content h1.cgne, #hero-content h1.cgne { font-size: 250%; }

/* STANDARD HERO IMAGE */
.heroWrapper { position: relative; padding-bottom: 25%; height: 0; overflow: hidden; }
.heroWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#hero-content { position: absolute; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,.2); padding-top: 10%; }
#hero-content h1 { color: white; text-align: center; text-transform: uppercase; font-family: 'Oswald'; font-weight: normal; font-size: 300%; line-height: 100%; padding: 0 0 .25em 0; text-shadow: 3px 3px 2px rgba(0,0,0,.8); margin: 0; border: none; }
#hero-content h1#post-408 { font-size: 200%; }
#hero-content p { color: white; padding: 0; text-shadow: 2px 2px 1px rgba(0,0,0,.8); font-size: 100%;  margin: 0; text-align: center; }

/* NO HERO IMAGE */
#title-content { /*padding-top: 3%;*/ }
.titleWrapper { position: relative; background-image: url('images/title-bg.jpg');  background-size: cover;  }
#title-content h1 { color: white; text-align: center; text-transform: uppercase; font-family: 'Oswald'; font-weight: normal; font-size: 300%; line-height: 100%; padding: 2.4% 0 2% 0; text-shadow: 3px 3px 2px rgba(0,0,0,.8); margin: 0; border: none; }
#title-content h1#post-408 { font-size: 200%; }

}

@media only screen and ( max-width: 767px) { 
body { font-size: 16px; }
.container { width: auto; margin: 0; } 
header { font-size: 90%; }
#content { margin: 5%; }

/* IMAGES and CAPTIONS */ 
div.aligncenter img { width: 100%; height: auto; margin: 0; padding: 0; }
.wp-caption-text { font-size: 80%; }

div.alignleft, img.alignleft { width: 80% !important; margin: 2em 10% 2em 10%; float: none; }
div.alignright, img.alignright { width: 80% !important; margin: 2em 10% 2em 10%; float: none; }

.form-container { width: auto; margin: 0 auto; }
form input { margin: 0 0 0.5em 0; border: 1px solid #ccc; padding: 6px 10px; color: #555; font-size: 1em; max-width: 250px; }
form textarea { border: 1px solid #ccc; padding: 6px 10px; width: 100%; color: #555; font-size: 1em; max-width: 250px; }
	
/**********/
/* HEADER */
/**********/
	
#psu-group, #psu-logo { width: 248px; height: 70px; padding: 20px 0; float: none; margin: 0 auto; }
#hlinks { width: 180px; float: none; margin: 0 auto; padding: 0 0 1em 0; }
	
/********************/
/* HOMEPAGE MODULES */
/********************/

/* VIDEO HERO */
.videoWrapper { padding-bottom: 250px; }
.videoWrapper video { width: auto; height: 250px; }
	#video-content h1, #largehero-content h1 { font-size: 250%; padding: 0 5%; }
/* ABOUT AND FACT SHEET */
#about { padding: 1em; }
#about strong { font-weight: 600; font-size: 150%; color: #1e407c; }


/* MESSAGE FROM DEAN */
#dean { background-color: #eaf2fa; padding: 1em; margin: 0; }
#dean h2 { padding-top: 0; }
.dean { padding: 10px; color: #fff; background: #1e407c; }

/* NEWS */
#news { margin: 0; padding: 1em; }
#news { font-size: 90%; }
#news h3 { padding-top: 0; }
#news p { line-height: 150%; padding: 0; }
.news-date { font-size: 70%; }
.continue:after { content: " \f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #39c; text-decoration: none; }
.news-featured { width: auto; margin: 0 0 2em 0; float: none; }
.news-featured h4 { padding: 0; }
.news-featured img { width: 95%; height: auto; border: 5px solid #eaf2fa;  }
.news-feed { width: auto; float: none; }
.news-feed h3 { padding: 0; }
.news-feed hr { display: none; }


/* EVENTS */
#home-events { padding: 1em; }
#home-events h2 { text-align: center; }
.block-event { border-radius: 0; background-color: #fff; border-bottom: 5px solid #eaf2fa; float: none; width: 96%; margin: 0 0 1em 0; padding: 2% 2% 5% 2%; }

/************/
/** FOOTER **/
/************/
.copyright { text-align: center; }
.footer-logo { float: none; margin: 0 auto; width: 130px; }
.legal-links { float: none; text-align: left; }
footer ul { list-style: none; padding: 0 0 1em 0; margin: 0; }
footer ul li { display: block; padding: 0; border-right: none; text-align: center; }
footer ul li:first-child { padding: 0; }
footer ul li:last-child { border-right: none; padding: 0; }

/* JOBS */
table.jobs th, table.jobs td { float: left; clear: left; text-align: left; width: 95%; }
table.jobs td { margin: 0; padding: 0 0 .75em 0 ; }
table.jobs th { margin: 0; padding: 0; }
	
footer#accreditation p { border-bottom: 1px solid #bbb; margin: 0 5%; padding: 2em 0; font-size: 105% }
	
/***************/
/* HERO IMAGES */
/***************/

/* LARGE HERO IMAGE, SAME SIZE AS HOMEPAGE VIDEO */
.largeheroWrapper { position: relative; padding-bottom: 50%; height: 0; overflow: hidden; }
.largeheroWrapper img { position: absolute; top: 0; left: -25%; width: auto; height: 100%; }
#largehero-content { position: absolute; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,.2); padding-top: 14%; }
#largehero-content h1.cgne, #hero-content h1.cgne { font-size: 250%; }

/* STANDARD HERO IMAGE */
.heroWrapper { position: relative; padding-bottom: 50%; height: 0; overflow: hidden; }
.heroWrapper img { position: absolute; top: 0; left: -50%; width: auto; height: 100%; }
#hero-content { position: absolute; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,.2); padding-top: 14%; }
#hero-content h1 { color: white; text-align: center; text-transform: uppercase; font-family: 'Oswald'; font-weight: normal; font-size: 250%; line-height: 100%; padding: 0 0 .25em 0; text-shadow: 3px 3px 2px rgba(0,0,0,.8); margin: 0; border: none; }
#hero-content h1#post-408 { font-size: 180%; }

/* NO HERO IMAGE */
#title-content { /*padding-top: 3%;*/ }
.titleWrapper { position: relative; background-image: url('images/title-bg.jpg');  background-size: cover;  }
#title-content h1 { color: white; text-align: center; text-transform: uppercase; font-family: 'Oswald'; font-weight: normal; font-size: 250%; line-height: 100%; padding: 5% 0 2% 0; text-shadow: 3px 3px 2px rgba(0,0,0,.8); margin: 0; border: none; }
#title-content h1#post-408 { font-size: 180%; }
	
/************/
/* SIDEBARS */
/************/

/* MAIN SIDEBARS */
#post { width: 100%; float: none; padding: 0; margin: 0; }
#sidebar { width: 100%; float: none;  padding: 0; margin: 0; min-height: 400px; }

/* CGNE SIDEBARS*/
#post-cgne { width: 100%; margin: 0; float: none; }
#sidebar-cgne { width: 90%; float: none; margin: 0; padding: 5%; min-height: 400px; background-color: #eaf2fa; }

/****************/
/* CUSTOM POSTS */
/****************/

#campus-listing .listing-item { width: 90%; margin: 0; padding: 0 0 0 0; float: left; }
#campus-listing .listing-item:nth-of-type(4n+0) { margin: 0; }
	
/* STUDY ABROUD */
#study-abroad-listing .listing-item span.image { float: none; width: 200px; height: 200px; border: 5px solid #eaf2fa; display: block; margin-top: 1.75em; }
#study-abroad-listing .listing-item span.image img { width: 100%; height: auto; }
#study-abroad-listing .listing-item h4, 
#study-abroad-listing .listing-item div { margin-left: 0px; }

/* CLINICALS */
.clinical { border-top: 3px solid #eaf2fa; width: 100%; margin: 0; padding: 1em 0 0 0; float: none; }

/* FACULTY */
.faculty-member { padding: 2%; margin: 0 2% 2% 0; font-size: 50%; background-color: #eaf2fa; width: 44%; float: left; min-height: inherit; }
.faculty-member:nth-of-type(2n+0) { margin: 0 0 2% 0; }
.faculty-member:nth-of-type(2n+1) { margin: 0 2% 2% 0; clear: left;}
.staff-photo img { width: 100%; height: auto; border: 5px solid #eaf2fa; margin-top: 3em; }
}