@charset "utf-8";
/*      Request ID: 89fe35b09f766c2859cc19907c5e9d5d_1752010092 (07/08/2025 5:29pm) (JcZRCsAgCADQG+mRopUswSRSJ7v9Nvbx4OFVN2bmB6QmxCJVoB644hBuZfgULKznps6kbuiDJhnyW/Nb/kIzewA=)      */



/*      Resource ID: 4f01cbd236e0ef31334121485c7 (its.css, minified by none) (07/08/2025 5:29pm) (A:27659, B:27659, J:27659, K:27659)      */


/* CSS Document */

html { 
	background-color: #003361;
}
body {
	margin:0;
	padding:0;
	background:none;
	background-color:#003361;
    width:100% !important;
	height:100% !important;
	/*chrome font render repaint fix*/
	-webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;

}

body.livewhale header {
    /*top: unset !important;*/
}

#lw_page {
	background-color: #003361 !important;
}

.lw_breadcrumb_link a:after {
	content: ' >\00a0 ';
}

*, *:before, *:after {
	-webkit-box-sizing: unset;
	box-sizing: unset;
}

/*chrome font render repaint fix*/

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

#body {
	margin:0;
	padding:0;
}

#content {
	background-color:#ffffff;
	padding:2em 0 0 0;
}

header a,
header a:hover {
	color:#ffffff;
	text-decoration:none;
	vertical-align: -webkit-baseline-middle;
}

header {
	position: unset;
}

#header {
	width:100%;
	margin:0;
	background: none;
	background-color:#135997;
	font-family: 'Oswald', sans-serif;
	color:#ffffff;
	font-size:2.7em;
}

#header .content .logo {
	float:right;
	width:276px;
	height:50px;
    padding-top:10px;
}


#header .content {
	width:980px;
	margin:0 auto;
	padding:5px 0;
	background-image:url(/live/image/gid/7/40805_goat-bg.png);
	background-repeat:no-repeat;
	background-position:-20px -40px;
	height:65px;
}

#header .pennlink {
	margin-left:143px;
}

.search_form {
	max-width:980px; 
    width:100%; 
    height:40px; 
    margin: 0 auto;
}


	
.search_form label {
	position: absolute;
    margin: 5px;
	font-size:1px;
	color:#ffffff;
}

.search_form input[type=text] {
	float: left;
    width: 80%;
	margin-right:1em;
}



#nav {
	background-color:#004684;
	color:#ffffff;
	width:100%;
	min-height: 40px;
}

#nav a {
	color:#ffffff;
	font-family: plantin, sans-serif;
    font-weight: 300;
	font-size:1.3em;
	text-decoration:none;
}

#nav #menu li div ul li {
	float: none;
}

.menucolumns,
#nav #menu li div ul li,
#nav #menu li div ul li a {
	color:#011f5b;
	text-align: left;
}

#nav ul {
	margin:0;
	padding:0;
}

#nav ul li {
	float:left;
	margin:0 20px 0 0;
	padding:10px;
	list-style-type:none;
}

#nav #search {
	position:relative;
	float:right;
	display:inline;
	right:0;
}

/*#nav #search_submit { background:transparent url(/images/design/search-go-blue.png) no-repeat right center;}*/

#toggleguidesmenu, #togglemobilemenu {
	padding-left:25px;
	background:url(/live/image/gid/7/41718_guides.png) no-repeat 0 7px;
}

/*#guidesmenuwrapper {
height:50%;
position:absolute;
width:300px;
z-index:3000;
}
*/
#mobilemenu ul.hiddenmenu {
	display:none;}

#mobilemenu nav {
        background-color: #ffffff;
    }

.menuicon {
	display:none;
}

/*mobilemenu {
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }*/

.mm-list > li.mm-spacer {
padding-top: 20px !important;
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
border: none;
}

/*

#appsdropdownmenu,
#aboutdropdownmenu,
#traindropdownmenu,
#helpdropdownmenu {
	display:none;
}



#guidesmenu {
height:100%;
position:absolute;
width:100%;
z-index:3000;
}*/


html .mm-ismenu.mm-light {
	background: #ffffff;
	color: rgba(0, 0, 0, 0.6);
	background-color:#ffffff;
}

