@charset "utf-8";
@import url(nav.css);
/*@import url(ui-dialog.css);*/
@import url(off-canvas.css);
@import url(table.css);
/* CSS Document */
/*@import url("//fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&family=Roboto:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");*/
main { min-height: 50vh; padding-left: 0 !important; padding-right: 0 !important }
#page-wrapper { position: relative; }
#main-wrapper { padding-top: 0 !important; }
#overlay { min-height: 40vh }
.card .embed-responsive img.embed-responsive-item { height: auto; /*min-height: 100%;*/ top: 50%; left: 50%; transform: translate(-50%, -50%); max-width:none; }
.node__content, #main { margin-top: 0 !important }
.container-fluid { max-width: none !important }
.letter-spacing-1 { letter-spacing: .45em }
/*body.toolbar-fixed .fixed-top { top: 39px; }
body.toolbar-fixed.toolbar-tray-open .fixed-top { top: 79px; }
body.toolbar-fixed #main-wrapper { padding-top: 39px; }
body.toolbar-fixed.toolbar-tray-open #main-wrapper { padding-top: 79px; }*/
.breadcrumb { display: block; margin: 0; background-color: transparent; padding-bottom: 0; padding-left: 0; }
.breadcrumb a { font-weight: 600; letter-spacing: .15em; opacity: .5; display: inline-block; line-height: .9em; text-transform: uppercase; font-size: 12px; transition: all .3s }
#overlay .breadcrumb a { color: #fff !important; }
.breadcrumb a:hover { opacity: .75; color: var(--primary) !important; }
.breadcrumb a span { display: none }
.breadcrumb a i { vertical-align: middle; line-height: 1em }
.breadcrumb .collapse, .breadcrumb-item.active { display: none; }
#crumb_expander { cursor: pointer; }
html, body { font-family: 'Roboto', sans-serif;/* Prevent scroll on narrow devices */ }
body { background-image: linear-gradient(to right, rgba(245,245,245,1) 575px, rgba(245,245,245,0) 576px, rgba(245,245,245,1) 577px, rgba(245,245,245,1) 767px, rgba(245,245,245,0) 768px, rgba(245,245,245,1) 769px, rgba(245,245,245,1) 991px, rgba(245,245,245,0) 992px, rgba(245,245,245,1) 993px, rgba(245,245,245,1) 1199px, rgba(245,245,245,0) 1200px, rgba(245,245,245,1) 1201px), repeating-linear-gradient(to bottom, transparent, transparent 10px, rgba(255,0,255,.35) 10px, rgba(255,0,255,.35) 15px); background: rgba(250,250,250,1) }
h3.toolbar-menu__sub-title a {text-transform:none; letter-spacing:-0.025em;}
/*.navbar { font-weight: 200; font-size: 14px;  padding:.5rem 0; justify-content:start;}
.fixed-top .navbar { padding:.2rem 0;}
.navbar-brand { font-weight: 200; letter-spacing: .5em; padding: .25rem 1rem; font-size: 11px; max-width: 15em; text-transform: uppercase; line-height: 1.75; white-space: normal }
.navbar-slogan { max-width: none }
.hint { opacity: .65; height: 1.5em; padding: 0 1rem; overflow: hidden; text-overflow: ellipsis; position: relative; }
.hint:after { content: ''; position: absolute; right: 0; left: 70%; top: 0; bottom: 0; height: 100%; background: linear-gradient(to left, #fff, rgba(245,245,245,0)) }
.alert-dismissible .close { text-shadow: none; text-align: baseline }
footer hr { border-top-color: rgba(100%, 100%, 100%,.1) }
.bd-navbar { background-color: hsl(218, 50%, 14%); background: hsla(264, 34%, 36%,1); padding: 0; margin: 0; }
.bd-navbar { background: hsl(218, 50%, 14%); }
.bd-navbar .navbar-nav-scroll { max-width: 100%; height: 2rem; overflow: hidden; font-size: .875rem; position: relative; padding: 0 }
.bd-navbar .navbar-nav-scroll:after { content: ""; background: linear-gradient(to right, hsla(218, 50%, 14%,0) 0%, hsla(218, 50%, 14%,1) 100%); position: absolute; width: 3rem; right: 0; top: 0; bottom: 0; display: block }
.bd-navbar .navbar-nav-scroll:before { content: ""; background: linear-gradient(to left, hsla(218, 50%, 14%,0) 0%, hsla(218, 50%, 14%,1) 100%); position: absolute; width: 2rem; left: 0; top: 0; bottom: 0; display: block }
.offcanvas-collapse .bd-navbar { background-color: #172236; }
.offcanvas-collapse .bd-navbar .navbar-nav-scroll:after { background: linear-gradient(to right, hsla(219, 40%, 15%,0) 0%, hsla(219, 40%, 15%,1) 100%); }
.offcanvas-collapse .bd-navbar .navbar-nav-scroll:before { background: linear-gradient(to left, hsla(219, 40%, 15%,0) 0%, hsla(219, 40%, 15%,1) 100%); }
.bd-navbar .navbar-nav-scroll .navbar-nav { padding: 0 5rem 1rem 1rem; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; padding-right: 4rem; background: rgba(0,0,0,0); margin: 0; }
.bd-navbar .nav-title { padding: 0 1.5rem; colorX: hsl(218, 90%, 14%) }
.bd-navbar .navbar-nav .nav-link { padding: .25rem .5rem; color: rgba(255,255,255,.5); }
.bd-navbar .navbar-nav .nav-link.active, .bd-navbar .navbar-nav .nav-link:hover { color: #fff; background-color: transparent }
.bd-navbar .navbar-nav .nav-link.active { font-weight: 500 }*/
.region-highlighted .alert-dismissible a { color: #fff; border-bottom: 1px solid rgba(255,255,255,.5); opacity: .65; font-style: normal; }
.region-highlighted .alert-dismissible a:hover { opacity: 1; text-decoration: none; }
.alert { padding: 1rem 1.5rem; border: 0; border-radius: 0; margin-bottom: 0 }
.featured-top .container-fluid { padding-right: 0; padding-left: 0; }
a.plain, a.plain:visited { color: inherit; }
a.arrow-link:hover {text-decoration:none}
a.arrow-link .text-dark, a.arrow-link .text-danger {color:inherit; transition: color .3s;}
a.arrow-link:hover .text-dark, a.arrow-link:hover .text-danger {color:var(--primary) !important}
footer.nope div[data-contextual-id] { width: 100% }
/* Add new embed ratio. PCToday uses this ratio a lot. */
.embed-responsive-3by2::before { padding-top: 66.6%; }
.adminimal-admin-toolbar .fixed-top { position: static }
#x-page-wrapper { position: relative; padding-top: 5rem }
.adminimal-admin-toolbar #page-wrapper { padding-top: 0 }
/* :target::before { display: block; content: " "; margin-top: -85px; height: 85px; visibility: hidden; pointer-events: none;} */
.views-exposed-form .form-actions { margin-bottom: .5rem;}
.views-exposed-form  select{ max-width: 40rem;}
.views-exposed-form  { margin-bottom: 1.5rem;}
/*
#header{position: fixed; top: 0px; width: 100%; z-index: 500;}
.node__content{margin-top:81px  !important}

.adminimal-admin-toolbar.toolbar-tray-open #header{margin-top:79px; }*/

/*
* 160 Nav
* TODO: Move to 160.css when this goes away.
*/
.btn-outline-corner { background-image: linear-gradient(135deg, transparent 46%, var(--danger) 46%,  var(--danger) 96%,transparent  96%); font-size: 80%; padding: .5rem 2rem; text-transform: uppercase; color: var(--dark-gray); border: var(--gray) 1px solid; border-radius: 0; font-weight:bold;background-position:0% center; transition: all .25s; background-size: 225%;transition-timing-function: ease-out; }
.btn-outline-corner:hover { background-position:99% center;  color: var(--white); font-weight: 200;  }

header{background:none!important;}/* defeat reverse boolean */

.bg-pre-footer{
	background-color:  #0072ce;
	background:url(/files/img/bg-pre-footer.gif) center center no-repeat var(--medium-blue);
	background-size:cover;
}
.bg-pre-footer .btn-outline-corner{background-color:var(--dark-blue);border-color:var(--dark-blue);}

#alert_box{position:relative!important;z-index:503!important;}/* Make alerts overlay adminimal wrapped nav */

#block-big3,#block-big3new{overflow-x:hidden;}

/*override bootstrap barrio site-footer.css */
.site-footer {
  background-color: var(--dark);
    border: none!important;
    margin: 0!important;
    padding: 0!important;
    overflow-y: hidden;
    overflow-x: visible;
}
.site-footer .block{border:none!important; margin:0!important; padding:0!important;}
.site-footer .container-fluid{padding-left:0!important;padding-right:0!important;}

.modal-body .d-none.ptjf{display:block!important;}


/*@media  screen\0 {
	#navbar-top, .navbar-top-mobile, .landing-page-hero {  background-color: #214a9f !important;}
	.landing-page-hero .text-area {    background-color: #0072ce;}
}
#navbar-top, .navbar-top-mobile {background:var(--penn-college-blue) !important;}
#navbar-top ul.aud-nav, .navbar-top-mobile ul.aud-nav {margin-left: -2rem; }
.navbar-top-mobile ul.aud-nav {margin-left: 0; display:block; padding: 1rem}
#navbar-top li.nav-item, .navbar-top-mobile li.nav-item{font-size:62.5%; padding: .5rem 0; margin: 0;}
#navbar-top li.nav-item a, .navbar-top-mobile li.nav-item a{letter-spacing:.05rem; padding: .3rem 2rem .2rem; color:white;  }
.navbar-top-mobile li.nav-item a{padding: .5rem 0; }
/* 160 * /
#navbar-top, .navbar-top-mobile {background:var(--penn-college-blue) !important;}
#navbar-top ul.aud-nav{margin-left: -2rem; }
#navbar-top li.nav-item{font-size:62.5%; padding: .5rem 0; margin: 0;}
#navbar-top.navbar-dark .nav-link{color:var(--white)!important;}
#navbar-top li.nav-item a{letter-spacing:.05rem; padding: .3rem 2rem .2rem; font-weight:700;}
#block-topactions li.nav-btn:nth-child(1) a.nav-link{background: #fff !important; color:var(--penn-college-blue) !important; }
@media (max-width: 1199.98px) {
  #navbar-top li.nav-item a{letter-spacing:.05rem; padding: .3rem 1.35rem .2rem; font-weight:700;}
  #navbar-top #block-topactions li.nav-item a{letter-spacing:.05rem; padding: .3rem 1.65rem .2rem; font-weight:700;}
}*/
#footer{position:relative; background-image: url(/files/img/halftone_footer.jpg);
    background-color: var(--dark)!important;
    background-repeat: no-repeat;
    background-position: top right;}
