Media Coverage | Harvard Business School Online

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <title>Media Coverage | Harvard Business School Online</title> <meta content="Read the latest news, media coverage, and updates about Harvard Business School's online business courses and learning platforms." name="description"/> <meta content="ZIjEz6bTgRrYb8w4Q4IZZUWxfLoYMT6Cx_JvlIh0G2k" name="google-site-verification"/> <meta content="noindex, nofollow" name="robots"/> <meta content="noindex, nofollow" name="robots"/> <link href="https://online.hbs.edu/about/media-coverage" rel="canonical"/> <meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="https://webassets.hbs.edu/sites/online/favicon.ico"><link rel="preload" as="style" href="https://webassets.hbs.edu/libs/framework/1.0/css/framework-async.min.css" onload="this.onload=null;this.rel='stylesheet'"><noscript> <link rel="stylesheet" href="https://webassets.hbs.edu/libs/framework/1.0/css/framework-async.min.css"></noscript> <link rel="image_src" href="https://www.hbs.edu/images/site/sharelogo.jpg"><meta name="HBSSearchUrl" content="/search"><meta name="PageBuildDateTime" content="Fri, 21 Feb 2025 17:38:23 GMT on "> <style> /* styles */ .facetctrl-results .facetctrl-isotope-results .media { margin-bottom: 28px; } #facet-navigation-mobile .facet-container-0 .facet-clear, #facet-navigation .facet-container-0 .facet-clear { padding-top: 0; } .facet-container-q .hr3, .facet-container-0 .hr3 { display: none; } .facetctrl-results .facetctrl-isotope-results .media .linear { padding-top: 0; } .facetctrl-results .media img.fluid { display: block; } .facetctrl-results .media p { margin-bottom: 12px; } .facetctrl-results .media { margin-bottom: 32px; } .facetctrl-results .inline-container * { font-size: inherit; text-transform: none; font-family: inherit; } .facetctrl-results .highlight-container .highlight { font-family: 'Trade Gothic W01 Bold 2', Arial; } .facetctrl-results .inline-container * { display: inline; } .ua-mobile .datepicker { /* fixes zoom on focus */ font-size: 16px !important; width:100px !important; } .site-facets ul { margin-top: 8px; } ul.unbulleted.site-facets li a { text-decoration: none; } ul.unbulleted.site-facets li a:hover { text-decoration: underline; } .site-facets .mu { line-height: 15px !important; /* fix pixel bounce */ } .term-info p { margin-bottom: 12px; } .facetctrl-sticky { display:none; position: fixed; width:100%; z-index: 20000; top:0; } .facetctrl-sticky.active { display:block; } .facetctrl-isotope-element { width: 228px; } .expanded-grid-framework .pattern-framework .facetctrl-isotope-element .tile .icon-play { display: none; } .expanded-grid-framework .pattern-framework .facetctrl-isotope-element .tile .icon-play.icon-play-svg { display: block!important; } .pattern-framework .facet-pattern2 .facet-list { margin-top:15px; } .pattern-framework .facet-pattern2 .facet-list li { padding-bottom:0; margin-bottom:8px; margin-top:8px; } .pattern-framework .facet-pattern2 .facet-list li .facet-link {text-indent:0;margin-left:-21px;margin-bottom:3px} .pattern-framework .facet-pattern2 .facet-list li .facet-link-icon {float:left} .pattern-framework .facet-pattern2 .facet-list li .facet-link-icon .icon-checkbox, .pattern-framework .facet-pattern2 .facet-list li .facet-link-icon .icon-checkbox-checked {position:relative;top:-2px} .pattern-framework .facet-pattern2 .facet-list li .facet-link-label {overflow:hidden} @media screen and (max-width: 650px) { .facetctrl-isotope-element { max-width: 328px; width:100%; } } /*@media screen and (min-width: 650px and max-width: 650px) { .facetctrl-isotope-element { width: 47%; } }*/ @media screen and (min-width: 650px) and (max-width: 740px) { .facetctrl-isotope-element { width: 30.6%; } } @media screen and (min-width: 740px) and (max-width: 880px) { .facetctrl-isotope-element { width: 31.1%; } } @media screen and (min-width: 880px) and (max-width: 920px) { .facetctrl-isotope-element { width: 31.4%; } } @media screen and (min-width: 920px) and (max-width: 1024px) { .facetctrl-isotope-element { width: 205px; } } @media screen and (min-width: 1024px) and (max-width: 1300px) { .facetctrl-isotope-element { width: 228px; } } @media screen and (min-width: 1300px) { .wide-container .facetctrl-isotope-element { width: 268px; } } @media screen and (min-width: 920px) and (max-width: 1220px) { .expanded-grid-framework .container .facetctrl-isotope-element { width: 195px; } } @media screen and (min-width: 1221px) { .expanded-grid-framework .container .facetctrl-isotope-element { width: 270px; } } .facetctrl-isotope-element-span4 { width: 312px; } /*@media screen and (max-width: 920px) { .search1-embedded .vrule3h, .search1-embedded .vrule6h, .search1-embedded .vrule3h {background:none;} }*/ .websearch-input { background-color: rgba(255,255,255,.5) !important; border-color:rgba(255,255,255,.7) !important; box-shadow:none; transition: all .2s linear; } .websearch-input:focus { background-color: rgba(255,255,255,.8) !important; box-shadow: 0 0 5px rgba(255,255,255,.8) !important; } .facetctrl-appended { position:relative; -webkit-animation:slidein .5s; -moz-animation:slidein .5s; -o-animation:slidein .5s; animation:slidein .5s } @-webkit-keyframes slidein{ from{top:-10px;opacity:0} to{top:0px;opacity:1} } @-moz-keyframes slidein{ from{top:-10px;opacity:0} to{top:0px;opacity:1} } @keyframes slidein{ from{top:-10px;opacity:0} to{top:0px;opacity:1} } .facetctrl-fade { transition: opacity .6s; } .facetctrl-loading .facetctrl-fade { opacity: .5; } #search1-app .rendered-visible { visibility:hidden; } #search1-app.rendered .rendered-visible { visibility:visible; } #search1-app.search1-fullscreen .container { width:100%; } #search1-app.search1-fullscreen .span3 { padding-left:24px; } #search1-app.search1-fullscreen .span9 { float: none; overflow: hidden; padding-left: 24px; padding-right: 24px; width:auto; } .ui-helper-hidden-accessible{ display:none; } .facetctrl-autocomplete-small .ui-autocomplete { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; padding: 4px 0; margin: 0 0 10px 0; list-style: none; background-color: #ffffff; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; } .facetctrl-autocomplete-small .ui-menu-item > a.ui-corner-all { display: block; padding: 3px 10px; clear: both; font-weight: normal; line-height: 18px; color: #555555; white-space: nowrap; text-decoration: none; width:auto; } .facetctrl-autocomplete-small .ui-menu-item { font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; } .facetctrl-autocomplete-small .ui-state-focus{ background-color: #a41034; color:#fff !important } .facetctrl-autocomplete-small ul.ui-autocomplete li { padding:0; } .facetctrl-autocomplete-small .ui-state-hover, .facetctrl-autocomplete-small .ui-state-active { color: #ffffff; text-decoration: none; background-color: #0088cc; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-image: none; } .facetctrl-autocomplete-small .ui-autocomplete .ui-menu-item .ui-state-focus { background-color: #a41034; color:white; } .facet-breadcrumb-pattern h1 { margin-bottom: 7px; } .ms-SrvMenuUI {display: none;} .facetctrl-page-list { margin:0; padding:0; } .facetctrl-page-list li { list-style-type: none; float:left; margin-right: 8px; } .facetctrl-page-list li a { background-color:#ebebeb; padding:3px 6px; text-decoration:none; } .facetctrl-page-list li a:hover { background: black; color:white !important; } #facet-navigation .facet-pattern2 .facet-control h3 { margin: 0; } .color-framework .hbsred-onhover:hover {color: #a41034 !important;} /* This was removed for this page http://authqa.hbswk.hbs.edu/Pages/browse.aspx @media screen and (max-width: 919px) and (min-width: 651px) { #search1-app .tablet-span8 { margin-left: 0; } } */ .icon-svg { background-image: none !important; } /*new for wide grid*/ .facet-search table {width: 100%;} .facet-search table td:last-child {width: 41px;} .expanded-grid-framework .cap { margin-bottom:34px !important;} .expanded-grid-framework .search-right-sidebar .img-container-16x9 img{width:100% !important; height:100% !important;} @media (min-width:920px){ .expanded-grid-framework .facetctrl-ajax-classes>*{margin-left:20px} .expanded-grid-framework .facetctrl-ajax-classes .facetctrl-results .media-list9 div.media div.row div.span7 {margin-right:-20px;} .expanded-grid-framework .facetctrl-ajax-classes>table,.expanded-grid-framework .facetctrl-ajax-classes>.ms-rtestate-field{margin-left:0} .expanded-grid-framework .facetctrl-ajax-classes>table>*,.expanded-grid-framework .facetctrl-ajax-classes>.ms-rtestate-field>*{margin-left:20px} .expanded-grid-framework .facetctrl-ajax-classes *[webpartid]>*,.expanded-grid-framework .facetctrl-ajax-classes .ms-WPBody>*{margin-left:20px} .expanded-grid-framework .facetctrl-ajax-classes *[webpartid]>.hr,.expanded-grid-framework .facetctrl-ajax-classes .ms-WPBody>.hr{margin-left:0} .expanded-grid-framework .facetctrl-ajax-classes .ms-rtestate-read{display:block} .expanded-grid-framework .facetctrl-ajax-classes .hr,.expanded-grid-framework .facetctrl-ajax-classes .hr4{margin-left:0} .expanded-grid-framework .facetctrl-ajax-classes .facetctrl-results .vrule3h { background-position: 281px 0; } .expanded-grid-framework .facetctrl-ajax-classes .facetctrl-results .vrule6h { background-position: 576px 0; } @media screen and (min-width: 920px) and (max-width: 1220px) { .expanded-grid-framework .facetctrl-ajax-classes .facetctrl-results .vrule3h { background-position: 206px 0; } .expanded-grid-framework .facetctrl-ajax-classes .facetctrl-results .vrule6h { background-position: 425px 0; } } } /*Accessibility skip-links*/ .skipto.hideme:focus{ left: 0px; top: 0px; background-color: white; padding: 6px; width: auto; height: auto; position:relative; }</style><script> // scripts /* ---------------------------------------------- * * Facet DateTime * * ---------------------------------------------- */ function FacetDate(args) { this.disabled = false; for (key in args) { this[key] = args[key]; } } FacetDate.prototype.render = function() { var SearchDateRange = "Search Date Range"; var to = "TO"; var h = this.facetCtrl.facetStartHTML(this); var today = new Date(); var facetKey = this.key; var facetState = this.facetCtrl.getState(this.key); var facetData = this.facetCtrl.getData(this.key); var fromdate = this.minDate || (today.getMonth() + 1) + '/' + today.getDate() + '/' + (today.getFullYear() - 3) var fromMinDate = fromdate; var todate = this.maxDate || (today.getMonth() + 1) + '/' + today.getDate() + '/' + today.getFullYear() var maxToDate = todate; if (facetData && facetData.length > 0) { fromdate = facetData[0].breadcrumb.split(' - ')[0] todate = facetData[0].breadcrumb.split(' - ')[1] } if (this.datePicker) { h += '<div>' h += '<div class="datepicker-container-inline"></div>' h += '<div class="shim8"></div>'; h += '</div>'; } else { h += '<div>' h += '<div class="shim12"></div>'; h += '<div class="datepicker-container" style="float:left"><input name="startdate" aria-label="Start Date" type="text" class="field date-range" data-minDate="'+fromMinDate+'" value="'+fromdate +'" placeholder="mm/dd/yyyy" data-mask="date" style="width: 81px;padding-left: 7px;font-size: 12px; padding-right: 0px;" /><a href="#skipStartDate" class="link-skipdates hideme skipto">Skip start date picker</a></div> '; h += '<div class="mu" style="padding:8px 5px;float:left;">' + to + '</div>'; h += '<div class="datepicker-container" style="float:left"><input name="enddate" id="skipStartDate" aria-label="End Date" type="text" class="field date-range" data-maxDate="'+ maxToDate +'" value="'+todate +'" placeholder="mm/dd/yyyy" data-mask="date" style="width: 81px;padding-left: 7px;font-size: 12px; padding-right: 0px;" /><a href="#skipEndDate" class="link-skipdates hideme skipto">Skip end date picker</a></div>'; h += '<div class="clear"></div>'; h += '<div class="shim16"></div> <input id="skipEndDate" type="button" class="btn-submit facetctrl-ajax-date" value="' + SearchDateRange + '" />'; h += '<div class="shim8"></div>'; h += '</div>'; } h += this.facetCtrl.facetEndHTML(this.label,this.key,this.toggleOption); return h; } FacetDate.prototype.disable = function(){ this.disabled = true; } FacetDate.prototype.enable = function(){ this.disabled = false; } /* Test */ FacetDate.prototype.bindEvents = function(){ var self = this; self.facetCtrl.jQuery('.facet-name-'+this.key).find('input.date-range').keypress(function(e) { if(e.which == 13) { self.facetCtrl.jQuery('.facet-name-'+self.key).find(".facetctrl-ajax-date").click() return false; } else { return true; } }); this.facetCtrl.jQuery('.facet-name-'+this.key).on("click","input.facetctrl-ajax-date",function(){ var fromDate = $(this).parent().find("input[name='startdate']").val() != "" ? $(this).parent().find("input[name='startdate']").val() : self.minDate; var toDate = $(this).parent().find("input[name='enddate']").val() != "" ? $(this).parent().find("input[name='enddate']").val() : self.maxDate; if(datevalidation(fromDate,toDate)) { var from = new Date(fromDate); var to = new Date(toDate); var qstr = from.getFullYear() + '-' + (from.getMonth() + 1) + '-' + from.getDate() + 'TO' + to.getFullYear() + '-' + (to.getMonth() + 1) + '-' + to.getDate(); var href = self.facetCtrl.setFilterHref(self.key,qstr); self.facetCtrl.history.pushState(null, null, href); if ($(this).parents('.facetctrl-sticky-target').length) { self.facetCtrl.closeFacets = true; } } }); function datevalidation(objFromDate,objToDate) { var date_regex = /^(0?[1-9]|1[0-2])\/(0?[1-9]|1\d|2\d|3[01])\/(19|20)\d{2}$/ ; if (!date_regex.test(objFromDate) && objFromDate.length) { alert(objFromDate + " is not valid date. Please enter valid date."); return false; } if (!date_regex.test(objToDate) && objToDate.length) { alert(objToDate + " is not valid date. Please enter valid date."); return false; } if (!objFromDate.length && !objToDate.length) { return false; } if (!objFromDate.length || !objToDate.length) { return true; } var FromDate = new Date(objFromDate); var ToDate = new Date(objToDate); var valCurDate = new Date(); valCurDate = valCurDate.getMonth()+1 + "/" + valCurDate.getDate() + "/" + valCurDate.getYear(); var CurDate = new Date(valCurDate); if(FromDate > ToDate) { alert(objFromDate+ " should be less than " + objToDate); return false; } return true; } } /* ---------------------------------------------- * * Facet BreadcrumbOnly * * ---------------------------------------------- */ function FacetBreadcrumbOnly(args) { this.disabled = false; for (key in args) { this[key] = args[key]; } } FacetBreadcrumbOnly.prototype.render = function() { return ''; } FacetBreadcrumbOnly.prototype.disable = function(){ this.disabled = true; } FacetBreadcrumbOnly.prototype.enable = function(){ this.disabled = false; } FacetBreadcrumbOnly.prototype.bindEvents = function(){ } /* ---------------------------------------------- * * Facet Search * * ---------------------------------------------- */ function FacetSearch(args) { this.disabled = false; for (key in args) { this[key] = args[key]; } } FacetSearch.prototype.render = function() { var facetKey = this.key; var facetState = this.facetCtrl.getState(facetKey); var query = ''; for (var key in facetState) { query += key; } var hasQuery = document.location.search != '' if (document.location.search == '?_es=1') hasQuery = false; if (this.searchWithin && hasQuery) query = ''; var label = this.label || "Search"; var h = '<div class="facet-control facet-search facet-name-' + this.key + '"><table><tr>'; var auto = this.autocomplete ? 'facetctrl-autocomplete' : ''; var typeahead = this.typeaheadPrefetch ? ' typeahead-container ' : ''; var typeaheadPrefetch = this.typeaheadPrefetch ? ' data-typeahead-prefetch="'+this.typeaheadPrefetch+'" ' : ''; h += '<td class="'+typeahead+'"'+typeaheadPrefetch+'><input type="text" name="q" autocomplete="on" maxlength="50" placeholder="" aria-label="Search text" style="height:38px" class="field facetctrl-ajax-textq '+auto+'" value="' + decodeURI(query).replace(/"/g,'"') + '" /><div class="facetctrl-autocomplete-container" style="position:absolute"></div></td> '; h += '<td><button type="submit" style="font-size:13px;height:38px" class="btn-submit facetctrl-ajax-search" value="Search" aria-label="Search this page"><span class="icon-search-white"></span></button></td>'; h += '</tr></table>'; if (this.advanced){ h += '<div class="nu" style="margin-bottom:-10px;margin-top:16px"><a href="#" class="facetctrl-adv-search">+ Advanced Search</a></div>' } if (this.searchWithin && hasQuery){ h += '<div role="radiogroup" aria-label="search options">'; if (this.searchWithinNew) { h += '<label class="field-radio nu" style="margin-top:12px;display:block;"><input name="q-option" checked="checked" value="new" type="radio" role="radio"><span class="field-radio-btn" style="margin-right:7px;"></span>New Search</label>' h += '<label class="field-radio nu" style="margin-top:6px;margin-bottom:-8px;display:block;"><input name="q-option" value="within" type="radio" role="radio"><span class="field-radio-btn" style="margin-right:7px;"></span>Search Within Results</label>' } else { h += '<label class="field-radio nu" style="margin-top:12px;display:block;"><input name="q-option" value="within" checked="checked" type="radio" role="radio"><span class="field-radio-btn" style="margin-right:7px;"></span>Search Within Results</label>' h += '<label class="field-radio nu" style="margin-top:6px;margin-bottom:-8px;display:block;"><input name="q-option" value="new" type="radio" role="radio"><span class="field-radio-btn" style="margin-right:7px;"></span>New Search</label>' } h += '</div>'; } h += '</div>' return h; } FacetSearch.prototype.disable = function(){ this.disabled = true; } FacetSearch.prototype.enable = function(){ this.disabled = false; } FacetSearch.prototype.bindEvents = function(){ var self = this; var facetKey = self.key; var $facet = this.facetCtrl.jQuery('.facet-name-'+facetKey); $('.facetctrl-ajax-textq',$facet).keypress(function(e) { if(e.which == 13) { var selectedVal = $facet.find('input.facetctrl-ajax-textq').val(); var href = ''; if ($("input:radio[name='q-option']:checked",$facet).val() == 'within') { href = self.facetCtrl.addFilterHref('q',selectedVal); } else { href = '?q='+encodeURIComponent(selectedVal); } self.facetCtrl.history.pushState(null, null, href); $(this).blur(); return false; } else { return true; } }); $facet.on("click",".facetctrl-adv-search",function(){ $(self.facetCtrl.container).find(".facetctrl-adv-search-container .toggle-button").eq(0).click() return false; }) $facet.on('select','.typeahead-container',function(){ $facet.find(".facetctrl-ajax-search").trigger('click') }) $facet.on("click",".facetctrl-ajax-search",function(){ if ($(this).parents('.facetctrl-sticky-target').length) { self.facetCtrl.closeFacets = true; } var selectedVal = $facet.find('input.facetctrl-ajax-textq').val(); var href = ''; if ($("input:radio[name='q-option']:checked",$facet).val() == 'within') { href = self.facetCtrl.addFilterHref('q',selectedVal); } else { href = '?q='+encodeURIComponent(selectedVal) } if (self.facetCtrl.ajax) { self.facetCtrl.history.pushState(null, null, document.location.pathname + href); } else { document.location.href = href; } return false; }); } /* ---------------------------------------------- * * Subsets List * * ---------------------------------------------- */ function SubsetsList(args) { this.disabled = false; this.moreExpanded = false; for (key in args) { this[key] = args[key]; } } SubsetsList.prototype.render = function() { return 'works'; } SubsetsList.prototype.bindEvents = function(){ } /* ---------------------------------------------- * * Facet List * * ---------------------------------------------- */ function FacetList(args) { this.disabled = false; this.moreExpanded = false; for (key in args) { this[key] = args[key]; } } FacetList.prototype.render = function(args) { var args = args || {}; var facetData = this.facetCtrl.getData(this.key); var facetState = this.facetCtrl.getState(this.key); this.facetState = this.facetCtrl.getState(this.key); if (facetData.length == 0 && !this.deferLoad) return ''; var h = this.facetCtrl.facetStartHTML(this); if (args.simple) h = ''; var tree = this.makeDataTree(facetState,facetData); if (facetData.length > 0) { h += this.recursiveRender(0,facetState,facetData,tree,undefined,args); } if (!args.simple) { h += this.facetCtrl.facetEndHTML(this.label,this.key,this.toggleOption); } return h; } FacetList.prototype.makeDataTree = function(facetState,facetData) { var tree = {}; tree[undefined] = {}; tree[undefined].children = []; tree[undefined].seenChildren = {}; for (var i = 0; i < facetData.length; i++) { var v = facetData[i]; v.param = v.param || v.id; if (this.labelfn) {v.label = this.labelfn(v.label,v,0)} var termID = v.id; var termParent = v.parentID || undefined; if (!tree[termParent]) { tree[termParent] = {}; tree[termParent].children = []; tree[termParent].seenChildren = {}; } if (!tree[termID]) { tree[termID] = {}; tree[termID].children = []; tree[termID].seenChildren = {}; } if (!tree[termParent].seenChildren[termID]) { tree[termParent].seenChildren[termID] = 1; tree[termParent].children.push(termID); if (facetState[v.param]) { tree[termID].checked = true; } tree[termID].node = v; } } // mark checks on parent terms for (var j = 0;j<4;j++) { for (var i in tree) { if (!tree[i].node || !tree[i].node.parentID) continue; var parent = tree[i].node.parentID; if (tree[i].checked || tree[i].softchecked) { tree[parent].softchecked = true; } } } // if I am checked, add to my parent checked count for (var i in tree) { if (tree[i].checked) { var parent = tree[i].node.parentID; if (parent) { tree[parent].checkedChildren = tree[parent].checkedChildren ? (tree[parent].checkedChildren + 1) : 1; } } } return tree; } FacetList.prototype.renderAllButton = function(facetState,facetData) { var h = ''; if (this.displayAllButton) { var label = this.allLabel || "All"; if (!this.facetCtrl.jQuery.isEmptyObject(facetState)) { var href = this.facetCtrl.removeFilterHref(this.key); h += '<li class="facetlist-all"><a class="ink mu facetctrl-ajax-link facet-link" href="'+href+'"><div class="facet-link-icon">'+this.facetCtrl.getIcon('checkbox',label)+'</div><div class="facet-link-label">'+label+'</div></a></li>'; } else { h += '<li class="facetlist-all"><span class="ink mu inactive facet-link"><div class="facet-link-icon">'+this.facetCtrl.getIcon('checkbox-checked',label)+'</div><div class="facet-link-label">'+label+'</div></span></li>'; } } return h; } FacetList.prototype.disable = function(){ this.disabled = true; } FacetList.prototype.enable = function(){ this.disabled = false; } FacetList.prototype.bindEvents = function(){ var self = this; // change the icon if (this.facetCtrl.ajax) { this.facetCtrl.jQuery('.facet-name-'+this.key).on("icontoggle","a.facetctrl-ajax-link",function(){ if (self.facetCtrl.isLoading()) { return false; } if ($(this).parent().hasClass('facetlist-all')) return; var link = $(this); link.removeClass('checked'); $("span",this).each(function(){ if ($(this).hasClass('icon-checkbox-checked')) { $(this).replaceWith(self.facetCtrl.getIcon('checkbox','')) link.addClass('checked'); } else if ($(this).hasClass('icon-checkbox')) { $(this).replaceWith(self.facetCtrl.getIcon('checkbox-checked','')) link.addClass('checked'); } }); }); } this.facetCtrl.jQuery('.facet-name-'+this.key).on("click",".default-more a",function(){ $(this).parent().hide(); var $hidden = $(this).parent().parent().find('li:hidden') $hidden.show(); $hidden.eq(0).find('a').focus(); self.moreExpanded = true; return false; }) this.facetCtrl.jQuery('.facet-name-'+this.key).on("click",".az-more a",function(){ var h = ''; h += '<div id="az-results">Loading</div>' window.dlg = new framework.Dialog({ body: h, animation: 'slidedown', title: self.label, width: '905px' }); window.dlg.open(); framework.progress.start(); $.ajax({ url: '?' + document.location.search.replace('?','') + '&_autocomplete=1&step=9999&facet='+self.key, dataType: 'json', contentType: 'application/json; charset=utf-8', success: function(data, status, resp) { var h = '<div class="facet-pattern2 nu"><ul class="facet-list" style="padding:0;float:left;">'; data = data.sort(function(a,b){ if (a.t < b.t) return -1; return 1; }) var checked = {}; for (var j = 0;j<self.facetCtrl.parsedFacetState.length;j++) { var d = self.facetCtrl.parsedFacetState[j]; var facetKey = d[0]; var facetValue = d[1]; if (facetKey == self.key) { checked[facetValue] = 1; } } var num = 0; for (var i = 0;i<data.length;i++){ var d = data[i]; if (checked[d.t]) { var href = self.facetCtrl.removeFilterHref(self.key,d.t); h += '<li style="float:left;width:30%;margin-left:24px;box-sizing:border-box;"><a href="'+href+'" class="facetctrl-ajax-link ink add-val">' + this.facetCtrl.getIcon('checkbox-checked','') + d.t + ' ('+d.c+')</a></li>' } else { var href = self.facetCtrl.addFilterHref(self.key,d.t); h += '<li style="float:left;width:30%;margin-left:24px;box-sizing:border-box;"><a href="'+href+'" class="facetctrl-ajax-link ink add-val">' + this.facetCtrl.getIcon('checkbox','') + d.t + ' ('+d.c+')</a></li>' } } h += '</ul></div><div class="clear"></div><br/>'; $("#az-results").html(h); framework.progress.done(); } }); return false; }) this.facetCtrl.jQuery('.facet-name-'+this.key).on("click","input.facetctrl-ajax-date",function(){ var fromDate = $(this).parent().find("input[name='startdate']").val(); var toDate = $(this).parent().find("input[name='enddate']").val(); if (fromDate && toDate) { var from = new Date(fromDate); var to = new Date(toDate); var qstr = from.getFullYear() + '-' + (from.getMonth() + 1) + '-' + from.getDate() + 'TO' + to.getFullYear() + '-' + (to.getMonth() + 1) + '-' + to.getDate(); var href = self.facetCtrl.setFilterHref(self.key,qstr); self.facetCtrl.history.pushState(null, null, href); } }); } FacetList.prototype.recursiveRender = function(depth,facetState,facetData,tree,parent,args){ var h = ''; var self = this; var children = tree[parent].children; var displayZeros = (typeof this.displayZeros != 'undefined') ? this.displayZeros : true; if (!parent) { if (self.singleSelect) { h += '<ul class="facet-nav facet-radio-buttons">'; } else { h += '<ul class="facet-list">'; } h += this.renderAllButton(facetState,facetData); } else { h += '<ul>' if (typeof this.facetHeaders === 'function') h += this.facetHeaders(depth); } if (this.sortfn){ children.sort(function(a,b){ var nodea = tree[a].node; var nodeb = tree[b].node; return self.sortfn(nodea,nodeb); }); } else if (this.sort == 'Alpha') children.sort(function(a,b){ // if it is a set of numbers, then sort naturally, else sort alphabetically var nodea = tree[a].node.label.toLowerCase(); var nodeb = tree[b].node.label.toLowerCase(); var ai = parseInt(nodea); var bi = parseInt(nodeb); if (isNaN(ai) || isNaN(bi)) { if(nodea < nodeb) return -1; if(nodea > nodeb) return 1; return 0; } else { if(ai < bi) return -1; if(ai > bi) return 1; return 0; } }) var hasCheckedChild = false; for (var i = 0; i < children.length; i++) { var childID = children[i]; if (tree[childID].checked == true || tree[childID].softchecked == true) { hasCheckedChild = true; } } var hasMore = false; var childrenCount = 0; for (var i = 0; i < children.length; i++) { var childID = children[i]; if (!childID) continue; var node = tree[childID].node; var safeId = this.key + childID.replace('"','\"'); var liStyle = ' data-term-id="'+safeId+'" data-term-count="'+node.count+'"'; if (!args.simple && this.moreLimit && childrenCount > (this.moreLimit - 1) && !tree[childID].checked && depth == 0 && !self.moreExpanded && (this.moreStyle != 'Default' || !hasCheckedChild)) { liStyle += ' style="display:none"'; hasMore = true; } if ((node.count > 0 && !displayZeros) || displayZeros) childrenCount += 1; // single select if (node['class'] == 'custom-date') { var fromval = ''; var toval = ''; for (var key in this.facetState) { if (key.indexOf('TO') > -1) { var from = new Date(key.split('TO')[0]); var to = new Date(key.split('TO')[1]); fromval = (from.getMonth() + 1) + '/' + from.getDate() + '/' + from.getFullYear() + '' + (from.getMonth() + 1) + '-' + from.getDate() toval = (to.getMonth() + 1) + '/' + to.getDate() + '/' + to.getFullYear() + '' + (to.getMonth() + 1) + '-' + to.getDate() // + 'TO' + to.getFullYear() + '-' + (to.getMonth() + 1) + '-' + to.getDate(); } } h += '<li class="toggle-container"><a href="#" class="toggle-button ink">'+node.label + '</a>'; h += '<div class="toggle-show">' h += '<div class="shim12"></div>'; //h += '<input name="startdate" type="text" class="field" data-mask="date" placeholder="mm/dd/yyyy" value="'+fromval+'" style="width: 84px;padding-left: 7px;font-size: 13px; padding-right: 0px;" /> '; //h += '<span class="mu" style="padding-left:2px;padding-right:5px;">TO</span>' //h += '<input name="enddate" type="text" class="field" data-mask="date" placeholder="mm/dd/yyyy" value="'+toval+'"style="width: 84px;padding-left: 7px;font-size: 13px; padding-right: 0px;" />'; h += '<div class="datepicker-container" style="float:left"><input name="startdate" type="text" class="field date-range" value="'+fromval +'" placeholder="mm/dd/yyyy" data-mask="date" style="width: 81px;padding-left: 7px;font-size: 12px; padding-right: 0px;" aria-label="Start Date" /></div> '; h += '<div class="mu" style="padding:8px 5px;float:left;">TO</div>'; h += '<div class="datepicker-container" style="float:left"><input name="enddate" type="text" class="field date-range" value="'+toval +'" placeholder="mm/dd/yyyy" data-mask="date" style="width: 81px;padding-left: 7px;font-size: 12px; padding-right: 0px;" aria-label="End Date" /></div>'; h += '<div class="clear"></div>'; h += '<div class="shim16"></div>'; h += '<input type="button" class="btn-submit facetctrl-ajax-date" value="Search Date Range" />'; h += '<div class="shim8"></div>'; h += '</div></li>'; } else if (self.singleSelect && (node.count > 0 || self.alwaysActive)) { var facetHref = this.facetCtrl.removeFilterHref(this.key); facetHref = this.facetCtrl.addFilterHref(this.key,node.param,facetHref); var color = tree[childID].checked == true ? 'mu ink' : 'ink' h += '<li'+liStyle+'><a href="'+facetHref+'" class="'+color+' facetctrl-ajax-link">'+node.label; if (this.displayCounts) h += this.facetCtrl.formatCount(node); h += '</a>'; if (tree[childID].checked || tree[childID].softchecked == true) { h += this.recursiveRender(depth+1,facetState,facetData,tree,node.id,args); } h += '</li>'; // disabled single select } else if (self.singleSelect) { var facetHref = this.facetCtrl.removeFilterHref(this.key); facetHref = this.facetCtrl.addFilterHref(this.key,node.param,facetHref); var color = tree[childID].checked == true ? 'ink' : 'ink' h += '<li'+liStyle+' class="facet-disabled"><a href="'+facetHref+'" class="'+color+' facetctrl-ajax-link">'+node.label; if (this.displayCounts) h += this.facetCtrl.formatCount(node); h += '</a>'; h += '</li>'; } else if ((tree[childID].checked == true && node.count > 0) || (tree[childID].checked == true && node.count == 0 && displayZeros)) { var facetHref = this.facetCtrl.removeFilterHref(this.key,node.param); facetHref = this.removeChildLinks(node.id,facetHref,facetData); // if there is a parent, and no siblings are selected if (node.termParent) { facetHref = this.facetCtrl.addFilterHref(this.key,node.termParent,facetHref); } if (this.href) facetHref = this.href(facetHref); h += '<li'+liStyle+'><a class="ink nu facetctrl-ajax-link checked facet-link" href="'+facetHref+'" rel="nofollow"><div class="facet-link-icon">'+this.facetCtrl.getIcon('checkbox-checked', node.label)+'</div><div class="facet-link-label">'+node.label; if (this.displayCounts) h += this.facetCtrl.formatCount(node); h += '</div></a>'; h += this.recursiveRender(depth+1,facetState,facetData,tree,node.id,args); h += '</li>'; } else if (tree[childID].softchecked == true) { // parent of checked elements var facetHref = this.facetCtrl.addFilterHref(this.key,node.param); facetHref = this.removeChildLinks(node.id,facetHref,facetData); if (this.href) facetHref = this.href(facetHref); h += '<li'+liStyle+'><a class="ink nu facetctrl-ajax-link softchecked facet-link" href="'+facetHref+'" rel="nofollow"><div class="facet-link-icon">'+this.facetCtrl.getIcon('checkbox', node.label)+'</div><div class="facet-link-label">'+node.label; if (this.displayCounts) h += this.facetCtrl.formatCount(node); h += '</div></a>'; h += this.recursiveRender(depth+1,facetState,facetData,tree,node.id,args); h += '</li>'; } else if (node.count == 0 && displayZeros) { // disabled h += '<li'+liStyle+' class="facet-disabled"><a class="ink nu facet-link" href="#"><div class="facet-link-icon">'+this.facetCtrl.getIcon('checkbox', node.label)+'</div><div class="facet-link-label">'+node.label; if (this.displayCounts) h += this.facetCtrl.formatCount(node); h += '</div></a>'; h += '</li>'; } else if (node.count > 0 || (node.count == 0 && displayZeros)) { // a normal link var facetHref = this.facetCtrl.addFilterHref(this.key,node.param); if (this.multiple == false) facetHref = this.facetCtrl.setFilterHref(this.key,node.param); facetHref = this.removeParentLinks(node.parentID,facetHref,facetData); if (this.href) facetHref = this.href(facetHref); h += '<li'+liStyle+'><a class="ink nu facetctrl-ajax-link facet-link" href="'+facetHref+'" rel="nofollow"><div class="facet-link-icon">'+this.facetCtrl.getIcon('checkbox', node.label)+'</div><div class="facet-link-label">'+node.label; if (this.displayCounts) h += this.facetCtrl.formatCount(node); h += '</div></a>'; h += '</li>'; } } if (h == '<ul>') return ''; if (this.links && this.links.length > 0) { for (var i = 0;i<this.links.length;i++) { var html = this.links[i]; h += '<li class="text-link"><a href="'; h += html.link + '" class="' h += html.class + '">'; h += html.text + '</a></li>'; } } h += '</ul>'; if (this.addValue) { h += '<div style="margin: 3px 0 0 1px;" class="toggle-container"><a href="#" class="ash toggle-button toggle-hide">+ Add</a><input type="text" class="toggle-show toggle-focus facetctrl-autocomplete" data-facet="'+this.key+'"/><div class="facetctrl-autocomplete-container facetctrl-autocomplete-small" style="position:absolute"></div></div>'; } if (hasMore && this.moreStyle == 'Default') { h += '<div class="more default-more" style="margin: 8px 0 8px"><span class="txt-arrow" aria-hidden="true">→</span> <a href="#" role="button" title="Load More '+this.label+' Filters">'+ (this.moreText || 'More') +'</a></div>'; } if (hasMore && this.moreStyle == 'AZList') { h += '<div class="more az-more" style="margin: 8px 0 8px"><span class="txt-arrow" aria-hidden="true">→</span> <a href="#" role="button" title="Load More '+this.label+' Filters">'+ (this.moreText || 'More') +'</a></div>'; } return h; } FacetList.prototype.removeChildLinks = function(parentTermID,href,facetData){ for (var i = 0; i < facetData.length; i++) { var v = facetData[i]; var termID = v.id; var termParent = v.parentID; if (termParent == parentTermID) { href = this.facetCtrl.removeFilterHref(this.key,v.param || v.id,href); href = this.removeChildLinks(termID,href,facetData); } } return href; } FacetList.prototype.removeParentLinks = function(parentTermID,href,facetData){ if (!parentTermID) return href; href = this.facetCtrl.removeFilterHref(this.key,parentTermID,href); return href; } /* ---------------------------------------------- * * Facet AZList * * ---------------------------------------------- */ function FacetAZList(args) { for (key in args) { this[key] = args[key]; } } FacetAZList.prototype.render = function() { var h = this.facetCtrl.facetStartHTML(this); var facetKey = this.key; if (this.facetCtrl.getData(this.key).length > 0) { h += '<div class="az-list" role="group" aria-label="Filter by first letter for ' + this.label+ '">'; var letters = "A B C D E F G H I J K L M N O P Q R S T U V W X Y Z".split(' '); for (var i = 0; i < letters.length; i++) { var l = letters[i]; if (this.hasAZListResults(l)) { h += '<a href="#" role="button" aria-label="Letter '+l+' - Filter for ' + this.label + '" class="letter" data-letter="'+l+'" data-facet="'+facetKey+'">'+l+'</a>'; } else { h += '<a class="disabled" role="button" aria-label="Letter '+l+' - Filter for ' + this.label + '" data-letter="'+l+'" data-facet="'+facetKey+'">'+l+'</a>'; } } h += '</div>'; h += '<div class="clear"></div>' h += '<div class="az-results"></div>'; h += this.facetCtrl.facetEndHTML(this.label,this.key,this.toggleOption); return h; } return ''; } FacetAZList.prototype.hasAZListResults = function(letter) { var facetData = this.facetCtrl.getData(this.key); var displayZeros = (typeof this.displayZeros != 'undefined') ? this.displayZeros : false; for (var i = 0; i < facetData.length; i++) { var v = facetData[i]; if (v.label.toLowerCase().indexOf(letter.toLowerCase()) == 0 && (v.count > 0 || displayZeros)) { return true; } } return false; } FacetAZList.prototype.renderAZListResults = function(letter) { var container = this.facetCtrl.jQuery('.facet-name-'+this.key).find('.az-results'); var h = ''; var facetData = this.facetCtrl.getData(this.key); facetData = facetData.sort(function(a,b){ if (a.label < b.label) return -1; return 1; }) var facetState = this.facetCtrl.getState(this.key); var displayZeros = (typeof this.displayZeros != 'undefined') ? this.displayZeros : false; h += '<br/><ul class="unbulleted">'; for (var i = 0; i < facetData.length; i++) { var v = facetData[i]; var termLabel = v.label; var termID = v.id; var count = ''; if (this.displayCounts) count += this.facetCtrl.formatCount(v); if (termLabel.toLowerCase().indexOf(letter.toLowerCase()) == 0) { if (facetState[termID] == true && v.count > 0) { var href = this.facetCtrl.removeFilterHref(this.key,termID); h += '<li><a class="nu ash facetctrl-ajax-link" href="'+href+'" rel="nofollow" role="button">'+termLabel+count+'</a></li>'; } else if (facetState[termID] == true && displayZeros) { var href = this.facetCtrl.removeFilterHref(this.key,termID); h += '<li class="facet-disabled">'+termLabel+count+'</li>'; } else if (v.count > 0) { var href = this.facetCtrl.addFilterHref(this.key,termID); h += '<li><a class="nu ink facetctrl-ajax-link" href="'+href+'" rel="nofollow" role="button">'+termLabel+count+'</a></li>'; } else if (displayZeros) { var href = this.facetCtrl.addFilterHref(this.key,termID); h += '<li class="facet-disabled">'+termLabel+'</li>'; } } } h += '</ul>' container.html(h); } FacetAZList.prototype.bindEvents = function(){ var self = this; this.facetCtrl.jQuery('.facet-name-'+this.key).on("click","a.letter",function(){ $(this).parent().find(".active").removeClass("active"); $(this).addClass("active"); self.renderAZListResults($(this).data('letter')); return false; }); var facetData = this.facetCtrl.getData(this.key); var facetState = this.facetCtrl.getState(this.key); if (facetState) { for (var key in facetState) { for (var i = 0; i < facetData.length; i++) { var v = facetData[i]; var termLabel = v.label; var termID = v.id; var letter = termLabel.toUpperCase().substring(0,1); if (termID == key) { this.facetCtrl.jQuery('.facet-name-'+this.key).find("a.letter[data-letter='"+letter+"']").click();; } } } } } /* ---------------------------------------------- * * Facet Select * * ---------------------------------------------- */ function FacetSelect(args) { this.disabled = false; for (key in args) { this[key] = args[key]; } } FacetSelect.prototype.render = function() { var h = this.facetCtrl.facetStartHTML(this); var id = this.facetCtrl.newGuid() h += '<div class="row"><div class="span1 mu" style="margin-top:5px;margin-bottom:5px;"><label for="'+id+'">' + this.selectLabel + "</label></div><div class='span2'>" h += '<div class="field-select2 nu field-select2-mini">'; h += '<select id="'+id+'">'; var facetState = this.facetCtrl.getState(this.key); for (var i = 0;i<this.options.length;i++) { var termID = this.options[i][1]; var termLabel = this.options[i][0]; if (facetState[termID] == true ) { h += '<option value="'+termID+'" selected="selected">'+termLabel+'</option>'; } else { h += '<option value="'+termID+'">'+termLabel+'</option>'; } } h += '</select></div></div></div>'; h += this.facetCtrl.facetEndHTML(this.label,this.key,this.toggleOption); return h; } FacetSelect.prototype.bindEvents = function(){ var self = this; this.facetCtrl.jQuery('.facet-name-'+this.key+'').on("change","select",function(){ var selectedVal = $('option:selected',this).attr('value'); var href = self.facetCtrl.setFilterHref(self.key,selectedVal); if (self.facetCtrl.ajax) { self.facetCtrl.history.pushState(null, null, href); } else { document.location.href = href; } return true; }); } FacetSelect.prototype.disable = function(){ this.disabled = true; } FacetSelect.prototype.enable = function(){ this.disabled = false; } /* ---------------------------------------------- * * Facet Boolean * * ---------------------------------------------- */ function FacetBoolean(args) { for (key in args) { this[key] = args[key]; } } FacetBoolean.prototype.render = function() { var h = this.facetCtrl.facetStartHTML(this); h += '<div class="nu">'; for (var i = 0;i<this.options.length;i++) { var termID = this.options[i][1]; var termLabel = this.options[i][0]; h += ' <input type="checkbox" name="'; h += this.groupName + '" value="' + termID + '"></input>'; h += ' ' + termLabel + '<br/>'; } h += '</div>'; h += this.facetCtrl.facetEndHTML(this.label,this.key,this.toggleOption); return h; } FacetBoolean.prototype.bindEvents = function(){} /* ---------------------------------------------- * * Facet Clear * * ---------------------------------------------- */ function FacetClear(args) { for (key in args) { this[key] = args[key]; } } FacetClear.prototype.render = function() { var canClear = false; var href = this.facetCtrl.getFilterHref(); for (var i = 0;i<this.facetCtrl.parsedFacetState.length;i++) { var d = this.facetCtrl.parsedFacetState[i]; var facetKey = d[0]; var facetVal = d[1]; if(this.facetCtrl.isFacet(facetKey)){ href = this.facetCtrl.removeFilterHref(facetKey,facetVal,href); canClear = true; } } if (canClear) { return '<div class="facet-control facet-clear"><a href="'+href+'" class="btn-submit facetctrl-ajax-link facet-clear-all facetctrl-event-clear">Clear All Selections</a></div>'; } else { return ''; } } FacetClear.prototype.bindEvents = function(){} /* ---------------------------------------------- * * Facet HTML * * ---------------------------------------------- */ function FacetHTML(args) { for (key in args) { this[key] = args[key]; } } FacetHTML.prototype.render = function() { return this.html; } FacetHTML.prototype.bindEvents = function(){} /* ---------------------------------------------- * * Facet Group * * ---------------------------------------------- */ function FacetGroup(args) { for (key in args) { this[key] = args[key]; } this.children = []; } FacetGroup.prototype.append = function(facet){ this.children.push(facet); } FacetGroup.prototype.getFacets = function(){ var k = [] for (var i = 0; i < this.children.length; i++ ) { k.push(this.children[i]) } return k; } FacetGroup.prototype.render = function(){ var h = ""; if (this.label) h += this.facetCtrl.facetStartHTML(this); h += '<div class="facet-group">'; var lastType = ''; for (var i = 0; i < this.children.length; i++ ) { var fhtml = this.children[i].render(); lastType = this.children[i].constructor.name if (fhtml) { h += '<div class="facet-container-'+ ( this.children[i].key || i ) +'">'; h += '<div class="hr3"></div>' h += fhtml; h += '</div>'; } } if (lastType != 'FacetHTML') { h += '<div class="hr3 facet-last-hr"></div>' } h += '</div>'; if (this.label) h += this.facetCtrl.facetEndHTML(this.label,this.key,this.toggleOption); return h; } FacetGroup.prototype.bindEvents = function(){ for (var i = 0; i < this.children.length; i++ ) { this.children[i].bindEvents(); } $(".toggle-container",this.facetCtrl.container).each(function(){ var $c = $(this); if ($(this).hasClass('analytics-bound')) return; $(this).addClass('analytics-bound'); $('> div > .kappa-uc > .toggle-button',$c).on('click',function(){ var id = $c.attr('id'); if (!id) return; if ($(this).find('.icon-plusbox').length == 0) { if (window.analytics) analytics.event(id.toLowerCase()+'-closed') } else { if (window.analytics) analytics.event(id.toLowerCase()+'-opened') } return true; }) }) } /* ---------------------------------------------- * * Facet Controller * * ---------------------------------------------- */ function FacetController(args) { for (key in args) { this[key] = args[key]; } this.ajaxCache = {}; this.ajaxEventsBound = false; this.ajaxConnectionActive = false; this.jQuery = FacetController.libs.jQuery; this.history = FacetController.libs.History; this.imagesLoaded = FacetController.libs.ImagesLoaded; this.facets = []; this.language = 'en'; if (document.location.href.indexOf('/cn/') > -1) { this.language = 'cn'; } } FacetController.prototype.bindEvents = function(){ if (this.group) this.group.bindEvents(); if (this.groupMobile) { this.groupMobile.bindEvents(); } if (this.ajax && this.history && this.ajaxEventsBound == false) { this.bindAjaxEvents(); } this.autocompleteEvents(); // add accessibility tags $(".facetctrl-ajax-html,.facetctrl-results").attr('aria-live','polite') } FacetController.prototype.newGuid = function() { return 'Axxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8); return v.toString(16); }).toUpperCase(); } FacetController.prototype.autocompleteEvents = function(){ if(typeof $(".facetctrl-autocomplete").autocomplete == 'function' && $(".facetctrl-autocomplete").not('.autocomplete-installed').length > 0){ $.ui.autocomplete.prototype._renderItem = function( ul, item) { var t = item.label; var parts = this.term.split(' '); for (var i = 0;i<parts.length;i++) { if (parts[i]) { var re = new RegExp(parts[i], "ig"); t = t.replace(re,'<b>' + parts[i] + "</b>"); } } t = t.replace(/<<b>b<\/b>>/g,'<b>'); t = t.replace(/<\/<b>b<\/b>>/g,'</b>'); if (t.indexOf('<b>') == -1 && item.highlight) t = item.highlight if (item.collection) t = t + ' <b class="sub">in ' + item.collection + '</b>'; return $( "<li></li>" ) .data( "item.autocomplete", item ) .append( "<a>" + t + "</a>" ) .appendTo( ul ); }; $(".facetctrl-autocomplete").each(function(){ var container = $(this).parent().find('.facetctrl-autocomplete-container'); $(this).autocomplete({ source: function(request,response) { var facet = $(this.element).data('facet'); var extra = ''; if (facet) { extra = facet = '&facet='+facet} $.ajax({ url: '?' + document.location.search.replace('?','') + '&_autocomplete=1&step=6&_q='+encodeURIComponent(request.term) + extra, //url: '?_autocomplete=1&q='+encodeURIComponent(request.term) + extra, dataType: 'json', contentType: 'application/json; charset=utf-8', success: function(data, status, resp) { var r = []; r = $.map(data,function(item,index){ var t = item.t; var v = item.t; if (t.indexOf('|l=') > -1) { v = t.split('|t=')[1].split('|')[0]; t = t.split('|l=')[1].split('|')[0]; } return { label: t, highlight: item.highlight, value: v } }) response(r); } }); }, minLength: self.minLength ? self.minLength : 1, delay: self.delay ? self.delay : 0, select: function( event, ui ) { var href = ''; var facet = $(this).data('facet'); if (facet) { href = self.facetCtrl.addFilterHref(facet || 'q',ui.item.value); } else { href = self.facetCtrl.setFilterHref(facet || 'q',ui.item.value); } if (self.facetCtrl.ajax) { self.facetCtrl.history.pushState(null, null, href); } else { document.location.href = href; } }, appendTo: container }) $(this).addClass('autocomplete-installed'); }) } } FacetController.prototype.bindAjaxEvents = function(){ var self = this; self.ajaxEventsBound = true; try { // course schedule viewer iframe doesn't like this this.state = this.history.getState(); } catch (error) { } $(window).unbind('.search1'); this.history.Adapter.bind(window,'statechange.search1',function(){ if (window.analytics) analytics.pageView(document.location.href); self.updateState(); }); $(this.container).on('reload',function(){ self.updateState({force:true}); }) window.wcmReload = function(){ self.updateState({force:true, timeout:30000}); } $(this.container).on("click",".facetctrl-ajax-link",function(e){ // nasty history.js bug https://github.com/balupton/history.js/pull/64 // use this version instead https://github.com/andreasbernhard/history.js if (self.isLoading()) { return false; } $(this).trigger('icontoggle') if ($(this).parents('.facetctrl-sticky-target').length) { self.facetCtrl.closeFacets = true; // looks like a bug } if (window.analytics) { if ($(this).hasClass('facetctrl-event-clear')) analytics.event("clear-search") } if ($(this).hasClass('facetctrl-scroll-top')) { if (document.getElementById('s4-workspace')) { $('#s4-workspace,html,body').animate({scrollTop: 0}, 0,'swing',function(){ }); } else { $('html,body').animate({scrollTop: 0}, 0,'swing',function(){ }); } } var href = this.href; /*if (href.indexOf('page=') > -1){ href += '&_ajax_pagination=1' }*/ if (!e.screenX) { // keyboard click self.saveFocus($(this).parent().data('term-id')); } self.history.pushState(null, null, href); return false; }) $(this.container).on("click","a.facetctrl-ajax-nextpage",function(){ // load more results, but don't change the facets or the URL if (window.analytics) analytics.event("show-more") if (self.isLoading()) { return false; } var href = this.href; self.nextPage(href); return false; }) $(this.container).on("click","a.facetctrl-ajax-pages",function(){ // load more results, but don't change the facets if (self.isLoading()) { return false; } var href = this.href; self.nextPage(href); return false; }) function inputchange(el){ var name = $(el).attr('name'); var val = $(el).val(); var oldval = framework.URI().search(true)[name]; var oldhref = self.getFilterHref(); var href = self.setFilterHref(name,val); if (oldhref != href && val != oldval) { self.history.pushState(null, null, href); } } $(this.container).on("blur update",".facetctrl-ajax-input",function(){ inputchange(this); }); $(this.container).on("focus",".facetctrl-ajax-input",function(){ $(this).unbind('keypress.facetctrl'); $(this).bind('keypress.facetctrl',function(e){ if (e.which == 13) { inputchange(this); $(this).trigger('enter'); return false; } }) }); /* $(this.container).on("keydown",".facetctrl-ajax-input",function(e){ if(e.which == 13) { alert('inputchange'); //inputchange(this); e.preventDefault(); return false; } else { return true; } return false; }); */ $(this.container).on("change",".facetctrl-radio-grp input",function(){ var name = $(this).attr('name'); var val = $(this).val(); var href = self.setFilterHref(name,val); self.history.pushState(null, null, href); }) $(this.container).on("closed",".facetctrl-ajax-facet",function(){ $(".facetctrl-ajax-facet-target",this).html(''); }) function drawFacet(thisInput,refresh) { var facet = $(thisInput).data('facet'); if (!refresh) { $(".facetctrl-ajax-facet-target",thisInput).html('Loading...'); } $(".facetctrl-ajax-facet-target",thisInput).addClass('facetctrl-loading'); var url = framework.URI().setQuery({"_autocomplete":1,"step":"9999","facet":facet}).removeQuery("debug").search() $.ajax({ url: url, dataType: 'json', contentType: 'application/json; charset=utf-8', success: function(data, status, resp) { var checked = {}; for (var j = 0;j<self.parsedFacetState.length;j++) { var d = self.parsedFacetState[j]; var facetKey = d[0]; var facetValue = d[1]; if (facetKey == facet) { checked[facetValue] = 1 } } var html = ['<ul class="facet-list nu filtering-list facetctrl-fade">'] var hasResults = false; if ($(thisInput).data('facet-sort').indexOf('alpha') != -1) { data = data.sort(function(a,b){ if (a.t > b.t) return 1; if (a.t < b.t) return -1; return 0; }) } if ($(thisInput).data('facet-sort').indexOf('numeric') != -1) { data = data.sort(function(a,b){ var numa = parseInt(a.t,10); var numb = parseInt(b.t,10); if (numa > numb) return 1; if (numa < numb) return -1; return 0; }) } if ($(thisInput).data('facet-sort').indexOf('reverse') != -1) { data.reverse(); } for (var i = 0;i<data.length;i++){ var d = data[i]; var count = self.formatCount(d); var li; if (checked[d.t]) { li = '<li><a class="ink facetctrl-ajax-toggle" href="#" data-facet="'+facet+'" data-value="'+encodeURIComponent(d.t)+'"><span class="icon-checkbox-checked"></span>'+d.t+count+'</a></li>' } else { li = '<li><a class="ink facetctrl-ajax-toggle" href="#"data-facet="'+facet+'" data-value="'+encodeURIComponent(d.t)+'"><span class="icon-checkbox"></span>'+d.t+count+'</a></li>' } html.push(li) hasResults = true; } html.push('</ul>') if (hasResults) { $(".facetctrl-ajax-facet-show-if-results",thisInput).show(); $(".facetctrl-ajax-facet-target",thisInput).html(html.join('')) } else { $(".facetctrl-ajax-facet-target",thisInput).html('No options'); } $(".facetctrl-ajax-facet-target .facetctrl-ajax-toggle").on('click',function(){ var facet = $(this).data('facet'); var value = decodeURIComponent($(this).data('value')); if ($(this).find('.icon-checkbox-checked').length) { $(this).find('.icon-checkbox-checked').toggleClass('icon-checkbox-checked icon-checkbox'); var href = self.removeFilterHref(facet,value); self.history.pushState(null, null, href); } else { $(this).find('.icon-checkbox').toggleClass('icon-checkbox-checked icon-checkbox'); var href = self.addFilterHref(facet,value); self.history.pushState(null, null, href); } //drawFacet(thisInput,true); //jg //$(self.container).one("facetctrl.update.complete",function(){ // drawFacet(thisInput,true); //}); return false; }) $(".facetctrl-ajax-facet-target",thisInput).parent().scrollTop(1).scrollTop(0); // toggle scrollbar for ios $(".dropdown-menu3",thisInput).trigger('reposition'); $(".facetctrl-ajax-facet-target",thisInput).removeClass('facetctrl-loading'); }, error: function(xhdr,msg,err){ console.error(msg); } }); } $(this.container).on("opened",".facetctrl-ajax-facet",function(){ drawFacet(this); }) $(this.container).on("change","select.facetctrl-field",function(){ var name = $(this).attr('name'); var val = $(this).val(); var href = self.setFilterHref(name,val); self.history.pushState(null, null, href); }) $(window).bind('scroll.search1',function(){ if (!$("html").hasClass('ua-desktop')) { var target = $('.facetctrl-sticky-target').eq(0); var istarget = $('.facetctrl-sticky-target').length; if (target && istarget) { var ypos = $(this).scrollTop(); var targetTop = target.offset().top; if (ypos > targetTop) { $('.facetctrl-sticky').addClass('active'); } else { $('.facetctrl-sticky').removeClass('active'); } } } }); $('.facetctrl-sticky a').click(function(){ $('.facetctrl-sticky-target .toggle-container:not(.toggled) a.toggle-button').eq(0).click(); }); } FacetController.prototype.formatCount = function(node) { var num = node.count || node.c || ''; if (num == '') return ''; return ' ('+num.replace(/\B(?=(\d{3})+(?!\d))/g, ",")+')'; } FacetController.prototype.nextPage = function(url){ this.loading(); var self = this; self.ajaxConnectionActive = true; jQuery.ajax( { url: url, timeout:5000, success:function(data){ self.data.page += 1; self.redraw(data,true); self.doneLoading(); self.ajaxConnectionActive = false; $(self.container).trigger("facetctrl.nextpage.complete"); }, error: function(){ document.location = url.replace('_ajax_pagination=1','') } }) } FacetController.prototype.updateState = function(args){ this.historyState = this.history.getState(); this.ajaxConnectionActive = true; var args = args || {}; args.force = args.force || false; var url = this.historyState.url; if (this.ajaxCache[url] && args.force == false) { var self = this; this.loading(); window.setTimeout(function(){ var data = self.ajaxCache[url]; self.redraw(data); self.doneLoading(); self.ajaxConnectionActive = false; $(self.container).trigger("facetctrl.update.complete"); },400); } else { this.loading(); var self = this; jQuery.ajax( { url: this.historyState.url, timeout:args.timeout || 5000, success:function(data){ console.timeEnd('dataLoaded'); console.time('redraw'); //self.ajaxCache[self.historyState.url] = data; // save memory self.redraw(data); self.doneLoading(); self.ajaxConnectionActive = false; $(self.container).trigger("facetctrl.update.complete"); console.timeEnd('redraw'); }, error: function(){ if (!window.wcm) {document.location = self.historyState.url} } }) } } FacetController.prototype.loading = function(){ console.time('dataLoaded'); $(this.container).addClass("facetctrl-loading"); framework.progress.start(); } FacetController.prototype.doneLoading = function(){ var self = this; self.restoreFocus() window.setTimeout(function(){ $(self.container).removeClass("facetctrl-loading"); framework.progress.done(); if (window.dlg) {window.dlg.close()}; },1) } FacetController.prototype.isLoading = function(){ return this.ajaxConnectionActive; } FacetController.prototype.getIcon = function(icon, alt){ if (icon == 'checkbox') { return '<span class="icon-checkbox icon-svg"><img src="https://d1gfwsbop52idw.cloudfront.net/static/shared/images/framework/3.0/icon-checkbox.svg" tab-index="0" aria-checked="false" role="checkbox" alt="" aria-label="' + alt +'"/></span>' } if (icon == 'checkbox-checked') { return '<span class="icon-checkbox-checked icon-svg"><img src="https://d1gfwsbop52idw.cloudfront.net/static/shared/images/framework/3.0/icon-checkbox-checked.svg" tab-index="0" aria-checked="true" role="checkbox" alt="" aria-label="' + alt +'" aria-checked="true"/></span>' } } FacetController.prototype.updateInputFields = function(){ for (var i = 0;i<this.facets.length;i++) { var facet = this.facets[i].key; var facetValue = null; for (var j = 0;j<this.parsedFacetState.length;j++) { var d = this.parsedFacetState[j]; var facetKey = d[0]; if (facetKey == facet) { facetValue = d[1]; } } if (facetValue == null) { $(this.container).find('input:text').each(function(){ if (this.name == facet && $(this).val() != '' && !$(this).is(':focus')) { $(this).val('') } }) } else { $(this.container).find('input:text').each(function(){ if (this.name == facet && !$(this).is(':focus') && !$(this).hasClass('facetctrl-ajax-textq')) { $(this).val(facetValue) } }) } } } FacetController.prototype.redraw = function(data,append){ // sync html areas var self = this; var newdoc = document.createElement('div'); newdoc.innerHTML = data; // new result has no isotope, uninstall it if (data && $(newdoc).find(".facetctrl-isotope-results").length == 0) { $(this.container).find(".facetctrl-isotope-results").removeClass('facetctrl-isotope-results'); } // isotope container already exists, and new result has more isotope var isotopeInserted = false; $(this.container).find(".facetctrl-isotope-results.isotope-installed").each(function(){ self.redrawIsotope(data,this,append); isotopeInserted = true; }) if (data) { var id = $(self.container).attr('id'); $(newdoc).find("#" + id + " .facetctrl-ajax-classes").each(function(i){ var classes = $(this).attr('class'); $(self.container).find(".facetctrl-ajax-classes").eq(i).attr('class',classes); }) $(newdoc).find("#" + id + " .facetctrl-ajax-html").each(function(i){ var html = $(this).html(); if ($(this).hasClass('facetctrl-ajax-noupdate')) { // pass } else if ($(this).hasClass('facetctrl-ajax-append') && append) { $(self.container).find(".facetctrl-ajax-html").eq(i).append('<div class="facetctrl-appended">'+html+'</div>'); } else if (!append) { $(self.container).find(".facetctrl-ajax-html").eq(i).html(html); } }) $(newdoc).find("#" + id + " .facetctrl-results").each(function(){ var html = $(this).html(); if (append && !isotopeInserted) { $(self.container).find(".facetctrl-results").append('<div class="facetctrl-appended">'+html+'</div>'); } else if (!isotopeInserted) { $(self.container).find(".facetctrl-results").html(html); } else { $(self.container).find('.facetctrl-no-results').remove() $(self.container).find('.facetctrl-results').append($(this).find('.facetctrl-no-results')); } }); var facetState = document.location.search; if (append) { $(document).trigger('framework.domupdate'); } else { eval($(newdoc).find("script[type='text/facetconfig']").html()); var facetData = eval($(newdoc).find("script[type='text/facetdata']").html()); self.loadData(facetData,facetState); self.render(); } var newtitle = $(newdoc).find('title').eq(0).text() if (newtitle) document.title = newtitle; $(self.container).trigger("facetctrl.ajax.complete",{"html":data}); } // isotope container was newly installed $(this.container).find(".facetctrl-isotope-results").each(function(){ if (!$(this).hasClass("isotope-installed")) { $(this).addClass("isotope-installed"); self.installIsotope(this); self.redrawIsotope(data,this,append); } }) if (self.closeFacets) { $(this.container).find('.toggle-button').click(); framework.scrollTo(document.getElementById('search1-app')) self.closeFacets = false; } self.updatePagination(); if (window.authoring) window.authoring.reload(); } FacetController.prototype.redrawIsotope = function(data,results,append){ var $results = $(results); var self = this; if (data) { if (!append) { $(this.container).find(".facetctrl-isotope-element").removeClass("visible"); $(this.container).find(".facetctrl-isotope-element").hide(); } var div = document.createElement('div'); div.innerHTML = data; var $newItems = $(div).find(".facetctrl-isotope-element").filter(function(){ if (document.getElementById(this.id)) { var newposition = $(this).attr('data-position'); $(document.getElementById(this.id)).html($(this).html()); $(document.getElementById(this.id)).addClass("visible").attr('data-position',newposition); $(document.getElementById(this.id)).show(); return false; } return true; }); $newItems.addClass("visible"); this.iso.insert($newItems); } else { $(this.container).find(".facetctrl-isotope-element").addClass("visible"); } $(this.container).addClass('facetctrl-animating'); this.iso.reloadItems(); this.iso.on("layoutComplete",function(){ $(self.container).removeClass('facetctrl-animating'); $(document).trigger('framework.domupdate'); $('.facetctrl-isotope-results.invisible',self.container).removeClass('invisible'); if(typeof Widgets != 'undefined') $(document).ready(Widgets.refresh); }); var $container = $('.facetctrl-isotope-results'); $container.imagesLoaded( function() { iso.layout(); }); this.iso.arrange({filter:".visible"}) } FacetController.prototype.installIsotope = function(results){ //var windowSize = $(window).width(); var gutterWidth = 24; //var columnWidth = Math.floor(($('.facetctrl-isotope-results').width() / 3) - (2 * gutterWidth)); /*if (windowSize <= 650) { gutterWidth = 0; } else if (windowSize > 651 && windowSize < 1020 ) { gutterWidth = 8; } else if (windowSize >= 1020) { gutterWidth = 24;}*/ var options = { itemSelector : '.facetctrl-isotope-element', masonry: { gutter: gutterWidth }, getSortData : { position: function (itemElem) { var weight = $(itemElem).attr('data-position') return parseInt(weight); } }, sortBy: 'position' } this.iso = window.iso = new FacetController.libs.Isotope(results,options); var $container = $('.facetctrl-isotope-results'); $container.imagesLoaded( function() { iso.layout(); }); } FacetController.prototype.install = function(group){ this.group = group; this.facets = group.getFacets(); } FacetController.prototype.installMobile = function(groupMobile){ return; this.groupMobile= groupMobile; } FacetController.isReady = false; FacetController.ready = function(callback) { if (FacetController.isReady) { callback(); return; } var libs = [ 'https://webassets.hbs.edu/libs/isotope/isotope.pkgd.min.js', 'https://webassets.hbs.edu/libs/imagesloaded/imagesloaded.pkgd.min.js', 'https://webassets.hbs.edu/libs/jquery/history/jquery.history.js']; //if ($.ui) { //libs.splice(1,1) //} /*var link = document.createElement("link"); link.type = "text/css"; link.rel = "stylesheet"; link.href = 'http://www.hbs.edu/shared/components/search/search.css'; if (document.location.href.indexOf('dev.exed.hbs.edu') > -1) { link.href = 'http://webdev.hbs.edu/shared/components/search/search.css'; } document.getElementsByTagName("head")[0].appendChild(link);*/ requirejs.config({waitSeconds:60}); requirejs(libs,function(Isotope){ FacetController.libs = {} FacetController.libs.Isotope = Isotope; FacetController.libs.ImagesLoaded = window.ImagesLoaded; FacetController.libs.History = window.History; FacetController.libs.jQuery = window.jQuery; FacetController.isReady = true; callback(); }); } FacetController.prototype.loadData = function(facetData) { this.data = {}; this.data.facets = {}; this.data.pages = facetData.pages; this.data.page = facetData.page; this.data.query = facetData.query; this.data.breadcrumb = facetData.breadcrumb; this.data.total = facetData.total; this.state = {}; if (this.history && this.history.getState) { this.facetState = this.history.getState().url.split('#')[0]; } else { this.facetState = document.location.search.split('#')[0]; } this.parsedFacetState = this.getFacetStateFromQueryString(this.facetState); for (var i = 0;i<this.parsedFacetState.length;i++) { var d = this.parsedFacetState[i]; facetKey = d[0]; facetId = d[1]; if (!this.state[facetKey]) this.state[facetKey] = {}; this.state[facetKey][facetId] = true; } for (var i = 0;i<facetData.facets.length;i++) { var d = facetData.facets[i]; if (typeof d != 'undefined' && d.facet) { var facetKey = d.facet; if (d.packed && d.packed.indexOf('|') > -1) { var parts = d.packed.split('|'); d.id = parts[1].replace('t=',''); d.label = d.id; if (parts[2]) d.parentID = parts[2].replace('p=',''); } if (!this.data.facets[facetKey]) this.data.facets[facetKey] = []; if (!this.state[facetKey]) this.state[facetKey] = {}; this.data.facets[facetKey].push(d); } } }; FacetController.prototype.onRender = function(callback) { this.renderCallback = callback; } FacetController.prototype.render = function(callback) { this.renderCallback(); $(this.container).addClass('rendered'); var self = this; var refiners = []; var query = []; for (var i = 0;i<this.parsedFacetState.length;i++) { var d = this.parsedFacetState[i]; var facetKey = d[0]; var facetValue = d[1]; var facetLabel = this.findLabel(facetKey,facetValue); if(facetKey!='page' && facetKey != 'facet' && self.data.facets[facetKey] != undefined){ refiners.push(facetKey + ' : '+facetLabel); } if (facetKey == 'q') { query.push(facetValue); } } if (refiners.length > 0 || query) { var ttl = this.data.total; if (window.analytics) { analytics.search(query.join(" and ") || '',ttl || '',refiners); } else if (window.tagManager) { window.tagManager.getAnalytics(function(analytics){ analytics.search(query.join(" and ") || '',ttl || '',refiners); }) } else { window._analytics = window._analytics || []; window._analytics.push(function(){ analytics.search(query.join(" and ") || '',ttl || '',refiners); }); } } if (!this.setupComplete) { self.redraw(false); self.setupComplete = true; } if (this.onRefreshComplete) this.onRefreshComplete(); } FacetController.prototype.getState = function(key) { var facetState = this.state[key]; if (!facetState) return []; return facetState; } FacetController.prototype.isSelected = function(key) { for (var p in this.state[key]) { return true; } return false; } FacetController.prototype.getData = function(key) { var facetData = this.data.facets[key]; if (!facetData) return []; return facetData; } FacetController.prototype.saveFocus = function(key) { self.previousFocus = key } FacetController.prototype.restoreFocus = function() { if (self.previousFocus) { $(self.container).find('[data-term-id]').each(function(){ if ($(this).data('term-id') == self.previousFocus) { $(this).find('a').eq(0).focus(); } }) self.previousFocus = null } } //headerTitle,label,key,defaultCollapsed,disabled,deferLoad FacetController.prototype.facetStartHTML = function(facet) { var languageContainer = ''; var label = facet.label var key = facet.key; var defaultCollapsed = facet.defaultCollapsed; var disabled = facet.disabled; var deferLoad = facet.deferLoad; if (typeof Search != 'undefined' && typeof Search.Settings.LanguageContainer != 'undefined') languageContainer = Search.Settings.LanguageContainer; var h = '<div class="facet-control">'; if (defaultCollapsed && this.isSelected(key)) defaultCollapsed = false; var cls = (defaultCollapsed && !deferLoad) ? 'toggle-hide' : 'toggle-show'; var memory = ' has-memory'; if (this.isSelected(key)) memory = ''; if (typeof facet.toggle != 'undefined' && !facet.toggle) { h += '<div class="facet-name-'+key+'" id="facet-'+key+'">'; h += '<div><h2 class="kappa-uc">' + label+'</div></h2>'; h += '<div class="nu">'; } else if (disabled && label) { h += '<div class="facet-name-'+key+' facet-disabled">'; h += '<div><h2 class="kappa-uc"><a href="#" role="button" aria-expanded="false" class="toggle-button ' + languageContainer + ' black">'; h += '<span class="icon-plusbox"></span>'+label+'</a></h2>'; h += '</div>'; h += '<div class="nu hidden">'; } else if (disabled) { h += '<div class="nu hidden">'; } else if (label && deferLoad && this.getData(key).length == 0) { // nothing has been loaded yet var href = this.addFilterHref('facet',key); h += '<div class="facet-name-'+key+'">'; h += '<div><h2 class="kappa-uc"><a href="'+href+'" aria-expanded="false" class="facetctrl-ajax-link black">'; h += '<span class="icon-plusbox"></span>'+label+'</a></h2>'; h += '</div>'; h += '<div class="nu">'; } else if (label) { h += '<div class="toggle-container'+memory+' facet-name-'+key+'" id="facet-'+key+'">'; h += '<div class="'+cls+'"><h2 class="kappa-uc"><a href="#" role="button" aria-expanded="false" class="toggle-button ' + languageContainer + ' black">'; h += '<span class="icon-plusbox"></span>'+label+'</a></h2>'; h += '</div>'; cls = (defaultCollapsed && !deferLoad) ? 'toggle-show' : 'toggle-hide'; h += '<div class="'+cls+'"><h2 class="kappa-uc"><a href="#" aria-expanded="true" role="button" class="toggle-button ' + languageContainer + ' black">'; h += '<span class="icon-minusbox"></span>'+label+'</a></h2>'; h += '</div>'; h += '<div class="'+cls+' has-slide nu">'; } else { h += '<div class="facet-name-'+key+'"><div>' } return h; } FacetController.prototype.facetEndHTML = function() { var h = '</div></div></div>'; return h; } FacetController.prototype.renderNavigation = function(facetName) { var h = '<div class="facet-pattern2"><h2 class="visually-hidden">Filters</h2>'; if (facetName) { for (var i = 0; i < this.group.children.length; i++ ) { var facet = this.group.children[i]; if (facetName == facet.key) { return facet.render({simple:true}); } } } else { if (this.group) h += this.group.render(); } h += '</div>'; return h; } FacetController.prototype.renderNavigationMobile = function() { return ''; var h = '<div class="facet-pattern">'; h += this.groupMobile.render(); h += '</div>'; return h; } FacetController.prototype.isFacet = function(facetKey) { //if (facetKey == 'q') return false; if (facetKey == 'sort') return false; for (var i=0;i<this.facets.length;i++) { if (this.facets[i].key == facetKey) return true; } return false; } FacetController.prototype.getFacet = function(facetKey) { //if (facetKey == 'q') return false; for (var i=0;i<this.facets.length;i++) { if (this.facets[i].key == facetKey) return this.facets[i]; } return false; } FacetController.prototype.findLabel = function(facetKey, value, breadcrumb) { var d = this.getData(facetKey); if (d) { for (var i = 0;i<d.length;i++) { var data = d[i]; if (value == data.id || value == data.param) { var f = this.getFacet(data.facet); if (f && f.labelfn) { return f.labelfn(data.label,data,1);} if (breadcrumb && data.breadcrumb) return data.breadcrumb; return data.label; //Display Label } } } return value; } // make safe for printing FacetController.prototype.p = function(str) { if (!str) return ''; return str.replace(/\+/g,' ').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"'); } FacetController.prototype.renderBreadcrumb = function(){ if (this.singleSelect) { for (var i = 0;i<this.parsedFacetState.length;i++) { var d = this.parsedFacetState[i]; var facetKey = d[0]; var facetValue = d[1]; var facetLabel = this.findLabel(facetKey,facetValue,1); if(this.isFacet(facetKey)){ var href = this.removeFilterHref(facetKey,facetValue); return '<h2 class="gamma">'+this.p(facetLabel) + '</h2>' } } } var bcrumb = ''; for (var i = 0;i<this.parsedFacetState.length;i++) { var d = this.parsedFacetState[i]; var facetKey = d[0]; var facetValue = d[1]; var facetLabel = this.findLabel(facetKey,facetValue,1); if(this.isFacet(facetKey)){ var href = this.removeFilterHref(facetKey,facetValue); bcrumb += '<a class="ink facetctrl-ajax-link facetctrl-event-clear" href="'+href+'">'+this.p(facetLabel)+'<span class="icon-circle-close-red"></span></a> <span class="txt-arrow eta" aria-hidden="true">→</span> '; } } if (bcrumb) {bcrumb = '<h2 class="eta">' + bcrumb + '</h2>'} return bcrumb; } FacetController.prototype.renderPagination = function(){ return '<div class="facetctrl-ajax-pagination"></div>' } FacetController.prototype.updatePagination = function(){ var self = this; $(this.container).find(".facetctrl-ajax-pagination").each(function(){ var qs = '?' + (window.SESSION_QUERYSTRING || ''); for (var i = 0;i<self.parsedFacetState.length;i++) { var d = self.parsedFacetState[i]; if ( d[0] != 'page') { qs += '&' + d[0] + '=' + encodeURIComponent(d[1]); } } if((self.data.page) < self.data.pages) { $(this).attr('style','text-align:center;display:block !important;margin-top:20px;margin-bottom:32px;'); $(this).addClass('hbsred-bg').removeClass("hidden"); qs += '&_ajax_pagination=1&page=' + (self.data.page + 1); qs = qs.replace('?&','?'); var label = $(".btn-bar",self.container).text(); $(this).html('<a href="'+qs+'" role="button" class="facetctrl-ajax-nextpage white lambda-uc btn-bar hbsred-bg" title="Load More Results">'+label+'<span class="icon-expand-white" style="margin-left:10px;margin-bottom:1px;"></span></a>'); }else{ $(this).attr('style','display:none;'); } }); } FacetController.prototype.addFilterHref = function(key,val,querystring) { var qs = '?' + (window.SESSION_QUERYSTRING || ''); var found = false; for (var i = 0;i<this.parsedFacetState.length;i++) { var d = this.parsedFacetState[i]; if (d[0] == 'page') continue; qs += '&' + d[0] + '=' + encodeURIComponent(d[1]); if (d[0] == key && d[1] == val) found = true; } if (querystring) qs = querystring; if (!found) { qs += '&' + key + '=' + encodeURIComponent(val); } qs = qs.replace('?&','?'); return qs; } FacetController.prototype.removeFilterHref = function(key,val,href) { var qs = '?' + (window.SESSION_QUERYSTRING || ''); var facetState = this.parsedFacetState; if (href) facetState = this.getFacetStateFromQueryString(href); for (var i = 0;i<facetState.length;i++) { var d = facetState[i]; if (key == d[0] && val == d[1]) { //pass } else if (d[0] == 'page') { //pass } else if (key == d[0] && !val) { //pass } else { qs += '&' + d[0] + '=' + encodeURIComponent(d[1]); } } qs = qs.replace('?&','?') return document.location.pathname + qs; } FacetController.prototype.removeFacetFilterHref = function() { var facetHref = null; for (var j = 0; j<this.facets.length; j++) { var f = this.facets[j]; if (f.key) facetHref = this.removeFilterHref(f.key,null,facetHref); } return facetHref; } FacetController.prototype.setFilterHref = function(key,val) { var qs = '?' + (window.SESSION_QUERYSTRING || ''); for (var i = 0;i<this.parsedFacetState.length;i++) { var d = this.parsedFacetState[i]; if (key == d[0]) { //pass } else if (d[0] == 'page') { //pass } else { qs += '&' + d[0] + '=' + encodeURIComponent(d[1]); } } if (val) qs += '&' + key + '=' + encodeURIComponent(val); qs = qs.replace('?&','?') return document.location.pathname + qs; } FacetController.prototype.getFilterHref = function() { var qs = '?' for (var i = 0;i<this.parsedFacetState.length;i++) { var d = this.parsedFacetState[i]; qs += '&' + d[0] + '=' + encodeURIComponent(d[1]); } qs = qs.replace('?&','?') return qs; } FacetController.prototype.getFacetStateFromQueryString = function(qs) { var queryParam = []; var self = this; if (qs) { qs.replace( new RegExp("([^?=&]+)(=([^&]*))?", "g"), function($0, $1, $2, $3) { if ($3) { if (!self.validParams || $.inArray($1,self.validParams) > -1) { var val = $3.replace(/\+/g, '%20'); queryParam.push([$1,decodeURIComponent(val)]); } } } ); } return queryParam; }; /** * @fileoverview TextResizeDetector * * Detects changes to font sizes when user changes browser settings * <br>Fires a custom event with the following data:<br><br> * iBase : base font size * iDelta : difference in pixels from previous setting<br> * iSize : size in pixel of text<br> * * * @author Lawrence Carvalho carvalho@uk.yahoo-inc.com * @version 1.0 */ /** * @constructor */ TextResizeDetector = function() { var el = null; var iIntervalDelay = 200; var iInterval = null; var iCurrSize = -1; var iBase = -1; var aListeners = []; var createControlElement = function() { el = document.createElement('span'); el.id='textResizeControl'; el.innerHTML=' '; el.style.position="absolute"; el.style.left="-9999px"; var elC = document.getElementById(TextResizeDetector.TARGET_ELEMENT_ID); // insert before firstChild if (elC) elC.insertBefore(el,elC.firstChild); iBase = iCurrSize = TextResizeDetector.getSize(); }; function _stopDetector() { window.clearInterval(iInterval); iInterval=null; }; function _startDetector() { if (!iInterval) { iInterval = window.setInterval('TextResizeDetector.detect()',iIntervalDelay); } }; function _detect() { var iNewSize = TextResizeDetector.getSize(); if(iNewSize!== iCurrSize) { for (var i=0;i <aListeners.length;i++) { aListnr = aListeners[i]; var oArgs = { iBase: iBase,iDelta:((iCurrSize!=-1) ? iNewSize - iCurrSize + 'px' : "0px"),iSize:iCurrSize = iNewSize}; if (!aListnr.obj) { aListnr.fn('textSizeChanged',[oArgs]); } else { aListnr.fn.apply(aListnr.obj,['textSizeChanged',[oArgs]]); } } } return iCurrSize; }; var onAvailable = function() { if (!TextResizeDetector.onAvailableCount_i ) { TextResizeDetector.onAvailableCount_i =0; } if (document.getElementById(TextResizeDetector.TARGET_ELEMENT_ID)) { TextResizeDetector.init(); if (TextResizeDetector.USER_INIT_FUNC){ TextResizeDetector.USER_INIT_FUNC(); } TextResizeDetector.onAvailableCount_i = null; } else { if (TextResizeDetector.onAvailableCount_i<600) { TextResizeDetector.onAvailableCount_i++; setTimeout(onAvailable,200) } } }; setTimeout(onAvailable,500); return { /* * Initializes the detector * * @param {String} sId The id of the element in which to create the control element */ init: function() { createControlElement(); _startDetector(); }, /** * Adds listeners to the ontextsizechange event. * Returns the base font size * */ addEventListener:function(fn,obj,bScope) { aListeners[aListeners.length] = { fn: fn, obj: obj } return iBase; }, /** * performs the detection and fires textSizeChanged event * @return the current font size * @type {integer} */ detect:function() { return _detect(); }, /** * Returns the height of the control element * * @return the current height of control element * @type {integer} */ getSize:function() { var iSize; return el.offsetHeight; }, /** * Stops the detector */ stopDetector:function() { return _stopDetector(); }, /* * Starts the detector */ startDetector:function() { return _startDetector(); } } }(); TextResizeDetector.TARGET_ELEMENT_ID = 'doc'; TextResizeDetector.USER_INIT_FUNC = null; function textResizeInit() { var iBase = TextResizeDetector.addEventListener(onFontResize,null); } //id of element to check for and insert control TextResizeDetector.TARGET_ELEMENT_ID = 'container'; //function to call once TextResizeDetector has init'd TextResizeDetector.USER_INIT_FUNC = textResizeInit; function onFontResize(e,args) { console.log('font resized!'); if (window.iso) iso.layout(); } </script><link rel="stylesheet" href="https://webassets.hbs.edu/sites/online/css/newsletter.css?v=1.0"/> <style>.slider-menu {display: none;} #sticky-header.at-scroll-top {display: none;} .lazy-img { background-image: none !important; }.compliancetext, .hideme { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .hidden { display: none; } .invisible{visibility:hidden} .visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} #pdfHover { position: absolute;width: 50px;display: inline;top: -50px;left: -50px;z-index: 1000;}.mobile-visible{display:none} .tablet-visible{display:none} .desktop-hidden{display:none} .desktop-hidden.fullscreen-video{display:inherit} .desktop-visible{display:inherit} @media screen and (min-width: 651px) and (max-width: 919px) {.desktop-hidden,.desktop-hidden{display:inherit} .desktop-visible,.desktop-visible{display:none} .tablet-visible,.tablet-visible{display:inherit} .tablet-hidden,.tablet-hidden{display:none} } @media screen and (max-width: 650px) {.desktop-hidden{display:inherit} .desktop-visible{display:none} .mobile-visible{display:inherit} .mobile-hidden{display:none} }blockquote, body, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }.toggle-container .toggle-show { display: none; }.widget-sharebar .menu { display: none; }.shim1{height:1px;overflow:hidden} .shim2{height:2px;overflow:hidden} .shim3{height:3px;overflow:hidden} .shim4{height:4px;overflow:hidden} .shim5{height:5px;overflow:hidden} .shim6{height:6px;overflow:hidden} .shim7{height:7px;overflow:hidden} .shim8{height:8px;overflow:hidden} .shim9{height:9px;overflow:hidden} .shim10{height:10px;overflow:hidden} .shim11{height:11px;overflow:hidden} .shim12{height:12px;overflow:hidden} .shim13{height:13px;overflow:hidden} .shim14{height:14px;overflow:hidden} .shim15{height:15px;overflow:hidden} .shim16{height:16px;overflow:hidden} .shim17{height:17px;overflow:hidden} .shim18{height:18px;overflow:hidden} .shim19{height:19px;overflow:hidden} .shim20{height:20px;overflow:hidden} .shim21{height:21px;overflow:hidden} .shim22{height:22px;overflow:hidden} .shim23{height:23px;overflow:hidden} .shim24{height:24px;overflow:hidden} .shim25{height:25px;overflow:hidden} .shim26{height:26px;overflow:hidden} .shim27{height:27px;overflow:hidden} .shim28{height:28px;overflow:hidden} .shim29{height:29px;overflow:hidden} .shim30{height:30px;overflow:hidden} .shim31{height:31px;overflow:hidden} .shim32{height:32px;overflow:hidden} .shim33{height:33px;overflow:hidden} .shim34{height:34px;overflow:hidden} .shim35{height:35px;overflow:hidden} .shim36{height:36px;overflow:hidden} .shim37{height:37px;overflow:hidden} .shim38{height:38px;overflow:hidden} .shim39{height:39px;overflow:hidden} .shim40{height:40px;overflow:hidden} .shim41{height:41px;overflow:hidden} .shim42{height:42px;overflow:hidden} .shim43{height:43px;overflow:hidden} .shim44{height:44px;overflow:hidden} .shim45{height:45px;overflow:hidden} .shim46{height:46px;overflow:hidden} .shim47{height:47px;overflow:hidden} .shim48{height:48px;overflow:hidden} .shim49{height:49px;overflow:hidden} .shim50{height:50px;overflow:hidden}.container {margin-left: auto;margin-right: auto;zoom: 1;} .container{width:1180px} .cap{margin-bottom:40px} .base {height: 72px; margin-top: 48px; overflow: hidden;} .page-header .base {height: .1em;} .row{margin-left:-20px} .row::after, .row::before { display: table;content: "";clear: both;} .span1{width:80px;margin-left:20px;float:left;} .span2{width:180px;margin-left:20px;float:left;} .span3{width:280px;margin-left:20px;float:left;} .span4{width:380px;margin-left:20px;float:left;} .span5{width:480px;margin-left:20px;float:left;} .span6{width:580px;margin-left:20px;float:left;} .span7{width:680px;margin-left:20px;float:left;} .span8{width:780px;margin-left:20px;float:left;} .span9{width:880px;margin-left:20px;float:left;} .span10{width:980px;margin-left:20px;float:left;} .span11{width:1080px;margin-left:20px;float:left;} .span12{width:1180px;margin-left:20px;float:left;} div.container .row-left { margin-left: -20px; } div.container .row-left:after, .grid-framework div.container .row-left:before { display: table; content: ""; } @media (min-width:920px) and (max-width:1220px){.container, .expanded-grid-framework.container{width:880px} .row, .expanded-grid-framework.row{margin-left:-20px} .span1, .expanded-grid-framework.span1{width:55px;} .span2, .expanded-grid-framework.span2{width:130px;} .span3, .expanded-grid-framework.span3{width:205px;} .span4, .expanded-grid-framework.span4{width:280px;} .span5, .expanded-grid-framework.span5{width:355px;} .span6, .expanded-grid-framework.span6{width:430px;} .span7, .expanded-grid-framework.span7{width:505px;} .span8, .expanded-grid-framework.span8{width:580px;} .span9, .expanded-grid-framework.span9{width:655px;} .span10, .expanded-grid-framework.span10{width:730px;} .span11, .expanded-grid-framework.span11{width:805px;} .span12, .expanded-grid-framework.span12{width:880px;} } @media screen and (min-width: 651px) and (max-width: 919px) {.container { width: auto; margin: 0 auto;} .responsive-framework .tablet-container { padding-left: 16px; padding-right: 16px; clear: left;} .page-header .mobile-base {margin: 20px 0 0 0;} .tablet-row { width: 100%; margin-left: 0;} .tablet-row>div:first-child {margin-left: 0!important;} .tablet-row .tablet-span1{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:6.38297872%;} .tablet-row .tablet-span2{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:14.89361702%;} .tablet-row .tablet-span3{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:23.40425532%;} .tablet-row .tablet-span4{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:31.91489362%;} .tablet-row .tablet-span5{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:40.42553191%;} .tablet-row .tablet-span6{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:48.93617021%;} .tablet-row .tablet-span7{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:57.44680851%;} .tablet-row .tablet-span8{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:65.95744681%;} .tablet-row .tablet-span9{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:74.46808511%;} .tablet-row .tablet-span10{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:82.9787234%;} .tablet-row .tablet-span11{ float:left;width:100%;margin-left:2.12765957%;box-sizing:border-box;width:91.4893617%;} .tablet-row .tablet-span12{ float:left;margin-left:2.12765957%;box-sizing:border-box;width:100%;margin:0;} .cap { margin: 0; } .tablet-cap { margin-bottom: 32px; } } @media screen and (max-width: 919px) { .tablet-base, .expanded-grid-framework.tablet-base{height:90px} .row { margin: 0; width: 100%; } .row >.span1, .row >.span2, .row >.span3, .row >.span4, .row >.span5, .row >.span6, .row >.span7, .row >.span8, .row >.span9, .row >.span10, .row >.span11, .row >.span12 { float: none; margin: 0; width: 100%;} } @media screen and (max-width: 650px) {.mobile-base{height:30px} .responsive-framework .mobile-container {padding-left: 16px; padding-right: 16px; clear: left;} .container { width: auto; margin: 0 auto;}.mobile-row{width:100%;margin-left:0}.mobile-row:after,.mobile-row:before{display:table;line-height:0;content:""}.mobile-row:after{clear:both}.mobile-row>div:first-child{margin-left:0!important}.mobile-row .mobile-span1{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:6.382978723404255%}.mobile-row .mobile-span2{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:14.893617021276595%}.mobile-row .mobile-span3{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:23.404255319148934%}.mobile-row .mobile-span4{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:31.914893617021278%}.mobile-row .mobile-span5{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:40.42553191489362%}.mobile-row .mobile-span6{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:48.93617021276595%}.mobile-row .mobile-span7{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:57.44680851063829%}.mobile-row .mobile-span8{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:65.95744680851064%}.mobile-row .mobile-span9{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:74.46808510638297%}.mobile-row .mobile-span10{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:82.97872340425532%}.mobile-row .mobile-span11{float:left;width:100%;margin-left:2.127659574468085%;box-sizing:border-box;width:91.48936170212765%}.mobile-row .mobile-span12{float:left;margin-left:2.127659574468085%;box-sizing:border-box;width:100%;margin:0} }.type-framework { -webkit-font-smoothing: antialiased; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; } a { text-decoration: none; }.zeta{ font-size:72px;line-height:74px;} .zeta-uc{ font-size:72px;line-height:74px;text-transform:uppercase;} .alpha{ font-size:61px;line-height:63px;font-weight:bold;} .alpha-uc{ font-size:61px;line-height:63px;text-transform:uppercase;font-weight:bold;} .eta{ font-size:24px;line-height:30px;font-weight:bold;} .eta-uc{ font-size:24px;line-height:30px;text-transform:uppercase;font-weight:bold;} .zen{ font-size:15px;line-height:19px;} .zen-uc{ font-size:15px;line-height:19px;text-transform:uppercase;} .mu{ font-size:13px;line-height:17px;font-weight:bold;} .mu-uc{ font-size:13px;line-height:17px;text-transform:uppercase;font-weight:bold;}.gaml{font-size:120px;line-height:128px;font-weight:bold;} .gaml-uc{font-size:120px;line-height:128px;text-transform:uppercase;font-weight:bold;} .beta{font-size:44px;line-height:48px;font-weight:bold;} .beta-uc{font-size:44px;line-height:48px;text-transform:uppercase;font-weight:bold;} .delta{font-size:32px;line-height:40px;} .delta-uc{font-size:32px;line-height:40px;text-transform:uppercase;} .kappa{font-size:17px;line-height:24px;font-weight:bold;} .kappa-uc{font-size:17px;line-height:24px;text-transform:uppercase;font-weight:bold;}h1, h2, h3, h4, h5, h6 { font-weight:normal;font-size:100% } p{margin-bottom:28px} .u{text-decoration:underline} .add-underline a, a.add-underline, blockquote a, ol li a, p a:not(.btn), ul.bulleted li a, ul.unbulleted li a {text-decoration: underline;} .uc{text-transform:uppercase !important} .btn, .btn-arrow{ font:normal 13px/16px Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase; font-weight:bold;} .btn.nu{ font:normal 13px/16px Arial,Helvetica,Verdana,sans-serif;text-transform:none} .navbar{font:normal 13px/16px; text-transform:uppercase} .breadcrumb, .nu {font: normal 13px/16px Arial,Helvetica,Verdana,sans-serif;} .center { text-align: center!important; } b, strong {font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;font-weight: 400;} ol li a.skip-underline, ul.bulleted li a.skip-underline, ul.unbulleted li a.skip-underline { text-decoration: none; }[class*=h1-] h1.gamma,[class*=h2-] h2.gamma,[class*=h3-] h3.gamma,[class*=h4-] h4.gamma,[class*=h5-] h5.gamma{font:normal 32px/32px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}.h1-gamma h1,.h2-gamma h2,.h3-gamma h3,.h4-gamma h4,.h5-gamma h5{font:normal 32px/32px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.gamma-uc,[class*=h2-] h2.gamma-uc,[class*=h3-] h3.gamma-uc,[class*=h4-] h4.gamma-uc,[class*=h5-] h5.gamma-uc{font:normal 32px/32px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-gamma-uc h1,.h2-gamma-uc h2,.h3-gamma-uc h3,.h4-gamma-uc h4,.h5-gamma-uc h5{font:normal 32px/32px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.epsilon,[class*=h1-] h1.epsilon,[class*=h2-] h2.epsilon,[class*=h3-] h3.epsilon,[class*=h4-] h4.epsilon,[class*=h5-] h5.epsilon{font:normal 23px/30px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}.h1-epsilon h1,.h2-epsilon h2,.h3-epsilon h3,.h4-epsilon h4,.h5-epsilon h5{font:normal 23px/30px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.epsilon-uc,[class*=h2-] h2.epsilon-uc,[class*=h3-] h3.epsilon-uc,[class*=h4-] h4.epsilon-uc,[class*=h5-] h5.epsilon-uc{font:normal 23px/30px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}.h1-epsilon-uc h1,.h2-epsilon-uc h2,.h3-epsilon-uc h3,.h4-epsilon-uc h4,.h5-epsilon-uc h5{font:normal 23px/30px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}[class*=h1-] h1.theta,[class*=h2-] h2.theta,[class*=h3-] h3.theta,[class*=h4-] h4.theta,[class*=h5-] h5.theta{font:normal 23px/30px "Trade Gothic W01 Roman",Times,Arial,Helvetica,Verdana,sans-serif}.h1-theta h1,.h2-theta h2,.h3-theta h3,.h4-theta h4,.h5-theta h5{font:normal 23px/30px "Trade Gothic W01 Roman",Times,Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.theta-uc,[class*=h2-] h2.theta-uc,[class*=h3-] h3.theta-uc,[class*=h4-] h4.theta-uc,[class*=h5-] h5.theta-uc{font:normal 23px/30px "Trade Gothic W01 Roman",Times,Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}.h1-theta-uc h1,.h2-theta-uc h2,.h3-theta-uc h3,.h4-theta-uc h4,.h5-theta-uc h5{font:normal 23px/30px "Trade Gothic W01 Roman",Times,Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}[class*=h1-] h1.iota,[class*=h2-] h2.iota,[class*=h3-] h3.iota,[class*=h4-] h4.iota,[class*=h5-] h5.iota{font:normal 23px/30px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}.h1-iota h1,.h2-iota h2,.h3-iota h3,.h4-iota h4,.h5-iota h5{font:normal 23px/30px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.iota-uc,[class*=h2-] h2.iota-uc,[class*=h3-] h3.iota-uc,[class*=h4-] h4.iota-uc,[class*=h5-] h5.iota-uc{font:normal 23px/30px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}.h1-iota-uc h1,.h2-iota-uc h2,.h3-iota-uc h3,.h4-iota-uc h4,.h5-iota-uc h5{font:normal 23px/30px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase;line-height:32px}.paragraph{font:normal 17px/24px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif}.paragraph-uc{font:normal 17px/24px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}[class*=h1-] h1.lambda,[class*=h2-] h2.lambda,[class*=h3-] h3.lambda,[class*=h4-] h4.lambda,[class*=h5-] h5.lambda{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}.h1-lambda h1,.h2-lambda h2,.h3-lambda h3,.h4-lambda h4,.h5-lambda h5,.lambda{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.lambda-uc,[class*=h2-] h2.lambda-uc,[class*=h3-] h3.lambda-uc,[class*=h4-] h4.lambda-uc,[class*=h5-] h5.lambda-uc{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-lambda-uc h1,.h2-lambda-uc h2,.h3-lambda-uc h3,.h4-lambda-uc h4,.h5-lambda-uc h5,.lambda-uc{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}[class*=h1-] h1.nu,[class*=h2-] h2.nu,[class*=h3-] h3.nu,[class*=h4-] h4.nu,[class*=h5-] h5.nu{font:normal 13px/16px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif}.h1-nu h1,.h2-nu h2,.h3-nu h3,.h4-nu h4,.h5-nu h5,.nu{font:normal 13px/16px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif}[class*=h1-] h1.nu-uc,[class*=h2-] h2.nu-uc,[class*=h3-] h3.nu-uc,[class*=h4-] h4.nu-uc,[class*=h5-] h5.nu-uc{font:normal 13px/16px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-nu-uc h1,.h2-nu-uc h2,.h3-nu-uc h3,.h4-nu-uc h4,.h5-nu-uc h5,.nu-uc{font:normal 13px/16px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase} @media screen and (min-width: 651px) and (max-width: 919px) { .zeta{ font-size:52px;line-height:52px} .zeta-uc{ font-size:52px;line-height:52px} .alpha{font-size:47px;line-height:47px} .alpha-uc{font-size:47px;line-height:47px} .beta{font-size:37px;line-height:39px} .beta-uc{font-size:37px;line-height:39px} } @media screen and (max-width: 650px) { .zeta{ font-size:40px;line-height:42px} .zeta-uc{ font-size:40px;line-height:42px} .alpha{ font-size:34px;line-height:40px} .alpha-uc{ font-size:34px;line-height:40px} .beta{ font-size:28px;line-height:29px} .beta-uc{ font-size:28px;line-height:29px} .delta{ font-size:23px;line-height:27px} .delta-uc{ font-size:23px;line-height:27px} .eta{ font-size:21px;line-height:27px} .eta-uc{ font-size:21px;line-height:27px} .kappa{font-size:17px;line-height:24px} .kappa-uc{font-size:17px;line-height:24px} .h1-alpha h1,.h2-alpha h2,.h3-alpha h3,.h4-alpha h4,.h5-alpha h5,[class*=h1-] h1.alpha,[class*=h2-] h2.alpha,[class*=h3-] h3.alpha,[class*=h4-] h4.alpha,[class*=h5-] h5.alpha{font:normal 23px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;letter-spacing:-1px}.h1-alpha-uc h1,.h2-alpha-uc h2,.h3-alpha-uc h3,.h4-alpha-uc h4,.h5-alpha-uc h5,[class*=h1-] h1.alpha-uc,[class*=h2-] h2.alpha-uc,[class*=h3-] h3.alpha-uc,[class*=h4-] h4.alpha-uc,[class*=h5-] h5.alpha-uc{font:normal 23px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;letter-spacing:-1px;text-transform:uppercase}.h1-beta h1,.h1-delta h1,.h1-gamma h1,.h2-beta h2,.h2-delta h2,.h2-gamma h2,.h3-beta h3,.h3-delta h3,.h3-gamma h3,.h4-beta h4,.h4-delta h4,.h4-gamma h4,.h5-beta h5,.h5-delta h5,.h5-gamma h5,[class*=h1-] h1.beta,[class*=h1-] h1.delta,[class*=h1-] h1.gamma,[class*=h2-] h2.beta,[class*=h2-] h2.delta,[class*=h2-] h2.gamma,[class*=h3-] h3.beta,[class*=h3-] h3.delta,[class*=h3-] h3.gamma,[class*=h4-] h4.beta,[class*=h4-] h4.delta,[class*=h4-] h4.gamma,[class*=h5-] h5.beta,[class*=h5-] h5.delta,[class*=h5-] h5.gamma{font:normal 23px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}.h1-beta-uc h1,.h1-delta-uc h1,.h1-gamma-uc h1,.h2-beta-uc h2,.h2-delta-uc h2,.h2-gamma-uc h2,.h3-beta-uc h3,.h3-delta-uc h3,.h3-gamma-uc h3,.h4-beta-uc h4,.h4-delta-uc h4,.h4-gamma-uc h4,.h5-beta-uc h5,.h5-delta-uc h5,.h5-gamma-uc h5,[class*=h1-] h1.beta-uc,[class*=h1-] h1.delta-uc,[class*=h1-] h1.gamma-uc,[class*=h2-] h2.beta-uc,[class*=h2-] h2.delta-uc,[class*=h2-] h2.gamma-uc,[class*=h3-] h3.beta-uc,[class*=h3-] h3.delta-uc,[class*=h3-] h3.gamma-uc,[class*=h4-] h4.beta-uc,[class*=h4-] h4.delta-uc,[class*=h4-] h4.gamma-uc,[class*=h5-] h5.beta-uc,[class*=h5-] h5.delta-uc,[class*=h5-] h5.gamma-uc{font:normal 23px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.epsilon,.h1-epsilon h1,.h2-epsilon h2,.h3-epsilon h3,.h4-epsilon h4,.h5-epsilon h5,[class*=h1-] h1.epsilon,[class*=h2-] h2.epsilon,[class*=h3-] h3.epsilon,[class*=h4-] h4.epsilon,[class*=h5-] h5.epsilon{font:normal 21px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif}.h1-epsilon-uc h1,.h2-epsilon-uc h2,.h3-epsilon-uc h3,.h4-epsilon-uc h4,.h5-epsilon-uc h5,[class*=h1-] h1.epsilon-uc,[class*=h2-] h2.epsilon-uc,[class*=h3-] h3.epsilon-uc,[class*=h4-] h4.epsilon-uc,[class*=h5-] h5.epsilon-uc{font:normal 21px/24px "Trade Gothic W01 Bold 2",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-eta h1,.h1-iota h1,.h1-theta h1,.h2-eta h2,.h2-iota h2,.h2-theta h2,.h3-eta h3,.h3-iota h3,.h3-theta h3,.h4-eta h4,.h4-iota h4,.h4-theta h4,.h5-eta h5,.h5-iota h5,.h5-theta h5,[class*=h1-] h1.eta,[class*=h1-] h1.iota,[class*=h1-] h1.theta,[class*=h2-] h2.eta,[class*=h2-] h2.iota,[class*=h2-] h2.theta,[class*=h3-] h3.eta,[class*=h3-] h3.iota,[class*=h3-] h3.theta,[class*=h4-] h4.eta,[class*=h4-] h4.iota,[class*=h4-] h4.theta,[class*=h5-] h5.eta,[class*=h5-] h5.iota,[class*=h5-] h5.theta{font:normal 21px/32px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}.h1-eta-uc h1,.h1-iota-uc h1,.h1-theta-uc h1,.h2-eta-uc h2,.h2-iota-uc h2,.h2-theta-uc h2,.h3-eta-uc h3,.h3-iota-uc h3,.h3-theta-uc h3,.h4-eta-uc h4,.h4-iota-uc h4,.h4-theta-uc h4,.h5-eta-uc h5,.h5-iota-uc h5,.h5-theta-uc h5,[class*=h1-] h1.eta-uc,[class*=h1-] h1.iota-uc,[class*=h1-] h1.theta-uc,[class*=h2-] h2.eta-uc,[class*=h2-] h2.iota-uc,[class*=h2-] h2.theta-uc,[class*=h3-] h3.eta-uc,[class*=h3-] h3.iota-uc,[class*=h3-] h3.theta-uc,[class*=h4-] h4.eta-uc,[class*=h4-] h4.iota-uc,[class*=h4-] h4.theta-uc,[class*=h5-] h5.eta-uc,[class*=h5-] h5.iota-uc,[class*=h5-] h5.theta-uc{font:normal 21px/32px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.h1-kappa h1,.h1-lambda h1,.h2-kappa h2,.h2-lambda h2,.h3-kappa h3,.h3-lambda h3,.h4-kappa h4,.h4-lambda h4,.h5-kappa h5,.h5-lambda h5,[class*=h1-] h1.kappa,[class*=h1-] h1.lambda,[class*=h2-] h2.kappa,[class*=h2-] h2.lambda,[class*=h3-] h3.kappa,[class*=h3-] h3.lambda,[class*=h4-] h4.kappa,[class*=h4-] h4.lambda,[class*=h5-] h5.kappa,[class*=h5-] h5.lambda{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif}.h1-kappa-uc h1,.h1-lambda-uc h1,.h2-kappa-uc h2,.h2-lambda-uc h2,.h3-kappa-uc h3,.h3-lambda-uc h3,.h4-kappa-uc h4,.h4-lambda-uc h4,.h5-kappa-uc h5,.h5-lambda-uc h5,[class*=h1-] h1.kappa-uc,[class*=h1-] h1.lambda-uc,[class*=h2-] h2.kappa-uc,[class*=h2-] h2.lambda-uc,[class*=h3-] h3.kappa-uc,[class*=h3-] h3.lambda-uc,[class*=h4-] h4.kappa-uc,[class*=h4-] h4.lambda-uc,[class*=h5-] h5.kappa-uc,[class*=h5-] h5.lambda-uc{font:normal 17px/24px "TradeGothicW02-BoldCn20 675505",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase}.breadcrumb,.h1-mu h1,.h1-nu h1,.h2-mu h2,.h2-nu h2,.h3-mu h3,.h3-nu h3,.h4-mu h4,.h4-nu h4,.h5-mu h5,.h5-nu h5,[class*=h1-] h1.mu,[class*=h1-] h1.nu,[class*=h2-] h2.mu,[class*=h2-] h2.nu,[class*=h3-] h3.mu,[class*=h3-] h3.nu,[class*=h4-] h4.mu,[class*=h4-] h4.nu,[class*=h5-] h5.mu,[class*=h5-] h5.nu{font:normal 15px/20px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif}.h1-mu-uc h1,.h1-nu-uc h1,.h2-mu-uc h2,.h2-nu-uc h2,.h3-mu-uc h3,.h3-nu-uc h3,.h4-mu-uc h4,.h4-nu-uc h4,.h5-mu-uc h5,.h5-nu-uc h5,[class*=h1-] h1.mu-uc,[class*=h1-] h1.nu-uc,[class*=h2-] h2.mu-uc,[class*=h2-] h2.nu-uc,[class*=h3-] h3.mu-uc,[class*=h3-] h3.nu-uc,[class*=h4-] h4.mu-uc,[class*=h4-] h4.nu-uc,[class*=h5-] h5.mu-uc,[class*=h5-] h5.nu-uc{font:normal 15px/20px "Trade Gothic W01 Roman",Arial,Helvetica,Verdana,sans-serif;text-transform:uppercase} }.color-framework{color:#181818} .gray-bg{background-color:#e2e2e2 !important} .smoke-bg{background-color:#f0f0f0 !important} .white{color:#fff !important} .white-bg{background-color:#fff !important} .white-border{border-color:#fff !important} .black{color:#000 !important} .black-bg{background-color:#000 !important} .ink{color:#181818 !important} .ink-inherit .inherit-bg{background-color:#181818} .ink-bg{background-color:#181818 !important} .ash{color:rgba(0,0,0,0.56) !important}a, .hbsred-inherit .inherit-color{color:#A41034} .hbsred{color:#A41034 !important} .hbsred-inherit .inherit-bg{background-color:#A41034} .hbsred-bg{background-color:#A41034 !important} .slider-content {background-color: #fff;}.page-header .responsive-breadcrumb { padding-top: 22px; padding-bottom: 8px; } .responsive-breadcrumb {margin: 0; padding: 0; zoom: 1; } .responsive-breadcrumb>li { display: block; float: left; white-space: nowrap; position: relative; padding-right: 17px; margin-right: 5px; min-height: 29px; line-height: 29px; } .responsive-breadcrumb .txt-arrow { position: absolute; top: -1px; right: 0; display: block; } .responsive-breadcrumb-toggle a { border: 1px solid rgba(0,0,0,.2); padding: 5px 5px 4px 5px; color: #000; text-decoration: none;} .responsive-breadcrumb:after, .responsive-breadcrumb:before { display: table; content: ""; } .responsive-breadcrumb:after { clear: both; } .responsive-breadcrumb>li.responsive-breadcrumb-toggle, .responsive-breadcrumb>li.responsive-breadcrumb-visible, .responsive-breadcrumb>li:nth-last-child(-n+2) { display: inline-block; } .responsive-breadcrumb>li:last-child { margin-right: 0; padding-right: 0; } .txt-arrow {font-family: "Lucida Grande","Lucida xConsole","Lucida Sans",Arial,sans-serif;} @media (min-width: 651px) and (max-width: 919px) { .page-header .responsive-breadcrumb { padding: 0; padding-bottom: 12px; } } @media (min-width: 651px) { .responsive-breadcrumb-toggle {display: none!important;} } @media (max-width: 650px) { .page-header .responsive-breadcrumb { padding: 0; padding-bottom: 5px; } .responsive-breadcrumb>li:nth-child(2) { display: none; } .responsive-breadcrumb>li { display: none; } }.dropdown-toggle { border: 1px solid #333; border: 1px solid rgba(0,0,0,.2); padding: 5px 15px 4px 7px;} .dropdown-toggle [class*=icon-select] { position: relative; bottom: -2px; left: 10px;} .icon-select {background-position: -240px -60px;} .icon-select { background-image: url(https://webassets.hbs.edu/libs/framework/1.0/css/framework.png); background-repeat: no-repeat; display: inline-block; width: 8px; height: 14px; } .dropdown-container .dropdown-menu, .dropdown-container .dropdown-menu2 { display: none; }.btn { background-color: #000; color: #fff; display: inline-block; padding: 8px 17px; border: 0; margin: 0; }.tile img.fluid { display: block; } .img-fluid img, img.fluid { max-width: 100%; height: auto; box-sizing: border-box; } @media screen and (max-width: 919px) { canvas, iframe, img, svg {max-width: 100%;} }.ol-unstyled ol, .ul-unstyled ul, ul.unstyled, .linear, .ol-outset .linear, .ul-outset .linear, .ol-unbulleted ol, .ul-unbulleted ul, ol.unbulleted, ul.unbulleted { list-style-type: none; margin: 0; padding: 0; } .linear>li { display: inline; margin-right: 5px; } dl, ol, ul { margin-left: 1.2em; } .facet-list li { margin-bottom: 5px; list-style-type: none; }.hr, .hr2, .hr3, .hr4{ height:1px;background-color:#000;overflow:hidden;border:0;filter:alpha(opacity= 20 );opacity:.2} .hr2{height:2px} .hr3{height:3px} .hr4{height:4px} .hr4.white-bg, .hr3.white-bg, .hr2.white-bg, .hr.white-bg{ background-color:white;filter:alpha(opacity= 40 );opacity:.4} .clearfix {zoom: 1;} .clearfix:after, .clearfix:before {display: table;content: "";} .clearfix:after, .clear { clear: both; }.carousel-container{overflow:hidden}.carousel-container .carousel-panels{width:100000px;position:relative;margin-left:0;padding-left:0;zoom:1}.carousel-container .carousel-panels:after,.carousel-container .carousel-panels:before{display:table;content:""}.carousel-container .carousel-panels:after{clear:both}.carousel-container .carousel-panels>li{float:left;list-style-type:none;margin-left:0}.carousel-container .carousel-panels>li>:last-child{margin-bottom:0}.carousel-container .carousel-panels>li:before{display:none}.carousel-container .carousel-panels>li>.lazy{display:none}.nav-carousel{list-style-type:none;margin:0;padding:0;zoom:1}.nav-carousel li{list-style-type:none;margin-bottom:0}.nav-carousel li:before{display:none}.nav-carousel:after,.nav-carousel:before{display:table;content:""}.nav-carousel:after{clear:both}.nav-carousel li{float:left;list-style-type:none;display:block;margin-bottom:0!important}.nav-carousel li:before{display:none}.nav-carousel li a{text-decoration:none;color:#181818;display:block}.nav-carousel li.prev a{padding-right:6px}.nav-carousel li.next a{padding-left:5px}.nav-carousel li.dot a{padding-right:2px;padding-left:1px}.nav-carousel li.dot .icon-dot{display:block;margin-top:3px;line-height:1} .field { background: #eee none; padding: 8px 10px; border: 1px solid #d5d5d5; font: normal 17px/24px Arial,Helvetica,Verdana,sans-serif; line-height: 1.2; width: 100%; vertical-align: middle; box-sizing: border-box; } .btn-submit { background-color: #a41034; border: 0; color: #fff; display: inline-block; padding: 9px 11px 9px 11px; margin: 0; position: relative; line-height: 1.2; vertical-align: middle; white-space: nowrap; transition: background .1s linear; } .facet-pattern2 .facet-control { padding-bottom: 22px; padding-top: 22px;} .icon-plusbox { display: inline-block; width: 11px; height: 11px;} .facet-pattern2 .icon-plusbox { position: relative;} .facet-pattern2 .icon-plusbox:before { content: '+'; position: absolute; top: 0; left: 0; line-height: 5px; font-size: 20px; } .facet-pattern2 .kappa-uc a { font-weight: 400; } .responsive-filter-bar { padding: 16px 0; } .widget-sharebar { height: 41px; } .widget-sharebar>.style-framework.dark { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .widget-sharebar>.style-framework { padding-top: 10px; height: 29px; } .widget-sharebar>.style-framework>ul { margin: 0; padding: 0; } .widget-sharebar>.style-framework>ul>li { float: left; list-style-type: none; margin-right: 18px; } a[href*="TOFIX" i],a[href*="TODO" i] { background-color: yellow; } .signup { min-height: 152px; } .blog-signup { min-height: 231px; }.component-framework a.btn { background-color: #a41034; position: relative; } .component-framework .btn { border-radius: 3px; padding: 16px 32px 16px 20px !important; } .component-framework .btn.center { margin-left: auto; margin-right: auto; } .component-framework .btn.disabled:hover { background-color: #D2D2D2; cursor: auto; } .component-framework a.btn::after { transition: all 0.1s ease-in; border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 6px; right: 1em; top: 36%; position: relative; transform: rotate(45deg); width: 6px; position: absolute; } .component-framework .btn-primary { text-transform: none; font-size: 23px !important; line-height: 24px; } .component-framework a.btn.btn-primary:hover { background-color: #000 !important; color: #fff !important; border-color: #fff; } .component-framework .btn-primary-small { font-size: 13px !important; padding-top: 8px !important; padding-bottom: 8px !important; } .component-framework a.btn.btn-primary-small:hover { background-color: #000 !important; color: #fff !important; border-color: #fff; } .component-framework .btn-secondary { text-transform: none; font-size: 23px !important; line-height: 24px; border: 1px solid #a41034; } .component-framework a.btn.btn-secondary:hover, .component-framework button.btn.btn-secondary:hover { background-color: #f4f4f4 !important; color: #000 !important; border-color: #000; } .component-framework button.btn.btn-secondary:hover a { color: #000 !important; text-decoration: none; } .component-framework .btn-secondary-small { font-size: 13px !important; padding-top: 8px !important; padding-bottom: 8px !important; border: 1px solid #a41034; } .component-framework a.btn.btn-secondary-small:hover, .component-framework button.btn.btn-secondary-small:hover { background-color: #f4f4f4 !important; color: #000 !important; border-color: #000; } .component-framework button.btn.btn-secondary-small:hover a { color: #000 !important; text-decoration: none; } .btn.no-arrow { padding-right: 20px !important; } .btn.no-arrow::after { display: none !important; } .btn.no-border { border-color: transparent !important; } .color-framework a.btn:hover { background-color: #f4f4f4 !important; color: #000 !important; border-color: #000; } .color-framework .btn-card { padding: 30px 50px !important; border: 1px solid #d2d2d2; border-radius: 5px; font-size: 17px !important; text-transform: none; width: 100%; box-sizing: border-box; text-align: center; } .form-control-group-inline .btn { border-radius: 0px !important; padding: 8px 0px !important; }body { background-color: #fafafa } .color-framework .shadow-bg { background-color: rgba(0,0,0,0.7) } .color-framework .gray9-bg { background-color: #1d1d25 !important } .color-framework .gray8-bg { background-color: #282832 !important } .color-framework .gray8 { color: #282832 !important } .color-framework .gray5-bg { background-color: #e6e4e5 !important } .color-framework .gray1-bg { background-color: #f4f4f4 !important } .color-framework .gray9-bg a { color: #cd5d78 } .color-framework .green-inherit .inherit-color,.color-framework .green { color: #39a284 !important } .color-framework .inkblack { color: #1d1d24 !important } .color-framework .slate { color: #59666f !important } .color-framework .berry-red { color: #820d2f !important } .color-framework .green-inherit .inherit-bg,.color-framework .green-bg { background-color: #39a284 !important } .color-framework .blue-inherit .inherit-color,.color-framework .blue { color: #3a9c9c !important } .color-framework .blue-inherit .inherit-bg,.color-framework .blue-bg { background-color: #3a9c9c !important } .color-framework .gold-inherit .inherit-color,.color-framework .gold { color: #ffd575 !important } .color-framework .gold-inherit .inherit-bg,.color-framework .gold-bg { background-color: #ffd575 !important } .color-framework .iron-inherit .inherit-color { color: #d4dade !important } .color-framework .iron-inherit .inherit-bg,.color-framework .iron-bg { background-color: #d4dade !important } #hbxFooter .signup .hs-richtext { color: #fff } #hbxFooter .signup a { color: #fff !important; text-decoration: underline } #hbxFooter .signup .hs-form-required { color: #fff !important } .grid-framework .cap.gray1-bg { border-top: 20px solid #f4f4f4 !important } .grid-framework .personalization-hidden { display: none } .component-framework .circle { border-radius: 50% } .component-framework .circle-bg { background: transparent url('/Style%20Library/hbs/images/homepage/gray-circle.png') center center no-repeat; background-size: cover } .component-framework .circle-bg>.valign { height: 329px } .component-framework .card-button { position: absolute; bottom: 24px; left: 24px; margin-right: 24px } .component-framework .hr { margin: 32px 0 } .component-framework div.facet-breadcrumb-pattern span.txt-arrow.eta { display: none } .component-framework .fullbleed { background: transparent no-repeat center center; background-size: cover } .component-framework .form-container { transition: opacity 0.2s ease-out; opacity: 1 } .component-framework .form-container.form-container-submitting { opacity: .9 } .component-framework .drop-shadow { box-shadow: 0 3px 6px rgba(0,0,0,0.16),0 3px 3px rgba(0,0,0,0.23) } .component-framework .topdown-fade { position: absolute; top: 0; width: 100%; height: 100px; background: -moz-linear-gradient(top,rgba(0,0,0,0.65) 0%,transparent 90%); background: -webkit-linear-gradient(top,rgba(0,0,0,0.65) 0%,transparent 90%); background: linear-gradient(to bottom,rgba(0,0,0,0.65) 0%,transparent 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0) } .component-framework .trapezoid { background-color: #282832; position: relative; padding: 40px 120px 0 120px; overflow: hidden; background-image: linear-gradient(129deg,transparent 85%,#191921 85%),linear-gradient(51deg,#191921 15%,transparent 15%) } .component-framework .trapezoid-right { background-color: #282832; position: relative; padding: 0; background-image: linear-gradient(121deg,transparent 85%,#3f959c 85%) } .component-framework .linear-nav>li { margin-right: 20px } .component-framework .linear-nav>li:last-child { margin-right: 0 } .component-framework .dividers>li { border-right: 1px solid white; padding-right: 15px; margin-right: 10px } .component-framework .dividers>li:last-child { border-right: none; padding-right: 0px } .component-framework ol.mega { margin-left: 90px } .component-framework ol.mega>li { list-style-type: none; counter-increment: item; margin-bottom: 32px } .component-framework ol.mega>li:before { display: block; float: left; position: static; border-radius: 100px; background-color: #53a7ae; background-repeat: no-repeat; background-position: -360px -140px; width: 60px; height: 60px; text-align: center; font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif; color: white; margin-left: -85px; font-size: 32px; line-height: 60px; content: counter(item); font-family: 'TradeGothicW02-BoldCn20 675505',Arial,Helvetica,Verdana,sans-serif; margin-left: -80px } .component-framework .mega h4 { margin-bottom: 0; border: 0 } .component-framework .testimonials-container .testimonials-container-wrap { padding: 40px 120px 0 120px; text-align: center } .component-framework .hbsred-inherit .dropdown-menu a.active { background-color: white!important } .component-framework .slider-menu .flyout-panel .slider-targets .site-title>span.black,.component-framework .slider-menu .flyout-panel .slider-targets .section-nav a,.component-framework .slider-menu .flyout-panel .slider-targets .util-nav a,.component-framework .slider-menu .flyout-panel .flyout-panel-button { color: white!important } .component-framework .slider-menu .flyout-panel .flyout-panel-button { border-color: rgba(255,255,255,0.4) } .component-framework .slider-menu .flyout-panel .slider-targets li.active { background-color: #a41034 !important } .component-framework .tile .icon-play,.component-framework .widget-video-rendered.video .kWidgetPlayBtn { background: url(/courses/core/PublishingImages/icon-play.svg) !important; width: 66px; height: 66px; background-size: 100%!important; background-repeat: no-repeat; margin-top: -33px; margin-left: -33px } .component-framework .facetctrl-isotope-results .tile .icon-play { width: 44px; height: 44px; margin-top: -22px; margin-left: -22px } .component-framework .hs-form .field { background-color: transparent; padding: 0; border: 0; box-shadow: none } .component-framework .hs-form .hs-input { background: #eee none; padding: 8px 10px; border: 1px solid #d5d5d5; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; line-height: 1.2; box-shadow: inset 0 0 1px rgba(0,0,0,0.15); vertical-align: middle; -webkit-border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto } .component-framework .hs-form .hs-input:focus { border: 1px solid black; background-color: white; box-shadow: none } .component-framework .hs-form .hs-input[type=checkbox] { position: relative; top: -3px; margin-right: 8px } .component-framework .hs-form label { margin-bottom: 7px !important; display: block; font-weight: normal !important; font: normal 17px/24px 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif } .component-framework .hs-form .hs-form-booleancheckbox label,.component-framework .hs-form .hs-form-checkbox label { font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; margin: 0 } .component-framework .hs-form .hs-button.primary { background: #a41034; color: white; display: inline-block; padding: 8px 17px; border: 0; margin: 0; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -ms-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; font: normal 17px/24px 'TradeGothicW02-BoldCn20 675505',Arial,Helvetica,Verdana,sans-serif; text-transform: uppercase; box-shadow: none } .component-framework .hs-form .hs-button.primary:hover { background: black } .component-framework .hs-form .hs-button.primary:active { border: 0; background: black; box-shadow: none } .component-framework .white .hs-form label { color: white } .component-framework #blog-signup .field,.component-framework #blog-signup .actions { margin-top: 0 !important; margin-bottom: 0 !important } .component-framework blockquote q{ quotes: "\201C" "\201D" "\2018" "\2019" } .component-framework .logos>li { float: left; list-style-type: none; width: 165px; margin-right: 24px } .component-framework .logos>li img { width: 100% } .component-framework .faculty-photo { float: left; margin-right: 10px; height: 148px; width: 140px } .component-framework .floatright { padding: 0 0 0 1em; float: right; width: 40% } .component-framework .floatleft { float: left; padding: 0 1em 0 0 } .component-framework .hbx-table { border: 1px solid #000; border-collapse: collapse; margin-bottom: 16px; width: 100%; font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif } .component-framework .hbx-table th,.component-framework .hbx-table td { text-align: left; padding: 12px 8px 11px 8px } .component-framework .hbx-table th { text-transform: uppercase } .component-framework figure.student-blogger { float: left; width: 109px; margin: 0 2em 2em 0 } .component-framework figure.student-blogger img { width: 109px } .component-framework figure.student-blogger caption,.component-framework figure.student-blogger .caption { display: block; text-align: center } .component-framework figure figcaption,.component-framework figcaption { font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif } .component-framework figure.left img { float: left; width: 200px; margin: 0 15px 15px 0 } .component-framework twitterwidget~* { margin-top: 40px } .component-framework .cohorts .slick-next { right: 0px } .component-framework .cohorts .slick-prev { left: 0px } .component-framework .cohorts .slick-prev,.component-framework .cohorts .slick-next { width: 25px; height: 30px; opacity: .5; z-index: 99 } .component-framework .courses .slick-next,.component-framework .courses .slick-prev { width: 35px; height: 40px; opacity: 1 !important; z-index: 99; top: 125px !important } .component-framework .courses .slick-prev { left: -10px !important } .component-framework .courses .slick-next { right: -34px !important } .component-framework .slick-prev:hover,.component-framework .slick-next:hover { opacity: 1 !important } .component-framework .courses .slick-prev:hover,.component-framework .courses .slick-next:hover { opacity: .5 !important } .component-framework .slick-prev.slick-disabled:hover,.component-framework .slick-next.slick-disabled:hover { opacity: 1 !important; cursor: default !important } .component-framework .slick-slide a:hover img { opacity: .5 } .component-framework .cohort-item { margin: 20px } .component-framework .cohort-item-content { width: 85%; margin: 0 auto } .component-framework .banner-bg { background-color: #282832; box-shadow: 10px 0px 0px 0px #282832,-10px 0px 0px 0px #282832; line-height: 1.2; -webkit-box-decoration-break: clone; box-decoration-break: clone } .component-framework #skip a { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden } .component-framework #skip a:focus { position: static; width: auto; height: auto } .component-framework #HBSHome .slick-dots { bottom: -60px } .checklist { list-style: none } .checklist>li { position: relative; margin-bottom: 0.5rem } .checklist>li:before { content: ""; background-image: url(/PublishingImages/framework-v2.png); background-repeat: no-repeat; background-position: 0 0; width: 25px; height: 30px; display: block; position: absolute; left: -1.5rem; background-size: 453px 209px } .checklist.big-check li:before { -ms-transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5) } @media screen and (max-width: 650px) { .component-framework .floatright { float:none; padding: 0; width: 100% } .component-framework .cohorts { text-align: center } .component-framework #HBSHome .slick-dots { bottom: -25px } .component-framework #HBSHome .slick-slider .span3.tablet-span3 { margin-left: 12px !important; margin-right: 12px !important } .component-framework #HBSHome .slick-slider.row.tablet-row.mobile-row { margin-left: 0px !important; padding: 0 20px } .component-framework #HBSHome .courses .slick-prev { left: -10px !important } .component-framework #HBSHome .courses .slick-next { right: -10px !important } .pattern-framework .flyout-panel .epsilon-uc.unbulleted li a { margin-top: 12px!important; } } @media screen and (max-width: 919px) and (min-width:651px) { .component-framework .logos>li { margin-right:19px } .component-framework #HBSHome .slick-dots { bottom: -25px } .component-framework #HBSHome .slick-slider .span3.tablet-span3 { margin-left: 12px !important; margin-right: 12px !important } .component-framework #HBSHome .slick-slider.row.tablet-row.mobile-row { margin-left: 0px !important; padding: 0 20px } .component-framework #HBSHome .courses .slick-prev { left: -10px !important } .component-framework #HBSHome .courses .slick-next { right: -10px !important } } @media screen and (max-width: 1100px) { .component-framework .trapezoid { padding-left:12px; padding-right: 12px } .component-framework .testimonials-container .testimonials-container-wrap { padding-left: 12px; padding-right: 12px } .component-framework .drop-shadow { box-shadow: none } } .type-framework .h2-fancy h2 { display: flex; flex-direction: row; justify-content: center; text-align: center } .type-framework .h2-fancy h2:before,.type-framework .h2-fancy h2:after { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; content: '\a0'; flex-grow: 1; height: 1px; position: relative; top: 0.5em } .type-framework .h2-fancy h2:before { margin-right: 10px } .type-framework .h2-fancy h2:after { margin-left: 10px } .type-framework h2.gamma { xborder: 1px solid red; display: block; text-align: left } .type-framework h2.gamma:before { margin-right: -10px } .type-framework h2.gamma:after { margin-left: -10px } .type-framework h2.gamma:before,.type-framework h2.gamma:after { border-top-style: none; border-bottom-style: none; content: none } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .type-framework .h2-fancy h2:before,.type-framework .h2-fancy h2:after { border-top: none; border-bottom: none } } .pattern-framework .body-margins h2,.pattern-framework .body-margins table,.pattern-framework .body-margins ol,.pattern-framework .body-margins ul { margin-bottom: 24px } .pattern-framework .faq-container { background-color: white } .pattern-framework .faq-container h3 { border-bottom: 1px solid #d2d2d2; padding: 20px } .pattern-framework .faq-container h4 { border-bottom: 1px solid #d2d2d2; padding: 20px } .pattern-framework .faq-container .toggle-show { background-color: #f6f6f6; border: 15px solid white; padding: 15px } .pattern-framework .faq-container .toggle-show>*:last-child { margin-bottom: 0 } .pattern-framework .tile:hover .icon-play { background-position: 0 } :focus,a:focus,input:focus,button:focus { outline: 2px solid #1e90ff !important } a:focus[class*="video"],a:focus.btn,input:focus { outline-offset: 3px!important } a.apply.disabled { cursor: not-allowed; opacity: 0.5; text-decoration: none } .logo { height: 41px; width: 200px; display: block } .fadein-on-hover { opacity: .8 } .fadein-on-hover:hover { opacity: 1 } @media screen and (max-width: 320px) { .logo { width:65% } } .animation-popin { animation: animation 2250ms linear both } @keyframes popin { 0% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) } 4.5% { -webkit-transform: matrix3d(1.485,0,0,0,0,1.485,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.485,0,0,0,0,1.485,0,0,0,0,1,0,0,0,0,1) } 9.01% { -webkit-transform: matrix3d(1.88,0,0,0,0,1.88,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.88,0,0,0,0,1.88,0,0,0,0,1,0,0,0,0,1) } 13.51% { -webkit-transform: matrix3d(2.087,0,0,0,0,2.087,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2.087,0,0,0,0,2.087,0,0,0,0,1,0,0,0,0,1) } 17.92% { -webkit-transform: matrix3d(2.139,0,0,0,0,2.139,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2.139,0,0,0,0,2.139,0,0,0,0,1,0,0,0,0,1) } 29.03% { -webkit-transform: matrix3d(2.032,0,0,0,0,2.032,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2.032,0,0,0,0,2.032,0,0,0,0,1,0,0,0,0,1) } 34.63% { -webkit-transform: matrix3d(1.994,0,0,0,0,1.994,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.994,0,0,0,0,1.994,0,0,0,0,1,0,0,0,0,1) } 40.14% { -webkit-transform: matrix3d(1.985,0,0,0,0,1.985,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1.985,0,0,0,0,1.985,0,0,0,0,1,0,0,0,0,1) } 62.36% { -webkit-transform: matrix3d(2.002,0,0,0,0,2.002,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2.002,0,0,0,0,2.002,0,0,0,0,1,0,0,0,0,1) } 84.68% { -webkit-transform: matrix3d(2,0,0,0,0,2,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2,0,0,0,0,2,0,0,0,0,1,0,0,0,0,1) } 100% { -webkit-transform: matrix3d(2,0,0,0,0,2,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(2,0,0,0,0,2,0,0,0,0,1,0,0,0,0,1) } } .animate-from-bottom { animation: animation 2000ms linear both; animation-delay: .75s } .animate-from-bottom.delay1 { animation-delay: .8s } @keyframes animation { 0% { opacity: 0; -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,300,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,300,0,1) } 4.1% { opacity: 1; -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,125.912,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,125.912,0,1) } 8.11% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,31.647,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,31.647,0,1) } 12.11% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-5.53,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-5.53,0,1) } 16.12% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-13.007,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-13.007,0,1) } 27.23% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-2.352,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-2.352,0,1) } 38.34% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0.311,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0.311,0,1) } 60.56% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-0.007,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-0.007,0,1) } 82.78% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) } 100% { -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) } }.color-framework .crimson-bg { background-color: #A41034; } .color-framework .crimson { color: #A41034; } .color-framework .berry-red-bg { background-color: #820D2F; } .color-framework .berry-red { color: #820D2F; } .color-framework .ink-black-bg { background-color: #1D1D24; } .color-framework .ink-black { color: #1D1D24; } .color-framework .midnight-blue-bg { background-color: #282832; } .color-framework .midnight-blue { color: #282832; } .color-framework .dark-white-bg { background-color: #FAFAFA; } .color-framework .dark-white { color: #FAFAFA; } .color-framework .dark-gray-bg { background-color: #181818; } .color-framework .dark-gray { color: #181818; } .color-framework .slate-gray-bg { background-color: #59666F; } .color-framework .slate-gray { color: #59666F; } .color-framework .light-gray1-bg { background-color: #F4F4F4; } .color-framework .light-gray1 { color: #F4F4F4; } .color-framework .light-gray2-bg { background-color: #E6E4E5; } .color-framework .light-gray3 { color: #E6E4E5; } .color-framework .light-gray3-bg { background-color: #D2D2D2; } .color-framework .light-gray3 { color: #D2D2D2; } .color-framework .headerblue-bg { background-color: #b5d7d8; } .color-framework .blue-bg { background-color: #3A9C9C; } .color-framework .blue { color: #3A9C9C; } .color-framework .green-bg { background-color: #39A284; } .color-framework .green { color: #39A284; } .color-framework .yellow-bg { background-color: #FFD575; } .color-framework .yellow { color: #FFD575; } .color-framework .skyblue-bg { background-color: #b6d7d8; } .color-framework .skyblue { color: #b6d7d8; } header { z-index: 10; } header nav.top-nav { overflow: hidden; padding: 37px 0px 37px 0px; } header .hbso-logo { margin: 6px 30px 0px 30px; } header .hbso-logo h1 { padding: 0px!important; } header .hbso-logo img { height: 100%; width: 150px; } #sticky-header nav.top-nav { padding: 37px 0px; } #sticky-header .toolbar-btns { margin-top: 26px!important; } #sticky-header .hbso-logo { margin-top: 12px!important; } #sticky-header { box-shadow: 0px 6px 7px -5px rgba(0, 0, 0, 0.2); overflow: initial!important; top: -5px; } header nav.top-nav li.dropdown-mega { list-style-type: none; display: block; } header nav.top-nav .dropdown-mega a.nav-link { border-bottom: 2px transparent solid; } header nav.top-nav .dropdown-mega a.nav-link.active, header nav.top-nav .dropdown-mega a.nav-link:hover, header nav.top-nav .dropdown-mega a.nav-link.hover { border-bottom: 2px #FFD575 solid; font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif; } header nav.top-nav .dropdown-mega a.nav-link.hover { color: black; } .mega-black-bg { position: fixed; background-color: rgba(0,0,0,0.7); left: 0; right: 0; bottom: 0; top: 0; z-index: 9; } header .universal-banner-menu-toggle { cursor: pointer; } header .universal-banner-hamburger { width: 20px; height: 18px; position: relative; margin-top: 4px; } header .universal-banner-hamburger span { display: block; position: absolute; height: 3px; width: 100%; background: #000; opacity: 0.6; left: 0; transform: rotate(0deg); transition: .3s cubic-bezier(0.5, 0, 0.1, 1) ; } header .universal-banner-hamburger span:nth-child(1) { top: 0px; transform-origin: left center; } header .universal-banner-hamburger span:nth-child(2) { top: 7px; transform-origin: left center; } header .universal-banner-hamburger span:nth-child(3) { top: 14px; transform-origin: left center; } header .universal-banner-hamburger.open span:nth-child(1) { transform: rotate(45deg); } header .universal-banner-hamburger.open span:nth-child(2) { width: 0%; opacity: 0; } header .universal-banner-hamburger.open span:nth-child(3) { transform: rotate(-45deg); } header .login-dropdown { width: 240px; position: absolute; top: 18px; left: -148px; padding-top: 12px; } #sticky-header .login-dropdown { left: -180px; } header .login-dropdown .login-border { padding: 20px; border: 1px solid #d2d2d2; border-radius: 5px; box-shadow: 1px 2px 0px 0px #d2d2d2; box-sizing: border-box; } header .login-link:hover, header .login-link.hover { color: #A41034!important; } header a.accessible-menu::after { border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 6px; transform: rotate(135deg); width: 6px; position: relative; right: -2px; top: -3px; } header a.accessible-menu { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } header a.accessible-menu:focus { left: -11px; width: 12px; height: auto; } main:not(.toc-on-page) div[id], main:not(.toc-on-page) h2[id] { scroll-margin-top: 70px; } .blog-item .paragraph.span8 ul, .blog-item .paragraph.span8 ol { margin-bottom:24px; } .skipto.hideme:focus { left: 0px; top: 0px; background-color: white; padding: 6px; width: auto; height: auto; z-index: 20; } .pattern-framework .flyout-panel a, .pattern-framework .flyout-panel nav.site-title span { color: #FFF!important; } .pattern-framework .flyout-panel .epsilon-uc.unbulleted li a { margin-top: 8px; display: inline-block; } .pattern-framework .flyout-panel a.sub { font-size: 17px; line-height: 17px; margin-top: 0px!important; } .pattern-framework .flyout-panel .epsilon-uc.unbulleted li:first-of-type { margin-bottom: 0px; } .pattern-framework .flyout-panel .epsilon-uc.unbulleted li:not(:first-of-type) { margin-top: 0px; } :focus,a:focus,input:focus,button:focus { outline: 2px solid #1e90ff !important } a:focus[class*="video"],a:focus.btn,input:focus { outline-offset: 3px!important } .component-framework .hbsred-inherit .dropdown-menu a.active { background-color: white!important; color: black!important; } .component-framework a.btn, .component-framework .hbx-btn { background-color: #a41034; padding: 11px 32px 11px 20px; font-size: 16px; position: relative } .component-framework button.btn.btn-secondary-small { position: relative; } .component-framework button.hbx-btn:after, .component-framework a.btn:after, .component-framework button.btn a:after { transition: all 0.1s ease-in; border-style: solid; border-width: 3px 3px 0 0; content: ''; display: inline-block; height: 6px; right: 1em; top: 36%; position: relative; transform: rotate(45deg); width: 6px; position: absolute } .component-framework a.btn.backtotop:after { top: 42%; right: .7em; transform: rotate(-45deg) } .component-framework a.btn:hover, .component-framework .hbx-btn:hover, .component-framework a.btn:focus { background-color: black !important; color: white !important } .component-framework a.btn.black-bg:hover, .component-framework .hbx-btn.black-bg:hover { background-color: #a41034 !important; color: white !important } .component-framework button.hbx-btn.btn-down:after, .component-framework a.btn.btn-down:after { top: 35%; right: .7em; transform: rotate(135deg) } .component-framework .btn-margins { margin-bottom: 8px; } @media (max-width: 919px) { header nav.top-nav li.dropdown-mega { display: none; } header nav.top-nav { height: 25px; box-sizing: unset!important; } .responsive-framework header.site-header { padding: 0; } } @media (max-width: 650px) { header .hbso-logo { margin: 10px 10px 0px 10px; } header .hbso-logo img{ width: 125px; } .pattern-framework .flyout-panel a.sub { font-size: 13px; line-height: 16px; margin-top: 10px!important; } header nav.top-nav { height: 20px; padding: 35px 0px 35px 0px; box-sizing: unset!important; } header .toolbar-btns { margin: 22px 20px 0px 30px!important; } header .universal-banner-menu-toggle { margin-left: 0px!important; } } #sticky-header { position: fixed; overflow: hidden; background-color: inherit; height: 0; top:0!important; left:0; right:0; z-index: 110; transform: translate3d(0,0,0); transition: height .3s cubic-bezier(0.5, 0, 0.1, 1) ; } #sticky-header > div.wrapper { position: absolute; bottom:0; left:0; right:0; } #sticky-header.at-scroll-top { display: none; } .sticky-header-active .facetctrl-sticky.active, .sticky-header-active .filter-sticky.fixed { transition: margin .3s cubic-bezier(0.5, 0, 0.1, 1) ; } .sticky-header-expanded .facetctrl-sticky.active { margin-top:98px; } @media (max-width: 650px) { .sticky-header-expanded .filter-sticky.fixed { margin-top:98px; } .sticky-header-expanded .facetctrl-sticky.active { margin-top:98px; } } @media (min-width: 651px) and (max-width: 919px) { .sticky-header-expanded .filter-sticky.fixed { margin-top:118px; } .sticky-header-expanded .facetctrl-sticky.active { margin-top:113px; } } .sticky-header-active .universal-banner.sticky-header-cloned, .sticky-header-active .sticky-header-cloned .site-header-button { visibility: hidden; } .mega-menu { position: absolute; width: 100%; left: 0; z-index: 11; } .mega-menu .white-bg { padding-top: 37px; border-bottom: 3px #D2D2D2 solid; } .mega-menu .mega-menu-wrapper { margin: 0px; padding: 10px 0px 60px 0px; display: flex; justify-content: space-between; margin: 0 auto; max-width: 900px; } .mega-menu .mega-col { list-style-type: none; display: block; width: 31%; } .mega-menu ul li a.header-link::after, .login-dropdown a.header-link::after { border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 6px; right: 0px; top: 36%; position: relative; transform: rotate(45deg); width: 6px; margin-bottom: 1px; margin-left: 5px; } a.accessible-video:focus { clip: unset; width: auto; height: auto!important; background-color: white; padding: 5px; z-index: 1; } .p3sdk-container .p3sdk-audio-description-component { max-height: none; } .page-header-online#page-header-1 { min-height: 271px; display: flex; align-items: center; position: relative; margin: 0px; } .page-header-online#page-header-1 picture { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .page-header-online#page-header-1 picture img { object-fit: cover; object-position: 0 0; width: 100%; height: 100%; } .page-header-online#page-header-1 .row-wrapper { display: flex; align-items: center; } .page-header-online#page-header-1 .video-wrapper { margin-left: 24px; } .page-header-online#page-header-1 .video-container, .page-header-online#page-header-1 .featured-image { padding: 50px 0; } .page-header-online#page-header-1 .proof-points { margin-top: 40px; } .page-header-online#page-header-1 .proof-points .proof-points-inner { display: flex; padding-bottom: 20px; position: relative; } .page-header-online#page-header-1 .proof-points .proof-points-inner::before { content: ''; display: block; width: 40px; height: 3px; background: #3a9c9c; position: absolute; top: 0; left: 0; } .page-header-online#page-header-1 .proof-points .point { margin: 15px 30px 0 0; flex: 1; } .page-header-online#page-header-1 .proof-points .point .number { font-size: 29px; line-height: 44px; color: #1a7c7c; } .page-header-online#page-header-1 .proof-points .source { position: absolute; bottom: 20px; display: inline-block; } .page-header-online#page-header-1 .proof-points .source a { color: #181818; border-bottom: 1px dotted #000; } .page-header-online#page-header-1 .proof-points .source a:hover { color: #a41034; border-color: #a41034; text-decoration: none; } .page-header-online#page-header-1 p+.btn { margin-top: 32px; } .page-header-online#page-header-1 .text-wrapper, .page-header-online#page-header-1 .video-wrapper { width: 50%; } .page-header-online#page-header-1 h1, .page-header-online#page-header-1 h2 { margin-bottom: 20px; } .page-header-online#page-header-1 .online-breadcrumbs { position: absolute; top: -12px; left: 50%; right: 50%; transform: translate(-50%, 0); z-index: 8; } @media (max-width: 919px) {.page-header-online#page-header-1 .text-wrapper, .page-header-online#page-header-1 .video-wrapper { width: 100%; } .page-header-online#page-header-1 .row-wrapper { flex-wrap: wrap; } .page-header-online#page-header-1 .main-content { width: 100%; } .page-header-online#page-header-1 .video-wrapper { margin-left: 0px; } .page-header-online#page-header-1 h1, .page-header-online#page-header-1 h2 { margin-bottom: 10px; } .page-header-online#page-header-1 p+.btn { margin-top: 0px; } .page-header-online#page-header-1 .proof-points { display: none; } .page-header-online#page-header-1 .video-container, .page-header-online#page-header-1 .featured-image { padding: 0px 0px 40px 0px; } .page-header-online#page-header-1 .online-breadcrumbs { top: 8px; left: 0; right: 0; transform: none; } } @media (max-width: 650px) {.page-header-online#page-header-1 { min-height: 170px; } .page-header-online#page-header-1.subject .online-breadcrumbs .subject-sentence { margin-top:5px; } .page-header-online#page-header-1 .podcast-avatar-head div { position: relative!important; top: 0!important; } }.body-content > p, .body-content > div p { margin-bottom: 0px; } .body-content > p, .body-content > ul, .body-content > ol, .body-content > img .body-content > figure, .body-content > img + p:first-of-type, .body-content > figure + p:first-of-type, .body-content > div p, .body-content > div h3 + ol, .body-content > div h3 + ul { margin-top: 1.3rem; } .body-content > ul, .body-content > ol, .body-content > ul + p { margin-top: 1.85rem; } .body-content > ul li, .body-content > ol li { margin-top: .1rem; } .body-content > ul ul li:first-child { margin-top: 0.2rem; } .body-content > h1 + p, .body-content > h1 + ul, .body-content > h1 + img { margin-top: 0.9rem; } .body-content > h2 + p, .body-content > h2 + ul, .body-content > h2 + img { margin-top: 0.55rem; }.body-content > h1, .body-content > .section-header-wrapper, .body-content > .section-header-wrapper h1 { margin-top: 4.75rem; } .body-content > h2, .body-content > h3, .body-content > h4 { margin-top: 1.68rem; } .body-content > h1 + h2 { margin-top: 0.5rem; } .body-content > table { margin-top: 1rem; } .body-content > *:first-child { margin-top: 0px; } .body-content > p:first-child, .body-content > ul > li:first-child, .body-content > h2:first-child { margin-top: -6px; } .body-content > p:last-of-type, .body-content > ul li:last-child, .body-content > ol li:last-child { margin-bottom: -6px; } .body-content > img, .body-content > figure img { max-width: 100%; height: auto!important; box-sizing: border-box; } .body-content > figure { margin: 0; } .body-content > .section-header-wrapper:first-child h1 { margin-top: -9px; } .body-content div.mu-uc { margin-bottom: -3px; } .body-content p + hr.hr { margin-top: 0.9rem; }.body-content div.fade-container + .hr4 { margin:0px; } .body-content .hr4 { margin:32px 0px; } .body-content dl.plusminus dt.open { margin-bottom: 30px; }@media screen and (max-width: 650px) { .body-content > h1, .body-content > .section-header-wrapper h1 { margin-top: 1.65rem; }.body-content > h1, .body-content > .section-header-wrapper, .body-content > .section-header-wrapper h1 { margin-top: 2.45rem; } } .request-info.trapezoid-bg { background-color: #a41034; background-image: linear-gradient(121deg, transparent 85%, #891f34 85%), linear-gradient(51deg, #891f34 15%, transparent 15%); } .request-info .content-wrapper { padding: 65px 120px; } @media screen and (max-width: 1100px) { .request-info.trapezoid-bg { padding-left: 24px; padding-right: 24px; } .request-info .content-wrapper { padding-left: 0px; padding-right: 0px; } } footer ul.linear.social-media > li { margin-right: 12px; } footer ul.linear.social-media > li:last-of-type { margin-right: 0px; } footer .redbar-links { text-align: right; } footer #signup { position: relative; } footer #signup input[type='submit'] { position: absolute; top: 31px; left: 200px; } .component-framework .hs-form .field { background-color: transparent; padding: 0; border: 0; box-shadow: none; } .component-framework .hs-form .hs-input { background: #eee none; padding: 5px 10px; border: 1px solid #d5d5d5; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; line-height: 1.2; box-shadow: inset 0 0 1px rgba(0,0,0,0.15); vertical-align: middle; box-sizing: border-box; height: auto; margin-bottom: 5px; } footer .component-framework .hs-form a { color: white; } footer .ink-black-bg .toggle-container a { color: white; } .component-framework .hs-form .hs-input:focus { border: 1px solid black; background-color: white; box-shadow: none; } .component-framework .hs-form .hs-input[type=checkbox] { position: relative; top: -3px; margin-right: 8px; } .component-framework .hs-form label { margin-bottom: 7px !important; display: block; font-weight: normal !important; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; max-width: 300px; } .component-framework .hs-form .hs-form-booleancheckbox label,.component-framework .hs-form .hs-form-checkbox label { font: normal 13px/16px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif; margin: 0; } .component-framework .hs-form .hs-button.primary { background: #a41034; color: white; display: inline-block; padding: 4px 17px; border: 0; margin: 0; cursor: pointer; transition: background 0.1s linear; font: normal 17px/24px 'TradeGothicW02-BoldCn20 675505',Arial,Helvetica,Verdana,sans-serif; text-transform: uppercase; box-shadow: none; } .component-framework .hs-form .hs-button.primary:hover { background: black; } .component-framework .hs-form .hs-button.primary:active { border: 0; background: black; box-shadow: none; } .component-framework .white .hs-form label { color: white; } .component-framework #blog-signup .field, .component-framework #blog-signup .actions { margin-top: 0 !important; margin-bottom: 0 !important; } @media (max-width: 919px) { footer .footer-bottom { padding: 0 15px; box-sizing: border-box; } } @media (max-width: 650px) { footer .social-media { margin: 20px 0px!important; right: initial!important; } footer .redbar-links { text-align: left; } } .faqs a.faq span { float: right; display: inline-block; margin: 0px 20px; } .faqs a.faq span.minus { display: none; } .faqs .toggle-container.toggled a.faq span.minus { display: inline-block; } .faqs .toggle-container.toggled a.faq span.plus { display: none; } .berry-red-bg .faqs { padding: 44px 0px; } .berry-red-bg .faqs a { color: white; } @media (max-width: 919px) { .faqs{ padding: 0 15px; box-sizing: border-box; } .berry-red-bg .faqs { padding: 35px 15px; } } @media (max-width: 650px) { .faqs { padding-top: 10px; } .berry-red-bg .faqs { padding: 25px 0px; } } ;</style> </head> <body class="expanded-grid-framework"> <div id="container" class="type-framework color-framework grid-framework component-framework pattern-framework js-framework responsive-framework"> <div class=" hbsred-inherit slider-inject responsive-type"><div class="inherit-bg sticky-header-container"></div><header class="online-header site-header noindex white-bg" aria-label="Site Header" style="position: relative" role="banner"> <div class="hbsred-bg" style="height: 6px"></div><a href="#skipto-main" class="hideme skipto">Skip to Main Content</a><div class="hbso-logo" style="position: absolute; z-index: 12;"> <div><a href="/"><img loading="eager" width="150" height="84" src="https://webassets.hbs.edu/libs/framework/1.0/images/HBS-Online-Stacked.svg" alt="HBS Online"></a></div> </div> <nav class="top-nav" aria-label="Main"> <ul style="margin: 0; display: flex; justify-content: center;"> <li class="dropdown-mega"> <div style="display: flex;"><a href="/courses/" class="black nav-link" style="font-size: 19px; margin: 0px 15px; text-decoration: none;" data-tapped="1" aria-expanded="false" aria-haspopup="true">Courses</a><div style="position: relative;"><a href="#" class="accessible-menu" aria-expanded="false" aria-haspopup="true" role="button"><span class="visually-hidden accessible-label">Open Courses Mega Menu</span></a></div> </div> <div class="mega-menu hidden"> <div class="white-bg"> <div class="container tablet-container mobile-container"> <div class="mega-menu-wrapper"> <div class="mega-col"> <ul class="unstyled"> <li><a href="/subjects/business-essentials/" class="header-link bold2 skip-underline">Business Essentials</a><ul class="unstyled"> <li><a href="/courses/core/" class="black skip-underline">Credential of Readiness (CORe)</a></li> <li><a href="/courses/business-analytics/" class="black skip-underline">Business Analytics</a></li> <li><a href="/courses/economics-for-managers/" class="black skip-underline">Economics for Managers</a></li> <li><a href="/courses/financial-accounting/" class="black skip-underline">Financial Accounting</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/leadership-management/" class="header-link bold2 skip-underline">Leadership & Management</a><ul class="unstyled"> <li><a href="/courses/leadership-principles/" class="black skip-underline">Leadership Principles</a></li> <li><a href="/courses/management-essentials/" class="black skip-underline">Management Essentials</a></li> <li><a href="/courses/negotiation/" class="black skip-underline">Negotiation Mastery</a></li> <li><a href="/courses/organizational-leadership/" class="black skip-underline">Organizational Leadership</a></li> <li><a href="/courses/strategy-execution/" class="black skip-underline">Strategy Execution</a></li> <li><a href="/courses/power-influence-positive-impact/" class="black skip-underline">Power and Influence for Positive Impact</a></li> <li><a href="/courses/leadership-ethics-corporate-accountability/" class="black skip-underline">Leadership, Ethics, and Corporate Accountability</a></li> <li><a href="/courses/leading-change-organizational-renewal/" class="black skip-underline">Leading Change and Organizational Renewal</a></li> <li><a href="/courses/dynamic-teaming/" class="black skip-underline">Dynamic Teaming</a></li> <li><a href="/courses/transforming-customer-experiences/" class="black skip-underline">Transforming Customer Experiences</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/courses/climb/" class="header-link bold2 skip-underline">Credential of Leadership, Impact, and Management in Business (CLIMB)</a><div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/courses/digital-innovation-strategy-credential/" class="header-link bold2 skip-underline">Credential of Digital Innovation and Strategy</a></li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><a href="/subjects/entrepreneurship-innovation/" class="header-link bold2 skip-underline">Entrepreneurship & Innovation</a><ul class="unstyled"> <li><a href="/courses/entrepreneurship-essentials/" class="black skip-underline">Entrepreneurship Essentials</a></li> <li><a href="/courses/disruptive-strategy/" class="black skip-underline">Disruptive Strategy</a></li> <li><a href="/courses/negotiation/" class="black skip-underline">Negotiation Mastery</a></li> <li><a href="/courses/design-thinking-innovation/" class="black skip-underline">Design Thinking and Innovation</a></li> <li><a href="/courses/launching-tech-ventures/" class="black skip-underline">Launching Tech Ventures</a></li> <li><a href="/courses/winning-with-digital-platforms/" class="black skip-underline">Winning with Digital Platforms</a></li> <li><a href="/courses/leading-change-organizational-renewal/" class="black skip-underline">Leading Change and Organizational Renewal</a></li> <li><a href="/courses/entrepreneurial-marketing/" class="black skip-underline">Entrepreneurial Marketing</a></li> <li><a href="/courses/transforming-customer-experiences/" class="black skip-underline">Transforming Customer Experiences</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/strategy/" class="header-link bold2 skip-underline">Strategy</a><ul class="unstyled"> <li><a href="/courses/strategy-execution/" class="black skip-underline">Strategy Execution</a></li> <li><a href="/courses/business-strategy/" class="black skip-underline">Business Strategy</a></li> <li><a href="/courses/economics-for-managers/" class="black skip-underline">Economics for Managers</a></li> <li><a href="/courses/disruptive-strategy/" class="black skip-underline">Disruptive Strategy</a></li> <li><a href="/courses/global-business/" class="black skip-underline">Global Business</a></li> <li><a href="/courses/sustainable-business-strategy/" class="black skip-underline">Sustainable Business Strategy</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/marketing/" class="header-link bold2 skip-underline">Marketing</a><ul class="unstyled"> <li><a href="/courses/digital-marketing-strategy/" class="black skip-underline">Digital Marketing Strategy</a></li> <li><a href="/courses/creating-brand-value/" class="black skip-underline">Creating Brand Value</a></li> <li><a href="/courses/entrepreneurial-marketing/" class="black skip-underline">Entrepreneurial Marketing</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/digital-transformation/" class="header-link bold2 skip-underline">Digital Transformation</a><ul class="unstyled"> <li><a href="/courses/winning-with-digital-platforms/" class="black skip-underline">Winning with Digital Platforms</a></li> <li><a href="/courses/ai-essentials-for-business/" class="black skip-underline">AI Essentials for Business</a></li> </ul> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><a href="/subjects/finance-accounting/" class="header-link bold2 skip-underline">Finance & Accounting</a><ul class="unstyled"> <li><a href="/courses/financial-accounting/" class="black skip-underline">Financial Accounting</a></li> <li><a href="/courses/leading-with-finance/" class="black skip-underline">Leading with Finance</a></li> <li><a href="/courses/alternative-investments/" class="black skip-underline">Alternative Investments</a></li> <li><a href="/courses/sustainable-investing/" class="black skip-underline">Sustainable Investing</a></li> <li><a href="/courses/strategic-financial-analysis/" class="black skip-underline">Strategic Financial Analysis</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/subjects/business-society/" class="header-link bold2 skip-underline">Business in Society</a><ul class="unstyled"> <li><a href="/courses/sustainable-business-strategy/" class="black skip-underline">Sustainable Business Strategy</a></li> <li><a href="/courses/global-business/" class="black skip-underline">Global Business</a></li> <li><a href="/courses/sustainable-investing/" class="black skip-underline">Sustainable Investing</a></li> <li><a href="/courses/power-influence-positive-impact/" class="black skip-underline">Power and Influence for Positive Impact</a></li> <li><a href="/courses/leadership-ethics-corporate-accountability/" class="black skip-underline">Leadership, Ethics, and Corporate Accountability</a></li> <li><a href="/courses/business-climate-change/" class="black skip-underline">Business and Climate Change</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/courses/" class="header-link bold2 skip-underline">All Courses</a></li> </ul> </div> </div> </div> </div> </div> </li> <li class="dropdown-mega"> <div style="display: flex;"><a href="/organizations/" class="black nav-link" style="font-size: 19px; margin: 0px 15px; text-decoration: none;" data-tapped="2" aria-expanded="false" aria-haspopup="true">For Organizations</a><div style="position: relative;"><a href="#" class="accessible-menu" aria-expanded="false" aria-haspopup="true" role="button"><span class="visually-hidden accessible-label">Open For Organizations Mega Menu</span></a></div> </div> <div class="mega-menu hidden"> <div class="white-bg"> <div class="container tablet-container mobile-container"> <div class="mega-menu-wrapper"> <div class="mega-col"> <ul class="unstyled"> <li><a href="/organizations/corporate-training" class="header-link bold2 skip-underline">Corporate Learning</a><div style="padding-right: 20px;">Help your employees master essential business concepts, improve effectiveness, and expand leadership capabilities.</div> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><a href="/organizations/academic-solutions" class="header-link bold2 skip-underline">Academic Solutions</a><div style="padding-right: 20px;">Integrate HBS Online courses into your curriculum to support programs and create unique educational opportunities.</div> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><span class="header-link bold2 skip-underline">Need Help?</span><ul class="unstyled"> <li><a href="/more-info/faqs" class="black skip-underline">Frequently Asked Questions</a></li> <li><a href="/contact" class="black skip-underline">Contact Us</a></li> </ul> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"></ul> </div> </div> </div> </div> </div> </li> <li class="dropdown-mega"> <div style="display: flex;"><a href="/blog/" class="black nav-link" style="font-size: 19px; margin: 0px 15px; text-decoration: none;" data-tapped="3" aria-expanded="false" aria-haspopup="true">Insights</a><div style="position: relative;"><a href="#" class="accessible-menu" aria-expanded="false" aria-haspopup="true" role="button"><span class="visually-hidden accessible-label">Open Insights Mega Menu</span></a></div> </div> <div class="mega-menu hidden"> <div class="white-bg"> <div class="container tablet-container mobile-container"> <div class="mega-menu-wrapper"> <div class="mega-col"> <ul class="unstyled"> <li><a href="/blog/" class="header-link bold2 skip-underline">Business Insights Blog</a><ul class="unstyled"> <li><a href="/blog/?topic=Career+Development" class="black skip-underline">Career Development</a></li> <li><a href="/blog/?topic=Communication" class="black skip-underline">Communication</a></li> <li><a href="/blog/?topic=Decision-Making" class="black skip-underline">Decision-Making</a></li> <li><a href="/blog/?topic=Earning+Your+MBA" class="black skip-underline">Earning Your MBA</a></li> <li><a href="/blog/?topic=Entrepreneurship+%26+Innovation" class="black skip-underline">Entrepreneurship & Innovation</a></li> <li><a href="/blog/?topic=Finance" class="black skip-underline">Finance</a></li> <li><a href="/blog/?topic=Leadership" class="black skip-underline">Leadership</a></li> <li><a href="/blog/?topic=Management" class="black skip-underline">Management</a></li> <li><a href="/blog/?topic=Negotiation" class="black skip-underline">Negotiation</a></li> <li><a href="/blog/?topic=Strategy" class="black skip-underline">Strategy</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/blog/" class="header-link bold2 skip-underline">All Topics</a></li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li> <div class="photo-teaser"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--mEJZN6C2--/f_auto,c_fill,h_213,w_380,/v20200101/96C091115A1E47EE5398B0232FBF8D3F.jpg" class="fluid" alt="Learner on computer exploring HBS Online business lessons" width="380" height="213"><div class="shim8"></div> <div class="bold2"><a href="/free-online-business-courses/">Sample Business Lessons and E-Books</a></div> <p style="margin-bottom: 10px;">Gain new insights and knowledge from leading faculty and industry experts.</p> </div> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li> <div class="photo-teaser"><img loading="lazy" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--ZNCUayM_--/f_auto,c_fill,h_213,w_380,/v20200101/4DE35B5C45AC4C2D5896971F169CF03C.jpg" class="fluid" alt="HBS Online Parlor Room podcast logo" width="380" height="213"><div class="shim8"></div> <div class="bold2"><a href="/podcast/" target="_blank">Podcast</a></div> <p style="margin-bottom: 10px;"><em>The Parlor Room</em>: Where business concepts come to life. Listen now on your favorite podcast platform.</p> </div> </li> </ul> </div> </div> </div> </div> </div> </li> <li class="dropdown-mega"> <div style="display: flex;"><a href="/more-info/" class="black nav-link" style="font-size: 19px; margin: 0px 15px; text-decoration: none;" data-tapped="4" aria-expanded="false" aria-haspopup="true">More Info</a><div style="position: relative;"><a href="#" class="accessible-menu" aria-expanded="false" aria-haspopup="true" role="button"><span class="visually-hidden accessible-label">Open More Info Mega Menu</span></a></div> </div> <div class="mega-menu hidden"> <div class="white-bg"> <div class="container tablet-container mobile-container"> <div class="mega-menu-wrapper"> <div class="mega-col"> <ul class="unstyled"> <li><a href="/more-info/learning-model/" class="header-link bold2 skip-underline">Learning Experience</a><div style="padding-right: 20px;">Master real-world business skills with our immersive platform and engaged community.</div> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="/more-info/certificates-credentials-credits" class="header-link bold2 skip-underline">Certificates, Credentials, & Credits</a><div style="padding-right: 20px;">Learn how completing courses can boost your resume and move your career forward.</div> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><a href="/more-info/learning-tracks" class="header-link bold2 skip-underline">Learning Tracks</a><div style="padding-right: 20px;">Take your career to the next level with this specialization.</div> <div class="shim40"></div> <div class="shim10"></div> </li> <li><span class="header-link bold2 skip-underline">Financing & Policies</span><ul class="unstyled"> <li><a href="/more-info/employer-reimbursement" class="black skip-underline">Employer Reimbursement</a></li> <li><a href="/more-info/payment-financial-aid/" class="black skip-underline">Payment & Financial Aid</a></li> <li><a href="/more-info/policies/" class="black skip-underline">Policies</a></li> </ul> </li> </ul> </div> <div class="mega-col"> <ul class="unstyled"> <li><span class="header-link bold2 skip-underline">Connect</span><ul class="unstyled"> <li><a href="/more-info/student-stories/" class="black skip-underline">Student Stories</a></li> <li><a href="/more-info/community" class="black skip-underline">Community</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><span class="header-link bold2 skip-underline">Need Help?</span><ul class="unstyled"> <li><a href="/more-info/faqs" class="black skip-underline">Frequently Asked Questions</a></li> <li><a href="/request-more-information" class="black skip-underline">Request Information</a></li> <li><a href="https://account.myhbx.org/onlinesupport/s/contactsupport" class="black skip-underline">Support Portal</a></li> </ul> <div class="shim40"></div> <div class="shim10"></div> </li> <li><a href="https://login.myhbx.org/login?service=https%3A%2F%2Fadmin3.myhbx.org%2Fsso" class="header-link bold2 skip-underline">Enroll Now</a></li> </ul> </div> </div> </div> </div> </div> </li> </ul> </nav> <div class="toolbar-btns" style="margin: 43px 30px 0px 30px; position: absolute; top: 0px; right: 0px;"><a href="/search" style="display: inline-block; float: left; margin-right: 30px;" class="black white-bg search-popup" role="button" aria-label="Open search dialog - Search website"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="width: 18px; height: 18px; margin-bottom:-3px;" aria-hidden="true" focusable="false"> <path fill="rgba(0,0,0,.6)" d="M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z"/></svg></a><div class="show-login-dropdown" style="display: inline-block; float:left; position: relative; margin-top: -1px;"><a href="#" role="button" class="black light zen mobile-hidden login-link" aria-expanded="false" aria-haspopup="true">Login</a><div class="login-dropdown hidden"> <div class="login-border white-bg"><a href="https://courses.myhbx.org/" class="header-link bold2 skip-underline">My Courses</a><div>Access your courses and engage with your peers</div> <div class="shim20"></div><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org" class="header-link bold2 skip-underline">My Account</a><div>Manage your account, enrollment, and payments.</div> </div> </div> </div><a href="#" class="universal-banner-menu-toggle" style="display: inline-block; float: left; margin-left: 30px;" aria-label="Toggle Flyout Menu"> <div class="universal-banner-hamburger"><span></span><span></span><span></span></div></a></div> <div id="universal-slider-nav" class="hidden"> <nav class="gamma-uc site-title" aria-label="HBS Homepage"><a href="https://www.hbs.edu" class="white slidernav-ancillarynav-hbs-home">HBS Home</a></nav> <div class="hr" style="opacity: 0.3"></div> <nav aria-label="HBS Home Main"> <ul class="epsilon-uc unstyled unbulleted"> <li><a href="https://www.hbs.edu/about" class="slidernav-ancillarynav-about">About HBS</a></li> <li><a href="https://www.hbs.edu/about/academic-programs" class="slidernav-ancillarynav-academic-programs">Academic Programs</a></li> <li><a href="https://www.alumni.hbs.edu" class="slidernav-ancillarynav-alumni">Alumni</a></li> <li><a href="https://www.hbs.edu/faculty" class="slidernav-ancillarynav-faculty-and-research">Faculty & Research</a></li> </ul> </nav> <div class="hr" style="opacity: 0.3"></div> <nav aria-label="HBS Home Utility"> <ul class="kappa-uc unstyled unbulleted"> <li><a href="https://www.library.hbs.edu/" class="slidernav-ancillarynav-baker-library">Baker Library</a></li> <li><a href="https://www.alumni.hbs.edu/giving" class="slidernav-ancillarynav-giving">Giving</a></li> <li><a href="https://hbr.org/" class="slidernav-ancillarynav-harvard-business-review">Harvard Business Review</a></li> <li><a href="https://www.hbs.edu/about/initiatives" class="slidernav-ancillarynav-initiatives">Initiatives</a></li> <li><a href="https://www.hbs.edu/news" class="slidernav-ancillarynav-news">News</a></li> <li><a href="https://www.hbs.edu/recruiting" class="slidernav-ancillarynav-recruit">Recruit</a></li> </ul> </nav> <div class="hr" style="opacity: 0.3"></div> <nav aria-label="Footer"> <ul class="kappa-uc unstyled unbulleted"> <li><a href="https://www.hbs.edu/maps/" class="slidernav-ancillarynav-map-directions">Map / Directions</a></li> </ul> </nav> </div> <div class="hidden"><a class="site-home" href="/">HBS Online</a><ul class="navbar"> <li><a href="/courses/" class="has-sub">Courses</a></li> <li><a href="/subjects/business-essentials/" class="sub first-sub ">Business Essentials</a></li> <li><a href="/subjects/leadership-management/" class="sub ">Leadership & Management</a></li> <li><a href="/courses/climb/" class="sub ">Credential of Leadership, Impact, and Management in Business (CLIMB)</a></li> <li><a href="/courses/digital-innovation-strategy-credential/" class="sub ">Credential of Digital Innovation and Strategy</a></li> <li><a href="/subjects/entrepreneurship-innovation/" class="sub ">Entrepreneurship & Innovation</a></li> <li><a href="/subjects/strategy/" class="sub ">Strategy</a></li> <li><a href="/subjects/marketing/" class="sub ">Marketing</a></li> <li><a href="/subjects/digital-transformation/" class="sub ">Digital Transformation</a></li> <li><a href="/subjects/finance-accounting/" class="sub ">Finance & Accounting</a></li> <li><a href="/subjects/business-society/" class="sub last-sub">Business in Society</a></li> <li><a href="/organizations/" class="">For Organizations</a></li> <li><a href="/blog/" class="">Insights</a></li> <li><a href="/more-info/" class="">More Info</a></li> </ul> <ul class="toolbar"> <li><a href="/about/">About</a></li> <li><a href="https://account.myhbx.org/onlinesupport/s/contactsupport">Support Portal</a></li> <li><a href="/about/media-coverage">Media Coverage</a></li> <li><a href="/about/donors">Founding Donors</a></li> <li><a href="/about/leadership-team">Leadership Team</a></li> <li><a href="/about/careers">Careers</a></li> <li><a href="https://courses.myhbx.org/">My Courses</a></li> <li><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org">My Account</a></li> <li><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org" class="btn white black-bg" style="padding: 8px 28px 8px 17px!important;">Enroll Now</a></li> </ul><button style="margin-top: 30px" class="site-header-button slider-backdrop-above slider-open btn-glass" data-target="flyout-navigation"><i class="icon24-menu"></i></button></div> </header><div class="mega-black-bg hidden"></div>  <div class="mainContainer link-controller" runat="server"> <main id="skipto-main" tabindex="-1" aria-label="Page content" class="hbso-main"> <div class="headerblue-bg page-header-online page-header " id="page-header-1"><picture> <source media="(max-width:650px)" srcset="https://cloudinary.hbs.edu/hbsit/image/upload/s--ddRwLiLr--/f_auto,c_fill,w_376,/v20200101/08EF2D2B7DCCC5B1D0D2D4D9F258D983.jpg"><img fetchpriority="high" src="https://cloudinary.hbs.edu/hbsit/image/upload/s--EMvzCk3y--/f_auto,c_fill,w_1402,/v20200101/7D5401BC242C004B25529784F1F4A20B.jpg" alt=""></picture><div class="container tablet-container mobile-container online-breadcrumbs"> <ul class="nu responsive-breadcrumb toggle-container"> <li class="responsive-breadcrumb-toggle"><a href="#" class="toggle-button">…</a><span class="txt-arrow" aria-hidden="true">→</span></li> <li><a href="https://www.hbs.edu/Pages/default.aspx" class="ink">Harvard Business School</a><span class="txt-arrow" aria-hidden="true">→</span></li> <li><a href="/" class="ink">HBS Online</a><span class="txt-arrow" aria-hidden="true">→</span></li> <li> <div class="dropdown-container"><a class="ink nu dropdown-toggle" href="/about/" role="button">About<span class="icon-select"></span></a><ul class="dropdown-menu nu"> <li><a href="/about/" class="white">About</a><div class="divider inherit-bg"></div> </li> <li><a href="/about/media-coverage" class="active inherit-color" aria-current="page">Media Coverage</a></li> <li><a href="/about/donors" class="white">Founding Donors</a></li> <li><a href="/about/leadership-team" class="white">Leadership Team</a></li> <li><a href="/about/careers" class="white">Careers @ HBS Online</a></li> </ul> </div><span class="txt-arrow" aria-hidden="true">→</span></li> <li><a href="/about/media-coverage" class="ink" aria-current="page">Media Coverage</a><span class="txt-arrow" aria-hidden="true">→</span></li> </ul> </div> <div class="container tablet-container mobile-container main-content" style="z-index: 7;"> <div class="row-wrapper"> <div class="text-wrapper"> <div class="cap mobile-cap tablet-cap"></div> <div class="shim10"></div> <div class="shim40 mobile-visible"></div> <h1 class="beta">Media Coverage</h1> <p></p> <div class="base tablet-base mobile-base"></div> </div> <div class="video-wrapper" style=""> </div> </div> </div> </div> <div class="cap tablet-cap mobile-cap"></div> <div class=" "> <div class="container tablet-container mobile-container "> <div class="html body-content h2-beta h3-gamma h4-eta"> <p class="center">For media inquiries, please email us at <a href="mailto:hbsonlinepr@hbs.edu">hbsonlinepr@hbs.edu</a>.</p> </div> </div> </div> <div> <div class="shim1 " style="height:32px"></div> </div><div class="bleed-container"><div id="search1-app" class="search1-embedded"> <div class="mobile-visible tablet-visible"> <div class="smoke-bg responsive-filter-bar facetctrl-sticky"> <div class="mobile-container tablet-container"><a href="#filter-top" class="black epsilon nosmooth">Filter Results<span class="facetctrl-ajax-html"></span><span class="toggle-hide"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="9" viewBox="0 0 32 24" version="1.1" focusable="false" style="padding-left: 5px;"> <title>Arrow Down</title> <g transform="translate(16.000000, 12.000000) rotate(180.000000) translate(-16.000000, -12.000000) " fill="#000000" fill-rule="nonzero"> <path d="M0,20 L32,20 L32,24 L0,24 L0,20 Z M16,0 L32,16 L0,16 L16,0 Z"/> </g></svg></span></a></div> </div> <div class="smoke-bg responsive-filter-bar facetctrl-sticky-target" id="filter-top"> <div class="mobile-container tablet-container"> <div class="toggle-container has-memory"><a href="#" class="toggle-button black epsilon">Filter Results<span class="facetctrl-ajax-html"></span><span class="toggle-hide"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="9" viewBox="0 0 32 24" version="1.1" focusable="false" style="padding-left: 5px;"> <title>Arrow Down</title> <g transform="translate(16.000000, 12.000000) rotate(180.000000) translate(-16.000000, -12.000000) " fill="#000000" fill-rule="nonzero"> <path d="M0,20 L32,20 L32,24 L0,24 L0,20 Z M16,0 L32,16 L0,16 L16,0 Z"/> </g></svg></span><span class="toggle-show"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" version="1.1" viewBox="0 0 32 32" focusable="false" style="padding-left: 5px;"> <title>Arrow Up</title> <path d="M0 24h32v4h-32zM16 4l16 16h-32z"/></svg></span></a><div class="toggle-show has-slide"> <div class="shim12"></div> <div id="facet-navigation-mobile" style="padding-bottom:24px"></div> </div> </div> </div> </div> </div> <div class="container tablet-container mobile-container facetctrl-search-container facetctrl-fade "> <div class="cap mobile-cap tablet-cap"></div> <div class=" "> <div class="row tablet-row"> <div class="span3 mobile-hidden tablet-hidden"> <div class="mobile-hidden rendered-visible"> <div class="responsive-facet-inject-target"> <div class="facetctrl-ajax-html"></div> <div id="facet-navigation"></div> <div class="clear"></div> <div class="shim24"></div> </div> </div> </div> <div class="facetctrl-ajax-classes span9"> <div xmlns:dc="http://dublincore.org/documents/dcmi-namespace/" class="facetctrl-ajax-html"> <div class="facet-breadcrumb-pattern eta facetctrl-breadcrumb"></div> </div> <div xmlns:dc="http://dublincore.org/documents/dcmi-namespace/" class="facetctrl-ajax-html"></div> <div xmlns:dc="http://dublincore.org/documents/dcmi-namespace/" style="float:right;margin-right:7px;" class="nu facetctrl-sort"><span class="facetctrl-ajax-html print-hidden"></span></div> <div xmlns:dc="http://dublincore.org/documents/dcmi-namespace/" style="float:right;" class="nu print-hidden"><span class="facetctrl-ajax-html"></span></div> <div xmlns:dc="http://dublincore.org/documents/dcmi-namespace/" style="float:left;margin-top:-5px;"><span class="facetctrl-ajax-html print-hidden"></span></div> <div xmlns:dc="http://dublincore.org/documents/dcmi-namespace/" class="clear"></div> <div xmlns:dc="http://dublincore.org/documents/dcmi-namespace/" class="facetctrl-ajax-html facetctrl-breadcrumb-rule"></div> <div xmlns:dc="http://dublincore.org/documents/dcmi-namespace/" class="facetctrl-ajax-html"></div> <div xmlns:dc="http://dublincore.org/documents/dcmi-namespace/" class="facetctrl-ajax-html"></div> <div xmlns:dc="http://dublincore.org/documents/dcmi-namespace/" class="facetctrl-results"> <div class="vrule3h tablet-vrule4h"> <div class="vrule6h tablet-vrule8h"> <div class=""> <div class="shim8 desktop-visible"></div> <div class="facetctrl-isotope-results invisible"> <div class="facetctrl-isotope-element" data-position="1" id="item-1"> <div class="media-span3" id="hbx-2576"><a href="https://www.insidehighered.com/opinion/blogs/call-action/2025/02/04/seven-strategies-build-global-learning-community-scale" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/HBS-Online-learners-meeting-at-Connext.jpg?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">04 Feb 2025</li> <li class="ash">Inside Higher Ed</li> </ul> <h2 class="kappa u">How to Create an Engaged Global Community at Scale</h2> <div class="ink nu">Lauren Landry</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="2" id="item-2"> <div class="media-span3" id="hbx-2554"><a href="https://www.hbs.edu/news/articles/Pages/hbs-online-10-years.aspx" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/HBS Online Staff.png?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">04 Dec 2024</li> <li class="ash">HBS Newsroom</li> </ul> <h2 class="kappa u">Redefining Learning: Celebrating 10 Years of Harvard Business School Online</h2> <div class="ink nu">Romanshika Singh</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="3" id="item-3"> <div class="media-span3" id="hbx-2552"><a href="https://universitybusiness.com/the-6-trends-shaping-the-online-business-education-landscape-in-2025/" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/professional-taking-online-leadership-management-course.jpg?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">27 Nov 2024</li> <li class="ash">University Business</li> </ul> <h2 class="kappa u">The 6 Trends Shaping the Online Business Education Landscape in 2025</h2> <div class="ink nu">Cristina de la Cierva</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="4" id="item-4"> <div class="media-span3" id="hbx-2536"><a href="https://www.hbs.edu/news/articles/Pages/business-climate-change-course.aspx" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/media-coverage/%C2%A9Susan Young for Harvard Business School - 131022-9108.jpg?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">30 Oct 2024</li> <li class="ash">HBS Newsroom</li> </ul> <h2 class="kappa u">Business and Climate Change: Three Harvard Business School Student Perspectives</h2> <div class="ink nu">Shona Simkin</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="5" id="item-5"> <div class="media-span3" id="hbx-2528"><a href="https://poetsandquantsforundergrads.com/news/the-easiest-hardest-college-majors/4/" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/Harvard-from-the-air-1.jpg?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">29 Sep 2024</li> <li class="ash">Poets&Quants</li> </ul> <h2 class="kappa u">Harvard Business School Online Launches Second Season of Popular Podcast ‘The Parlor Room’</h2> <div class="ink nu">Meghan Marrin</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="6" id="item-6"> <div class="media-span3" id="hbx-2355"><a href="https://finance.yahoo.com/news/hbs-online-launches-1-leadership-135753988.html" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/harvard-climb.jpg?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">05 Jul 2023</li> <li class="ash">Yahoo! Finance</li> </ul> <h2 class="kappa u">HBS Online Launches 1-Year Leadership Course</h2> <div class="ink nu">P&Q Staff</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="7" id="item-7"> <div class="media-span3" id="hbx-1814"><a href="https://www.wsj.com/articles/the-new-m-b-a-flexible-cheaper-and-lifelong-11604761238" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/online/PublishingImages/media-coverage/the-new-mba.jpg?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">07 Nov 2020</li> <li class="ash">The Wall Street Journal</li> </ul> <h2 class="kappa u">The New M.B.A.: Flexible, Cheaper, and Lifelong</h2> <div class="ink nu">Patrick Thomas</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="8" id="item-8"> <div class="media-span3" id="hbx-1480"><a href="https://www.businessinsider.com/how-to-prepare-financially-for-an-economic-recession-2019-6" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/media-coverage/job-seekers.jpg?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">20 Mar 2020</li> <li class="ash">Business Insider</li> </ul> <h2 class="kappa u">How to Prepare Financially for an Economic Recession</h2> <div class="ink nu">Frank Olito</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="9" id="item-9"> <div class="media-span3" id="hbx-1638"><a href="https://www.ft.com/content/7669a40c-411a-11ea-a879-e56a76ed3e8a" class="tile "> <ul class="linear mu-uc"> <li class="black">01 Mar 2020</li> <li class="ash">Financial Times</li> </ul> <h2 class="gamma u">Mini-courses pave the way to a full MBA</h2> <div class="ink nu">Seb Murray</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="10" id="item-10"> <div class="media-span3" id="hbx-1614"><a href="https://www.edsurge.com/news/2020-01-27-new-dean-of-harvard-business-school-online-aims-for-modular-courses-more-diversity" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/media-coverage/deb-spar-commencement.jpg?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">27 Jan 2020</li> <li class="ash">EdSurge</li> </ul> <h2 class="kappa u">New Dean of Harvard Business School Online Aims for Modular Courses, More Diversity</h2> <div class="ink nu">Jeffrey R. Young</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="11" id="item-11"> <div class="media-span3" id="hbx-1615"><a href="https://poetsandquants.com/2020/01/25/hbs-online-will-keep-changing-the-game-heres-how/?pq-category=business-school-news&pq-category-2=online-mba-news" class="tile "> <ul class="linear mu-uc"> <li class="black">25 Jan 2020</li> <li class="ash">Poets & Quants</li> </ul> <h2 class="gamma u">HBS Online Will Keep Changing The Game. Here’s How.</h2> <div class="ink nu">Marc Ethier</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="12" id="item-12"> <div class="media-span3" id="hbx-1603"><a href="https://poetsandquants.com/2019/12/11/this-program-may-be-the-best-way-to-prep-for-the-elite-mba-experience/" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/media-coverage/career-start.jpg?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">11 Dec 2019</li> <li class="ash">Poets & Quants</li> </ul> <h2 class="kappa u">This HBS Program May Be The Best Way To Prep For Your MBA</h2> <div class="ink nu">Marc Ethier</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="13" id="item-13"> <div class="media-span3" id="hbx-1450"><a href="https://www.thecrimson.com/article/2019/4/9/hbs-online-enrollment-spikes/" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/media-coverage/enrollment-increase.png?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">08 Apr 2019</li> <li class="ash">Harvard Crimson</li> </ul> <h2 class="kappa u">Harvard Business School Online Sees Enrollment Spike 70 Percent After Rebranding</h2> <div class="ink nu">Sam E. Sharfstein</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="14" id="item-14"> <div class="media-span3" id="hbx-1393"><a href="https://www.thecrimson.com/article/2019/1/10/hbx-name-change/" class="tile "> <ul class="linear mu-uc"> <li class="black">10 Jan 2019</li> <li class="ash">Harvard Crimson</li> </ul> <h2 class="gamma u">Online Education Program HBX Rebrands as 'Harvard Business School Online'</h2> <div class="ink nu">Lucy Liu and Sam E. Sharfstein</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="15" id="item-15"> <div class="media-span3" id="hbx-1392"><a href="https://www.forbes.com/sites/poetsandquants/2019/01/09/are-online-business-courses-worth-it/#66c176667e62" class="tile "> <ul class="linear mu-uc"> <li class="black">09 Jan 2019</li> <li class="ash">Forbes</li> </ul> <h2 class="gamma u">Are Online Business Courses Worth It?</h2> <div class="ink nu">John Byrne</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="16" id="item-16"> <div class="media-span3" id="hbx-1391"><a href="https://www.businessinsider.com/harvard-business-school-online-hbx-2019-1" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/Harvard%20Business%20School.jpg?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">08 Jan 2019</li> <li class="ash">Business Insider</li> </ul> <h2 class="kappa u">Harvard Business School Just Signaled a Huge Shift in Online Education with a Simple Name Change</h2> <div class="ink nu">Mark Abadi</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="17" id="item-17"> <div class="media-span3" id="hbx-1388"><a href="https://www.prnewswire.com/news-releases/hbx-rebrands-to-harvard-business-school-online-to-help-extend-reach-of-online-programs-300774345.html" class="tile "> <ul class="linear mu-uc"> <li class="black">08 Jan 2019</li> <li class="ash">PR Newswire</li> </ul> <h2 class="gamma u">HBX Rebrands to Harvard Business School Online to Help Extend Reach of Online Programs</h2> <div class="ink nu"></div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="18" id="item-18"> <div class="media-span3" id="hbx-1232"><a href="https://www.wsj.com/articles/m-b-a-programs-try-catering-to-liberal-arts-typeswith-math-camp-1530712800" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/media-coverage/wsj-mba-programs.jpg?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">04 Jul 2018</li> <li class="ash">The Wall Street Journal</li> </ul> <h2 class="kappa u">MBA Programs Try Catering to Liberal-Arts Types - with Math Camp</h2> <div class="ink nu">Janaki Chadha</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="19" id="item-19"> <div class="media-span3" id="hbx-1216"><a href="https://www.topmba.com/programs/part-time-mba/what-expect-part-time-mba" class="tile "> <div class="media-img"><img loading="lazy" class="o fluid" src="https://online.hbs.edu/PublishingImages/media-coverage/qs-top-mba-studying.jpg?v=1&d=1" alt="" style="width: 100%;"></div> <ul class="linear mu-uc"> <li class="black">08 Jun 2018</li> <li class="ash">QS TopMBA.com</li> </ul> <h2 class="kappa u">What to Expect from a Part-Time MBA</h2> <div class="ink nu">Seb Murray</div></a><div class="hr"></div> </div> </div> <div class="facetctrl-isotope-element" data-position="20" id="item-20"> <div class="media-span3" id="hbx-1217"><a href="https://www.americaninno.com/boston/meet-bikebus-a-party-bus-workout-city-tour-cargurus-names-wayfair-co-founder-to-its-board/" class="tile "> <ul class="linear mu-uc"> <li class="black">07 Jun 2018</li> <li class="ash">AmericanInno</li> </ul> <h2 class="gamma u">The BostInno Beat: Making Moves</h2> <div class="ink nu">Srividya (Sri) Kalyanaraman</div></a><div class="hr"></div> </div> </div> </div> </div> </div> </div> </div> <div xmlns:dc="http://dublincore.org/documents/dcmi-namespace/" id="facet-pagination" class="clear"> <div class="facetctrl-ajax-pagination hbsred-bg hidden" style="text-align:center;margin-bottom:32px;"><a href="?_ajax_pagination=1&page=1" class="facetctrl-ajax-nextpage white lambda-uc btn-bar hbsred-bg">Load More<span class="icon-expand-white" style="margin-left:10px;margin-bottom:1px;"></span></a></div> </div> </div> <div class="facetctrl-ajax-html facetctrl-ajax-classes search-right-sidebar hidden"></div> </div> <div class="nu"> <div class="facetctrl-ajax-html"></div> </div> </div> </div> </div><script> var _domready = _domready || []; _domready.push(function(){ if (window.searchPreInit) searchPreInit(); loadFacets(); var path = document.location.pathname; if ($("meta[name=HBSSearchUrl]").length == 0 && path.indexOf('search.aspx') != -1) { $("head").append('<meta name="HBSSearchUrl" content="'+path+'"/>'); $("meta[name=HBSSearchSubset]").remove() } $(document).bind("framework.breakpoint",function(){ loadFacets(); }) }) function loadFacets(){ FacetController.ready(function(){ $('.isotope-installed').removeClass('isotope-installed'); var facetCtrl = new FacetController({container:"#search1-app", ajax:true }); window.facetCtrl = facetCtrl; // when data is ready to render facetCtrl.onRender(function(){ $(".facetctrl-breadcrumb").html(facetCtrl.renderBreadcrumb()); var fhtml = facetCtrl.renderNavigation(); if ($('html.ua-desktop').length == 0) { $("#facet-navigation-mobile").html(fhtml); } else { $("#facet-navigation").html(fhtml); } $(".facetctrl-clone-facet").each(function(){ var facetName = $(this).data('facet-name'); var facetHtml = facetCtrl.renderNavigation(facetName); if (facetHtml) { $(this).find('.facetctrl-clone-facet-target').html(facetHtml); } else { $(this).empty(); } }) $(".facetctrl-query").each(function(){ $(".universal-site-search-query").val($(this).data('query')); }) $(document).trigger('framework.domupdate'); facetCtrl.bindEvents(); facetCtrl.updateInputFields(); console.info('onrender'); }) eval($("#facetctrl-config").html()); var data = eval($("#facetctrl-data").html()); facetCtrl.loadData(data); facetCtrl.render(); }) } </script><script type="text/facetdata" id="facetctrl-data"> new Object({ total:146, pages:8, step:20, page:1, facets:[ {"facet":"source","label":"Poets & Quants","id":"Poets & Quants","count":"11"}, {"facet":"source","label":"HBS Newsroom","id":"HBS Newsroom","count":"9"}, {"facet":"source","label":"Harvard Business School","id":"Harvard Business School","count":"8"}, {"facet":"source","label":"Business Insider","id":"Business Insider","count":"7"}, {"facet":"source","label":"Forbes","id":"Forbes","count":"5"}, {"facet":"source","label":"HBX Blog","id":"HBX Blog","count":"5"}, {"facet":"source","label":"Harvard Business School Newsroom","id":"Harvard Business School Newsroom","count":"4"}, {"facet":"source","label":"CNBC","id":"CNBC","count":"3"}, {"facet":"source","label":"Harvard Crimson","id":"Harvard Crimson","count":"3"}, {"facet":"source","label":"The Harvard Crimson","id":"The Harvard Crimson","count":"3"}, {"facet":"source","label":"The Wall Street Journal","id":"The Wall Street Journal","count":"3"}, {"facet":"source","label":"U.S. News & World Report","id":"U.S. News & World Report","count":"3"}, {"facet":"source","label":"BostInno","id":"BostInno","count":"2"}, {"facet":"source","label":"Boston Business Journal","id":"Boston Business Journal","count":"2"}, {"facet":"source","label":"Campus Technology","id":"Campus Technology","count":"2"}, {"facet":"source","label":"Chief Learning Officer","id":"Chief Learning Officer","count":"2"}, {"facet":"source","label":"Entrepreneur","id":"Entrepreneur","count":"2"}, {"facet":"source","label":"Financial Times","id":"Financial Times","count":"2"}, {"facet":"source","label":"Fortune Insiders","id":"Fortune Insiders","count":"2"}, {"facet":"source","label":"Inside Higher Ed","id":"Inside Higher Ed","count":"2"}, {"facet":"source","label":"MBA Crystal Ball","id":"MBA Crystal Ball","count":"2"}, {"facet":"source","label":"NPR","id":"NPR","count":"2"}, {"facet":"source","label":"PR Newswire","id":"PR Newswire","count":"2"}, {"facet":"source","label":"The Case Centre","id":"The Case Centre","count":"2"}, {"facet":"source","label":"University Business","id":"University Business","count":"2"}, {"facet":"source","label":"WGBH News","id":"WGBH News","count":"2"}, {"facet":"source","label":"AmericanInno","id":"AmericanInno","count":"1"}, {"facet":"source","label":"BX Newsroom","id":"BX Newsroom","count":"1"}, {"facet":"source","label":"BestColleges.com","id":"BestColleges.com","count":"1"}, {"facet":"source","label":"BizEd","id":"BizEd","count":"1"}, {"facet":"source","label":"Boston Magazine","id":"Boston Magazine","count":"1"}, {"facet":"source","label":"CreditUnions.com","id":"CreditUnions.com","count":"1"}, {"facet":"source","label":"EL PAIS","id":"EL PAIS","count":"1"}, {"facet":"source","label":"Ed2010","id":"Ed2010","count":"1"}, {"facet":"source","label":"EdSurge","id":"EdSurge","count":"1"}, {"facet":"source","label":"FINDMBA","id":"FINDMBA","count":"1"}, {"facet":"source","label":"Fast Company","id":"Fast Company","count":"1"}, {"facet":"source","label":"Forbes India","id":"Forbes India","count":"1"}, {"facet":"source","label":"Fortune","id":"Fortune","count":"1"}, {"facet":"source","label":"G.I. Jobs","id":"G.I. Jobs","count":"1"}, {"facet":"source","label":"Gadgets360","id":"Gadgets360","count":"1"}, {"facet":"source","label":"GineersNow","id":"GineersNow","count":"1"}, {"facet":"source","label":"Glassdoor","id":"Glassdoor","count":"1"}, {"facet":"source","label":"GoodCall","id":"GoodCall","count":"1"}, {"facet":"source","label":"GreenBiz 350","id":"GreenBiz 350","count":"1"}, {"facet":"source","label":"HBS Working Knowledge","id":"HBS Working Knowledge","count":"1"}, {"facet":"source","label":"HBX Newsroom","id":"HBX Newsroom","count":"1"}, {"facet":"source","label":"Hampden-Sydney College Newsroom","id":"Hampden-Sydney College Newsroom","count":"1"}, {"facet":"source","label":"Harvard Business Review","id":"Harvard Business Review","count":"1"}, {"facet":"source","label":"Harvard Gazette","id":"Harvard Gazette","count":"1"}, {"facet":"source","label":"Harvard Graduate School of Education","id":"Harvard Graduate School of Education","count":"1"}, {"facet":"source","label":"Harvard Magazine","id":"Harvard Magazine","count":"1"}, {"facet":"source","label":"Huffington Post","id":"Huffington Post","count":"1"}, {"facet":"source","label":"Human Resource Executive Online","id":"Human Resource Executive Online","count":"1"}, {"facet":"source","label":"LinkedIn Pulse","id":"LinkedIn Pulse","count":"1"}, {"facet":"source","label":"Live Science","id":"Live Science","count":"1"}, {"facet":"source","label":"MIS Asia","id":"MIS Asia","count":"1"}, {"facet":"source","label":"Magnify Money","id":"Magnify Money","count":"1"}, {"facet":"source","label":"Marketplace Learning Curve","id":"Marketplace Learning Curve","count":"1"}, {"facet":"source","label":"New York Times","id":"New York Times","count":"1"}, {"facet":"source","label":"NightSide with Dan Rea","id":"NightSide with Dan Rea","count":"1"}, {"facet":"source","label":"One Million","id":"One Million","count":"1"}, {"facet":"source","label":"Online MBA","id":"Online MBA","count":"1"}, {"facet":"source","label":"Poets&Quants","id":"Poets&Quants","count":"1"}, {"facet":"source","label":"QS TopMBA.com","id":"QS TopMBA.com","count":"1"}, {"facet":"source","label":"Recruiter","id":"Recruiter","count":"1"}, {"facet":"source","label":"Richtopia","id":"Richtopia","count":"1"}, {"facet":"source","label":"The Associated Press","id":"The Associated Press","count":"1"}, {"facet":"source","label":"The Boston Globe","id":"The Boston Globe","count":"1"}, {"facet":"source","label":"The Economist","id":"The Economist","count":"1"}, {"facet":"source","label":"The Financial Times","id":"The Financial Times","count":"1"}, {"facet":"source","label":"The Huffington Post","id":"The Huffington Post","count":"1"}, {"facet":"source","label":"ThoughtCo.","id":"ThoughtCo.","count":"1"}, {"facet":"source","label":"Unite4:Good Magazine","id":"Unite4:Good Magazine","count":"1"}, {"facet":"source","label":"WiseBread","id":"WiseBread","count":"1"}, {"facet":"source","label":"Woman's Day","id":"Woman's Day","count":"1"}, {"facet":"source","label":"Xconomy","id":"Xconomy","count":"1"}, {"facet":"source","label":"Yahoo! Finance","id":"Yahoo! Finance","count":"1"}, {"facet":"source","label":"goop","id":"goop","count":"1"}, {"facet":"source","label":"indeed.com","id":"indeed.com","count":"1"}, {}, ] }); </script><script type="text/facetconfig" id="facetctrl-config"> var root = new FacetGroup({facetCtrl:facetCtrl}); var facet = null; facet = new FacetClear({facetCtrl:facetCtrl}); root.append(facet); facet = new FacetAZList({ label:"Source", key:"source", displayCounts: true, defaultCollapsed: false, facetCtrl:facetCtrl }) root.append(facet); window.facetCtrl.install(root); </script> <div class="clear"></div> </div> <div> <div class="shim1 mobile-hidden" style="margin-top:40px;margin-bottom:39px;"></div> <div class="shim1 tablet-hidden desktop-hidden" style="margin-top:23px;margin-bottom:22px;"></div> </div> <div class="request-info trapezoid-bg"> <div class="container"> <div class="white center content-wrapper"> <h2 class="eta">Need More Information?</h2> <div class="shim6"></div> <p>If you're looking for more information on how Harvard Business School Online programs can teach you the essential skills you need for success, request more information today.</p> <div class="center"> <div><a href="/request-more-information" class="
 btn btn-secondary-small hbsred white-bg">Request More Info</a></div> </div> </div> </div> </div> </main> </div>  <div class="clear"></div> </div> </div><footer role="contentinfo"> <div class="responsive-framework grid-framework color-framework type-framework component-framework pattern-framework js-framework crawler-noindex noindex"> <div class="ink-black-bg white h2-kappa"> <div class="container mobile-container tablet-container link-controller"> <div class="shim40 mobile-hidden"></div> <div class=" white"> <div class=""> <div class="row tablet-row mobile-row faqs"> <div class="span2"> </div> <div class="span8"> <div id="faqs1"></div><a href="/more-info/faqs" class="white" style="float: right; display: inline-block; margin-top: 8px;">All FAQs</a><h3 class="eta" data-wcm-edit-url="/online/Lists/GlobalSettings/EditForm.aspx?ID=1">Top FAQs</h3> <div class="shim10"></div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=958"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-1-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>How are HBS Online courses delivered?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-1-faqs1"> <div class="shim20"></div><p><strong>We offer self-paced programs (with weekly deadlines) on the <a href="/more-info/learning-model/" target="_blank">HBS Online course platform</a></strong>.</p> <p>Our platform features short, highly produced videos of HBS faculty and guest business experts, interactive graphs and exercises, cold calls to keep you engaged, and opportunities to contribute to a vibrant online community.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=962"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-2-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>Are HBS Online programs available in languages other than English?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-2-faqs1"> <div class="shim20"></div><p>We expect to offer our courses in additional languages in the future but, at this time, HBS Online can only be provided in English.</p> <p>All course content is delivered in written English. Closed captioning in English is available for all videos. There are no live interactions during the course that requires the learner to speak English. Coursework must be completed in English.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=957"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-3-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>Do I need to come to campus to participate in HBS Online programs?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-3-faqs1"> <div class="shim20"></div><p>No, all of our programs are 100 percent online, and available to participants regardless of their location. </p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=970"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-4-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>How do I enroll in a course?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-4-faqs1"> <div class="shim20"></div><p><strong>Certificate Programs</strong></p> <p>HBS Online welcomes committed learners wherever they are—in the world and their careers—irrespective of their professional experience or academic background. To extend the reach of HBS Online, we no longer require an application for our certificate programs. (Applications are still required for our credential programs: CORe and CLIMB.) You can now immediately enroll and start taking the next step in your career.</p> <p>All programs require the completion of a brief <a href="https://account.myhbx.org/s/login/?startURL=https://account.myhbx.org/">online enrollment form</a> before payment. If you are new to HBS Online, you will be required to set up an account before enrolling in the program of your choice.</p> <p>Our easy online enrollment form is free, and no special documentation is required. All participants must be at least 18 years of age, proficient in English, and committed to learning and engaging with fellow participants throughout the program.<br /></p> <p>Updates to your enrollment status will be shown on your <a href="https://account.myhbx.org/s/login/" target="_blank">account page</a>. HBS Online does not use race, gender, ethnicity, or any protected class as criteria for enrollment for any HBS Online program.</p> <p><strong>Credential Programs</strong></p> <p>HBS Online's <a href="https://online.hbs.edu/courses/core/">CORe</a> and <a href="https://online.hbs.edu/courses/climb/">CLIMB</a> programs require the completion of a brief application. The applications vary slightly, but all ask for some personal background information. <a href="https://account.myhbx.org/s/login/?startURL=https%3A//account.myhbx.org/&__cr_user=87cf15b370a238eb430369f37eceea3b&__cr_session=111d6ce4c5077402f2e7a1a8676c57e2&fsuid=%23Z1A3E%236426682453118976%3A4767530102329344%3A%3A%3A%23%2F1712317979" target="“_blank”">You can apply for and enroll in programs here</a>. If you are new to HBS Online, you will be required to set up an account before starting an application for the program of your choice.</p> <p>Our easy online application is free, and no special documentation is required. All participants must be at least 18 years of age, proficient in English, and committed to learning and engaging with fellow participants throughout the program.<br /></p> <p>Updates to your application and enrollment status will be shown on your <a href="https://account.myhbx.org/s/login/?__cr_user=87cf15b370a238eb430369f37eceea3b&__cr_session=111d6ce4c5077402f2e7a1a8676c57e2&fsuid=%23Z1A3E%236426682453118976%3A4767530102329344%3A%3A%3A%23%2F1712317979" target="_blank">account page</a>. We confirm enrollment eligibility within one week of your application for CORe and three weeks for CLIMB. HBS Online does not use race, gender, ethnicity, or any protected class as criteria for admissions for any HBS Online program.<strong><br /></strong></p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=1384"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-5-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>Does Harvard Business School Online offer an online MBA?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-5-faqs1"> <div class="shim20"></div><p>No, Harvard Business School Online offers business certificate programs.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=977"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-6-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>What are my payment options?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-6-faqs1"> <div class="shim20"></div><p>We accept payments via credit card, wire transfer, Western Union, and (when available) bank loan. Some candidates may qualify for scholarships or financial aid, which will be credited against the Program Fee once eligibility is determined. Please refer to the <a href="/more-info/payment-financial-aid/">Payment & Financial Aid page</a> for further information.</p> <p>We also allow you to split your payment across 2 separate credit card transactions or send a payment link email to another person on your behalf. If splitting your payment into 2 transactions, a minimum payment of $350 is required for the first transaction.</p> <p>In all cases, net Program Fees must be paid in full (in US Dollars) to complete registration.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> <div class="toggle-container" data-wcm-edit-url="/online/Lists/SiteContent/EditForm.aspx?ID=980"> <div class="toggle-button"><a href="#" role="button" aria-controls="faq-7-faqs1" aria-expanded="false" class="white faq" style="display: flex; justify-content: space-between;"> <h4>What are the policies for refunds and deferrals?</h4> <div style="align-self: center;"><span class="plus" aria-hidden="true" tabindex="-1">+</span><span class="minus" aria-hidden="true" tabindex="-1">–</span></div></a></div> <div class="toggle-show" id="faq-7-faqs1"> <div class="shim20"></div><p>After enrolling in a program, you may request a withdrawal with refund (minus a $100 nonrefundable enrollment fee) <strong>up until 24 hours after the start of your program.</strong> Please review the <a href="/more-info/policies/#change-program-status">Program Policies page</a> for more details on refunds and deferrals. If your employer has contracted with HBS Online for participation in a program, or if you elect to enroll in the <a href="/courses/core/undergraduate-credit/">undergraduate credit option </a>of the Credential of Readiness (CORe) program, note that policies for these options may differ.</p></div> </div> <div class="hr white-bg" style="margin: 20px 0px; opacity: .5;"></div> </div> <div class="span2"> </div> </div> </div> </div> <div class="shim40 mobile-hidden"></div> <div class="shim10"></div> <div class="hr" style="margin: 10px 0px; background-color: white; opacity: 1;"></div> <div class="footer-bottom" style="position: relative;"> <div class="shim40 mobile-visible"></div> <div class="shim40 mobile-visible"></div> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">Sign up for News & Announcements</h3> <div class="shim14"></div> <div class="signup white" id="footer-signup-form"> <form action="https://info.email.online.hbs.edu/Newsletter-formsubmission" method="post"> <div class="hs_email hs-email hs-fieldtype-text hs-form-field"><label for="email">Email*</label><br><input type="text" class="input_email" id="email" autocomplete="email" name="emailaddressnews" value="" onfocusout="newsval()" onfocusin="focusinfuncnews()"><ul class="formul" style="color:#fff"> <li id="err_1" tabindex="-1" style="display: none; margin-left: -16px;"> • Please complete this required field. </li> <li id="err_2" tabindex="-1" style="display: none; margin-left: -16px;"> • Email must be formatted correctly. </li> </ul> </div> <div class="richtext"></div> <div class="eremail"> <ul style="color:#fff"> <li id="err__3" tabindex="-1" style="display: none; margin-left: -16px;"> • Please complete all required fields. </li> </ul> </div><input name="footersubmitnews" type="hidden" value="true"><input id="footsbt" type="submit" value="Submit" class="button-primary largesbt" onclick="formval()"></form> </div> <div class="shim40"></div> <ul class="linear social-media" style="position: absolute; top: 0; right: 0; margin-top: 30px;"> <li><a href="https://twitter.com/online_HBS" class="fadein-on-hover ext" aria-label="HBS Online Twitter - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="17" height="17" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg></a></li> <li><a href="https://facebook.com/onlineHBS" class="fadein-on-hover ext" aria-label="HBS Online Facebook - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg></a></li> <li><a href="https://linkedin.com/school/onlineHBS" class="fadein-on-hover ext" aria-label="HBS Online LinkedIn - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/></svg></a></li> <li><a href="https://www.youtube.com/c/HBSOnline" class="fadein-on-hover ext" aria-label="HBS Online YouTube - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M4.652 0h1.44l.988 3.702.916-3.702h1.454l-1.665 5.505v3.757h-1.431v-3.757l-1.702-5.505zm6.594 2.373c-1.119 0-1.861.74-1.861 1.835v3.349c0 1.204.629 1.831 1.861 1.831 1.022 0 1.826-.683 1.826-1.831v-3.349c0-1.069-.797-1.835-1.826-1.835zm.531 5.127c0 .372-.19.646-.532.646-.351 0-.554-.287-.554-.646v-3.179c0-.374.172-.651.529-.651.39 0 .557.269.557.651v3.179zm4.729-5.07v5.186c-.155.194-.5.512-.747.512-.271 0-.338-.186-.338-.46v-5.238h-1.27v5.71c0 .675.206 1.22.887 1.22.384 0 .918-.2 1.468-.853v.754h1.27v-6.831h-1.27zm2.203 13.858c-.448 0-.541.315-.541.763v.659h1.069v-.66c.001-.44-.092-.762-.528-.762zm-4.703.04c-.084.043-.167.109-.25.198v4.055c.099.106.194.182.287.229.197.1.485.107.619-.067.07-.092.105-.241.105-.449v-3.359c0-.22-.043-.386-.129-.5-.147-.193-.42-.214-.632-.107zm4.827-5.195c-2.604-.177-11.066-.177-13.666 0-2.814.192-3.146 1.892-3.167 6.367.021 4.467.35 6.175 3.167 6.367 2.6.177 11.062.177 13.666 0 2.814-.192 3.146-1.893 3.167-6.367-.021-4.467-.35-6.175-3.167-6.367zm-12.324 10.686h-1.363v-7.54h-1.41v-1.28h4.182v1.28h-1.41v7.54zm4.846 0h-1.21v-.718c-.223.265-.455.467-.696.605-.652.374-1.547.365-1.547-.955v-5.438h1.209v4.988c0 .262.063.438.322.438.236 0 .564-.303.711-.487v-4.939h1.21v6.506zm4.657-1.348c0 .805-.301 1.431-1.106 1.431-.443 0-.812-.162-1.149-.583v.5h-1.221v-8.82h1.221v2.84c.273-.333.644-.608 1.076-.608.886 0 1.18.749 1.18 1.631v3.609zm4.471-1.752h-2.314v1.228c0 .488.042.91.528.91.511 0 .541-.344.541-.91v-.452h1.245v.489c0 1.253-.538 2.013-1.813 2.013-1.155 0-1.746-.842-1.746-2.013v-2.921c0-1.129.746-1.914 1.837-1.914 1.161 0 1.721.738 1.721 1.914v1.656z"/></svg></a></li> <li><a href="https://instagram.com/onlineHBS" class="fadein-on-hover ext" aria-label="HBS Online Instagram - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" style="width: 22px; height: 22px;"> <path fill="#D8D8D8" d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg></a></li> <li><a href="https://www.tiktok.com/@onlinehbs" class="fadein-on-hover ext" aria-label="HBS Online TikTok - opens in a new window" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" width="24" height="24" viewBox="0 0 16 16" style="width:22px; height: 22px;"> <path fill="#D8D8D8" d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"/></svg></a></li> </ul> <div class="row tablet-row mobile-row"> <div class="span3 tablet-span3"> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">Subject Areas</h3> <div class="shim16"></div> <ul class="unbulleted"> <li style="margin-bottom: 0px;"><a href="/subjects/business-essentials/" class="normal white skip-underline">Business Essentials</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/leadership-management/" class="normal white skip-underline">Leadership & Management</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/entrepreneurship-innovation/" class="normal white skip-underline">Entrepreneurship & Innovation</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/strategy/" class="normal white skip-underline">Strategy</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/marketing/" class="normal white skip-underline">Marketing</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/finance-accounting/" class="normal white skip-underline">Finance & Accounting</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/business-society/" class="normal white skip-underline">Business & Society</a></li> <li style="margin-bottom: 0px;"><a href="/subjects/digital-transformation/" class="normal white skip-underline">Digital Transformation</a></li> </ul> </div> <div class="span3 tablet-span3"> <div class="shim40 mobile-visible"></div> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">Quick Links</h3> <div class="shim16"></div> <ul class="unbulleted"> <li style="margin-bottom: 0px;"><a href="/more-info/faqs" class="normal white skip-underline">FAQs</a></li> <li style="margin-bottom: 0px;"><a href="/contact" class="normal white skip-underline">Contact Us</a></li> <li style="margin-bottom: 0px;"><a href="/request-more-information" class="normal white skip-underline">Request Info</a></li> <li style="margin-bottom: 0px;"><a href="https://account.myhbx.org/s/login/?startURL=https%3A%2F%2Faccount.myhbx.org" class="normal white skip-underline">Enroll Now</a></li> <li style="margin-bottom: 0px;"><a href="https://account.myhbx.org/onlinesupport/s/contactsupport" class="normal white skip-underline">Support Portal</a></li> </ul> </div> <div class="span3 tablet-span3"> <div class="shim40 mobile-visible"></div> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">About</h3> <div class="shim16"></div> <ul class="unbulleted"> <li style="margin-bottom: 0px;"><a href="/about/" class="normal white skip-underline">About Us</a></li> <li style="margin-bottom: 0px;"><a href="/about/media-coverage" class="normal white skip-underline">Media Coverage</a></li> <li style="margin-bottom: 0px;"><a href="/about/donors" class="normal white skip-underline">Founding Donors</a></li> <li style="margin-bottom: 0px;"><a href="/about/leadership-team" class="normal white skip-underline">Leadership Team</a></li> <li style="margin-bottom: 0px;"><a href="/about/careers" class="normal white skip-underline">Careers @ HBS Online</a></li> </ul> </div> <div class="span3 tablet-span3"> <div class="shim40 mobile-visible"></div> <h3 style="font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;">Legal</h3> <div class="shim16"></div> <ul class="unbulleted"> <li style="margin-bottom: 0px;"><a href="/legal/" class="normal white skip-underline">Legal</a></li> <li style="margin-bottom: 0px;"><a href="/more-info/policies/" class="normal white skip-underline">Policies</a></li> </ul> </div> </div> </div> </div> <div class="base tablet-base mobile-base"></div> </div> <div class="hbsred-bg nu white"> <div class="container mobile-container tablet-container"> <div class="shim16"></div> <div class="row table-row mobile-row"> <div class="span6"><a href="https://www.hbs.edu/"><img loading="lazy" src="/Style Library/hbs/images/hbs-logo.png" data-src="/Style Library/hbs/images/hbs-logo.png" class="defer" alt="Harvard Business School" width="300" height="21"></a><div class="shim5"></div> <div>Copyright © President & Fellows of Harvard College</div> </div> <div class="span6"> <div class="shim12 mobile-visible"></div> <ul class="linear redbar-links"> <li><a href="https://www.hbs.edu/siteindex/" class="white" style="margin-right:12px">Site Map</a></li> <li><a href="https://trademark.harvard.edu/pages/trademark-notice" class="white" style="margin-right:12px">Trademark Notice</a></li> <li><a href="https://accessibility.huit.harvard.edu/digital-accessibility-policy" class="white" style="margin-right:12px">Digital Accessibility</a></li> </ul> </div> </div> <div class="shim16"></div> </div> </div> </div> </footer> <script type="text/javascript" src="https://webassets.hbs.edu/libs/jquery/3.6.0/jquery.min.js"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MW34RML'); </script><script type="text/javascript" src="https://webassets.hbs.edu/libs/privacy/1.0/privacy.js"></script><script type="text/javascript">privacy.settings({profile:"hbx",baseUrl: "/", loadAnalytics: true, loadOneTrust: false, gtm: false, disabled: true})</script><script>var MTIProjectId='7104cb2a-976d-4c0f-803f-1a83c9190762';</script><script defer type="text/javascript" src="https://webassets.hbs.edu/libs/framework/1.0/js/mtiFontTrackingCode.js"></script><script type="text/javascript" src="https://webassets.hbs.edu/libs/framework/1.0/js/framework.min.js"></script><script type="text/javascript" src="https://webassets.hbs.edu/libs/framework/1.0/js/widgets.min.js"></script><script> window._domready = window._domready || []; window._onload = window._onload || []; document.addEventListener("DOMContentLoaded", function () { var lazyImages = document.querySelectorAll(".lazy-img"); function loadLazyImage(image, imageObserver){ image.src = image.dataset.src; image.classList.remove("lazy-img"); if(imageObserver) imageObserver.unobserve(image); } if ("IntersectionObserver" in window) { var imageObserver = new IntersectionObserver(function (entries, observer) { entries.forEach(function (entry) { if (entry.isIntersecting) loadLazyImage(entry.target, imageObserver); }); }); lazyImages.forEach(function (image) { imageObserver.observe(image); }); } else { for(var i = 0; i < lazyImages.length; i++) { loadLazyImage(lazyImages[i]); } } }); jQuery(function($){ $(".slider-container").on('close',function(){ $(".universal-banner-hamburger").removeClass('open'); $(".universal-banner-menu-toggle").removeClass('toggled'); $("body").removeClass('slider-is-open'); }); $(document).on("click",".universal-banner-menu-toggle",function(){ if ($(this).hasClass('toggled')) { $('.slider-close').eq(0).click(); $(".universal-banner-hamburger").removeClass('open'); $(".universal-banner-menu-toggle").removeClass('toggled'); $("body").removeClass('slider-is-open'); } else { $('.slider-open').eq(0).click(); $("body").addClass('slider-is-open'); $('.universal-banner-hamburger').addClass('open'); $(".universal-banner-menu-toggle").addClass('toggled'); $(".flyout-panel .slider-close").get(0).focus(); } return false; }); $(".skipto").on("click",function(){ console.log("skip to main content"); $($(this).attr('href')).get(0).focus(); }); $(document).on({ mouseenter: function () { $(this).children('.login-dropdown').removeClass('hidden'); $(this).children('.login-link').addClass('hover').attr('aria-expanded', 'true'); }, mouseleave: function () { $(this).children('.login-dropdown').addClass('hidden'); $(this).children('.login-link').removeClass('hover').attr('aria-expanded', 'false'); } }, "header .show-login-dropdown"); $('header .login-link').on('click', function(event){ if (framework.accessibleClick(event) === true) { event.preventDefault(); $(this).next('.login-dropdown').toggleClass('hidden'); $(this).toggleClass('hover'); $(this).attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true'; }); } }); }); $(document).on( 'framework.resize', function() { // wait .1 seconds because the classes needed to adjust the min/max height haven't been added at this point // TODO: this is a bit kludgey and should be revisited setTimeout( function() { if (window.stickyHeader) { stickyHeader.setMinHeight(); stickyHeader.setMaxHeight(); stickyHeader.triggerExpand(); if ($(".page-header").hasClass('page-header-online')) { stickyHeader.triggerDisappear(); } } }, 100 ); }); function StickyHeader(){ this.hasScrolled = false; this.lastScrollTop = -1; this.currentHeight = 0; this.isVisible = false; this.disabled = false; this.velocitySamples = []; this.debug = $("#sticky-header-debug"); this.buildHeader(); this.setMinHeight(); this.setMaxHeight(); } StickyHeader.prototype.temporarilyDisabled = function() { this.disabled = true; var self = this; window.setTimeout(function(){ self.disabled = false; },500); } /* determine if the header navigation should be displayed while the user is scrolling down */ StickyHeader.prototype.setMinHeight = function() { // if the screen width is within the mobile or tablet range, hide the navigation on scroll, otherwise, show it if ($(".page-header").hasClass('page-header-online') && $( '.ua-mobile, .ua-tablet' ).length) { this.minHeight = 40; } else if ($(".page-header").hasClass('page-header-online')) { this.minHeight = 90; } else if ($( '.ua-mobile, .ua-tablet' ).length) { this.minHeight = 0; } else { this.minHeight = 40 } } /* determine how big the header should be when the user starts to scroll up */ StickyHeader.prototype.setMaxHeight = function() { // clear out the current max height this.maxHeight = 0; // add up the heights of the cloned stiky header elements as the new max height $( '.sticky-header-cloned' ).each( function( index, element ) { this.maxHeight += $( element ).height(); }.bind( this ) ); // Override for HBS online if($(".page-header").hasClass('page-header-online')) { if ($( '.ua-mobile, .ua-tablet' ).length > 0) { this.maxHeight = 0; } else { this.maxHeight = 90; } } } StickyHeader.prototype.buildHeader = function() { var headerHeight = $(".page-header").height(); // Override for HBS online if($(".page-header").hasClass('page-header-online')) { headerHeight = 0; } this.appearsAt = $(".page-header").offset().top + headerHeight; this.sticky = $('<div id="sticky-header" style="height:0; top: -5px;"></div>'); this.stickyWrap = $('<div class="wrapper"></div>'); var container = $(".site-header").parents('.grid-framework'); $( '.universal-banner, .site-header' ).each( function( index, element ) { this.stickyWrap.append( $( element ).clone() ); $( element ).addClass( 'sticky-header-cloned' ); }.bind( this ) ); this.sticky.append(this.stickyWrap); $(".sticky-header-container").append(this.sticky); } StickyHeader.prototype.triggerDisappear = function(){ this.sticky.addClass('at-scroll-top'); this.isVisible = false; this.currentHeight = 0; this.sticky.css('height',this.currentHeight); $("body").removeClass("sticky-header-active"); $("body").removeClass('sticky-header-expanded'); } StickyHeader.prototype.triggerAppear = function(){ if ($("body").hasClass('slider-is-open')) return; this.isVisible = true; $("body").addClass("sticky-header-active"); } StickyHeader.prototype.triggerExpand = function(){ if (this.disabled) return; if ($("body").hasClass('slider-is-open')) return; if (this.currentHeight == this.maxHeight) return; this.sticky.css('height',this.maxHeight-1); this.currentHeight = this.maxHeight; $("body").addClass('sticky-header-expanded'); } StickyHeader.prototype.triggerShrink = function(){ if ($( '.ua-mobile, .ua-tablet' ).length == 0 || !$(".page-header").hasClass('page-header-online')) { this.sticky.removeClass('at-scroll-top'); } var self = this; window.requestAnimationFrame(function(){ var newHeight = 0; if (self.isVisible) { newHeight = self.minHeight; } if (self.currentHeight == newHeight) return; self.sticky.css('height',newHeight); self.currentHeight = newHeight; $("body").removeClass('sticky-header-expanded'); }) } StickyHeader.prototype.redraw = function() { // This is costly to performance but unavoidable //const pageY = window.scrollY; //This throws a syntax error in IE11. var pageY = window.pageYOffset; var scrollUp = pageY < this.lastScrollTop; var scrollDistance = pageY - this.lastScrollTop; this.velocitySamples.push(Math.abs(scrollDistance)); if (this.velocitySamples.length > 10) { this.velocitySamples.shift(); } var totalDistance = 0; for (var i = 0;i<this.velocitySamples.length;i++){ totalDistance += this.velocitySamples[i]; } var velocity = totalDistance / this.velocitySamples.length; var debugVars = {}; if (pageY != this.lastScrollTop) { debugVars.pageY = pageY; debugVars.minHeight = this.minHeight; debugVars.maxHeight = this.maxHeight; debugVars.appearsAt = this.appearsAt; debugVars.velocity = velocity; debugVars.disabled = this.disabled; var html = ''; $.each(debugVars,function(k,v){ html += '<div>' + k + ': '+v +'</div>'; }) this.debug.html(html); if (pageY >= this.appearsAt) { this.triggerAppear(); } if ($(".page-header").hasClass('page-header-online') && $('.table-of-contents-wrapper').length && $('.table-of-contents-wrapper.jump-to').length == 0){ var tocWrap = $('.table-of-contents-wrapper'); var toc = tocWrap.children('.table-of-contents'); var tocItems = toc.find('.toc-item'); var stickyHeight = this.maxHeight; if ((pageY + stickyHeight) > tocWrap.offset().top && !toc.hasClass('sticky')) { toc.addClass('sticky'); } else if ((pageY + stickyHeight) <= tocWrap.offset().top && toc.hasClass('sticky')) { toc.removeClass('sticky'); } if (toc.hasClass('sticky')) { tocItems.each(function( index ) { var section = $($(this).children("a.toc-jump").attr("href")); if (section.length) { var sectionTop = section.offset().top - 45; var pageHeight = pageY + stickyHeight + toc.height(); if ((pageHeight > sectionTop) && !$(this).hasClass('current')) { tocItems.removeClass('current'); $(this).addClass('current'); } else if ((pageHeight <= sectionTop) && $(this).hasClass('current')) { $(this).removeClass('current'); } } }); } } if (pageY <= 0) { this.triggerDisappear(); } else if (scrollUp) { console.log('scroll up'); if ($(".page-header").hasClass('page-header-online') && pageY < (this.appearsAt - this.maxHeight)) { this.triggerDisappear(); } else if (velocity > 5 || pageY < this.appearsAt) { this.triggerExpand(); } } else if (pageY > this.appearsAt) { // If HBS online and mobile hide the sticky header if ($(".page-header").hasClass('page-header-online') && $( '.ua-mobile, .ua-tablet' ).length > 0) { this.triggerDisappear(); } this.triggerShrink(); } this.lastScrollTop = pageY; } this.hasScrolled = false; }; var _domready = _domready || []; _domready.push(function(){ if (document.getElementById('wcm-react-root')) return; if (window.stickyHeaderDisabled) return; window.stickyHeader = new StickyHeader(); var _onScroll = function () { if (!window.stickyHeader.hasScrolled) { window.requestAnimationFrame(function(){ window.stickyHeader.redraw(); }); } window.stickyHeader.hasScrolled = true; window.requestAnimationFrame(_onScroll); }; _onScroll(); //without this, the header flickers on online window.setTimeout(function(){ _onScroll(); },250) $(document).on('delay-sticky-nav',function(){ window.stickyHeader.temporarilyDisabled(); }) // needed for facet pages http://www.hbs.edu/news/Pages/default.aspx $(document).on('click',".facetctrl-sticky.active",function(){ $(document).trigger('delay-sticky-nav'); }) $(document).on('click',".filter-sticky.fixed",function(){ $(document).trigger('delay-sticky-nav'); }) }); jQuery(function($){ var megaHoverTimeout; $(document).on({ mouseenter: function () { var elem = this; megaHoverTimeout = setTimeout(function () { $(elem).find('a.nav-link').addClass('hover').attr('aria-expanded', 'true'); $(elem).children('.mega-menu').removeClass('hidden'); $('.mega-black-bg').removeClass('hidden'); }, 300); }, mouseleave: function () { clearTimeout(megaHoverTimeout); $(this).find('a.nav-link').removeClass('hover').attr('aria-expanded', 'false'); $(this).children('.mega-menu').addClass('hidden'); $('.mega-black-bg').addClass('hidden'); } }, "nav.top-nav .dropdown-mega"); $('header .accessible-menu').on('click', function(event){ if (framework.accessibleClick(event) === true) { event.preventDefault(); var curLabel = $(this).find('.accessible-label').text(); if(curLabel.includes('Open')) { $(this).find('.accessible-label').text(curLabel.replace('Open', 'Close')); } else { $(this).find('.accessible-label').text(curLabel.replace('Close', 'Open')); } var curExpanded = $(this).attr('aria-expanded'); curExpanded == 'false' ? $(this).attr('aria-expanded', 'true') : $(this).attr('aria-expanded', 'false'); curExpanded == 'false' ? $(this).parents('.dropdown-mega').find('a.nav-link').attr('aria-expanded', 'true') : $(this).parents('.dropdown-mega').find('a.nav-link').attr('aria-expanded', 'false'); $(this).parents('.dropdown-mega').find('a.nav-link').toggleClass('hover'); $(this).parents('.dropdown-mega').children('.mega-menu').toggleClass('hidden'); $('.mega-black-bg').toggleClass('hidden'); } }); var lastTapped = 0; $(document).on('click', 'nav.top-nav .dropdown-mega a.nav-link', function (e) { if($(this).data('tapped') != lastTapped && $('.ua-touch').length) { e.preventDefault(); } lastTapped = $(this).data('tapped'); }); }); jQuery(function($){ var counter = 0; $(document).on('click', '.accessible-video', function(e) { e.preventDefault(); $(this).attr('aria-hidden', 'true').attr('tabindex', -1); var $videoLink = $(this).next('.widget-video-popup,.widget-video-inline,widget-video-embed'); if ($videoLink.length > 0) { $videoLink.addClass('accessible-video'); $videoLink.focus(); $videoLink.click(); // look for a player ready, and play the audio descriptions var i = window.setInterval(function(){ if (window.p3sdk && p3sdk.instances && p3sdk.instances[counter] && p3sdk.instances[counter].player_ready) { p3sdk.instances[counter].player.play(); clearInterval(i); counter++; } },100) } }); }); jQuery(function($){ $('.faqs a.faq').click(function(){ var curVal = $(this).attr('aria-expanded'); curVal == 'false' ? $(this).attr('aria-expanded', 'true') : $(this).attr('aria-expanded', 'false'); }); }); function registerLazyHubspotForm(el, callback){ function loadHsForms(fsObserver){ require(["//js.hsforms.net/forms/v2.js"], function() { callback(); if(fsObserver) fsObserver.unobserve(el); }); } if(el && callback && "IntersectionObserver" in window) { const fsObserver = new IntersectionObserver(function (entries, observer) { entries.forEach((entry) => entry.isIntersecting && loadHsForms(fsObserver)); }); fsObserver.observe(el) } else loadHsForms(); } window.registerLazyHubspotForm = registerLazyHubspotForm; Widgets.settings('sharebar', { fbrecommend:false }); Widgets.settings('video', { responsiveVideos:true }); (function($){ var HBX = { ondomready:function() { HBX.searchIcon(); HBX.faqs(); HBX.personalization(); HBX.flyout(); HBX.equalHeights(); HBX.analytics(); HBX.addApplyClass(); HBX.syllabusTable(); HBX.addBigFeatureIDs(); HBX.addPromoCardVideoIds(); $( "body" ).children( ".responsive-framework" ).attr('aria-hidden', 'false'); }, syllabusTable: function(){ var openSVG = '<svg width="18px" height="18px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="open"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="arrow" fill="#868f96" fill-rule="nonzero"><path d="M0,10 C0,15.522449 4.4755102,20 10,20 C15.522449,20 20,15.522449 20,10 C20,4.47755102 15.522449,0 10,0 C4.4755102,0 0,4.47755102 0,10 Z M18.4367347,10 C18.4367347,14.6591837 14.6591837,18.4367347 10,18.4367347 C5.33877551,18.4367347 1.56326531,14.6591837 1.56326531,10 C1.56326531,5.34081633 5.33877551,1.56326531 10,1.56326531 C14.6591837,1.56326531 18.4367347,5.34081633 18.4367347,10 Z" id="Shape"></path><path d="M5.80816327,8.07346939 C5.56326531,8.31836735 5.56326531,8.7122449 5.80816327,8.95714286 L9.55918367,12.7061224 C9.80408163,12.9510204 10.1979592,12.9510204 10.4428571,12.7061224 L14.1938776,8.95714286 C14.3163265,8.83469388 14.377551,8.6755102 14.377551,8.51428571 C14.377551,8.35306122 14.3163265,8.19387755 14.1938776,8.07142857 C13.9489796,7.82653061 13.555102,7.82653061 13.3102041,8.07142857 L10,11.3816327 L6.69183673,8.07346939 C6.44693878,7.83061224 6.05306122,7.83061224 5.80816327,8.07346939 Z" id="Shape"></path></g></g></svg>'; var closeSVG = '<svg width="18px" height="18px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="hidden close"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="arrow" fill="#868f96" fill-rule="nonzero"><path d="M0,10 C0,15.522449 4.4755102,20 10,20 C15.522449,20 20,15.522449 20,10 C20,4.47755102 15.522449,0 10,0 C4.4755102,0 0,4.47755102 0,10 Z M18.4367347,10 C18.4367347,14.6591837 14.6591837,18.4367347 10,18.4367347 C5.33877551,18.4367347 1.56326531,14.6591837 1.56326531,10 C1.56326531,5.34081633 5.33877551,1.56326531 10,1.56326531 C14.6591837,1.56326531 18.4367347,5.34081633 18.4367347,10 Z" id="Shape"></path><path d="M10.8072502,9.99946428 L13.8313177,6.97543728 C14.0530369,6.75372102 14.0530369,6.3902892 13.8313177,6.16743007 C13.6084556,5.9457138 13.2450189,5.9457138 13.0232997,6.16743007 L9.99923214,9.19145707 L6.97516463,6.1662872 C6.75230251,5.94457093 6.38886582,5.94457093 6.16714659,6.1662872 C5.94428447,6.38914633 5.94428447,6.75257815 6.16714659,6.97429441 L9.1912141,9.99946428 L6.16714659,13.0234913 C5.94428447,13.2463504 5.94428447,13.6097822 6.16714659,13.8314985 C6.27800621,13.9434995 6.42429519,13.9995 6.57058417,13.9995 C6.71687315,13.9995 6.86316213,13.9434995 6.97516463,13.8326414 L9.99923214,10.8074715 L13.0232997,13.8314985 C13.1353022,13.9434995 13.2815911,13.9995 13.4278801,13.9995 C13.5741691,13.9995 13.7204581,13.9434995 13.8324606,13.8326414 C14.0541798,13.6109251 14.0541798,13.2474933 13.8324606,13.0246342 L10.8072502,9.99946428 Z" id="Shape"></path></g></g></svg>'; $('table.syllabus-table').each(function() { $(this).addClass('mobile-hidden'); var mobileHtml = '<div class="syllabus-table-mobile mobile-visible"><div class="table-title">Syllabus</div>'; var tableHeadings = $('thead tr', this); $('tbody tr', this).each(function() { mobileHtml += '<div class="toggle-container"><div class="row-title"><a href="#" class="toggle-button black">'; mobileHtml += openSVG + closeSVG; mobileHtml += '<div>' + $('th', this).text() + '</div></a></div>'; mobileHtml += '<div class="topic-info toggle-show has-slide">'; $('td', this).each(function(index) { mobileHtml += '<div class="cell-title">' + $('th:eq(' + (index + 1) + ')', tableHeadings).text() + '</div>'; mobileHtml += $(this).html(); }); mobileHtml += '</div></div>'; }); mobileHtml += '</div>'; $(mobileHtml).insertAfter(this); }); $('.syllabus-table-mobile .toggle-button').on('click',function(event){ event.preventDefault(); var tohideshow = $(this).parents('.toggle-container').children('.toggle-show'); $(tohideshow).parents('.toggle-container').hasClass('toggled') ? $(tohideshow).parents('.toggle-container').removeClass('toggled') : $(tohideshow).parents('.toggle-container').addClass('toggled'); $(tohideshow).slideToggle(); }); }, addApplyClass: function(){ $('a[href*="login.myhbx.org"]').each(function() { var $link = $(this); $link.addClass("apply"); //and only allow one click $link.click(function(event){ var _this = $(this); if ($(this).hasClass("disabled")) { event.preventDefault(); } $(this).addClass("disabled"); setTimeout(function(){_this.removeClass("disabled");},3000); }); }); }, analytics: function(){ $(document).on('click','a',function(e){ var $self = $(this); if ($self.attr('href') && $self.attr('href').indexOf('/request-more-information') > -1) { ga('send', 'event',{ eventCategory: 'Outbound Links', eventAction: 'Click', eventLabel: 'Get Started', eventValue: 1, hitCallback: function(){ document.location.href = $self.attr('href'); } }); // e.preventDefault(); } var txt = $self.text().toLowerCase(); if (txt.indexOf('apply') > -1) { ga('send', 'event',{ eventCategory: 'Outbound Links', eventAction: 'Click', eventLabel: 'Get Started', eventValue: 1}); //analytics.util.sleep(1000) } }) }, faqs: function(){ $('.toggle-container.hbx-faq-toggle').on('change',function(){ var self = this; if ($(this).hasClass('toggled')) { var id = $(self).attr('id'); // remove the id so we don't scroll $(self).attr('id','disabled'); if (window.analytics) analytics.event(id); document.location.hash = id; window.setTimeout(function(){ $(self).attr('id',id); },100) } $(this).find('a.toggle-button').attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true' }); }); var id = document.location.hash.replace('#',''); var el = document.getElementById(id); if ($(el).hasClass('hbx-faq-toggle')) { $(el).addClass('toggled'); $(el).attr('aria-expanded','true'); $(el).find('.toggle-show').show(); $(el).find('.toggle-hide').hide(); } }, equalHeights: function(){ function calc(row){ var min = 0; $(".equal-heights",row).css('min-height',0); $(".equal-heights2",row).css('min-height',0); $(".equal-heights",row).each(function(i){ var h = $(this).height(); if (h > min) { min = h; } }); var first = $(".equal-heights:first",row); var last = $(".equal-heights:last",row); if (first.length && last.length && first.offset().top == last.offset().top) { $(".equal-heights",row).css('min-height',min); } min = 0; $(".equal-heights2",row).each(function(){ var h = $(this).height(); if (h > min) { min = h; } }); var first = $(".equal-heights2:first",row); var last = $(".equal-heights2:last",row); //Changed the offset top to check it they are withing 1px of each other - had a calculation that was off by 0.5 pixels - ELS if (first.length && last.length && (Math.abs(first.offset().top - last.offset().top)) <= 1) { $(".equal-heights2",row).css('min-height',min); } } $(".equal-heights-row").each(function(){ calc(this); }); $(window).on('load',function(){ $(".equal-heights-row").each(function(){ calc(this); }); }) $(document).on('framework.resize',function(){ $(".equal-heights-row").each(function(){ calc(this); }); }) }, flyout: function(){ $('.flyout-panel').each(function(){ $('#flyout-search').attr('aria-labelled-by', 'flyout'); $('nav.site-title').attr('id','flyout'); window.setTimeout(function(){ //AA: Search flyout Fix $('.universal-site-search-button').focus().keydown(function (e) { if (e.which === 9 && !e.shiftKey) { e.preventDefault(); $('.slider-close').focus(); } if (e.which === 9 && e.shiftKey) { e.preventDefault(); $('.universal-site-search-query').focus(); } }); $('.slider-close').focus().keydown(function (e) { if (e.which === 9 && e.shiftKey) { e.preventDefault(); $('.universal-site-search-button').focus(); } }); }); }); //AA toggle aria hidden on open/close $(document).on('click','.slider-open',function(){ $('.slider-menu').attr('aria-hidden', 'false'); $('.slider-content').attr('aria-hidden', 'true'); }); $(document).on('click','.slider-close',function(){ $('.slider-menu').attr('aria-hidden', 'true'); $('.slider-content').attr('aria-hidden', 'false'); }); }, scrollToMiddle: function(el) { var elem_position = $(el).offset().top + ($(el).height() / 2); var window_height = $(window).height(); var targetOffset = elem_position - window_height/2; // if it doesn't fit, then scroll to the top if ($(el).height() > $(window).height()) { targetOffset = $(el).offset().top } if (document.getElementById('s4-workspace')) { targetOffset = targetOffset + $('#s4-workspace').scrollTop(); $('#s4-workspace').animate({scrollTop: targetOffset}, 450,'swing',function(){ //document.location.href = "#" + name; }); } else { $('html,body').animate({scrollTop: targetOffset}, 450,'swing',function(){ //document.location.href = "#" + name; }); } }, personalization: function(){ $(".persona-next").addClass('nosmooth'); $(document).on('click','.persona-next',function(){ var step = $(this).attr('href').replace('#',''); if (window.analytics) { analytics.event('persona-'+step); } framework.cookie.set('persona',step) $('.persona-controller').removeClass('general organizations college early mid individuals').addClass(step) $(document).trigger('framework.resize'); $('img:visible').trigger("appear"); HBX.doSlickCarousel(); // MJ: do carousel after images loaded if (step == 'individuals') { $("#persona-step2 .container").removeClass('animation-popin').addClass('animation-popin') HBX.scrollToMiddle('#persona-step2'); } else { $("#persona-step3 .container").removeClass('animation-popin').addClass('animation-popin') HBX.scrollToMiddle('#persona-step3'); } return false; }) $(document).on('click','.unsure',function(){ HBX.scrollToMiddle('#persona-step3'); return false; }) var persona = framework.cookie.get('persona'); if (persona == null) {persona = 'general'} $('.persona-controller').removeClass('general organizations college early mid individuals').addClass(persona); $('img:visible').trigger("appear"); HBX.doSlickCarousel(); // MJ: do carousel after images loaded }, searchIcon: function(){ $(document).on('click','.search-popup',function(){ html = '' html += '<div class="form-container" data-action="/search" aria-hidden="false" role="dialog" aria-labelledby="search-title">' html += '<h2 class="white gamma center" style="margin-bottom:12px" id="search-title">How can we help you?</h2>' html += '<div style="margin-bottom:12px"><input class="field white-bg" aria-label="Search" id="search-input" type="text" name="q" placeholder="Start typing here..."/></div>'; html += '<div class="center"><button type="submit" class="btn hbx-btn" role="button" id="search-modal-submit" aria-label="Submit"><span class="arrow">Search</span></button></div>' html += '</div>' var dlg = new framework.Dialog({ body: html, backgroundColor: "black", centered: true, textColor: "white", width: '600px' }); dlg.open(); window.setTimeout(function(){ $(".form-container").attr('aria-hidden', 'false'); $("#container").attr('aria-hidden', 'true'); $( "body.modal-open" ).children( ".responsive-framework" ).attr('aria-hidden', 'true'); $("#search-input").focus() $('.modal-header-close').css({"margin": "0px", "padding": "0px 22px"}).attr('aria-label', 'Close'); $(document).on('click','.modal-header-close',function(){ $(".form-container").attr('aria-hidden', 'true'); $("#container").attr('aria-hidden', 'false'); $(".responsive-framework").attr('aria-hidden', 'false'); $('.search-popup').focus(); }); //AA: Search Modal Tab Fix $('.modal-header-close').focus().keydown(function (e) { if (e.which === 9 && !e.shiftKey) { e.preventDefault(); $('#search-input').focus(); } if (e.which === 9 && e.shiftKey) { e.preventDefault(); $('#search-modal-submit').focus(); } }); $('#search-input').focus().keydown(function (e) { if (e.which === 9 && e.shiftKey) { e.preventDefault(); $('.modal-header-close').focus(); } }); },100) return false; }) }, addBigFeatureIDs: function() { $('a.big-feature-button').each(function(i) { var buttonId = 'big-feature-' + (i+1); $(this).attr('id', buttonId); }) }, addPromoCardVideoIds: function() { $('.promo-cards a.widget-video-inline').each(function(i) { var playButtonId = 'video-embed-' + (i+1) + '-desktop_playBtn'; $(this).attr('id', playButtonId); }) $('.promo-cards a.widget-video-embed').each(function(i) { var playButtonId = 'video-embed-' + (i+1) + '-mobile_playBtn'; $(this).attr('id', playButtonId); }) }, doSlickCarousel: function(){ if ($('.courses').length == 0) return; if ($('#slickcss').length == 0) { console.info('installing slick'); $('head').append('<link id="slickcss1" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css">'); $('head').append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css">'); } require(["https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"],function(slick){ $('.courses:visible').not('.slick-initialized').slick({ dots: true, infinite: false, slidesToShow: 4, slidesToScroll: 1, prevArrow: decodeURI("%3Cimg class='slick-prev slick-arrow' src='https://d2ek9hfteqtmbq.cloudfront.net/PublishingImages/icons/arrow-left.svg?v2'%3E"), nextArrow: decodeURI("%3Cimg class='slick-next slick-arrow' src='https://d2ek9hfteqtmbq.cloudfront.net/PublishingImages/icons/arrow-right.svg?v2'%3E"), responsive: [ { breakpoint: 768, settings: { slidesToShow: 3, slidesToScroll: 1 } }, { breakpoint: 650, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }); $("div.slick-slide").removeAttr("aria-describedby"); }); }, last:'' } $(document).ready(HBX.ondomready); window.HBX = HBX; })(jQuery) </script> <script src="https://webassets.hbs.edu/sites/online/js/newsletter-js.js?v=1.0"> </script> </body> </html>

CINXE.COM

Media Coverage | Harvard Business School Online