.dropdowns {
	position:relative;
	padding-right:19px;
	background:url(/live/image/gid/7/41719_dropdownarrow.png) no-repeat right 7px;
}



#menu {
	list-style:none;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:30px;
	margin-top:0;
}

#menu li:hover {
}

#menu li .dropdowns {
	padding-right:21px;
	z-index:1000;
}

#menu li .one_column_drop a,
#menu li .multi_column_drop a {
	font-size:inherit;
	color:#004684;
	text-decoration:none;
}

#menu li .one_column_drop a:hover,
#menu li .multi_column_drop a:hover {
	color:#990000;
}

.one_column_drop,
.multi_column_drop {
	margin:3px auto;
	position:absolute;
	left:-1040em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	background-color:#ffffff;
	box-shadow:1px 1px 6px #666;
	color:#616161;
	font-size:.85em;
}

.one_column_drop strong,
.multi_column_drop strong {
	color:#000000;
}

.one_column_drop {
	width:190px;
}

.multi_column_drop {
	width:570px;
}

#menu li .one_column_drop,
#menu li .multi_column_drop {
	left:-1px;
	top:auto;
	z-index:1000;
	padding-top:10px;
}

#menu li .one_column_drop ul,
#menu li .multi_column_drop ul {
	margin:0 5px 15px 5px;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	color:#616161;
}

#menu li .one_column_drop ul li,
#menu li .multi_column_drop ul li {
	float:none;
	font-weight:normal;
	display:block;
	margin:6px 0;
	text-align:left;
}

#menu li .menucolumns {
	float:left;
	width:170px;
	margin-right:20px;
}

#menu li .menucolumnslarge {
  float:left;
  padding-left:30px;
}

#menu li div ul li {
	font-size: .8em;
    text-align: left;
}

#nav .container {
	width:980px;
	margin:0 auto;
	color:#ffffff;
	background: none;
}

.content {
	width:980px;
	margin:0 auto;
}

/*header styles*/

h1, h3, h4 {
	margin-top:0.5em;
	border-bottom:none;
    line-height: 120%;
}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 1.8em;
    line-height: 1.2em;
	margin-top:1em;
}

#subnav h3 {
}

h3, .fullcolumn h3, .halfcolumn h3 {
	font-size:1.4em;
}

.fullcolumn h3, .halfcolumn h3 {
	font-size:1.4em;
	border-bottom:1px solid #bfccd7;
}

#footer h3 {
	color:#ffffff;
	margin-top:0;
	padding-top:0;
}

h4 {
	font-style:normal;
	font-weight:bold;
	font-size:1em;
}


/* homepage specific styles */

#content.home {
	padding:0;
}

#featuredguides h2 {
	color:#ffffff;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

#featuredguides {
	color:#ffffff;
	padding:60px;
	overflow:hidden;
}

#spotlight {
	max-width: 980px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    display: block;
    overflow: hidden;
}

#spotlight .lw_widget_events ul,
#spotlight .lw_widget_blogs ul,
#spotlight .lw_widget_news ul{
    padding-left: 0;
}

#spotlight .lw_widget_blogs {
    width: 100%;
    display: block;
    clear: left;
}

/* changes for popup help desk

#spotlight .lw_widget_events,
#spotlight .lw_widget_events ul {
    display:inline;
}

#spotlight .lw_widget_events ul li {
    padding-top:20px;
}

#spotlight .lw_widget_news ul li {
    width:100%;
}

 end changes */

div.visitblog {
	float: right;
	margin-bottom:1em;
}

.lw_rss_link {
	width: 100%;
}

#spotlight ul {
	overflow: hidden;
}

#spotlight li .lw_item_thumb {
	float: left;
	margin-right:10px;
}

#spotlight li .lw_news_summary {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

		
#spotlight li {
	margin: .55em 0;
	width: 45%;
	padding-right:5%;
	float: left;
	clear: none;
	min-height: 140px;
	list-style-type: none;
}

#spotlight li .lw_item_thumb img {
	border-radius: 50px;
}

#spotlight li .lw_news_headline {
	font-weight:bold;
}	

/* alias page */

body.aliaspage table td,
body.aliaspage p {
	font-size:13px;	
	vertical-align:top;
}

