@charset "UTF-8";
/*
	CSS Document for Wharton Health Care Business Conference 2026
	Copyright (c) 2025 Neuro-Designs - www.neuro-designs.com. All rights reserved.
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Box Sizing Settings */

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

/* -------------------------------------------------------------

  CSS Variables

------------------------------------------------------------- */

:root {

  --whcbc-dark-blue: #1b3058;
  --whcbc-blue: #1172ba;
  --whcbc-light-blue: #dff3fd;
  --whcbc-teal: #0493a2;
  --whcbc-white: #fffef9;
  --whcbc-yellow: #f1a61e;
  --whcbc-red: #ee2329;

  --whcbc-dark-blue-rgb: 27,48,88;
  --whcbc-blue-rgb: 17,114,186;
  --whcbc-light-blue-rgb: 223,243,253;
  --whcbc-teal-rgb: 4,147,162;
  --whcbc-white-rgb: #fffef9;
  --whcbc-yellow-rgb: 241,166,30;
  --whcbc-red-rgb: 238,35,41;

  --global-border-radius: .4rem;
  --global-box-shadow: 0 1.5rem 3rem rgba(0,0,0,.35);

  --global-padding-1-2x: 1rem;
  --global-padding-1x: 2rem;
  --global-padding-2x: 4rem;
  --global-padding-3x: 6rem;
  }

/* -------------------------------------------------------------

  General Settings

------------------------------------------------------------- */

.resize-animation-stopper * {
  animation: none !important;
  transition: none !important;
  }

::selection {
  background: var(--whcbc-teal);
  color: var(--whcbc-white);
  }

html,
body {
  min-height: 100%;
  font-size: 62.5%;
  }

body {
	font: 10px/20px 'Inter', sans-serif;
	color: #444;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}

a {
	color: var(--whcbc-dark-blue);
	font-weight: 700;
	text-decoration: none;
	}

	a:hover { color: var(--whcbc-blue); }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .8em;
  color: var(--whcbc-dark-blue);
	font-weight: 700;
	}

	h1 { margin: 0; }

	h2 {
  	font-size: 4.8em;
  	line-height: 1em;
	  }

	h3 {
  	margin-bottom: 1.2em;
  	font-size: 2.4em;
  	line-height: 1.45em;
    }

    h3.lg {
      margin-bottom: .5em;
      font-size: 3.2em;
      line-height: 1.2em;
      }

  h4,
  h5,
  h6 {
    margin-bottom: 1.6em;
    color: var(--whcbc-teal);
    font-size: 1.6em;
    line-height: 1.8em;
    }

p,
pre,
figure,
table,
ul,
ol {
	margin-bottom: 1.6em;
	font-size: 1.6em;
	line-height: 1.8em;
	}

	p.lg { font-size: 2.2em; }

	p.intro {
  	color: #444;
  	font-size: 2.6em;
  	font-weight: 200;
  	line-height: 1.6em;
  	letter-spacing: -0.03125em;
	  }

ul,
ol {
	padding-left: 2em;
	}

	ul li { list-style: disc outside; }

	ol li { list-style: decimal outside; }

	ul ul,
	ul ol,
	ol ul,
	ol ol {
		margin: 0;
		font-size: 1em;
		}

		ol ul li { list-style: disc; }

		ul ul li { list-style: square; }

img {
	max-width: 100%;
	vertical-align: middle;
	image-rendering: optimizeQuality;
	}

	figure img { width: 100%; /* inherit <figure>'s width */ }

	figcaption {
  	margin-top: .5em;
  	color: #999;
  	font-size: .8em;
  	font-style: italic;
  	text-align: center;
  	}

blockquote {
	margin: 0 0 1.6em 0;
	color: var(--whcbc-light-blue);
	font-size: 3.6em;
	font-weight: 300;
	line-height: 1.4em;
  text-indent: -.4em;
	}

	blockquote span { color: var(--whcbc-yellow); ); }

strong { font-weight: 700; }

em,
cite {
	font-style: italic;
	}

small,
sup,
sub { font-size: 0.8em; }

sup {
	position: relative;
	top: -0.6em;
	}

sub {
	position: relative;
	bottom: -0.6em;
	}

hr {
	clear: both;
	width: 100%;
	height: 0;
	margin: 3em 0 3em 0;
	border: none;
	border-top: 1px solid var(--whcbc-yellow);
	font-size: 1.7em;
	line-height: 1.6em;
	}

table.default td {
  background: #eee;
  margin: 1px;
  padding: .5em 1em;
  border: 1px solid rgba(255,255,255,1);
  }

table.default thead td,
table.default tfoot td {
  background: #ccc;
  }

/* -------------------------------------------------------------

  Default Input Settings (encapsulate with <p> when possible)

------------------------------------------------------------- */

input,
textarea,
select {
	font-family: 'Inter', sans-serif;
	outline: none;
	}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea {
  max-width: 100%;
	background: rgba(0,0,0,.05);
  padding: 1rem !important;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.8);
	font-size: 1em;
	color: #444;
	-webkit-appearance: none;
	}

	textarea {
		max-width: 100%;
		min-height: 6em;
		}

  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  textarea:focus {
    background: white;
    border-bottom: 1px solid var(--whcbc-red);
    color: var(--whcbc-purple);
    }

select { font-size: 1em; }

input[type="search"] { -webkit-appearance: none; }

input[type="submit"],
input[type="button"],
button,
.button {
  background: linear-gradient(to bottom right, var(--whcbc-dark-blue) 50%, var(--whcbc-teal) 50%) top left / 300% 300%;
	margin-bottom: .25em;
	padding: 1rem 3rem;
	color: white;
	border: none;
	border-radius: var(--global-border-radius);
	font-size: 1em;
	font-weight: 700;
	cursor: pointer;
	-webkit-appearance: none;
	white-space: nowrap;
	}

	.hover-alt {
    background-image: linear-gradient(to bottom right, var(--whcbc-teal) 50%, var(--whcbc-dark-blue) 50%) !important;
    color: white !important;
    }

	input[type="submit"]:hover,
	input[type="button"]:hover,
	button:hover,
	.button:hover {
  	background-position: bottom right;
    color: white;
    box-shadow: var(--global-box-shadow);
		}

    .hover-alt:hover { color: white !important; }

.button.back i { margin-right: 1em; }

.button.wrap {
  display: inline-block;
  white-space: normal !important;
  }

.required { color: red; }

/* -------------------------------------------------------------

  Additional Classes and Overrides

------------------------------------------------------------- */

/* -------------------------------------------------------------
  Sizings
------------------------------------------------------------- */

.size-lg { font-size: 1.33em; }

.size-sm { font-size: .77em; }

/* -------------------------------------------------------------
  Font Stylings
------------------------------------------------------------- */

.text-normal { font-weight: normal; }

.text-align-center { text-align: center; }

.text-align-right { text-align: right; }

.text-underline { text-decoration: underline; }

.text-linethrough { text-decoration: line-through; }

.text-uppercase { text-transform: uppercase; }

.text-monospace { font-family: monospace; }

/* -------------------------------------------------------------
  Colors
------------------------------------------------------------- */

