/* microsite old theme styles */
body {
  background-color:#F5F5F4;
  color:#333;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  font-weight: 300;
  font-size:14px;
}

a {
  color:#544e49;
}

a:hover {
  color:#d54e21;
}
a,
a:link,
a:visited,
a:focus,
a:active {
  border:none;
  outline:none;
  text-decoration:none;
}
#page {
  /*width:1132px;*/
  margin:0 auto;
  position: relative;
  /*max-width: 1132px;*/
  box-shadow: 0 0 6px #999;
  background: #FFF;
  overflow: hidden;
}

p {
  margin-bottom:7px;
}

h1,
h1.page-title,
h1#page-title {
  font-size:32px;
  color:#544e49;
  font-family:Georgia, "Times New Roman", Times, serif;
}

h1#page-title {
  padding-right:66px;
  float:left;
}

#content,
#tasks {
  clear:both;
}

h2,
h2.block-title {
  color:#544e49;
  font-size:25px;
  line-height:28px;
  margin-bottom: 7px;
  margin-top:2px;
}

#print-link {
  display:none;
  background-image: url('images/small-print-icon.png');
  background-repeat:no-repeat;
  background-position:left center;
  width:auto;
  float:right;
  padding:2px 0 0 27px;
  margin:5px 10px 0 0;
}

#print-link:hover {
  color:#544e49;
}

.page-schedule #print-link,
.page-venue #print-link {
  display:block;
}

.front #page-title,
.page-course-overview #page-title {
  display:none;
}

nav.menu-wrapper {
  margin:0;
}

.menu {
  background:#ddd9c2;
}

.menu li {
  background:#ddd9c2;
  border-right:1px solid #FFF;
  line-height: 40px;
  width:16.5%;
  text-align:center;
}

.menu li.last {
  border-right:none;
}

.nav li a,
.nav ul.menu li a {
  color: #544E49;
  font-size: 12px;
  text-transform: uppercase;
  font-family: Helvetica,Arial,sans-serif;
}


.nav ul.menu li.active-trail {
  background:#544e49;
}

.nav ul.menu li.active-trail a {
  color:#FFF;
}

.nav ul.menu li a:hover {
  text-decoration: none;
  color:#FFF;
  background:#96938C;
}

.nav ul.menu li.venue {
  border-right:none;  
}

.nav ul.menu li a {
  overflow:hidden;
}

.nav ul.menu li.schedule,
.nav ul.menu li.faculty {
  width:13%;
}

/*.nav ul.menu li.course-overview a {
  padding:0 20%;
}

.nav ul.menu li.schedule a {
  padding:0 20%;
}

.nav ul.menu li.faculty a {
  padding:0 33%;
}

.nav ul.menu li.accreditation a {
  padding:0 23%;
}

.nav ul.menu li.venue a {
  padding:0 30%;
}*/

.nav ul.menu li.registration-information {
  float:right;
  width:24%;
}

.nav ul.menu li.registration-information a {
  border-right:none;
  background:#830808;
  color:#FFF;
  /*padding:0 20%;*/
}

.nav ul.menu li.registration-information:hover a {
  background:#500505;
}

/* responsive menu overrides */
.responsive-menus.responsified span.toggler,
.responsive-menus.responsified .responsive-menus-simple {
  border-radius:0px !important;
  box-shadow: none;
}

/* header styles */
#header {
  padding:15px 10px 10px;
}

.block-course-info {
  margin-bottom:0;
}

.block-sharethis .block-content {
  text-align: center;
  margin-top: 10px;
}

.header-block {
  padding-right:33%;
  background-image: url('/sites/all/themes/microsite_base_theme/images/harvard-medical-school-logo.png');
  background-repeat: no-repeat;
  background-position: right center;
}

.header-block p {
  margin-bottom:0;
  font-weight: bold;  
}

.header-block p.course-prefix,
.header-block p.course-name a,
.header-block p.course-slogan {
  color: #A51C30;
  font-family: Georgia,"Times New Roman",Times,serif;
}

.header-block p.course-prefix{
  font-size:20px;
  line-height:20px;
}

.header-block p.course-name a {
  font-size:36px;
  line-height:48px;
}

.header-block p.course-slogan {
  font-size:28px;
  line-height:30px;
}

.header-block p.course-name a:hover {
  text-decoration: none;
}

.header-block .course-venue-date,
.header-block .course-city-state {
  color: #544e49;
  margin-bottom: 6px;
}

.header-block .course-venue-date {
  font-size: 25px;
  line-height: 1.62em;  
}

.header-block .course-city-state {
  font-size: 18px;
  line-height: 16px;  
  font-weight:normal;
}

/* hero region styles */

.region-secondary-content .block {
  margin-bottom:0;
  position: relative;
}

/*.region-secondary-content .view-hero-items .view-content {
  height:250px;
}*/