body.aliaspage .more-texts {
	display:none;
}


/*guides for new to penn law changes*/

#mainsidebar #featuredguides {
	background-color:transparent;
	padding:0;
	margin-top:20px;
}

#mainsidebar #featuredguides a.featureblocks {
	font-size:1.4em;
	width:220px;
	height:60px;
	text-align:center;
	vertical-align:middle;
	padding-top:25px;
	float:left;
	color:#ffffff;
	display:block;
}

#mainsidebar #featuredguides a:hover + div.featureblockrev {
	display:block;
	pointer-events:inherit;
	cursor: pointer;
	width:225px;
	height:70px;
	padding:15px 0 0 0;
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
	background-color:#ffffff;
	margin:-85px 0 0 0;
}

.newguides {
    display: block;
	margin:0 auto;
	text-align:center;
    height: auto;
    color: #004684;
    font-size: 1.2em;
}

#featuredguides .newguides a {
	float:left;
	padding:5px 10px;
	display:inline;
	margin:-40px 0px 10px 790px;
	font-size:1.4em;
	clear:both;
	color:#ffffff;
	}

.overhead{
			position: relative;
			background-color:white;
			width: 300px;
			height: 114px;
			float:left;
	margin:10px;

			/*border:1px dotted red;*/
		}
		a.featureblocks {
			font-size:1.7em;
			width:100%;
			height:114px;
			text-align:center;
			vertical-align:middle;
			float:left;
			color:#ffffff;
			display:block;

			/*border:1px dotted black;*/
		}

		a.featureblocks img{
			height:114px;
			width:325px;
		}

		a.featureblocks p{
			position:absolute;
			/*left: 5px;
			top: 45px;*/
			margin: 0px;
			padding: 0px;
			width:97%;
			text-align:center;
			cursor: pointer;
		}

		a.featureblocks p.undertext{
			display:block;
			left: 5px;
			top: 35px;
		}
		p.overtext{
			display:none;
		}

		a:hover
		{
		visibility:visible;
		}
		.overhead a:hover img
		{
		visibility:hidden;
		}

		a.featureblocks:hover .undertext{
			display:none;
		}
		a.featureblocks:hover .overtext{
			display:block;
			color:black;
			height:85%;

			left: 5px;
			top: 15px;
		}

#featuredapps {
	padding:20px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}

#featuredapps .controls {
	background-color:transparent;
	border:none;
}

#featuredapps .appfilter .mix {
	width:140px;
	height:110px;
	text-align:center;
	color:black;
	vertical-align:top;
	margin:0;
}

.appfilter p {
    line-height: 100%;
}

#featuredapps .mix img {
	display:block;
	margin:0 auto;
}

.controls{
	padding: 2% 0;
	background: #f5f2e9;
	color: #322;
	text-align:center;
}

label{
	font-weight: 300;
	margin: 0 .4em 0 0;
}


button{
	display: inline-block;
	padding: .2em .4em;
	background: #004684;
	border: 0;
	text-align:center;
	color: #f5f2e9;
	font-size: 16px;
	font-weight: 300;
	border-radius: 4px;
	cursor: pointer;
}

	.navbutton {
    display: block;
    background-color: #990000;
    padding: 7px 5px;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
}
	#menu li .one_column_drop a.navbutton, #menu li .multi_column_drop a.navbutton {
    color: #ffffff;
		}
		
	#nav .navbar.navbutton {
		font-size:.8em;
		float:right;
		margin: .4em 0 0 1em;
	}

    #nav .help.navbutton {
        font-size:.8em;
    }

#nav p {
    line-height: 130%;
}
	
	#featuredguides {
    padding-top: 20px;
    background-color: #ffffff;
    /*width: 55%;
    float: left;*/
}


	
	#featuredguides .newguides a {
	padding:0;
	clear:none;
    margin: 0;
    color: #004684;
		font-size:1em;
		float:none;}
		
		a.featureblocks {
			font-size:1.5em;/*
			line-height: 114px;*/
			vertical-align: middle;
			background: #2969a2;
			border-top-right-radius: 15px;
	
		}
		a.featureblocks:hover .overtext {
			color: white;
			font-size:1rem;
			vertical-align: middle;
			margin: 2rem 0 0 .5rem;
			position: unset;
			text-decoration: none;
		}
		
		a.featureblocks:hover {
			text-decoration: none;
		}