.shaded { background: #eee; }

.shaded-notification {
  background: var(--whcbc-lime);
  color: white;
}

.important { color: #f00; }

/* -------------------------------------------------------------
  Box Model
------------------------------------------------------------- */

.flex {
  display: flex;
  flex-wrap: wrap;
  }

  .flex-grow-1 { flex-grow: 1; }

  .flex-grow-2 { flex-grow: 2; }

  .flex-grow-3 { flex-grow: 3; }

  .flex-grow-4 { flex-grow: 4; }

  .flex-shrink-1 { flex-shrink: 1; }

  .flex-shrink-2 { flex-shrink: 2; }

  .flex-shrink-3 { flex-shrink: 3; }

  .flex-shrink-4 { flex-shrink: 4; }

  .flex-vertical-align-center { align-items: center; }

.width-full { width: 100%; }

.hidden { display: none !important; }

.overflow-hidden { overflow: hidden; }

.overflow-horizontal { overflow-x: auto; }

.margin-none { margin: 0; }

.margin { margin: 1em; }

.margin-top { margin-top: 1em; }

.margin-1-2x-top { margin-top: .5em; }

.margin-2x-top { margin-top: 2em; }

.margin-bottom { margin-bottom: 1em; }

.margin-1-2x-bottom { margin-bottom: .5em; }

.margin-2x-bottom { margin-bottom: 2em; }

.margin-left { margin-left: 1em; }

.margin-right { margin-right: 1em; }

.margin-sides {
  margin-left: 1em;
  margin-right: 1em;
  }

.margin-top-bottom {
  margin-top: 1em;
  margin-bottom: 1em;
  }

/*
  Note: When considering responsive layouts that may adjust itself
  significantly and look undesireable when stacked, consider using
  individual/paired padding classes instead of .padding
*/

.padding { padding: var(--global-padding-1x); }

.padding-top { padding-top: var(--global-padding-1x); }

.padding-bottom { padding-bottom: var(--global-padding-1x); }

.padding-left { padding-left: var(--global-padding-1x); }

.padding-right { padding-right: var(--global-padding-1x); }

.padding-sides {
  padding-left: var(--global-padding-1x);
  padding-right: var(--global-padding-1x);
  }

.padding-top-bottom {
  padding-top: var(--global-padding-1x);
  padding-bottom: var(--global-padding-1x);
  }

.padding-3x { padding: var(--global-padding-3x); }

.padding-3x-top { padding-top: var(--global-padding-3x); }

.padding-3x-bottom { padding-bottom: var(--global-padding-3x); }

.padding-3x-left { padding-left: var(--global-padding-3x); }

.padding-3x-right { padding-right: var(--global-padding-3x); }

.padding-3x-sides {
  padding-left: var(--global-padding-3x);
  padding-right: var(--global-padding-3x);
  }

.padding-3x-top-bottom {
  padding-top: var(--global-padding-3x);
  padding-bottom: var(--global-padding-3x);
  }

.padding-2x { padding: var(--global-padding-2x); }

.padding-2x-top { padding-top: var(--global-padding-2x); }

.padding-2x-bottom { padding-bottom: var(--global-padding-2x); }

.padding-2x-left { padding-left: var(--global-padding-2x); }

.padding-2x-right { padding-right: var(--global-padding-2x); }

.padding-2x-sides {
  padding-left: var(--global-padding-2x);
  padding-right: var(--global-padding-2x);
  }

.padding-2x-top-bottom {
  padding-top: var(--global-padding-2x);
  padding-bottom: var(--global-padding-2x);
  }

.padding-1-2x { padding: var(--global-padding-1-2x); }

.padding-1-2x-top { padding-top: var(--global-padding-1-2x); }

.padding-1-2x-bottom { padding-bottom: var(--global-padding-1-2x); }

.padding-1-2x-left { padding-left: var(--global-padding-1-2x); }

.padding-1-2x-right { padding-right: var(--global-padding-1-2x); }

.padding-1-2x-sides {
  padding-left: var(--global-padding-1-2x);
  padding-right: var(--global-padding-1-2x);
  }

.padding-1-2x-top-bottom {
  padding-top: var(--global-padding-1-2x);
  padding-bottom: var(--global-padding-1-2x);
  }

.border { border: 1px solid #ccc; }

.border-top { border-top: 1px solid #ccc; }

.border-right { border-right: 1px solid #ccc; }

.border-bottom { border-bottom: 1px solid #ccc; }

.border-left { border-left: 1px solid #ccc; }

/* -------------------------------------------------------------
  Alignment & Positioning
------------------------------------------------------------- */

.image-align-left { /* For use with images in paragraphs */
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1em;
  }

.image-align-right { /* For use with images in paragraphs */
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1em;
  }

.clear-both { clear: both !important; }

.clear-left { clear: left !important; }

.clear-right { clear: right !important; }

.float-left { float: left !important; }

.float-right { float: right !important; }

.float-center {
  clear: both;
  float: none !important;
  margin: 0 auto;
  }

/* -------------------------------------------------------------
  Lists
------------------------------------------------------------- */

ul.blank { padding: 0; }

	ul.blank li {
		padding: 0;
		list-style: none;
		position: relative;
		}

.column-count-2 {
  column-count: 2;
  column-gap: 2rem;
  }

.column-count-3 {
  column-count: 3;
  column-gap: 2rem;
  }

.column-count-4 {
  column-count: 4;
  column-gap: 2rem;
  }

.column-count-6 {
  column-count: 6;
  column-gap: 2rem;
  }

/* -------------------------------------------------------------
  Others
------------------------------------------------------------- */

.notification-bar {
  display: none;
  width: 100%;
  height: 30px;
  background: var(--whcbc-salmon);
  color: white;
  margin-bottom: 1.61em;
  padding: .5rem 1rem;
  position: fixed;
  top: 0;
  z-index: 1500;
  }

  .notification-bar p {
    font-size: 1.4em;
    line-height: 1.3em;
  }

  .notification-bar a {
    color: white;
    border-bottom: 1px solid white;
    }

    .notification-bar a:hover { opacity: .5; }

/* Responsive Video Embed Container */

.embed-container {
  max-width: 100%;
  height: 0;
  margin-bottom: 2em;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
  }

  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    }

.tooltip {
  position: relative;
  cursor: help;
}

.tooltip::after {
  content: attr(data-tip);
  visibility: hidden;
  opacity: 0;
  background: var(--whcbc-teal);
  padding: 6px 10px;
  border-radius: 4px;
  box-shadow: var(--global-box-shadow);
  color: #fff;
  font-size: .7em;
  font-weight: bold;
  position: absolute;
  top: 125%;
  left: 80%;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

.tooltip:hover::after {
  visibility: visible;
  opacity: 1;
}


/* -------------------------------------------------------------

  Temporary Page

------------------------------------------------------------- */

body.temporary {
  background: var(--whcbc-light-blue);
  background: linear-gradient(180deg,rgba(223, 243, 253, 1) 0%, rgba(255, 254, 249, 1) 100%);
  }


.temporary-wrapper {
  width: 100vw;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;

  .intro-text {
    background: rgba(var(--whcbc-teal-rgb),.35);
    width: calc(100% - 2px);
    margin: 1px;
    }

  .newsletter-signup {
    background: rgba(var(--whcbc-yellow-rgb),1);
    width: calc(50% - 2px);
    margin: 1px;

    input[type="email"]::placeholder {
      color: #666;
      }
    }

  .speaker-signup {
    background: rgba(var(--whcbc-yellow-rgb),1);
    width: calc(50% - 2px);
    margin: 1px;
    }
  }

.temporary footer {
  text-align: center !important;
  font-size: .7em !important;

  p.wharton-logos img { margin: 0 1rem !important; }
  }

/* -------------------------------------------------------------

  Layout Settings - Default

------------------------------------------------------------- */

span.anchor {
	height: 80px;
	display: block;
	visibility: hidden;
	margin-top: -80px;
	}

header {
  background: rgba(255,255,255,1);
  border-bottom: 1px solid #ccc;
	width: 100%;
	height: 60px;
	position: fixed;
	top: 0;
	z-index: 1000;
	}

	header .plc {
  	height: 100%;
  	margin: 0 auto;
  	align-items: center;
  	}

	header.scrolled {
  	background: rgba(255,255,255,.85);
  	box-shadow: var(--global-box-shadow);
    backdrop-filter: blur(5px);
  	}

  header .compact { display: none; }

  .header-logo { margin-top: 5px; }

  .header-logo a:hover { opacity: .5; }

/* Navigation */

.btn-register {
  width: 160px;
  height: 44px;
  display:inline-block;
  background: linear-gradient(to bottom right, var(--whcbc-yellow) 50%, var(--whcbc-teal) 50%) top left / 300% 300%;
  position: fixed;
  top: 8px;
  right: calc( 2rem + 44px );
  z-index: 1001;
  margin-right: 1px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  color: var(--whcbc-dark-blue);
  font-size: 2em;
  text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
  }

  .btn-register:hover {
    background-position: right bottom;
    color: var(--whcbc-white);
    }

  .btn-register span {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    }

.cd-nav-trigger {
  width: 44px;
  height: 44px;
  display: inline-block;
  position: fixed;
  top: 8px;
  right: 2rem;
  z-index: 5000;
  overflow: hidden;
  border-top-right-radius: var(--global-border-radius);
  border-bottom-right-radius: var(--global-border-radius);
  /* border-radius: var(--global-border-radius); Remove when registration button is available */
  text-indent: 100%;
  white-space: nowrap;
  }

  .cd-nav-trigger:hover { box-shadow: var(--global-box-shadow); }

  .cd-nav-trigger::before,
  .cd-nav-trigger::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateZ(0);
    backface-visibility: hidden;
    transition-property: transform;
    content: '';
    }

    .cd-nav-trigger::before {
      background: var(--whcbc-dark-blue);
      transform: scale(1);
      transition-duration: .2s;
      transition-delay: .4s;
      }

      .cd-nav-trigger:hover::before {
        background: var(--whcbc-teal);
        transition: all .2s ease-out;
        }

    .cd-nav-trigger::after {
        background-color: var(--whcbc-blue);
        transform: scale(0);
        transition-duration: 0s;
        transition-delay: 0s;
        border-radius: var(--global-border-radius);
        }

        .cd-nav-trigger:hover::after {
          background: var(--whcbc-teal);
          transition: all .2s ease-out;
          }

  .cd-nav-trigger .cd-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 2px;
    background-color: var(--whcbc-white);
    z-index: 10000;
    }

    .cd-nav-trigger .cd-icon::before,
    .cd-nav-trigger .cd-icon::after {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: var(--whcbc-white);
      transform: translateZ(0);
      backface-visibility: hidden;
      transition: transform .2s;
      content: '';
      }

      .cd-nav-trigger:hover .cd-icon,
      .cd-nav-trigger:hover .cd-icon::before,
      .cd-nav-trigger:hover .cd-icon::after {
        background-color: white;
        }

      .cd-nav-trigger .cd-icon::before { transform: translateY(-6px) rotate(0deg); }

      .cd-nav-trigger .cd-icon::after { transform: translateY(6px) rotate(0deg); }

.cd-nav-trigger.close-nav::before { transform:scale(0); }

.cd-nav-trigger.close-nav::after {
  transform: scale(1);
  transition-duration: .2s;
  transition-delay: .4s;
  }

.cd-nav-trigger.close-nav .cd-icon { background-color: transparent; }

  .cd-nav-trigger.close-nav .cd-icon::before,
  .cd-nav-trigger.close-nav .cd-icon::after {
    background-color: white;
    }

  .cd-nav-trigger.close-nav .cd-icon::before { transform: translateY(0) rotate(45deg); }

  .cd-nav-trigger.close-nav .cd-icon::after { transform: translateY(0) rotate(-45deg); }

.cd-overlay-nav,
.cd-overlay-content {
  width: 4px;
  height: 4px;
  position: fixed;
  top: 7px;
  right: 2rem;
  transform: translateX(-20px) translateY(20px);
  }

  .cd-overlay-nav span,
  .cd-overlay-content span {
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    backface-visibility: hidden;
    will-change: transform;
    transform: translateZ(0);
    transform-origin: 50% 50%;
    transform: scale(0);
    }

  .cd-overlay-nav.is-hidden,
  .cd-overlay-content.is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s 0s, visibility 0s .2s;
    }

.cd-overlay-nav { z-index: 2000; }

  .cd-overlay-nav span { background-color: var(--whcbc-dark-blue); }

.cd-overlay-content { z-index: 4000; }

  .cd-overlay-content span { background-color: var(--whcbc-teal); }

.cd-primary-nav {
  width: 100%;
  height: 100%;
  background-color: var(--whcbc-dark-blue);
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3000;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity .2s;
  color: white;
  font-size: 3.2em;
  font-weight: 200;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 10rem 8rem 0 0;
  }

.cd-primary-nav li {
  list-style: none;
  margin: 0;
  padding: 0;
  }

.cd-primary-nav > li {
  margin-bottom: 1em;
  line-height: 1.2em;
  }

  .cd-primary-nav ul.subnav { padding-top: .25em; }

  .cd-primary-nav li ul li {
    font-size: .6em;
    line-height: 1.6em;
    }

.cd-primary-nav a {
  position: relative;
  transition: all .2s linear;
  color: var(--whcbc-yellow);
  }

  .cd-primary-nav a:hover {
    margin-right: 15px;
    color: white;
    }

    .cd-primary-nav a::after {
      color: var(--whcbc-yellow);
      font-weight: 200;
      content: '◂';
      position: absolute;
      right: -15px;
      top: 50%;
      bottom: auto;
      left: auto;
      transform: translateY(-50%);
      opacity: 0;
      font-size: 15px;
      transition: all .2s ease-out;
      }

    .cd-primary-nav a:hover::after { opacity: 1; }

.cd-primary-nav.fade-in {
  visibility: visible;
  opacity: 1;
  }

.breadcrumb-title {
  background: rgba(var(--whcbc-light-blue-rgb),1);
  width: 100%;
	margin: 0 auto;
	padding-top: 120px;
  }

  .breadcrumb-title .plc {
  	max-width: 1320px;
  	margin: 0 auto;
    }

    .breadcrumb-title .breadcrumb { display: flex; }

      .breadcrumb-title .breadcrumb p { line-height: 1.4em; }

        .breadcrumb-title .breadcrumb > p:first-child { margin-right: .25em; }

      .breadcrumb-title .breadcrumb a {
        color: rgba(0,0,0,.5);
        transition: all .2s ease-out;
        }

        .breadcrumb-title .breadcrumb a:hover { color: var(--whcbc-teal); }

        .breadcrumb-title .breadcrumb a:last-of-type {
          color: var(--whcbc-teal);
          border-bottom: 2px solid rgba(var(--whcbc-teal-rgb),.5);
          }

          .breadcrumb-title .breadcrumb a:last-of-type:hover {
            color: #444;
            border-bottom-color: #444;
            }

      .breadcrumb-title .breadcrumb i {
        color: rgba(0,0,0,.25);
        margin: 0 .25em;
        }

    .breadcrumb-title .title {}

      .breadcrumb-title .title h2 {
        color: #444;
        font-weight: 100;
        font-size: 6.4em;
        letter-spacing: -0.03125em;
        }

    .breadcrumb-title span.slot {
      display: inline-block;
      font-weight: bold;
    }

.sub-nav { border-bottom: 1px solid #ccc; }

	.sub-nav .plc {
  	max-width: 1320px;
  	margin: 0 auto;
  	justify-content: space-between;
    }

  .sub-nav ul {
    margin: 0;
    padding: 0;
    display: flex;
    }

    .sub-nav ul li {
      list-style: none;
      margin: 0;
      margin-right: 2em;
      padding: 0;
      }

      .sub-nav ul li:last-child { margin-right: 0; }

        .sub-nav ul li i {
          opacity: .5;
          color: #444;
          }

.contents {
  width: 100%;
  min-height: 30vh;
	margin: 0 auto;
	}

	.contents .plc {
  	max-width: 1320px;
  	margin: 0 auto;
    }

	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12,
	.col-1-4,
	.col-1-3,
	.col-1-2,
	.col-2-3,
	.col-3-4,
	.col-1-5,
	.col-full,
	.col-half {
		}

  /* Note: When nested, all column widths are counted relative to parent element */

  .col-1 { width: 8.333333%; }

  .col-2 { width: 16.666667%; }

  .col-3,
  .col-1-4 {
    width: 25%;
    }

  .col-4,
  .col-1-3 {
    width: 33.333333%;
    }

  .col-5 { width: 41.666665%; }

  .col-6,
  .col-1-2,
  .col-half {
    width: 50%;
    }

  .col-7 { width: 58.333333%; }

  .col-8,
  .col-2-3 {
    width: 66.666667%;
    }

  .col-9,
  .col-3-4 {
    width: 75%;
    }

  .col-10 { width: 83.333333%; }

  .col-11 { width: 91.666667%; }

  .col-12,
  .col-full {
    width: 100%;
    }

  .col-1-5 {
    width: 20%;
    }

footer {
  width: 100%;
	margin: 0 auto;
	}

	footer .blog-about {
    width: 100%;
    background: var(--whcbc-red);
  	overflow: hidden;
  	color: white;
	  }

	  footer .blog-about-logo img { max-width: 100%; }

  footer .connect {
    width: 100%;
    background: rgba(var(--whcbc-yellow-rgb),1);
    }

    footer .connect h4 {
      color: var(--whcbc-dark-blue);
      font-size: 2.2em;
      margin-bottom: .8em;
      }

    footer .connect form p { display: flex; }

    footer .connect input[type="email"] {
      background: rgba(0,0,0,.05);
      max-width: calc( 100% - 15rem );
      margin-right: 1rem;
      }

      footer .connect input[type="email"]::placeholder {
        color: #222;
      }

      footer .connect input[type="email"]:focus {
        background: rgba(255,255,255,.8);
        color: #222;
        }

        footer .connect input[type="email"]:focus::placeholder {
          color: #222;
        }

    footer .connect input[type="submit"] {
      width: 15rem;
      margin: 0;
      border: none;
      }

    .connect-social a i { color: var(--whcbc-lavender); }

      .connect-social a:hover i { color: var(--whcbc-teal); }

  footer .registration-cta {
    width: 100%;
    background: rgb(240,237,162);
    background: -moz-linear-gradient(90deg, rgba(240,237,162,1) 0%, rgba(255,226,70,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(240,237,162,1) 0%, rgba(255,226,70,1) 100%);
    background: linear-gradient(90deg, rgba(240,237,162,1) 0%, rgba(255,226,70,1) 100%) fixed;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0eda2",endColorstr="#ffe246",GradientType=1);
    font-size: 1.6em;
    }

    footer .registration-cta span {
      color: var(--whcbc-purple);
      font-weight: 300;
      }

  .sponsors { border-bottom: 1px solid #ccc; }

  .sponsors .plc.flex {
    justify-content: center;
    flex-wrap: wrap;
    }

    .sponsors .plc.flex .divider {
      content: '';
      width: 1px;
      background: #ccc;
      }

    .sponsors .sponsor-tier {
      width: auto !important;
      text-align: center;
      }

      .sponsor-gold {}

      .sponsor-silver {}

      .sponsor-bronze { flex-shrink: 3; }

      .sponsor-partner {}

    .sponsor-tier h5 {
      display: block;
      max-width: 100%;
      margin: 0 2rem 2rem 2rem;
      color: #999;
      font-size: 1.4em;
      font-weight: 400;
      }

    .sponsor-tier img {
      max-width: calc(100% - 4rem);
      margin: 2rem;
      }

      .sponsors a:hover img { opacity: .5; }

	footer .blog-about .plc,
	footer .connect .plc,
	footer .registration-cta .plc,
	footer .sponsors .plc {
  	max-width: 1320px;
  	margin: 0 auto;
    }

  .copyright {
    font-size: 1.1em;
    text-align: center;
    }

  .wharton-logos img { margin: 0 1rem; }

    .wharton-logos a:hover img { opacity: .5; }

/* -------------------------------------------------------------

  Hero

------------------------------------------------------------- */

.hero-full-screen {
  width: 100vw;
  max-width: 100%;
  min-width: 100%;
  min-height: 768px;
  height: 100vh;
  max-height: 1080px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  }

  .hero-full-screen.mobile { display: none; }

.hero-main {
  width: 100%;
  height: 100%;
  }

.cycle-slideshow {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  max-height: 1080px;
  min-height: 768px;
  position: relative;
  }

  .cycle-slideshow > div {
    width: 100%;
    height: 100%;
    }

  /* .slide-theme */

  .slide-theme {
    width: 100%;
    height: 100%;
    background: var(--whcbc-light-blue);
    background: linear-gradient(180deg,rgba(223, 243, 253, 1) 0%, rgba(255, 254, 249, 1) 100%);
    overflow: hidden;
    text-align: center;
    }

    .slide-theme .plc {
      width: 100% !important;
      max-width: 100% !important;
      height: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      }

      .slide-theme .plc img { }

  .slide-theme .theme-portrait-phone { display: none; }

  .slide-theme .theme-landscape-phone { display: none; }

  .hero-full-screen.mobile .slide-theme {
    display: flex;
    justify-content: center;
    align-items: center;
    }

  .hero-full-screen.mobile .slide-theme img {
    margin-left: auto;
    margin-right: auto;
    }

  /* .slide-text */

  .slide-text {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 97;
    }

    .slide-text.hero-2 { background-image: url("/conf2025/assets/images/hero-001.jpg"); }

    .slide-text.hero-3 { background-image: url("/conf2025/assets/images/hero-002.jpg"); }

    .slide-text .plc {
      width: 100%;
      height: 100%;
      min-height: 768px;
      margin: 0 auto;
      padding: 10rem 2rem 12rem 2rem;
      display: flex !important;
      flex-direction: column;
      justify-content: flex-end;
      }

      .slide-text .slide-caption {
        background: rgba(var(--whcbc-dark-blue-rgb),.9);
        margin-top: 9rem;
        border-right: .8rem solid var(--whcbc-red);
        color: white;
        z-index: 99;
        }

        .slide-text .slide-caption h2 {
          margin-bottom: .5em;
          color: var(--whcbc-yellow);
          font-size: 3.2em;
          line-height: 1.2em;
          }

          .slide-text .slide-caption h2 span { font-weight: 200; }

        .slide-text .slide-caption p {
          font-size: 2rem;
          font-weight: 200;
          }

.cycle-slideshow-nav {
  display: none !important;
  width: 100%;
  height: 100vh;
  min-height: 850px;
  max-height: 1080px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 4.8rem;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  }

  .cycle-slideshow-nav span {
    width: 4.8rem;
    height: 4.8rem;
    display: block;
    margin: 2rem;
    color: rgba(255,255,255,.85);
    text-align: center;
    cursor: pointer;
    transition: all .2s;
    z-index: 100;
    filter: drop-shadow(0 0 2px rgba(0,0,0,.5));
    }

    .cycle-slideshow-nav span:hover { color: rgba(255,255,255,1); }

      .cycle-slideshow-nav span#prev:hover { margin-left: 1.2rem; }

      .cycle-slideshow-nav span#next:hover { margin-right: 1.2rem; }

.cycle-pager {
  background: rgba(0,0,0,.2);
  border-radius: var(--global-border-radius);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2rem;
  z-index: 101;
  overflow: hidden;
  }

  .cycle-pager span {
    background: none;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    margin: .5em;
    border: 2px solid white;
    border-radius: 50%;
    text-indent: -50em;
    cursor: pointer;
    transition: all .2s ease-out;
    }

    .cycle-pager span:hover {
      background-color: var(--whcbc-teal);
      border-color: var(--whcbc-teal);
      border-radius: 4px !important;
      transition: all .2s;
      }

    .cycle-pager span.cycle-pager-active {
      background-color: white;
      border-radius: 4px !important;
      }

    .cycle-pager span.cycle-pager-active:hover { background-color: var(--whcbc-teal); }

  .cycle-pager > * { cursor: pointer; }

/* -------------------------------------------------------------

  Layout Specifics - Home

------------------------------------------------------------- */

.home-announcement-banner {}

  .home-announcement-banner p {
    background: var(--whcbc-yellow);
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    text-align: center;
    color: var(--whcbc-purple);
    font-size: 2em;
    }

  .home-announcement-banner a {
    }

    .home-announcement-banner a:hover { opacity: .5; }

.home-conference-status {
  margin-bottom: 2rem;
}

.home-conference-status .plc {  }

  .home-conference-status .icon {
    background: var(--whcbc-purple);
    display: flex;
    align-items: center;
    justify-content: center;
    }

  .home-conference-status .text {
    background: rgba(var(--whcbc-yellow-rgb),1);
    }

    .home-conference-status .text h2 {
      font-weight: 200;
      }

.home-featured-speakers {
  background: rgba(var(--whcbc-blue-rgb),1);
  }

  .home-featured-speakers h3 { color: var(--whcbc-yellow); }

  .featured-speaker-item {
    /*pointer-events: none !important;*/ /* REMOVE WHEN SPEAKER PROFILES ARE AVAILABLE */
    border-radius: var(--global-border-radius);
    }

  .featured-speaker-item:hover {
    background: var(--whcbc-yellow);
    box-shadow: var(--global-box-shadow);
    }

    .featured-speaker-item:hover * { color: #444 !important; }

  .featured-speaker-item .image {
    margin-bottom: .5em;
    overflow: hidden;
    }

    .featured-speaker-item:hover .image img { transform: scale(1.1); }

  .featured-speaker-item h4 {
    margin: 0;
    color: var(--whcbc-yellow);
    }

  .featured-speaker-item p {
    margin: 0;
    color: white;
    font-weight: 400;
    }

  .featured-speaker-item p.company {
    color: var(--whcbc-yellow);
    font-weight: 700;
  }

.home-features {
  background: rgba(var(--whcbc-teal-rgb),.15);
}

.home-quote {
  width: 100%;
  background: var(--whcbc-dark-blue);
  }

  .home-quote .plc { align-items: flex-end; }

  .home-quote .quote-author { color: var(--whcbc-yellow); }

.home-latest-articles-pulse {
  width: 100%;
  background: var(--whcbc-red);
  color: white;
  overflow: auto;
  }

  .home-latest-articles-pulse a { border-radius: var(--global-border-radius); }

    .latest-articles-pulse-item:hover {
      background: var(--whcbc-dark-blue);
      box-shadow: var(--global-box-shadow);
      }

  .home-latest-articles-pulse h3 { color: white; }

  .latest-articles-pulse-item p.image { overflow: hidden; }

    .latest-articles-pulse-item img {
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
      filter: gray; /* IE6-9 */
      -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
      width: 100%;
      height: 100%;
      aspect-ratio: 16 / 9;
      }

    .latest-articles-pulse-item:hover img {
      transform: scale(1.1);
      filter: none;
      }

  .latest-articles-pulse-item p.category {
    display: inline-block;
    background: var(--whcbc-yellow);
    margin-bottom: .5em;
    padding: 0 .5em;
    color: #444;
    font-size: 1.4em;
    text-transform: uppercase;
    }

    .latest-articles-pulse-item p.category i { opacity: .5; }

  .latest-articles-pulse-item h4 {
    margin: 0;
    color: white;
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.5em;
    }

    .latest-articles-pulse-item:hover h4 { color: white; }


/* -------------------------------------------------------------

  Logistics Settings

------------------------------------------------------------- */

.logistics-info i { opacity: .5; }

	table.ticket-pricing td {
  	background: #eaeaea;
		padding: 1rem 2rem;
		border-right: 1px solid white;
		border-bottom: 1px solid white;
		text-align: left;
		}

		table.ticket-pricing thead td {
  		background: var(--whcbc-salmon);
  		color: white;
  		font-weight: 700;
		  }

      table.ticket-pricing td:last-child { text-align: center; }

		table.ticket-pricing span.early-bird {
  		color: var(--whcbc-salmon);
  		font-weight: 700;
		  }

		table.ticket-pricing span.regular {
  		color: #999;
  		font-weight: 700;
  		text-decoration: line-through;
      }

/* -------------------------------------------------------------

  Agenda Settings

------------------------------------------------------------- */

table.agenda {
  width: 100%;
  max-width: 100%;
}

	table.agenda td {
		padding: 1rem 2rem;
		border-right: 1px solid white;
		border-bottom: 1px solid white;
		text-align: left;
		}

		table.agenda td.time {
			width: 20rem;
			background: var(--whcbc-yellow);
			font-weight: 700;
      text-align: right;
			}

@media only screen and (min-width: 319px) and (max-width: 639px) {
  table.agenda tr {
    display: flex;
    flex-direction: column;
  }

  table.agenda td.time {
    width: auto !important;
    text-align: left;
    border-right: none;
  }
}

		table.agenda td.normal { background: #fafafa; }

		table.agenda td.highlight {
			border-right: 1px solid white;
			color: #444;
			}

			table.agenda td.highlight.keynote { background: rgba(var(--whcbc-yellow-rgb),.2); }

			table.agenda td.highlight.panel { background: rgba(var(--whcbc-blue-rgb),.1); }

		table.agenda span.location {
			color: #666;
			font-size: 0.8em;
      font-style: italic;
			display: inline-block;
			}

table.agenda span.topic { margin-left: -.25em; }

/* -------------------------------------------------------------

  Speakers & Sessions

------------------------------------------------------------- */

span.slot {
  display: block;
  font-weight: 400;
}

span.topic {
  display: inline-block;
  background: var(--whcbc-red);
  margin-bottom: .5em;
  margin-left: -.5em;
  padding: 0 .5em;
  color: white;
  font-size: .875em;
  font-weight: 700;
  white-space: nowrap;
  }

.speaker-set {
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  }

  .speaker-item:hover {
    background: var(--whcbc-dark-blue);
    border-radius: var(--global-border-radius);
    box-shadow: var(--global-box-shadow);
    }

    .speaker-item:hover * { color: white !important; }

  .speaker-item .title { /* Only for keynote speakers */
    }

    .speaker-item .title p {
      color: #444;
      margin-bottom: 1.6em;
      }

      .speaker-item .title p i { opacity: .5; }

      .speaker-item.keynote .title .separator { display: none; }

      .speaker-item .company {
        color: var(--whcbc-lavender);
        font-weight: bold;
        }

  .speaker-item .image {
    margin-bottom: 1em;
    overflow: hidden;
    }

    .speaker-item:hover .image img { transform: scale(1.1); }

  .speaker-item h4 {
    margin: 0;
    color: var(--whcbc-purple);
    }

  .speaker-item p {
    margin: 0;
    color: rgba(0,0,0,.5);
    font-weight: 400;
    }

    .speaker-item p.moderator { font-weight: 700; }

.speaker-item.keynote .keynote-sponsor {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #ccc;
}

.speaker-item.keynote .keynote-sponsor p {
  color: #444;
  font-weight: normal !important;
}

.speaker-profile-info h3 {
  color: var(--whcbc-purple);
}

/* Overrides for Co-Chairs section */
.speaker-item.team:hover {
  background: none;
  border-radius: none;
  box-shadow: none;
  }

  .speaker-item.team * {
    color: var(--whcbc-magenta) !important;
  }

  .speaker-item.team p.title,
  .speaker-item.team p.title cite {
    color: #444 !important;
  }
/* End of Overrides for Co-Chairs section */

p.date > i { opacity: .5; }

.back-to-top {
  display: none;
  font-size: 1.6em;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  }

.panel-date { font-size: 1.4em; }

.interviewer-block {
  background: rgba(var(--whcbc-salmon-rgb),.05);
}

/* -------------------------------------------------------------

  Past Highlights

------------------------------------------------------------- */

ul.past-conferences {
  margin: 0;
  padding: 0;
  column-count: 4;
  column-gap: 2rem;
  }

  ul.past-conferences li {
    list-style: none;
    padding: 0;
    }

    ul.past-conferences li a span {
      color: #444;
      font-weight: normal;
    }

/* -------------------------------------------------------------

  The Pulse

------------------------------------------------------------- */

.blog-articles-set {
  align-content: flex-start;
  align-items: flex-start;
  }

  .blog-articles-item {
    width: 33.33%;
    border-radius: var(--global-border-radius);
    }

    .blog-articles-item.featured {
      background: #eee;
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-bottom: 2rem;
      }

    .blog-articles-item:hover {
      background: var(--whcbc-dark-blue);
      box-shadow: var(--global-box-shadow);
      }

      .blog-articles-item:hover img { transform: scale(1.1); }

    .blog-articles-item p.image {
      width: 100%;
      overflow: hidden;
      margin-bottom: 1em;

      img { aspect-ratio: 16 /9; }
      }

      .blog-articles-item.featured p.image {
        width: calc(66.67% - 1.5rem);
        margin: 0;
        }

        .blog-articles-item.featured p.image img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          }

      .blog-articles-item.featured .info {
        margin-top: 2rem;
        width: calc(33.33% - 1.5rem);
        }

    .blog-articles-item p.category {
      margin: 0 0 .5em 0;
      padding-bottom: .5em;
      border-bottom: 1px solid rgba(0,0,0,.25);
      font-size: 1.2em;
      text-transform: uppercase;
      }

      .blog-articles-item p.category span {
        display: inline-block;
        background: none;
        margin-right: .375em;
        margin-bottom: .375em;
        background: var(--whcbc-yellow);
        padding: 0 .5em;
        color: #444;
        }

        .blog-articles-item p.category i { opacity: .5; }

    .blog-articles-item h4 {
      margin-bottom: 1em;
      font-size: 2.2em;
      font-weight: 200;
      line-height: 1.5em;
      }

      .blog-articles-item.featured h4 {
        margin-bottom: .5em;
        font-size: 3.2em;
        line-height: 1.4em;
        }

    .blog-articles-item.featured p.excerpt {
      color: #444;
      font-weight: 400;
      }

    .blog-articles-item p.date-author {
      color: #999;
      font-size: 1.4em;
      }

      .blog-articles-item:hover h4,
      .blog-articles-item:hover p.excerpt,
      .blog-articles-item:hover p.date-author {
        color: white;
        }

      .blog-articles-item:hover p.category { border-bottom-color: rgba(255,255,255,.25); }

.post {}

  .post .post-header {
    max-width: 66.67%;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 3em;
    }

  .post h3 {
    font-size: 3.2em;
    font-weight: 200;
    margin: 0;
    }

    .blog-post-single .post h3 a {
      font-weight: 200 !important;
    }

  .post h4 {
    color: #666;
    font-size: 2em;
    text-align: center;
  }

  .post h4 strong {
    font-weight: 200;
  }

  .post h4 em {
    font-style: normal;
  }

  .post .date-author {
    margin-bottom: .5em;
    color: #999;
    font-size: 1.4em;
    font-weight: 700;
    }

  .post .category {
    margin-top: .5em;
    padding-top: .5em;
    border-top: 1px solid rgba(0,0,0,.25);
    color: #444;
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
    }

  .post .category span {
    display: inline-block;
    background: none;
    margin-right: .375em;
    margin-bottom: .375em;
    background: var(--whcbc-yellow);
    padding: 0 .5em;
    color: #444;
    }

    .post .category span i { opacity: .5; }

  .post figure, .post wp-caption {
    max-width: 100% !important;
    background: #eee;
    padding: 1.5rem;
    }

    .post figure img, .post .wp-caption img, .post img {
      max-width: 100% !important;
      height: auto;
      }

  .post p, .post ul, .post ol {
    max-width: 66.67%;
    margin-left: auto;
    margin-right: auto;
    }

  .post blockquote {
    max-width: 50%;
    font-size: 2em;
    }

    .post blockquote p {
      max-width: 100% !important;
      line-height: 1.4em;
      margin-left: 0;
      margin-right: 0;
      }

      .post blockquote p:last-child { margin-bottom: 0; }

.post .alignright {
  float: right;
  margin-left: 4rem;
  margin-bottom: 2rem;
  }

  /*.post .wp-caption .alignright figcaption { text-align: right; }*/

.post .alignleft {
  float: left;
  margin-right: 4rem;
  margin-bottom: 2rem;
  }

  /*.post .wp-caption .alignleft figcaption { text-align: left; }*/

  .post .wp-caption-text {
    text-align: center;
    font-size: 1.4em;
    font-style: italic;
    }

.post-navigation span.arrow {
  color: #444 !important;
  font-weight: normal;
  }

.post .post-password-form {
  font-weight: 700;
  text-align: center;
  }

.pulse-past-publications-set {}

 .pulse-past-publications-item {
   background: #eee;
   width: 25%;
   border: 1px solid white;
   flex-direction: column;
   justify-content: space-between;
   }

   .pulse-past-publications-item h4 {
      color: var(--whcbc-dark-blue);
      font-weight: normal;
      }

/* -------------------------------------------------------------

  Lightbox

------------------------------------------------------------- */

.lightbox-set {
  display: flex;
  flex-wrap: wrap;
  }

  .lightbox-set a {
    width: calc(20% - 1em);
    margin: 0 1em 1em 0;
    }

  .lightbox-set a:hover { filter: grayscale(1); }

.ajax-popup {
	background: white;
	max-width: 80%;
	position: relative;
	overflow: hidden;
	margin: 40px auto;
	padding: 3em;
	text-align: left;
	box-shadow: var(--global-box-shadow);
	}

	.ajax-popup.profile-video-wrapper {
  	background: #000;
  	max-width: 80%;
  	padding: 0;
  	border-radius: 0;
    }

/* -------------------------------------------------------------

  Tabs

------------------------------------------------------------- */

.ui-tabs {
	position: relative;
	padding: 0;
	zoom: 1;
	}

.ui-tabs .ui-tabs-nav {
	margin: 0 0 -1px 0;
	padding: 0;
	overflow: hidden;
	}

	.ui-tabs .ui-tabs-nav li {
		list-style: none;
		float: left;
		position: relative;
		padding: 0;
		margin-left: 5px;
		white-space: nowrap;
		}

		.ui-tabs .ui-tabs-nav li a {
			float: left;
			background: #ccc;
			padding: 1.5rem 2rem;
			border: 1px solid #ccc;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			color: #999;
			font-weight: bold;
			outline: none;
			}

			.ui-tabs .ui-tabs-nav li i {
  			margin-right: 5px;
  			opacity: .5;
			  }

		.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
			margin-bottom: 0;
			padding-bottom: 1px;
			}

			.ui-tabs .ui-tabs-nav li.ui-state-active a {
				background: white !important;
				color: var(--whcbc-teal);
				border-bottom: 1px solid white;
				}

			.ui-tabs .ui-tabs-nav li a:hover {
				background: var(--whcbc-salmon,1) !important;
				border-color: var(--whcbc-salmon,1);
				color: white;
				}

				.ui-tabs .ui-tabs-nav li.ui-state-active a:hover {
  				background: var(--whcbc-salmon,1) !important;
  				border-color: var(--whcbc-salmon,1);
  				cursor: default;
				  }

			.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
			.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
			.ui-tabs .ui-tabs-nav li.ui-state-processing a {
				cursor: text;
				}

			.ui-tabs .ui-tabs-nav li a,
			.ui-tabs.ui-tabs-collapsible
			.ui-tabs-nav li.ui-tabs-selected a {
				cursor: pointer;
				}

	.ui-tabs .ui-tabs-panel {
		clear: both;
		display: block;
		margin: 0;
		padding: 0;
		border-width: 0;
		border-top: 1px solid #ccc;
		}

	.ui-tabs .ui-tabs-hide { display: none !important; }

/* -------------------------------------------------------------

  Accordion

------------------------------------------------------------- */

.accordion {}

	.accordion .marker {
		display: block;
		background: #999;
		margin: 0 0 1px 0;
		padding: .5em 1em;
		color: white;
		font-size: 1.8em;
		font-weight: bold;
		line-height: 1.61em;
		position: relative;
		outline: none;
		}

		.accordion .marker:hover,
		.accordion .ui-state-active {
			background-color: #444;
			color: white;
			}

/* -------------------------------------------------------------

  Animations

------------------------------------------------------------- */

.contents a, img, input, button, .button, header, i { /* general animation */
	transition: all .2s ease-out;
	}

/* -------------------------------------------------------------

  Media Queries

------------------------------------------------------------- */

/* -------------------------------------------------------------
  media-query-320-479
------------------------------------------------------------- */

@media only screen and (min-width: 319px) and (max-width: 479px) {

header .compact {
  display: block;
  height: 36px;
  margin-top: -3px;
  }

  header .compact svg {
    width: auto;
    max-height: 36px;
    }

  header .full { display: none; }

.breadcrumb-title { padding-top: 90px; }

  .breadcrumb-title .title h2 { font-size: 5.4em; }

ul.past-conferences { column-count: 1; }

.pulse-past-publications-item { width: 100%; }

} /* End of 320px-479px Media Query */

/* -------------------------------------------------------------
  media-query-320-639
------------------------------------------------------------- */

@media only screen and (min-width: 319px) and (max-width: 639px) {

:root {
  --global-padding-1-2x: .5rem;
  --global-padding-1x: 1rem;
  --global-padding-2x: 2rem;
  --global-padding-3x: 3rem;
}

blockquote {
  font-size: 2.8em;
  line-height: 1.3em;
  }

.header-logo { padding-left: 1rem; }

.cd-nav-trigger { right: 1rem; }

.btn-register { right: calc( 1rem + 44px ); }

.cd-primary-nav {
  width: 100%;
  height: 98%;
  padding-right: 6rem;
  font-size: 2.8em;
  }

footer .connect { text-align: center;}

footer .connect div > div { padding-bottom: 3rem;}

footer .connect h4 { font-size: 1.8em; }

.connect-newsletter p { align-items: center;}

  .connect-newsletter form p input[type="email"] {
    width: 90% !important;
    max-width: 100% !important;
    margin: 0;
    text-align: center;
    }

footer .registration-cta p { margin-bottom: 1em; }

footer .registration-cta span { font-size: .9em; }

.wharton-logos img { margin: 0 .5rem; }

.hero-full-screen { display: none; }

.hero-full-screen.mobile {
  display: block;
  height: auto !important;
  }

.hero-full-screen.mobile .plc {
  width: 100%;
  max-width: 100%;
  height: auto !important;
  position: relative;
  }

  .hero-full-screen.mobile .plc > div {
    width: 100%;
    height: auto;
    }

.slide-theme .theme-portrait-phone {
  display: block;
  margin-top: 60px;
  }

  .hero-full-screen.mobile .plc > div {
    }

 .featured-speaker-item, .speaker-item { display: flex; }

 .speaker-item, .speaker-item.keynote, .speaker-item.keynote-roundtable {
   flex-wrap: wrap;
   }

.speaker-item.keynote .title, { width: 100%; }

  .speaker-item.keynote .title .separator { display: inline-block; }

 .speaker-item { width: 100% !important; }

 .featured-speaker-item .image,
 .speaker-item .image {
   width: 33.33% !important;
   padding-right: 1.5rem;
   }

  .featured-speaker-item .info,
  .speaker-item .info {
    width: calc(100% - 33.33% - 1.5rem);
  }

.latest-articles-pulse p.image { display: none; }

.latest-articles-pulse-item h4 {
    font-size: 1.8em;
    font-weight: 400;
    }

  .home-conference-status .icon {
    }

  .home-conference-status .icon img { max-height: 64px; }

.home-conference-status .text h2 {
  margin-top: 0em;
  font-size: 3.2em;
  }

.home-features .plc > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  }

.home-features img {
  width: 6.4rem !important;
  padding-right: 1.5rem;
  }

.home-features h3 {
  width: auto;
  margin: 0;
  }

.home-features p { width: 100%; }

.home-features .plc > div:nth-child(1) p,
.home-features .plc > div:nth-child(2) p {
  margin: 0;
  }


.featured-speaker-icon { max-height: 48px; }

.temporary-wrapper .theme { padding-top: 1rem; }

.temporary-wrapper .intro {
  width: 100% !important;
  font-size: 2em;
  }

.temporary-wrapper .newsletter-signup,
.temporary-wrapper .speaker-signup {
  width: calc(100% - 2px);
  }

.temporary footer { width: 100% !important; }

.sub-nav ul { flex-wrap: wrap; }

  .sub-nav ul li { margin-right: 1.5em; }

  .blog-articles-item { width: 100%; }

} /* End of 320px-639px Media Query */

/* -------------------------------------------------------------
  media-query-320-767
------------------------------------------------------------- */

@media only screen and (min-width: 320px) and (max-width: 767px) {

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-1-4,
.col-1-3,
.col-1-2,
.col-2-3,
.col-3-4,
.col-1-5,
.col-full,
.col-half {
	width: 100%;
  }

.home-conference-status { text-align: center; }

.home-quote div:nth-child(2) { padding-top: 0; }

.connect .flex > div { width: 100%; }

  .connect .connect-social {
    border-top: 1px solid rgba(255,255,255,.25);
    border-bottom: 1px solid rgba(255,255,255,.25);
    }

.hero-full-screen {
  width: 100%;
  height: 100vh;
  min-height: 0;
  }

.cycle-slideshow { height: 100vh; }

    .slide-text .plc {
      min-height: 0;
      height: 100vh;
      padding: 0 1rem 6rem 1rem;
      }

      .slide-text .slide-caption { padding: 2rem; }

        .slide-text .slide-caption h2 {
          font-size: 3.2em;
          }

        .slide-text .slide-caption p {
          font-size: 1.8rem;
          font-weight: 200;
          }

    .slide-text .slide-text-background {
      right: -65%;
      top: -10%;
      }

.sponsors .plc.flex { flex-direction: column; }

.sponsors .divider {
  width: calc(100% - 4rem);
  height: 1px;
  margin: 2rem auto;
  }

.post figure { width: 100% !important; }

.post .wp-caption {
  width: 100% !important;
  margin: 0 0 2rem 0;
  float: none;
  text-align: center;
  }

.post blockquote {
  width: 100% !important;
  max-width: 100% !important;
  }

.post-navigation > div { text-align: center !important; }

.post-navigation > div p { margin: 0; }

footer .blog-about-logo img { max-width: 140px; }

} /* End of 320px-767px Media Query */

/* -------------------------------------------------------------
  media-query-320-959
------------------------------------------------------------- */

@media only screen and (min-width: 320px) and (max-width: 959px) {

.blog-articles-item:first-child { flex-direction: column; }

  .blog-articles-item:first-child p.image {
    width: 100%;
    margin: 0;
    }

    .blog-articles-item:first-child p.image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      }

  .blog-articles-item:first-child .info {
    margin-top: 2rem;
    width: 100%;
    }

} /* End of 320px-959px Media Query */

/* -------------------------------------------------------------
  media-query-320-1023
------------------------------------------------------------- */

@media only screen and (min-width: 320px) and (max-width: 1023px) {

.featured-speaker-text,
.featured-speaker-list {
  width: 100%;
  }

.connect-newsletter form p { flex-direction: column; }

  .connect-newsletter form p input[type="email"] { margin-bottom: .25em; }

.about-intro,
.about-contact,
.about-team > div,
.logistics-intro,
.agenda-intro,
.session-info,
.speaker-set
{
  width: 100%;
  }

  .post .post-header,
  .post p {
    max-width: 100%;
    }

} /* End of 320px-1023px Media Query */

/* -------------------------------------------------------------
  media-query-320-959
------------------------------------------------------------- */

@media only screen and (min-width: 319px) and (max-width: 959px) {

	} /* End of 319px-959px Media Query */

/* -------------------------------------------------------------
  media-query-480-639
------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 639px) {

} /* End of 480-639px Media Query */

/* -------------------------------------------------------------
  media-query-480-767
------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {

/* Adjustments for phones - landscape */


ul.past-conferences { column-count: 2; }

.speaker-item { width: 50%; }

.pulse-past-publications-item { width: 50%; }

	} /* End of 480px-767px Media Query */

/* -------------------------------------------------------------
  media-query-480-1023
------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 1023px) {

.team-list { width: 50% !important; }

	} /* End of 480px-1023px Media Query */

/* -------------------------------------------------------------
  media-query-640-959
------------------------------------------------------------- */

@media only screen and (min-width: 640px) and (max-width: 959px) {

.blog-articles-item { width: 50%; }

} /* End of 640px-959px Media Query */

/* -------------------------------------------------------------
  media-query-640-767
------------------------------------------------------------- */

@media only screen and (min-width: 640px) and (max-width: 767px) {

.featured-speaker-item { width: 50%; }

} /* End of 640px-767px Media Query */

/* -------------------------------------------------------------
  media-query-640-1023
------------------------------------------------------------- */

@media only screen and (min-width: 640px) and (max-width: 1023px) {

.temporary-wrapper .intro { width: 100% !important; }

.latest-articles-pulse-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  }

.latest-articles-pulse-item .image { width: calc(40% - 2rem); }

.latest-articles-pulse-item .info { width: 60%; }

} /* End of 640px-1023px Media Query */

/* -------------------------------------------------------------
  media-query-768-1023
------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

.connect-newsletter form p input[type="email"] {
  width: 100%;
  max-width: 100%;
  }

.slide-text .slide-caption { width: 100%; }

ul.past-conferences { column-count: 3; }

.speaker-item { width: 33.333333%; }

.speaker-profile-photo { width: 100%; }

  .speaker-profile-photo img { max-width: 50%; }

.speaker-profile-info { width: 100% !important; }

.pulse-past-publications-item { width: 33.33%; }

	} /* End of 768px-1023px Media Query */

/* -------------------------------------------------------------
  media-query-768-1023
------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1279px) {

.speaker-item.keynote { width: 33.33% !important; }

	} /* End of 768px-1279px Media Query */

/* -------------------------------------------------------------
  media-query-768/1024 -> iPad Portrait
------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (height: 1024px) {


	} /* End of 768px/1024px Media Query */

/* -------------------------------------------------------------
  media-query-834/1112 -> iPad Pro 10 Portrait
------------------------------------------------------------- */

@media only screen and (min-width: 834px) and (height: 1112px) {


	} /* End of 834px/1112px Media Query */

/* -------------------------------------------------------------
  media-query-1024-1200
------------------------------------------------------------- */

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

	} /* End of 1024px-1200px Media Query */

/* -------------------------------------------------------------
  media-query-max-height 480
------------------------------------------------------------- */

@media only screen and (min-height: 319px) and (max-height: 480px) and (max-width: 960px) {

.hero-full-screen {
  display: none;
  }

  .hero-full-screen.mobile {
    display: block;
    }

.hero-full-screen.mobile .plc > div { height: 100vh; }

.slide-theme .theme-portrait-phone {
  display: none !important;
}

.slide-theme .theme-landscape-phone {
  display: block !important;
  width: 100%;
  height: auto;
  margin-top: 2rem;
  }

	} /* End of Media Query */










/* -------------------------------------------------------------

  Notification Bar Overrides

------------------------------------------------------------- */

/*

.notification-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  }

header { top: 30px; }

.btn-register,
.cd-nav-trigger {
  top: 38px;
  }

.hero-full-screen {
  height: calc(100vh - 30px);
  margin-top: 30px;
  }

.breadcrumb-title { padding-top: 150px; }

@media only screen and (min-width: 319px) and (max-width: 480px) {

.notification-bar { height: 90px; }

header { top: 90px; }

.cd-primary-nav > li:first-child { padding-top: 90px; }

.btn-register,
.cd-nav-trigger {
  top: 98px;
  }

.hero-full-screen {
  height: calc(100vh - 90px);
  margin-top: 90px;
  }

.breadcrumb-title { padding-top: 180px; }

}

@media only screen and (min-width: 481px) and (max-width: 767px) {

.notification-bar { height: 70px; }

header { top: 70px; }

.cd-primary-nav > li:first-child { padding-top: 70px; }

.btn-register,
.cd-nav-trigger {
  top: 78px;
  }

.hero-full-screen {
  height: calc(100vh - 70px);
  margin-top: 70px;
  }

.breadcrumb-title { padding-top: 190px; }

}

@media only screen and (min-width: 768px) and (max-width: 1140px) {

.notification-bar { height: 60px; }

header { top: 60px; }

.cd-primary-nav > li:first-child { padding-top: 60px; }

.btn-register,
.cd-nav-trigger {
  top: 68px;
  }

.hero-full-screen {
  height: calc(100vh - 60px);
  margin-top: 60px;
  }

.breadcrumb-title { padding-top: 180px; }

}*/