.region-secondary-content .views-field-field-hero-image {
  width:47%;
  margin-right:4%;
  float:left;
}

.cycle-slide {
  width:100%;
}

.region-secondary-content .hero-copy {
  width:49%;
  padding:20px;
  box-sizing:border-box;
  float:right;
}

.region-secondary-content .hero-title {
  font-size: 24px;
  line-height: 27px;
  font-weight: bold;
}

.region-secondary-content .hero-caption {
  margin:9px 0 0 2px;
  font-size:1.4em;
}

/* Full Width Hero Item */
.region-secondary-content .views-row.full-width div.views-field-field-hero-image {
  width:100%;
  margin-right:0px;
}

.region-secondary-content .views-row.full-width div.hero-copy {
    display:none;
}
/* End Width Hero Item */

/* Left Image no Text Hero Item */
.region-secondary-content .views-row.left-no-text div.hero-copy {
    display:none;
}


.region-secondary-content .cycle-pager {
  display: block;
  position: absolute;
  z-index: 9999;
  right: 20px;
  bottom: 1%;
}

.region-secondary-content .cycle-pager span {
  text-indent: -9999px;
  width: 21px;
  height: 21px;
  border-radius: 20px;
  background-color: #544E49;
  float: left;
  margin-right: 10px;
  cursor: pointer;
}

.region-secondary-content .cycle-pager span.cycle-pager-active {
  background-color: #96938C;
  border: 1px solid #A51C30;
  width: 20px;
  height: 20px;
}

/* sidebar right */

.brochure-download,
.contact-link,
.online-reg,
.print-reg {
  background-repeat:no-repeat;
  margin-top:7px;
}

.online-reg,
.print-reg {
  display: none;
}

.page-registration-information .online-reg,
.page-registration-information .print-reg {
  display: block;
}

.page-registration-information .online-reg a {
  font-size:17px;
}

.brochure-download {
  background-image: url('../images/adobe-reader.png');
  margin-top:10px;
}

.page-registration-information .brochure-download {
  background-image: url('images/adobe-reader-gray.png');
  background-position: 8px 5px;
}

.contact-link {
  background-image: url('../images/at-symbol.png');
  background-position: 10px 6px;
  margin-top:10px;
}

.online-reg {
  background-image: url('images/online-reg-red-v3.png');
  background-position: 11px 10px;
}

.print-reg {
  background-image: url('images/printreg-v1.png');
  background-position: 11px 8px;
}

.brochure-download a,
.contact-link a,
.online-reg a,
.print-reg a {
  display:block;
  padding:15px 0 15px 60px;
}

.sidebar ul li {
  margin-left: 10px;
  margin-bottom:12px;
  line-height:19px;
}

/* sidebar styles */
.sidebar h3,
.sidebar h2,
.sidebar .earlybird {
  background: #8C8179;
  color: #FFF;
  padding: 3px 10px;
  font-size: 1.2em;
  margin:0 0 5px 0;
  font-weight:bold;
  line-height:20px;
}

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

.sidebar .earlybird a,
.sidebar .earlybird a:hover {
  color:#FFF;
  text-decoration: none;
}

.sidebar .earlybird.earlybird-register {
  font-size: 1.1em;
  padding: 5px 10px;
}

.sidebar .views-field-field-first-name {
  font-weight:bold;
  font-size:12px;
}

.sidebar .views-field-field-bio,
.sidebar ul li,
.sidebar p {
  font-size:13px;
  /*color: #666666;*/
}

.sidebar .views-row {
  margin-bottom:10px;
}

.region-sidebar-first ul {
/*  margin-left:10px;*/
}

.region-sidebar-second .block-course-info {
  margin-bottom:10px;
}

#main-content {
  background: #EEECE1;
  width: 100%;
  box-shadow: 0 0 3px #999;  
  margin: 0 0 2.7% 0;
  padding:4px 10px;
  box-sizing:border-box;
}

#columns {
  margin-top:30px;
}

/* schedule block */

.schedule-block caption {
  text-align:center;
  margin-bottom:10px;
}

.schedule-block caption h3 {
}

span.date-display-single {
  font-weight:normal;
}

.schedule-block .view-grouping-header {
  font-size:25px;
  font-weight:bold;
/*  text-align: center; */
  line-height: 28px;
  color:#544e49;
  margin: 20px 0 10px;
}

.schedule-block h3 {
  text-align:center;
  color:#544e49;
  font-size: 27px;
  margin: 10px 0;
}

.schedule-block .views-field-title {
  font-weight:bold;
  font-size:16px;
}

.schedule-block .views-field-title p {
  font-weight:normal;
  font-size:12px;
  font-style: italic;
}

.schedule-block .views-field-field-dates-times-1 {
  width:25%;
  vertical-align: top;
  font-weight:bold;
}