button.active{
	background: #0766aa;
}

button:focus{
	outline: 0 none;
}

button + label{
	margin-left: 1em;
}

.appfilter{
	padding: 2% 0;
}

.appfilter .mix{
	text-align: center;
	margin-bottom: 2%;
	display: none;
	padding:5px 9px 25px 9px;
}


#featuredapps .item img.outlined {
	border:1px solid #616161;
}

#featuredapps #appfilter .applinks {
	font-size:.9em;
	text-align:center;
	margin-top:-8px;
	font-weight:normal;
}

#contact {
	background-color:#f5f2e9;
	padding:30px;
	overflow:hidden;
	clear:both;
}

#contact .item {
	width:245px;
	float: left;
	text-align:center;
}

#contact .item img {
	display: block;
    margin: 0 auto;
}

	#contact .item.last {
	display: block;
    margin: 0 auto;
    clear: both;
    float: none;
	margin-bottom:20px;
	width:700px;
	padding-top:40px;
	padding-left:20px;
	text-align:center;
	}
	
	#contact .item.last img {
		width:60px;
		height:auto;
		float:left;
		margin-bottom:50px;
		margin-top:-10px;
	}
	
	#contact .item.last p  {
		text-align:left;
	}
	
	#contact .item.last h3 {
		text-align: center;
/*		  float: left;
    margin: 2px 5px 0 0;
*/	}

#contact h2{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	text-align:center;
	font-style:italic;
	font-size:1.8em;
}

#contact p{
	text-align:center;
	margin-top:10px;
}


/* end homepage specific styles */

/* general styles */

p.intro {
	font-weight: bold;
    font-size: 1.1em;
}

.block-container {
    margin-top: 0;
    margin-bottom: 0;
}

/*subpage specific styles*/

#container {
	width:980px;
	display:block;
	margin:0 auto;
	padding-bottom:30px;
	overflow:hidden;
	clear:both;
}

#mainbody {
	width:730px;
	padding-right:30px;
	float:left;
	background-color:#ffffff;
}

#mainbody.fullwidth {
	width:100%;
}

#mainbody.landing {
	width:730px;
}

.editable {
	border:0;
	padding:0;
}

#mainbody ol {
	padding-left:20px;
}

#mainbody ul li,
#mainbody ol li {
	padding-bottom: .2em;
	font-family: plantin, sans-serif;
	line-height: 25px;
}

#mainbody ul li {
	list-style-image:url(/live/image/gid/7/41720_bulletpoint.png);
}

#mainsidebar {
	width:220px;
	overflow:hidden;
	background-color:#ffffff;
}

#mainsidebar h3 {
	font-size:25px;
}

#mainsidebar ul {
    padding-left: 1em;
}

#mainsidebar li {
    list-style-image: url(/live/image/gid/7/41720_bulletpoint.png);
    line-height: 1.1em;
    font-size: .9em;
    padding-bottom: .5em;
}

#mainsidebar img {
	max-width:60%;
}

#mainsidebar.landing {
	width:200px;
	margin-top:18px;
	padding-left:18px;
	font-size:90%;
	border-left:1px solid #f3f3f3;
}

.lw_editor_on #mainsidebar {
	float:right;
	margin-top:0;
}

#mainsidebar.landing .lw_widget {
	margin-top:10px;
}

#mainsidebar.landing .lw_widget .lw_item_thumb {
	float:left;
	margin-right:5px;
	overflow:hidden;
	width:60px;
	height:auto;
}

#mainsidebar.landing .lw_item_thumb img {
	display:block;
	/*width:60px;*/
	height:auto;
}

#mainsidebar.landing.shortpage .lw_news_summary {
	display:none;
}

#mainsidebar.landing.shortpage .lw_widget_news ul li {
	margin-bottom:25px;
}

#mainsidebar .lw_news_headline {
	font-weight:bold;
}

#mainsidebar.landing .lw_news_date {
	display:none;
	height:0;
}

#mainsidebar table, #mainsidebar th, #mainsidebar td {
    border: 0;
}

