/* Framework Customizations */

.grid-framework .cap { line-height: 0; margin-bottom: 32px; }
.universal-banner { position: relative; z-index: 999; }


/* Loading Overlay - Fancy template (set to display in story.xsl) */

.page-loading { position: fixed; z-index: 100; top: 0; left: 0; display: none; height: 100%; width: 100%; background-color: #fff; background-color: rgba(255, 255, 255, 0.98); }
.page-loading.page-loaded { display: none !important; }
.loading-graphic { z-index: 100; position: fixed; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; display: block; }


/* Fancy Template */

.fancy-template { 
	background-color: #d6d6d6 !important; 
	background-repeat: no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	background-position: top center; 
	background-attachment: fixed;
}
.ua-tablet.fancy-template, 
.ua-mobile.fancy-template { background-image: none !important; }

.ua-desktop.fancy-template .site-header { background-image: none !important; }
.ua-tablet.fancy-template .site-header { min-height: 485px; background-image: none !important; }
.ua-mobile.fancy-template .site-header { min-height: 320px; background-size: cover; background-repeat: no-repeat; }

/* MJ: Styles for our bg image in tablet portrait
 */
.ua-tablet.fancy-template .slider-closing .slider-content { overflow: hidden; }
.ua-tablet.fancy-template .bg-image,
.ua-tablet.fancy-template .bg-image2 { position: fixed; top: 0; left: 0; z-index: -999; display: block !important;
	-webkit-transform: translate3d(0px,0px,0px); /* MJ: Fixes(?) position fixed scrolling issue in ios */
}
.ua-tablet.fancy-template .bg-image2 { right:0; bottom:-69px; height:100%; width:100%; background-position: top center; background-size: auto 100%; background-repeat: no-repeat; }
.ua-tablet.fancy-template .slider-closing .bg-image,
.ua-tablet.fancy-template .slider-open .bg-image { position: absolute; top: -39px; }
.ua-tablet.fancy-template .bg-image.bg-width { max-width: none; width: 100%; }
.ua-tablet.fancy-template .bg-image.bg-height { max-width: none; height: 100%; }
.ua-tablet.fancy-template .slider-closing .bg-image.bg-height,
.ua-tablet.fancy-template .slider-open .bg-image.bg-height { height: auto; }
.ua-tablet.fancy-template .slider-closing .bg-image.bg-width,
.ua-tablet.fancy-template .slider-open .bg-image.bg-width { width: auto; }

.ua-tablet.fancy-template .wk-articles { width: 90%; margin: 0 auto; }
.ua-tablet.fancy-template #container { margin-bottom: 0; }
.ua-tablet.fancy-template .secondary-content { padding-bottom: 54px; }

/* MJ: Tablet landscape reports as .ua-desktop, but doesn't work with 
   background-size:cover + background-attachement: fixed, so here's a work-around
 */
@media only screen and (min-device-width: 768px) 
				   and (max-device-width: 1024px) 
				   and (orientation: landscape) {
	.ua-desktop.fancy-template { background-image: none !important; }
	.ua-desktop.fancy-template .bg-image,
	.ua-desktop.fancy-template .bg-image2 { position: fixed; top: 0; left: 0; z-index: -999; display: block !important; background-position: top center; }
	.ua-desktop.fancy-template .bg-image2 { right:0; bottom:-69px; height:100% !important; width:100% !important; background-position: top center; background-size: auto 100%; background-repeat: no-repeat; }
	.ua-desktop.fancy-template .bg-image.bg-width { width: 100%; }
	.ua-desktop.fancy-template .bg-image.bg-height { height: 100%; }
}

/* MJ: So we can see our background image
 */
.fancy-template body,
.fancy-template .slider-inject,
.fancy-template .slider-content { background-color: transparent !important; }

/* MJ: Keep footer above bg image 
 */
.fancy-template .universal-footer { position: relative; z-index: 9999; }
.fancy-template .back-to-top { z-index: 10000; }

.fancy-template #HBSWKStory > .mobile-container { padding-left: 0 !important; padding-right: 0 !important; }
.fancy-template #HBSWKStory > .tablet-container { padding-left: 0 !important; padding-right: 0 !important; }
.fancy-template .main-content { margin-top: 100px !important; }
.ua-mobile.fancy-template .main-content,
.ua-tablet.fancy-template .main-content { margin-top: 0 !important; }
.ua-mobile.fancy-template .main-content { background-color: #fff; }
.ua-desktop.fancy-template .secondary-content { margin-top: 591px; }
.fancy-template .vrule9 { background-image: none !important; }
.white-bg-opacity9 {
	padding:25px 25px 1px 25px;
	background-color:rgba(255, 255, 255, 0.9); 
	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF)"; 
}
.ua-mobile .white-bg-opacity9 { background-color: #fff; }
.fancy-template .story-title {
	background-color: rgba(72, 196, 183, 0.86); 
	color: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC48C4B7,endColorstr=#CC48C4B7)"; 

}
.fancy-template .story-summary {
	background-color: rgba(54,141,185,0.86) !important;	
	color: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC368db9,endColorstr=#CC368db9)"; 
}
.ua-mobile.fancy-template .story-summary { background-color: rgba(54,141,185,1) !important; }


/* Dynamic Articles Pages  */

.pattern-framework .body-margins .article-content h2 { margin-top: 24px; margin-bottom: 10px; }
.component-framework #HBSWKStory .main-content .linear {
	margin-bottom:15px;
}
#HBSWKStory h2.beta {
	margin-bottom:10px;
}
#HBSWKStory ul {
	padding-left:0px !important;
}
#HBSWKStory .main-content { word-wrap: break-word; }