/* registration information styles */
.page-registration-information table tr {
  background-color:#FFF;
}

.page-registration-information table tr h2 {
  margin:0;
/*  font-size:12px;*/
}

.view-faculty h3 {
  text-align: center;
  border-bottom: 1px solid #CCC;
  line-height: 28px;
  margin-top:20px;
  margin-bottom: 7px;
  color: #544e49;
  font-size: 25px;
}

.view-faculty .item-list ul li {
  margin:4px 0 3px 0;
  list-style: none;
}

/* contact */

.page-contact .field-name-body,
.page-contact-us .field-name-body {
  float:right;
  margin-right:50px;
}

.page-contact .webform-client-form,
.page-contact-us .webform-client-form {
  padding:10px 20px;
  /*background:#F4F9FD;*/
  border-radius:10px;
  -moz-border-radius:10px;
  margin-bottom:20px;
  width: 45%;
  float: left;
}

.page-contact .webform-client-form h2,
.page-contact-us .webform-client-form h2 {
  margin-top:0;
}

.form-item {
  position: relative;
}

.page-contact .webform-client-form input.form-text,
.page-contact-us .webform-client-form input.form-text {
  width:90%;
  border-radius:5px;
}

.page-contact .webform-client-form #edit-actions,
.page-contact-us .webform-client-form #edit-actions {
  margin:0;
  padding:0;
}

.webform-client-form .form-item label {
  position: absolute;
  left: 5px;
  top: 5px;
  color: #666;
  font-weight:normal;
  font-size:13px;
}

label.focus { opacity: 0.35; }
label.has-text { opacity: 0.0; -webkit-transition-duration: 0s; }

.webform-client-form .form-item input.form-text,
.webform-client-form .form-item textarea.form-textarea {
  border:1px solid #808080;
  box-shadow:0 0 2px rgba(0,0,0,.2) inset, 0 0 0 rgba(255,255,255,0);
  outline:none;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out;
  height:25px;
}

.webform-client-form .form-item input.form-text:focus,
.webform-client-form .form-item textarea.form-textarea:focus {
  border:1px solid #EB050F;  
  box-shadow:0 0 2px rgba(0,0,0,.2) inset, 0 0 5px rgba(0, 174, 219, .3);
}

body ul.no-bullets {
  padding:0;
}

body ul.no-bullets li {
  list-style: none;
}

.content-call-out li.register-link a {
  padding: 5px 26px;
  width: 365px;
  margin: 10px auto;
  display: block;
}