#mainsidebar table th, #mainsidebar table td {
    padding: 0;
    text-align: left;
}

#subnav {
	background-color:#f3f3f3;
	padding:10px;
	border-left:2px solid #004684;
}

.related, #related {
	padding:10px;
	margin-top:30px;
}

.lw_breadcrumb_separator {
	margin:0 10px;
}

.fullcolumn {
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	clear:right;
}

.halfcolumn {
	width:45%;
	height:auto;
	padding-right:10px;
	margin-right:10px;
	float:left;
}

.quartercolumn {
	width:130px;
	height:auto;
	padding-right:10px;
	margin-right:10px;
	float:left;
}

.landing .lw_widget_news > ul > li {
	margin:1em 0;
}

.sidebarbutton {
	margin:20px auto 40px auto;
	padding:10px 5px 10px 0;
	background-color:#d16d0b;
	color:#ffffff;
	font-size:1.1em;
	text-align:center;
	width:100%;
}

.sidebarbutton a {
	color:#ffffff;
}

.sidebarbutton:hover {
	background-color:#ec9641;
	color:#d16d0b;
}


/* custom changes for content layout just for its page */

.two-column-text-cta {
	border-top: 1px solid #cecece;
}

.flex-wrapper>div.flex-2:nth-child(1) {
	width:40%;
}

.flex-wrapper>div.flex-2:nth-child(2) {
	width:60%;
}

.two-column-text-cta .flex-wrapper>div.flex-2 {
	padding-right: 0;
}


/*end subpage specific styles*/

/* ITS blog with tag layout */

section.itsblog .news-container.flex-wrapper {
    width:70%;
}


/* accordion styles to match new site */

.lw_accordion_block {
    border-top: 2px solid #31bff0;
    padding: 10px 0;
    margin-bottom: 0 !important;
}

.lw_accordion_block:last-child {
    border-bottom: 2px solid #31bff0;
}

.lw_accordion_block h4 {
	font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 700;
	font-family: neue-haas-grotesk-display,sans-serif;
}

.lw_accordion_block_title a, .lw_accordion_block_title button {
    width: 100% !important;
    font-size: 24px !important;
    font-weight: #333334 !important;
    line-height: 52px !important;
    letter-spacing: 0 !important;
    color: #333334 !important;
    font-family: neue-haas-grotesk-display,sans-serif !important;
    display: block !important;
    position: relative !important;
    background-color: transparent!important;
    padding: 0 !important;
    margin: 0 !important;
}

.lw_accordion_block_title a:after, .lw_accordion_block_title button:after {
    content: "" !important;
    width: 15px !important;
    height: 20px !important;
    background-image: url('https://law.upenn.edu/live/resource/image/_ingredients/themes/global/images/accordion-arrow.svg') !important;
    position: absolute !important;
    top: 15px !important;
    right: 0 !important;
    background-size: 100% !important;
    background-position: center !important;
    border-radius: none !important;
    background-color: transparent !important;
    transform: none !important;
    transition: all .35s ease-in-out !important;
}

.main-page-content .lw_accordion_block_content {
    padding: 0;
    font-size: inherit;
    border: none;
    background: 0 0;
    margin: 10px 0;
    line-height: 30px;
    font-family: plantin,sans-serif;
    font-weight: 300;
}


/* end accordion */
footer#footer {
    padding:30px 0;
}

#footer {
	width:100%;
	background: none;
	color:#ffffff;
	background-color: #003361;
	border-top:none;
}


#footer .container {
	height:300px;
	width:980px;
	margin:0 auto;
	color:#ffffff;
	background:url(/live/image/gid/7/41721_goat-bg-footer.png) no-repeat 510px 90px;
	display:block;
}


#footer a {
	color:#c2e3ff;
}

#footer .columns {
	width:30%;
	float:left;
	text-align:left;
}

#footer .columns picture img {
    display: inline;
}

#footer .columns.socialmedia {
	text-align:center;
}

#footer .columns.contact {
	text-align:right;
	border: none;
	background-color:transparent;
	padding: 0;
	margin:0;
	width: 30%;
}

#footer p.footerpagelinks {
    font-size:.85em;
}