/* WK Custom Styles */
#container { margin-bottom: 54px; }
.wkheader {
	padding-top: 35px;
	padding-bottom: 16px;
}
.wkheader .toolbar{
	margin-top: 0 !important;
}
#HBSWK3ColLeftNav h3.kappa-uc {
	margin-bottom:22px;
}
.toolbar li a.nav-about {
	background: url('/Style%20Library/hbs/images/icon_about_us_13.png') no-repeat 0 10px;
	padding-left: 20px;
}
.toolbar li a.nav-newsletter {
	background: url('/Style%20Library/hbs/images/icon_sign_up_13.png') no-repeat 0 10px;
	padding-left: 20px;
}
.toolbar li a.nav-facebook {
	background: url('/Style%20Library/hbs/images/icon_facebook_13.png') no-repeat 0 10px;
	padding-left: 20px;
}
.toolbar li a.nav-twitter {
	background: url('/Style%20Library/hbs/images/icon_twitter_13.png') no-repeat 0 10px;
	padding-left: 20px;
}
.toolbar li a.nav-rss {
	background: url('/Style%20Library/hbs/images/icon_rss_13.png') no-repeat 0 10px;
	padding-left: 20px;
}
.mixedcase,
.toolbar.mixedcase{
	text-transform: none;
}
.site-header .navbar li a {
	padding: 2px 71px;
}
.light-green-bg {
    background-color: #c5e4de;
}
.facet-pattern .hr{
	margin: 12px 0 12px 0;
}
.facet-pattern .hr4{
	margin: 12px 0 12px 0;
}
.pattern-framework .facet-pattern:first-child .facet-control:first-child .hr4:first-child { margin-top:0; }
.pattern-framework .facet-pattern:first-child .facet-control:first-child { margin-top:0; }
.h1-alpha-uc h1{
	color: white;
}

.color-framework .light-green-bg-inherit .inherit-bg, .color-framework .teal-inherit .inherit-bg-onhover:hover, 
.color-framework .light-green-bg-inherit .inherit-color-onhover:hover>.inherit-bg-onhover, 
.color-framework .light-green-bg-inherit .inherit-bullet-bg li:before {
	background-color: #c5e4de;
}