.content-call-out li.register-link a {
  border-top: 1px solid #b30000;
  background: #500505;
  background: -webkit-gradient(linear,left top,left bottom,from(#830808),to(#500505));
  background: -webkit-linear-gradient(top,#830808,#500505);
  background: -moz-linear-gradient(top,#830808,#500505);
  background: -ms-linear-gradient(top,#830808,#500505);
  background: -o-linear-gradient(top,#830808,#500505);
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 19px;
  font-family: Helvetica,Arial,Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  height: auto;
}

.content-call-out li.register-link a:hover {
  border-top-color: #3d0404;
  background: #3d0404;
  color: #ccc;  
}

.page-registration-information td {
  border-right: 1px solid #c8c7c7;
  border-bottom: 1px solid #c8c7c7;
}

@media only screen and (min-width:1025px) {
  body .region-sidebar-first {
    width:19.5%;
  }

  body.two-sidebars .content-inner {
    margin-left:20.5%;
  }
}
/* footer styles */
#copyright {
  clear: both;
  padding: 0 20px;
  box-shadow: 0 -1px 3px #ccc;
  background: #e0e0e0;
  background: -moz-linear-gradient(#e3e3e3,#ddd);
  background: -webkit-linear-gradient(#e3e3e3,#ddd);
  background: -o-linear-gradient(#e3e3e3,#ddd);
  background: -ms-linear-gradient(#e3e3e3,#ddd);
  background: linear-gradient(#e3e3e3,#ddd);
  color: #999;
  line-height: 40px;
  overflow: hidden;
}

.copyright,
.credits {
  margin-bottom:0;
}

.copyright {
  float:left;
}

.credits {
  float:right;
}

/* media queries !!! */

@media (max-width: 810px) {
  .header-block p.course-name a {
    font-size: 28px;
    line-height: 35px;
  }

  .header-block .course-venue-date {
    font-size: 20px;
    line-height: 1.2em;
  }

  .header-block .course-city-state {
    font-size: 16px;
  }

  .nav ul.menu li.venue {
    width:13%;
  }
  .nav ul.menu li.course-overview {
    width:18%;
  }
  .nav ul.menu li.registration-information {
    float: left;
    width: 25%;
  }
} /* end of max width 810px */

@media (max-width: 783px) {
  #columns {
    margin-top:5px;
  }
} /* end of max width 783px */

/* override instead of changing theme for older sites */
@media (max-width:768px) {
  body .region-sidebar-first,
  body .region-sidebar-second {
    width:100%;
  }
}

@media (max-width: 692px) {
  .header-block p.course-name a {
    font-size: 22px;
  }

} /* end of max width 692px */

@media (max-width: 645px) {
  .region-secondary-content .hero-copy {
    padding:10px;
  }

  .region-secondary-content .hero-caption,
  .region-secondary-content .hero-title {
    font-size:1.2em;
  }

  .region-secondary-content .cycle-pager {
    bottom:5px;
  }

  .region-secondary-content .cycle-pager span {
    width:11px;
    height: 11px;
  }

  .region-secondary-content .cycle-pager span.cycle-pager-active {
    width:10px;
    height:10px;
  }
} /* end of max width 645px */

@media (max-width: 610px) {
  .header-block {
    background-position: center right;
    background-size: 35%;
  }

  body .header-block p.course-prefix {
    margin-bottom:6px;
  }
  body .header-block p.course-slogan {
    margin-top:5px;
  }
  
  body .header-block p.course-prefix,
  body .header-block p.course-slogan {
    font-size: 16px;
    line-height: 16px;
    display:block;
  }

  body .header-block p.course-name a {
    font-size: 18px;
    line-height: 18px;
    display:block;
  }

  body .header-block .course-venue-date,
  body .header-block .course-city-state {
    font-size: 13px;
    line-height: 14px;
    margin-top:5px;
  }
}

@media (max-width: 575px) {
  .page-contact .field-name-body,
  .page-contact-us .field-name-body {
    float:left;
    margin:0;
  }

  .page-contact .webform-client-form,
  .page-contact-us .webform-client-form {
    width:auto;
  }
  
  #copyright {
    line-height:28px;
    padding:20px;
  }
  
  #copyright p {
    display:block;
    float:none;
  }
}
@media (max-width:480px) {
  .content-call-out li.register-link a {
    width:100%;
    box-sizing: border-box;
  }  
}

@media (max-width: 430px) {
  h1, h1.page-title {
    font-size:20px;
    text-align: center;
  }

  h2 {
    font-size: 18px;
    line-height: 25px;
  }

  .page-registration-information table tr h2 {
    line-height:18px;
  }

  .header-block {
    padding-right: 0;
    padding-bottom:16%;
    background-position: center bottom;
    background-size: 50%;
/*    text-align: center;*/
  }

  #block-views-schedule-block table,
  #block-views-schedule-block thead,
  #block-views-schedule-block tbody,
  #block-views-schedule-block th,
  #block-views-schedule-block td,
  #block-views-schedule-block tr,
  .page-venue .field-name-body p,
  .page-venue .field-name-body h3 { 
    display: block; 
  }
  
  .page-venue .field-name-body img { 
    float:left !important;
  }
  
  .page-venue .field-name-body p,
  .page-venue .field-name-body h3 {
    clear:both;
    overflow:hidden;
  }
  
  .page-venue .field-name-body h3 {
    margin-top:10px;
  }  
  
  /* Hide table headers (but not display: none;, for accessibility) */
  #block-views-schedule-block thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  #block-views-schedule-block tr { border: 1px solid #ccc; }
  
  #block-views-schedule-block td { 
    /* Behave  like a "row" */
    border: none;
  /*  border-bottom: 1px solid #eee; */
    position: relative;
  }
  
  #block-views-schedule-block td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }

  .schedule-block .views-field-field-dates-times-1 {
    width:auto;
  }
  
  table caption {
    display:block;
  }

}

@media (max-width: 400px) {
  .nav {
    margin-bottom:0;
  }
  
  #columns {
    margin-top:0;
  }
  
  .region-secondary-content {
    display:none;
  }
  
  /*.region-secondary-content .views-field-field-hero-image {
    display:none;
  }*/

  .region-secondary-content .hero-copy {
    width:100%;
  }
  
  .content-call-out li.register-link a {
    font-size:16px;
  }
}

@media (max-width: 320px) {
  .credits {
    font-size:13px;
  }
}


/* hard override */
.view-schedule h3 {
  line-height:29px;
  font-size:20px;
}

.schedule-block caption h3 {
  line-height:21px;
  margin-bottom:5px;
}

.page-venue .region-sidebar-first .block-content p a,
.page-venue .field-name-body p a {
  color: #0000FF;
}

.schedule-id {
  font-size: 11px;
  padding: 1px 3px;
  background: #CCC;
  border-radius: 2px;
  -moz-border-radius: 2px;
}
.page-schedule td strong {
  font-style:normal;
}

.pricing-grid h2 {
  line-height:20px;
  color: rgb(178, 34, 34);
  font-size:16px;
}

.pricing-grid h2 .prefix,
.pricing-grid h2 .suffix {
  font-size:14px;
}