#footer2{position:relative;}
#footer2:before{content:''; height:1rem; width:10rem; position:absolute; top:0; left:350px;
  background: linear-gradient(90deg,  
  rgba(0,0,0,0) 95%,
  rgba(72,184,92,1) 95.5%, 
  rgba(72,184,92,1) 100%);
  background-size:2rem 2rem;}
#footer:after{content:''; height:2rem; width:10rem; position:absolute; top:6.5rem; right:-4.5rem; 
  background: linear-gradient(135deg, 
  rgba(0,0,0,0) 40%, 
  rgba(255,255,255,.8) 40.5%, 
  rgba(255,255,255,.8) 50%,
  rgba(0,0,0,0) 50.5%, 
  rgba(0,0,0,0) 90%,
  rgba(255,255,255,.8) 90.5%, 
  rgba(255,255,255,.8) 100%);
  background-size:2rem 2rem;
  background-position:5% center;
  transform:rotate(90deg);}

/* Treat Views rows differently */
.not-bootstrap-row .view-content.row{display:inherit!important; margin:0!important;}

@media (max-width: 575.98px) {
  #footer:before,#footer:after{display:none;}
}
@media (max-width: 349.98px) {
  h1,h2,.display-4 { font-size: 2.85rem !important; }
}

.bg-penn-college-blue{background-color:var(--penn-college-blue)!important;}
.text-light-blue{color:var(--light-blue)!important;}


