@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: #555; 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-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: #036; }
a:hover { color: #39c; }

.container { width: 1100px; margin: 0 auto; }
.clear { clear: both; margin: 0; padding: 0; height: 0; }
.box { display: flex; flex-wrap: wrap; }

#content { margin: 2em auto; }
#content p { line-height: 200%; }
#content p i { font-size: 80%; color: #036; }
#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%; }

.skip { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.skip:focus { position: static; width: auto; height: auto; }

/* 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: #000; min-width: 100px; border: none; }
.button:hover { background-color: #0cf; cursor: pointer; color: #000; }
.button:after { content: "\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #000; margin-left: .5em; }

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

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

/* SEARCH */
#search-box { background-color: #eaf2fa; padding: 3em; }
.search-psu { border-top: 5px solid #fff; margin-top: 1em; padding-top: .5em; font-size: 80%; }
.search-result { border-bottom: 5px solid #eaf2fa; }
.screen-reader-text { color: #1e407c; padding: 0 0 .5em 0; margin: 0; font-size: 1.1rem; line-height: 1.2; text-align: left; font-weight: bold; text-transform: uppercase; }
.search-new { color: #1e407c; float: right; font-size: 30px; margin-left: 20px; margin-top: -5px; }
.search-new:hover { color: #0cf; }

/* GIVE BUTTON */
.button-give { display: block; float: left; background-color: #0fbfc1; padding: .5em 1em; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 110%; color: #000; ; border: none; margin: 0 25px 0 0; text-transform: uppercase; letter-spacing: 1px; }
.button-give:hover { background-color: #0cf; cursor: pointer; color: #000;}
.button-give:after { content: " \f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #000; text-decoration: none; }

/* SOCIAL MEDIA */
.follow { font-size: 15px !important; margin: 0; padding: 0 5px 0 0; display: inline-block; }
.social { float: right; border-left: 1px solid #ccc; padding: 10px 0 0 20px; height: 38px; }
.social .fa-twitter, .social .fa-facebook-f, .social .fa-linkedin-in { background-color: #1e407c; color: #fff; border-radius: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 15px;  }
.social .fa-instagram { background-color: #1e407c; color: #fff; border-radius: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 15px; }
.social .fa-twitter:hover, .social .fa-facebook-f:hover, .social .fa-instagram:hover, .social .fa-linkedin-in:hover { background-color: #0cf; } 
/* SOCIAL MEDIA */
.follow { font-size: 15px !important; margin: 0; padding: 0 5px 0 0; display: inline-block; }
.social-icons { float: right; border-left: 1px solid #ccc; padding: 10px 0 0 20px; height: 38px; }
.social-icons ul { list-style: none; }
.social-icons li { float: left; display: block; background-color: #1e407c; color: #fff; border-radius: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 15px; margin-right: 5px;  }
.social-icons li:hover { background-color: #0cf; }
.social-icons a { color: white; }
.social-icons li span { display: block; float: left; text-indent: -9999px}
.social-icons li .fa-x-twitter,
.social-icons li .fa-facebook-f,
.social-icons li .fa-linkedin-in { display: block; float: right; font-size: 16px; line-height: 16px; margin-top: 7px; width: 30px; text-align: center; }
.social-icons li .fa-instagram { display: block; float: right; font-size: 20px; line-height: 20px; margin-top: 5px; width: 30px; text-align: center; }
.social-icons li.search-trigger { float: left; display: block; background-color: #fff; color: #1e407c; border-radius: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 15px; margin: 5px 0 0 10px; }
.social-icons li.search-trigger a { color: #1e407c; }
.social-icons li.search-trigger a:hover { color: #0cf; }
/**********/
/* 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 { }
#nln { background-color: #eee; padding: 1em; text-align: center; }
#nln img { max-width: 300px; height: auto;  }

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

/* VIDEO HERO */
.videoWrapper { position: relative; padding-bottom: 36.25%; /* 2.75x1 */ height: 0; overflow: hidden; background-color: black; }
.videoWrapper video { position: absolute; Top: 0; left: 0; width: 100%; height: 100%; opacity: 80%; }
.videoWrapper img { display: none; }
#video-content { position: relative; top:0; right:0; bottom:0; left:0; padding-top: 14%; }
#video-content h1 { color: white; text-transform: uppercase; font-family: 'Oswald'; font-weight: normal; font-size: 380%; line-height: 100%; padding: 0; text-shadow: 3px 3px 2px rgba(0,0,0,.8); margin: 0; border: none; text-align: center; }
#video-content p { color: white; padding: 1em 0; text-shadow: 2px 2px 1px rgba(0,0,0,.8); font-size: 125%;  margin: 0; text-align: center; }

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

/* MESSAGE FROM DEAN */
#dean { background-color: #eaf2fa; padding: 1em 0; }
#dean h2 { padding-top: .5em; }
.dean { padding: 10px; color: #fff; background: #1e407c; }
.dean-video { width: 50%; float: right; }
.dean-video video { width: 100%; }
.symposium { width: 50%; float: right; padding-left: 5%; }
.symposium img { width: 100%; height: auto; padding: 1em 0; }

/* NEWS */
#news { margin: 0 0 4em 0; }
#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: #036; 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; margin: 0 0 5px 0 }
.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; paddin-bottom: 2em; }
.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: #333; }
.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 #1e407c; 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 #1e407c; padding-bottom: 10px; }
.block-event-date { display: inline-block; font-weight: bold; font-size: 48px; line-height: 48px; color: #1e407c; border-bottom: 2px solid #1e407c; 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: #1e407c; }
.link-to-cal { padding-bottom: 3em; clear: both; }
.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 { 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; }
/*#largehero-content h1.cgne, #hero-content h1.cgne { font-size: 350%; }*/
/* CGNE HERO IMAGE */
h1.cgne { font-size: 350% !important; top: -50px; position: relative; }
h1.cgne span { font-size: 60%; border-bottom: none; }
.cgnehome-heroWrapper { position: relative; padding-bottom: 25%; height: 0; overflow: hidden; }
.cgnehome-heroWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cgnehome-hero-content { position: absolute; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,.2); padding-top: 10%; }
#cgnehome-hero-content h1 { color: white; 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: 3px 3px 2px rgba(0,0,0,.8); margin: 0; border: none; }

/* 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: 400%; 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: 280%; }
#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;  }*/
.titleWrapper { background: rgb(30,64,124); background: linear-gradient(135deg, rgba(30,64,124,1) 0%, rgba(15,191,193,1) 100%); }
#title-content h1 { color: white; text-align: center; text-transform: uppercase; font-family: 'Oswald'; font-weight: normal; font-size: 400%; line-height: 100%; padding: 2.4% 0 2.5% 0; text-shadow: 3px 3px 2px rgba(0,0,0,.8); margin: 0; border: none; }
#title-content h1#post-408 { font-size: 280%; }

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

/* ALPHABET FILTER */
ul#filterGrads { margin: 2em 1% 0 1%; padding: 0; }
ul#filterGrads li a { text-decoration: none; color: #1e407c; }
ul#filterGrads li:hover { background-color: rgba(233,133,3,.5); transition: 0.3s; }
ul#filterGrads li a:hover { background-color: rgba(233,133,3,0); transition: 0.3s; }
ul#filterGrads li.active:hover { }
ul#filterGrads li.active { font-weight: bold; background-color: #1e407c; padding: 10px 20px; border: 3px solid #1e407c; }
ul#filterGrads li.active a { color: white; }
ul#filterGrads li.active a:hover {  }
ul#filterGrads li { display: inline-block; font-weight: bold; background-color: white; padding: 10px 20px; border: 3px solid #1e407c; }


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 */
/*************/

h4.ui-accordion-header { text-align: left; font-weight: normal; font-size: 110%; padding: .5em 0; background-color: #eaf2fa; margin: 0 0 1em 0; padding: .5em; clear: both; }
h4.ui-accordion-header:hover { cursor: pointer; background-color: #0cf; color: #fff; }
h4.ui-state-active:before { content: " \f0d8 \00a0" !important; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
h4.ui-state-default:before { content: " \f0d7 \00a0"; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
table.jobs th { text-align: left; vertical-align: top; padding: .2em 1em .2em 0; width: 150px; }
table.jobs td { padding: .2em; }
table.jobs tr { font-size: 90%; }
#content .job-desc p { font-size: 90%; padding: 0 0 1em 0; line-height: 150%; }
.job-desc { padding: 0 0 1em 0; }
.job-desc-title { font-size: 110%; text-transform: uppercase; padding:  .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: #036; 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 .title { font-weight: 600; font-size: 130%; padding: 1.25em 0 .5em 0; line-height: 120%; text-align: left !important; display: block;  margin-left: 270px; }
#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 { text-align: center; }
#campus-listing .listing-item .title { margin: 0 0 10px 0; padding: 0 0 5px 0; background-color: #eaf2fa; line-height: 150%; font-size: 90%; font-weight: 600; display: block; } 
#content #campus-listing .listing-item p { font-size: 85%; line-height: 150%; }
#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 { 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; }
.international-section { border-top: none; width: 100%; margin: 0; padding: 1em 0 0 0; float: left; }
.international-section h3 { font-size: 160% !important; }
.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: #036; }
.clinical-address { font-size: 90%; padding: 0 0 .5em 0; }
#content .clinical-desc p { font-size: 75%; line-height: 150%; }
.clinicalsfilter { padding: 0 0 1em 0; }
#map-search-box #submit { padding: .25em .5em; }
#map-search-box #address { padding: .25em .5em; min-width: 150px; }
.clinical hr {clear:both; margin-top: 40px; margin-bottom: 40px; }

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

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

#nav_menu-54 { font-size: 95%; }

/* 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 ul { list-style: none; padding: 0; margin: 0 0 1.5em 0; }
#sidebar-cgne ul li { list-style: none; padding: 0; margin: 0 0 .5em 0; line-height: 150%; font-size: 90%; }
#sidebar-cgne ul li a { display: block; padding: 0; text-decoration: none; }
#sidebar-cgne ul li a:after { content: " \f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #036; 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: #036; }
#content .post-257 p { padding-bottom: 2em; }

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

#post-jobs { width: 62%; float: left; }
#sidebar-jobs p { font-size: 90%; line-height: 150%; }
#sidebar-jobs  { width: 33%; float: right; padding: 0; min-height: 400px; }
#sidebar-jobs section { background-color: #eaf2fa; margin: 0 0 1em 0; padding: 25px 25px 10px 25px; }
#sidebar-jobs h3 { text-transform: uppercase; font-size: 130%; padding-top: 0; font-weight: 700; }

/*ALUMNI SIDEBARS */
#sidebar-alumni { width: 22%; float: right; padding: 0; margin: 0; }
.alumni-links h3 { font-size: 110%; text-transform: uppercase; padding: 0; margin: 0 0 .5em 0; }
.alumni-links { font-size: 90%; }
.alumni-links ul { list-style: none; padding: 0 !important; margin: 0 0 1.5em 0 !important; font-size: 90%; }
.alumni-links ul li { list-style: none; padding: 0 !important; margin: 0 !important;  }
.alumni-links ul li a { text-decoration: none; }
.alumni-links ul li a:after { content: " \f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #036; 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 #036; border-radius: 5px; padding: 10px 15px; font-size: 120%; display: inline-block; width: 120px; margin-bottom: 10px; }

#giving-alert { margin: 2em 0 0 0; padding: 2em 2em 1em 2.5em; font-style: italic; background-color: #eaf2fa; color: #069; }
#alert { padding: .4em 0; color: #000; background-color: #0fbfc1; text-align: center; }
#alert p { padding: 0 !important; margin: 0 !important; line-height: 100%; font-size: 80% }
#alert a { color: #000; }
#alert a:hover { color: #000; }

.direct-admission td { font-size: 80%; padding: 10px; margin: 2px; text-align: center; background-color: rgba(234,242,250,.5); }
.direct-admission th { font-size: 80%; padding: 10px; margin: 2px; text-align: center; background-color: #eaf2fa; }

/*******************/
/* 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; }
.tribe-events-back a,
.tribe-events-nav-pagination a, 
.tribe-events-read-more { text-decoration: underline !important; color: #036 !important; }
.tribe-events-read-more:hover { text-decoration: underline !important; color: #0cf !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%;*/ }
#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.5% 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; }
	
/* VIDEO HERO */
.videoWrapper { position: relative; padding-bottom: 36.25%; /* 2.75x1 */ height: 0; overflow: hidden; }
.videoWrapper video { position: absolute; Top: 0; left: 0; width: 100%; height: 100%; }
#video-content { position: absolute; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,.2); padding-top: 14%;}
#video-content h1, #largehero-content h1 { color: white; text-transform: uppercase; font-family: 'Oswald'; font-weight: normal; font-size: 300%; line-height: 100%; padding: 0; text-shadow: 3px 3px 2px rgba(0,0,0,.8); margin: 0; border: none; text-align: center; }
#video-content p, #largehero-content p { color: white; padding: 1em 0; text-shadow: 2px 2px 1px rgba(0,0,0,.8); font-size: 105%;  margin: 0; text-align: center; }
	
/* 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%;*/ }
#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.5% 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: auto; float: none; margin: 0 auto; padding: 1em; width: 300px; border-top: 1px solid #eaf2fa; }
	
/* GIVE BUTTON */
.button-give { display: block; float: left; background-color: #0fbfc1; padding: .5em 1em; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 110%; color: #000; ; border: none; margin: 0 25px 0 0; text-transform: uppercase; letter-spacing: 1px; }
	
/* SOCIAL MEDIA */
.follow { font-size: 15px !important; margin: 0; padding: 0 5px 0 0; display: inline-block; }
.social { float: left; border-left: none; padding: 3px 0 0 0; height: 38px; }
.social .fa-twitter, .social .fa-facebook-f, .social .fa-linkedin-in { background-color: #1e407c; color: #fff; border-radius: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 15px;  }
.social .fa-instagram { background-color: #1e407c; color: #fff; border-radius: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 15px; }
.social .fa-twitter:hover, .social .fa-facebook-f:hover, .social .fa-instagram:hover, .social .fa-linkedin-in:hover { background-color: #0cf; } 
	
/********************/
/* HOMEPAGE MODULES */
/********************/

/* VIDEO HERO */
.videoWrapper { padding-bottom: 250px; }
.videoWrapper video { display: none; }
.videoWrapper img { position: absolute; display: block; width: 100%; height: 250px; object-fit: cover; opacity: 80%; }
#video-content h1, #largehero-content h1 { font-size: 250%; padding: 0 5%; }
#video-content p, #largehero-content p { color: white; padding: 1em 0; text-shadow: 2px 2px 1px rgba(0,0,0,.8); font-size: 100%;  margin: 0; text-align: center; }
	
/* 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; }
.dean-video { width: 100%; float: none; }
.dean-video video { width: 100%; padding: 0 0 1em 0; }
.symposium { width: 100%; pading: 0 0 1em 0; }

/* 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: #036; 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%;*/ }
#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 6% 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, #post-jobs { width: 100%; float: none; padding: 0; margin: 0; }
#sidebar, #sidebar-jobs { 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; }
	
/*ALUMNI SIDEBARS */
#sidebar-alumni { width: 100%; float: none; padding: 2em 0 0 0; margin: 1em 0 0 0; border-top: 2px solid #eaf2fa; }
.alumni-links h3 { font-size: 110%; text-transform: uppercase; padding: 0; margin: 0 0 .5em 0; }
.alumni-links { font-size: 90%; }
.alumni-links ul { list-style: none; padding: 0 !important; margin: 0 0 1.5em 0 !important; font-size: 90%; }
.alumni-links ul li { list-style: none; padding: 0 !important; margin: 0 !important;  }
.alumni-links ul li a { text-decoration: none; }
.alumni-links ul li a:after { content: " \f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #036; font-size: 80%; }


/****************/
/* 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 .title, 
#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; }
}