.color-framework a.current { color: #000; }

.dev-note { color: #999; }
h1 .dev-note,
h2 .dev-note,
h3 .dev-note,
h4 .dev-note { font-size: 70%; }

/* forms */
label{
	font-weight: bold;
}

.tellus label{
	font-weight: normal;
	margin-left: 5px;
}
.form-text{
	xpadding:30px 25px;
}
.field-shim{
	height: 8px;
}
#HBSWKModalForm .responsive-breadcrumb{
	display: none;
}

.aboutus .component-framework ul.unstyled , .form .component-framework ul.unstyled{ margin-bottom: 25px; }
.form .hidden { margin:0;padding:0;height:1px; }
.component-framework .tellus .field  { width: 320px !important; }
.component-framework .tellus textarea.field{ width: 475px !important; }
.component-framework .tellus .field{ margin-top: 8px; }
.component-framework .tellus #mostadvancedegree{ width: 320px  !important;}
.component-framework .tellus #yearofgraduation { width: 220px  !important;}
.component-framework .tellus #industries { margin-bottom: 10px; }
.component-framework .tellus .areas-interest { margin-bottom: 16px; }


/* tabs */
.component-framework #HBSWKAboutUs .nav-tabs a {
display: block;
float: left;
background-color: #7fd6cd ;
color: #fff;
margin: 0 2px 0 0;
padding: 8px 15px;
}
.component-framework #HBSWKAboutUs .nav-tabs a:hover {
background-color: black;

}
.component-framework #HBSWKAboutUs .nav-tabs .active a {
background-color: #fff;
color: #000;
}

#HBSWKAboutUs ul.nav-tabs {
margin: 0;
border-bottom: none;
}

.ua-mobile #comments .comment:last-child > .hr,  
.ua-mobile #comments .comment:last-child > .shim17, 
.ua-tablet #comments .comment:last-child > .hr,  
.ua-tablet #comments .comment:last-child > .shim17 { display: none; }

/* legacy blockquote styling */
blockquote {
	font: normal 23px/32px 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;
	text-transform: uppercase;
	color: #ef6848;
	display: block;
	width: 100%;
	margin-top: -5px;
	margin-bottom: 19px;
	text-indent: -10px;
	line-height: 32px;
	float: none !important;
}

/* Media List Customizations */
ul.unbulleted.custom li{
	margin-bottom: 18px;
}

/* Layout Customizations */

.ua-desktop .grid-framework .vrule9h .vrule-offset .hr {
	margin-left: -12px;
}
.grid-framework .vrule9h .vrule-offset>* {
	margin-left: 3px;
}
.span4.custom, .span4.custom{
	width: 265px; 
}

/*Browse by*/
.browse-by-container li,
.faculty-container-item li{
	padding-bottom: 5px;
}

.component-framework .faculty-container .az-list a {
  margin-right: 4px;
  padding: 4px 4px 10px 4px;
}

.faculty-container-item.letter-A{
	padding-top: 25px;
}

.ua-mobile #HBSWKStory .span7 a { word-wrap: break-word; }

/* Legacy styles from hbswk.css */

.img-left { margin-bottom: 10px; margin-right: 20px; }

#HBSWKStory .span7 .photoleft { float: left; }
#HBSWKStory .span7 .photoright { float: right; }
#HBSWKStory .span7 .photoright,
#HBSWKStory .span7 .photoleft { margin: 2px 25px 20px 0;} 
#HBSWKStory .span7 .photo { float: left; max-width: 100%; margin-bottom: 20px; color: #666; }
#HBSWKStory .span7 .photo img { max-width: 100%; max-width: none\9; border: 1px solid #555; }
#HBSWKStory .span7 .override table td { border-right: 1px solid #000; padding: 10px;  vertical-align: top;}
#HBSWKStory .span7 .override table { width: 100%; margin-bottom: 25px; border: 1px solid #000;}
#HBSWKStory .span7 ul { margin-bottom: 24px; }
#HBSWKStory .widget-sharebar { /*margin-bottom: 25px;*/ }
#HBSWKStory .widget-sharebar ul { margin-bottom: 0; }