/*#navbar-top li.nav-btn a, .navbar-top-mobile li.nav-btn a{ margin-left: .5rem; background:var(--medium-blue) }
.navbar-brand { position: relative; font-weight: 600; }
.navbar-brand:before { position: absolute; height:calc(100% + 1.25rem); width: 646px; content: ''; background: rgba(255,0,4,0); background-image:url(/themes/penn_college/img/halftone_25.png);background-size: auto; background-repeat: no-repeat; background-position: right bottom; top:-.65rem; right:-5rem;}
	#block-mastermenu .nav-item a{color:var(--dark-blue);font-weight: bold; transition: width 2s;}
	#block-mastermenu .nav-item a:after, #block-mastermenu .nav-item a.collapsed:hover::after{content: ''; background: var(--red); display: block; width:100%; height:4px; margin: 4px auto 0;transition: all .2s; transition-timing-function: ease-out;}
	#block-mastermenu .nav-item a.collapsed { font-weight: 200}
	#block-mastermenu .nav-item a.collapsed:after{ width:0px; }
.mega{background-color: rgb(250, 250, 250);}
.mega h4:before{ content: ''; background: var(--red); height: 5px; width:1rem; display: block; margin: 1rem 0;}

#mobile_navbar .list-group-item {padding:0;border: none;}
#mobile_navbar .list-group-item a {font-size: 16px;  color: #101833; text-decoration: none !important; padding: .75rem 1.25rem; display:block; background:#f5f5f5; font-weight: 600;}

#mobile_navbar .list-group-item a.collapsed {background:#FFFFFF;}
#mobile_navbar .list-group-item a .fa-minus {display: inline-block;}
#mobile_navbar .list-group-item a .fa-plus {display: none;}
#mobile_navbar .list-group-item a.collapsed .fa-minus {display: none}
#mobile_navbar .list-group-item a.collapsed .fa-plus {display: inline-block}
#mobile_navbar .inner-menu {padding:0; margin:0; background:#f5f5f5;}
#mobile_navbar .inner-menu .list-group-item {  margin: 0}
#mobile_navbar .inner-menu .list-group-item a{font-size: 15px; background:#f5f5f5; color: #444444;font-weight: 400;}
.alert-success::before, .alert-warning::before, .alert-danger::before{  display: inline;  content: "";  background-image: none;  background-repeat: no-repeat;  -webkit-background-size: 0 0;  background-size: 0 0;  background-position: 0 0;  width: 0;  height: 0;}*/