#footer h3 {
	font-size: 1.5em;
}

#footer .footerbtn {
    padding: 10px;
    background-color: #00549f;
    border-radius: 10px;
    border: 2px solid #00549f;
    width: 80%;
    text-align: center;
    margin: 0 0 20px 0;
    display: block;
    font-size: 1.1rem;
}

#footer .footerbtn a, #footer .columns.socialmedia .footerbtn a {
    color: #ffffff;
    font-weight: bold;
    width: 60%;
}

#footer p.urgent {
    line-height: 1.3em;
}

#livewhale_login {
	float:right;
}

.contact p {
	color:#ffffff;
}

#address {
	margin:0;
	padding:0;
	text-align:right;
	color:#ffffff;
}


/* Custom CSS Edits - Jessie 07/21/2014 */
#lw_widget_20a50e25 ul li {
  display:inline-block;
  width:460px;
  height:100px;
  padding:10px 10px 30px 0;
}

#lw_widget_20a50e25 ul li img {
  padding-top:10px;
}

.itstipsheadline {
font-size:14px;
font-weight:bold;
margin:0;
padding:0 0 10px 0;
}

.mm-list > li.mm-spacer {
  padding-top: 20px;
}


/* Custom CSS Edits - Jessie 07/21/2014 */




div.clear {
	clear:both;
}

/* live chat  */
#livechatbutton {position:fixed;right:0; margin-top:20px;z-index: 1000;}
/*	#livechatbutton:hover {cursor:pointer;}
	#lc_chat_layout {visibility:hidden;}
	#lc_chat_layout #lc_chat_container #lc_chat_window {height:63px;}
	.lc_chat_layout_switchmax {visibility: visible !important; bottom: 0 !important;}
	.lc_chat_layout_switchmin {visibility: visible !important; bottom: -350px !important;}
	#lc_chat_layout.lc-collapsed {height: auto !important;}*/

#guidesmenuwrapper.closedmenu,
#appsdropdownmenu.closedmenu,
#aboutdropdownmenu.closedmenu,
#traindropdownmenu.closedmenu,
#helpdropdownmenu.closedmenu {
	display: none;
	border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#guidesmenuwrapper,
#appsdropdownmenu,
#aboutdropdownmenu,
#traindropdownmenu,
#helpdropdownmenu {
	display:block;
	position: absolute;
	clip:unset;
	height:auto;
	width:600px;
	background-color: #ffffff;
	padding:1em;
	z-index:1000;
	box-shadow: 1px 1px 6px #666;
}

#aboutdropdownmenu,
#traindropdownmenu {
	width:200px;
}

#guidesmenuwrapper {
	width:700px;
	font-size:.9em;
	height:300px;
	overflow-y: scroll;
}

#nav #guidesmenuwrapper ul li {
	padding:10px 0 0 0;
}


@media screen and (max-width: 1000px) {
	body,
	nav,
	#header .content,
	header,
	#container,
	#content,
	.content{
		width:100%;
	}
    
    #header {
        font-size:1.7em;
    }
    
    #nav a {
        font-size:1.1em;
    }
    
    #nav ul li {
        padding:2px;
    }
    
    .search_form {
		background-color: #003361;
        width:80% !important;
        padding:2% 10%;
        height:unset;
	}
    
    
    .search_form input[type=submit] {
        border-radius: 5px;
        padding:3px;
        display: inline-block;
        margin:0;
    }
	
	body {
		min-width: 100%;
	}
	
	#menu {
		display: block;
	}
	
	#mainbody {
    width: 70%;
    padding-left: 2%;
	}
	
	#mainsidebar {
	width:15%;
	min-width:200px;
	}
	
	.container,
	#nav .container,
	#spotlight,
	#featuredguides,
	#footer .container {
		padding:0 2.5%;
		width:95%;
	}
	
	#footer .container {
		padding:5% 2.5%;
	}
	
	.overhead {
    margin: 10px;
    width: 30%;
	}
	
}