#HBSWKStory .span9 .photoleft { float: left; }
#HBSWKStory .span9 .photoright { float: right; }
#HBSWKStory .span9 .photoright,
#HBSWKStory .span9 .photoleft { margin: 2px 25px 20px 0;} 
#HBSWKStory .span9 .photo { float: left; max-width: 100%; margin-bottom: 20px; color: #666; }
#HBSWKStory .span9 .photo img { max-width: 100%; max-width: none\9; border: 1px solid #555; }

#HBSWKStory .article-content h4 { margin: 0; }
#HBSWKStory .article-content .hr { margin-bottom: 24px; }

table.metadata { margin: 10px 0; }
table.metadata th,
table.metadata td { vertical-align: top; text-align: left; }
table.metadata th { width: 80px; padding-right: 10px; }

.story-type-first-look h1.title,
.story-type-first-look h3.section { /*margin: 30px 0 !important;*/ }

#HBSWKStory .book-excerpt .md-arrow, #HBSWKStory .calloutbox .md-arrow  { margin-top: -3px; margin-bottom: 32px;}
#HBSWKStory .related-article .md-arrow, #HBSWKStory .calloutbox .md-arrow { margin-top: 20px; margin-bottom: 32px;}

#HBSWKStory .bookexcerpt {padding: 0 5px;}
#HBSWKStory .bookexcerpt img {float: left; padding: 7px 30px 20px 0; margin: 0;}
#HBSWKStory .bookexcerpt h3 {padding-bottom: 5px; margin-top: -25px; padding-bottom: 0;}
#HBSWKStory .bookexcerpt p.excerpt {font-size: .8em; text-transform: uppercase; color: #666;}

/* First Look */

#HBSWKStory .article-content .abstract { padding-top: 15px; }
#HBSWKStory .article-content .media { margin-top: 35px; }
#HBSWKStory .article-content .media h3 { margin-top: 5px; margin-bottom: 4px; }
#HBSWKStory .article-content .media .linear { margin-bottom: 0;#HBSWKStory }
#HBSWKStory p.last {border-bottom: 4px solid #999; padding-bottom: 25px;}
#HBSWKStory p.from {font-size: .8em; line-height: 1.1em; margin-bottom: 5px;}
#HBSWKStory p.author {font-size: .8em; font-style: italic; font-variant: small-caps; margin-bottom: 1.5em;}
#HBSWKStory p.connect {background: #990000; color: #fff; border: 1px solid #ccc; padding: 3px 10px;}
#HBSWKStory p.connect a {color: #fff;}

/*browse facets*/
.ua-desktop #HBSWKHome  .browse-facets-container{
	position: relative;
}
.ua-desktop #HBSWKHome .browse-facets-container .browse-facets{
	position: absolute;
	width: 100%;
}

.ua-mobile #HBSWKHome .most-popular,
.ua-tablet #HBSWKHome .most-popular{
	margin-top: -5px;
}

/* custom footer */

.pattern-framework .universal-footer-v3 .social-grid li.default.fb
{display:none;}
.pattern-framework .universal-footer-v3 .social-grid li.site-specific.fb.wk
{display:block;}
.pattern-framework .universal-footer-v3 .social-grid li.default.twitter
{display:none;}
.pattern-framework .universal-footer-v3 .social-grid li.site-specific.twitter.wk
{display:block;}


#HBSWKStory .main-content .toggle-container .toggle-hide .intro {
	max-height: 513px !important;
	overflow: hidden;
	position: relative;
}

#HBSWKStory .main-content .toggle-container .toggle-hide .intro:before {
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: ' ';
    width: 100%;
    height: 100px;
    pointer-events: none;
    z-index: 10;
    background-image: -webkit-linear-gradient(bottom, white, rgba(255,255,255,0.2));
    background-image: -moz-linear-gradient(bottom, white, rgba(255,255,255,0.2));
    background-image: -ms-linear-gradient(bottom, white, rgba(255,255,255,0.2));
    background-image: -o-linear-gradient(bottom, white, rgba(255,255,255,0.2));
}
}


#HBSWKStory .main-content .toggle-container .toggle-hide h3,
#HBSWKStory .main-content .toggle-container .toggle-show h3 {
	margin-top: 0px;
}