.same-page-anchor{position:absolute; transform:translate(0,-150px);}

@media (max-width: 575.98px) {

#x-page-wrapper { padding-top: 3.3rem }
.adminimal-admin-toolbar #page-wrapper { padding-top: 0 }
.offcanvas-collapse { position: fixed; top: 41px; /* Height of navbar */ top: 41px; bottom: 0; width: 100%; padding-right: 0; padding-left: 0; overflow-y: auto; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 5; -webkit-overflow-scrolling: touch; }
.offcanvas-collapse.open { -webkit-transform: translateX(-1rem); transform: translateX(-1rem); /* Account for horizontal padding on navbar */ }
.offcanvas-collapse li.list-group-item, .offcanvas-collapse ul { width: 100%; height: auto; }
.offcanvas-collapse hr { color: var(--primary); width: 100%; margin-right: 0%; height: 1px; background-color: var(--light); color: rgba(245,245,245,.5); border: 0 none; }
.nav-scroller { position: relative; z-index: 2; height: 2.5rem; overflow-y: hidden; min-width: 100%; xbackground: hsla(211,100%,15%,1); top: -.5rem }
.nav-scroller .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; margin-top: -2px; overflow-x: auto; overflow-y: hidden; color: rgba(255, 255, 255, .75); text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; text-align: center; }
.nav-scroller .nav .nav-item { padding: .25rem 1.5vw }
.navbar button[aria-expanded='true'] { position: relative; }
.navbar button[aria-expanded='true']:after { content: "<i class="fas fa-times"></i>"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #f0f; }
.card-columns { column-count: 1; }
}

@media (min-width: 576px) {
/*#pcot{display: -webkit-box !important} weird chrome issue */
.card-columns { column-count: 2; }
.card-deck .card { width: calc(100% - 30px); min-width: 15rem; }
.card-deck .card { margin-bottom: 15px !important; }
.crumb { margin: 1rem 0 0; }
footer .container { max-width: 100% }
footer .bg-dark .container { padding: 0; }
}

@media (min-width: 768px) {
.card-columns { column-count: 3; }
.card-deck .card { max-width: calc(50% - 30px); }
}

@media (min-width: 992px) {
#mobile_navbar{display:none}
.card-columns { column-count: 4; }
.card-deck .card { max-width: calc(33% - 30px); }
footer .container { max-width: 960px; }
}

@media (min-width: 1200px) {
.card-columns { column-count: 5; }
footer .container { max-width: 1140px; }
}