@media screen and (max-width: 650px) {
	
	body {min-width:300px; width:100%; background-color:#ffffff; margin:0; padding:0; }
	
	form.gsc-search-box {
		margin:0 auto !important;
	}

	body
  {
      overflow-x: hidden;

  }

  img {
	  max-width:320px !important;
	  height:auto;
  }

	#content, #nav {width:100%;}

	#content {padding-top:.5em;}

	#menu, .content {width:300px; height:auto;}

	#header {
		font-size:1.5em; 
		margin:0 auto; 
		text-align:center; 
		width:100%;
	}

  #header .content {
	  width:100%; 
	  padding:0; 
	  overflow:hidden; 
	  display:block; 
	  height:2.2em; 
	  background-image:none;
	  text-align: left;
  }

  #header .content .logo {
  float:right;
  width:25%;
  height:auto;
  padding-top: 0;
    position: absolute;
    margin: 0.2em;
    top: 0;
    right: 0;
}

  #header .content a.sitename {
    font-size: 1.1em;
    margin-bottom: -1.1em;
    display: inline-block;
	padding-left: 0.2em;
  }
	
	#header .content .logo picture img {
    display: block;
    width: 100%;
    height: auto;
	}

  #header .content img {
    height:40px;
      margin:0 auto;
  }

  #header .pennlink {
	  display:none;
	  height:0;
  }

  .container {
  width:95%;
  padding:2.5%;
  }
	
.container.guidescontainer {
  padding:0;
  }

  #nav .container {
  width:95%;
  margin:0 auto;
  color:#ffffff;
  background: none;
	  padding:0;
  padding-bottom:5px;
	  text-align: center;
  }

	#nav #search {
		float:none;
		margin:0 auto;
		text-align:center;
		margin-left:25%;
	}
	
	.search_form td {
		padding:0;
	}
	
    .search_form input[type=text] {
        width: 70%;
    }


  #fullnav #menu {display:none;}  

	
	#nav .navbar.navbutton {
		float:right;
        font-size: .8em;
		margin: 0.4em 0 0 0.5em;
	}
	
	#spotlight .lw_widget .lw_item_thumb,
	#spotlight .lw_widget .lw_item_thumb img {
		float:none;
        margin: 0 auto;
	}
    
    #livechatbutton {
    position: fixed;
    bottom: 0;
    transform: rotate(90deg);
    width: 100%;
    margin-bottom: -216px;
    z-index: 100000;
            display: none;
	}
	
	.closedmenu {
     width: 30px;
     height:120px;
     clip:unset;
    }
	
	.closedmenu{
		display: none;
		border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
	}
    
	.menuicon {
	display:block;
	z-index: 1000000;
	position:absolute;
	top:2.7em;
	padding:20px 10px;
/*	background-color: white;*/
	}
	
	/* menuicon when logged into livewhale */
	div#lw_page .menuicon {
    top: 5em;
	}
	
    #mobilemenu {
	visibility: visible;
    background-color: #eeeeee;
    z-index: 999999;
    position: absolute;
    width: 100%;
    clip:unset;
    overflow:visible;
    padding:0;
	top:5.2em;
    }
	
	div#lw_page #mobilemenu {
    top: 8em;
	}
    
    #mobilemenu ul.hiddenmenu {
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }
	
	#mobilemenu .menuicon {
		padding-left:5px;
	}
    
    #mobilemenu nav {
        background-color: #eeeeee;
    }
	
	#mobilemenu nav ul.solutionlist {
    	-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	
	#mobilemenu li {
		line-height: 1.5em;
		list-style-type: none;
	}
	
	#mobilemenu a.navtype {
		line-height: 2em;
    	font-size: 1.2em;
		color:#011f5b;
	}

	#menu li {
	width:300px;
	height:auto;
	display:block;
	text-align:center;
	overflow:visible;
	}

	
	#spotlight li {
		text-align: center;
	    min-height: 170px;
	}
	
	#spotlight li .lw_news_headline {
		display:block;
	}
	
	#spotlight li .lw_news_summary {
        display:none;
	}
    
    div.visitblog {
        margin-bottom:1.5em;
    }

	#featuredguides {
		padding-top:0 !important;
	}

	#featuredguides,
	#featuredapps .content {
	width:95%;
	margin:0 auto;
	padding:2.5%;
	overflow:hidden;
	}
	
	.newguides {
    padding-left: 0;
    margin: 0 auto;
    text-align: center;
    height: unset !important;
    color: #004684;
    font-size: 1em !important;
	}

	#featuredguides .newguides a {
	float:none;
	text-align:left;
	padding:5px 10px;
	display:inline;
	margin:0;
	font-size:1em;
	clear:none;
	}

	#featuredguides a.featureblocks {
	font-size:1.2em;
	/*width:300px;*/
	height:50px;
	padding-top:0px;
	float:none;
	margin:0 auto;
	display:block;
	}
	
	a.featureblocks:hover .overtext {
		line-height: 50px;
	}

	#featuredguides .overhead{
		float:none;
		height:50px;
		margin:10px auto;
		width:300px;
	}
	#featuredguides p.undertext{
		top:10px;
		left:0;
	}
	#featuredguides p.overtext{
		margin-top:0;
		height:50px;
		font-size:0.7em;
	}
	#featuredguides img{
		height:45px;
	}

	.thumbsHolderWrapper {display:none;}

	#featuredapps {
		display:none;
		height:0;
		width:0;
	}
	
	#content.home #contact {
		display: none;
	}

	/*#contact img{
	display:none;
	}

	#contact .item,
	#contact .item.last {
	width:90%;
	margin-top:10px;
	}
	
	

	#contact h2{
	margin-bottom:0;
	padding-bottom:0;
	text-align:center;
	font-style:italic;
	font-size:1.5em;
	}

	#contact h3{
	margin-top:0;
	padding-top:0;
	}

	#contact p{
	width:90%;
	}
*/

	/*subpage styles*/

	#container {

	width:100%;
	padding:0;
	}

	#mainbody {
	background-color:#ffffff;
	height:auto;
	}

	#mainbody, #mainbody.landing {
	width:95%;
	padding:2.5%;
	}

	#mainsidebar {
	width:95%;
	margin-right:5%;
	overflow:hidden;
	background-color:#ffffff;
	}

	#mainsidebar.landing {
	width:300px;
	margin-top:18px;
	padding-left:18px;
	font-size:90%;
	border-left:1px solid #f3f3f3;
	}

	#mainsidebar.landing .lw_widget {
	margin-top:20px;
	}

	#mainsidebar.landing .lw_widget .lw_item_thumb {
	float:left;
	margin-right:5px;
	overflow:hidden;
	width:60px;
	height:auto;
	}

	.landing .halfcolumn {
	width:300px;
	}

	.quartercolumn {
	width:300px;
	}

	#mainsidebar.landing .lw_item_thumb img {
	display:block;
	width:60px;
	height:auto;
	}

	#subnav {
	background-color:#f3f3f3;
	padding:10px;
	border-left:2px solid #004684;
	}

	.related, #related {
	padding:10px;
	margin-top:30px;
	}

	.lw_breadcrumb_separator {
	margin:0 10px;
	}

	.landing .pagelist {
	width:300px;
	min-height:0;
	padding-right:10px;
	margin-right:10px;
	float:left;
	clear:right;
	}

	div.pagelist:empty {
	visibility:hidden;
	display:none;
	width:0;
	height:0;
	}

	.landing .lw_widget_news > ul > li {
		margin:2em 0;
	}
	
/*	td {
    display: inline-block;
    width: 100% !important;
}*/

	/*end subpage styles*/


	#footer {
	background:none;
	min-width:300px;
	padding:0 !important;
	}

	#footer .columns,
	#footer .columns.contact {
  width:90%;
	float:none;
	text-align:left;
	}


	#footer .container {
	height:auto;
  	width:90%;
	margin:0 auto;
	background:#004684 url(/live/image/gid/7/41721_goat-bg-footer.png) no-repeat right bottom;
	display:block;
	padding:5%;
}

	#footer .columns.socialmedia, #footer .columns.contact {
	text-align:left;
	}

	#livewhale_login, #address {
	float:left;
	text-align:left;
}



/*  #mobilemenu {
    display:block;
    position:absolute;
    z-index:9999;
	height:100% !important;
  }


  nav#mobilemenu_multilevelpushmenu {
	  height:100% !important;
  }*/

  #livewhale_login, #address, #livewhale_login {
    float: none;
  }

  .fa-angle-left:before {
    content: none !important;
  }

}