.views-table th {
  color: #1ba0db;
}

.views-table thead tr {
  background: #f0f9f7;
}

/* JS replaced Views Exposed Form */
.views-exposed-widgets.js-filter-processed .views-exposed-widget {
  display: none;
}

.views-exposed-widgets {
  background: #f0f9f7;
  color: #4b5250;
  font-weight: bold;
  margin-bottom: 2.8em;
}

#views-exposed-widgets-js {
  font-size: 1.3333em;
  padding: 1em 0.6em 0.7em;
}

#views-exposed-widgets-js a {
  color: #ffffff !important;
  display: block;
  text-align: center;
  background: #a6b2af;
}
@media (max-width: 1249px) {
  #views-exposed-widgets-js {
    font-size: 1.15em;
  }
}
@media (max-width: 767px) {
  #views-exposed-widgets-js a {
    margin-bottom: 10px;
  }
}

#views-exposed-widgets-js a.selected {
  background: #8fdbfb;
  cursor: default;
}

/* Better Exposed Filter - Exposed Form */
.view-video-library-page .views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0;
  margin-bottom: 1em;
}

.view-video-library-page .views-exposed-form .views-exposed-widgets .row {
  font-size: 1.3333em;
  padding: 1em 0.6em 0.7em;
}

.form-item-sortb label {
  display: none;
}

.form-item-sortb .form-type-bef-link {
  width: 50%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
}

.form-item-sortb .bef-select-as-links {
  margin-left: -8px;
  margin-right: -8px;
}

.form-item-sortb .form-type-bef-link a {
  color: #ffffff !important;
  display: block;
  text-align: center;
  background: #a6b2af;
  padding: 0.5em 0.75em;
  line-height: 1.3;
}

.form-item-sortb .form-type-bef-link a.active {
  background: #8fdbfb;
  cursor: default;
}

/* Better Exposed Filter (BEF 7.x / Drupal 11 markup) — Video Library
   sort links render as <div class="bef-links"><ul><li><a class="bef-link">.
   Map that structure onto the D7 gray/blue button look above. */
.view-video-library-page .form-item-sortb label {
  display: none;
}
.view-video-library-page .form-item-sortb .bef-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.view-video-library-page .form-item-sortb .bef-links li {
  width: 50%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
  list-style: none;
}
.view-video-library-page .form-item-sortb .bef-links a.bef-link {
  color: #ffffff !important;
  display: block;
  text-align: center;
  background: #a6b2af;
  padding: 0.5em 0.75em;
  line-height: 1.3;
  text-decoration: none;
}
.view-video-library-page .form-item-sortb .bef-links a.bef-link.bef-link--selected,
.view-video-library-page .form-item-sortb .bef-links a.bef-link--selected {
  background: #8fdbfb;
  cursor: default;
}
.view-video-library-page .views-exposed-form .form-item-category {
  margin: 0;
}
.view-video-library-page .views-exposed-form .form-item-category select {
  width: 100%;
}


/*====================================================
=            Document Library / Resources            =
====================================================*/
#block-connexxus-document-library {
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 2.1222em;
}

.document-library-downloads-header {
  background: url('../images/icons/icon_download.png') 5px center no-repeat;
  padding-left: 62px;
  color: #1ba0db;
  font-size: 1.3333em;
}

.view-document-library table {
  margin-top: 0.7889em;
  margin-bottom: 0;
}

.view-document-library thead th {
  padding: 1.3em 1.5em 1.2em;
  text-align: left;
}
@media (min-width: 480px) {
  .view-document-library thead th {
    white-space: nowrap;
  }
}

.view-document-library thead .header:after {
  vertical-align: middle;
  line-height: 18px;
}

.view-document-library thead .headerSortDown:after {
  content: url('../images/icons/icon_arrow_asc.png');
}

.view-document-library thead .headerSortUp:after {
  content: url('../images/icons/icon_arrow_desc.png');
}

.view-document-library .views-row td {
  padding: 0.4em 1.7em 0.6em;
}

.view-document-library .views-row-first td {
  padding-top: 1.15em;
}

.view-document-library .attachment .view-footer {
  margin-top: 4.4625em;
}
/*=====  End of Document Library / Resources  ======*/


/*==================================
=            Contact Us            =
==================================*/
/*----------  Content  ----------*/
.node.contact-us-form .content {
  padding-right: 45px;
}

.node.contact-us-form h2 {
  margin-bottom: 0;
}

.node.contact-us-form .contacts {
  background: #f0f9f7;
  text-transform: uppercase;
  margin-top: 2.1em;
  padding: 1.2em 2.1em 0.5em;
}

.node.contact-us-form .contacts *[class^="ion-"]:before,
.node.contact-us-form .contacts li span {
  color: #1ba0db;
}

.node.contact-us-form .contacts *[class^="ion-"]:before {
  font-size: 2em;
  padding-right: 12px;
  vertical-align: middle;
}

.node.contact-us-form .contacts .ion-ios-email {
  margin-top: 1.222em;
}

.node.contact-us-form .contacts .ion-ios-email:before {
  font-size: 2.4em;
}

.node.contact-us-form .contacts ul {
  padding-left: 20px;
  margin-top: 1.2222em;
}

.node.contact-us-form .contacts ul li {
  margin-bottom: 12px;
}

/*----------  Form  ----------*/
/* D11 webform markup note: the Drupal 8+ webform module renders the contact
   form with `.webform-submission-form` (not D7's `.webform-client-form`), each
   radio is `.form-item-<key>` (here `.form-item-contact-us-rating`, not D7's
   `.form-item-submitted-contact-us-rating`), and radio groups are wrapped in a
   <fieldset>/<legend>. The selectors below are the D11 equivalents of the D7
   star-rating rules. */

/* Rating element: D7 rendered the title inline before the stars
   (title_display=inline) with no fieldset chrome. Strip the D11 fieldset border
   and lay the legend inline beside the star row. */
#edit-contact-us-rating--wrapper.webform-type-radios {
  border: 0;
  padding: 0;
  margin: 0 0 2.4em;
  overflow: hidden; /* clear the floated legend */
}
#edit-contact-us-rating--wrapper .fieldset-wrapper {
  border: 0;
  margin: 0;
  padding: 0;
}
#edit-contact-us-rating--wrapper > legend {
  display: inline-block;
  float: left;
  width: auto;
  margin: 0 15px 0 0;
  padding: 0;
  border: 0;
}
#edit-contact-us-rating.js-webform-radios {
  display: inline-block;
}
#edit-contact-us-rating .form-item-contact-us-rating {
  display: inline-block;
  margin: 0;
}

.form-item-contact-us-rating input[type=radio] {
  display: none;
}

.form-item-contact-us-rating input[type=radio] + label.option {
  width: 29px;
  height: 28px;
  display: inline-block;
  padding: 0px;
  margin-right: 0;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  text-transform: none;
  font-size: 0;
}

.form-item-contact-us-rating input[type=radio] + label.option.star-selected {
  background: url('../images/icons/icon_star.png') no-repeat top center transparent;
}

.form-item-contact-us-rating input[type=radio] + label.option.star-unselected {
  background: url('../images/icons/icon_star_off.png') no-repeat top center transparent;
}

/* Screenshot upload button + description textarea (D7 ids -> D11 element ids) */
#edit-screenshot-upload-button,
#edit-contact-us-rating ~ * #edit-screenshot .form-submit {
  background: #8fdbfb;
  border: 0;
}

.form-item-description textarea,
#edit-description {
  height: 200px;
  resize: none;
}

/*=====  End of Contact Us  ======*/


/*=====================================
=            Video Library            =
=====================================*/
.view-id-video_library_page .views-field-title {
  text-transform: uppercase;
  font-weight: bold;
}

/*----------  Block - Featured Video  ----------*/
#block-connexxus-video-all {
  font-weight: bold;
  padding-top: 1.4em;
  padding-bottom: 1.6em;
}
@media (min-width: 768px) {
  #block-connexxus-video-all {
    padding-left: 3.7em;
    padding-right: 3.7em;
  }
}

#block-connexxus-video-all .views-field {
  /*max-width: 640px;*/
  margin: 0 auto;
}

#block-connexxus-video-all .views-field-nothing-1 {
  color: #1ba0db;
  font-size: 1.3333em;
  text-transform: uppercase;
  margin-bottom: 0.3em;
}
@media (min-width: 768px) {
  #block-connexxus-video-all .views-field-nothing-1 {
    font-size: 1.6667em;
  }
}

#block-connexxus-video-all .views-field-field-video-thumbnail-url2 {
  background: rgba(0, 0, 0, 0.75);
  margin-bottom: 2.4em;
}

#block-connexxus-video-all .views-field-field-video-thumbnail-url2 img {
  max-height: 396px;
}
@media (max-width: 767px) {
  #block-connexxus-video-all .views-field-field-video-thumbnail-url2 img {
    max-width: 80%;
  }
}

#block-connexxus-video-all .views-field-title {
  font-size: 1.3333em;
  margin-bottom: 0.3em;
}

/*----------  Page - All Videos  ----------*/
.view-id-video_library_page.view-display-id-page_1 {

}

/* Header Text */
.view-id-video_library_page.view-display-id-page_1 .view-header {
  text-align: center;
  font-weight: bold;
  font-size: 1.66667em;
  text-transform: uppercase;
  color: #4b5250;
  margin: 1.6em 0 0.6em;
}

/* Video Listing */
.library-video-thumbnail-img {
  margin: 0 auto;
  display: block;
}

.view-id-video_library_page.view-display-id-page_1 .views-field-nothing.row {
  padding-left: 1.85em;
  padding-right: 1.85em;
  padding-bottom: 2em;
  margin-bottom: 2em;
}
@media(max-width: 1249px) {
  .view-id-video_library_page.view-display-id-page_1 .views-field-nothing.row {
    border-bottom: 1px solid #c7cbca;
  }
}

.view-id-video_library_page.view-display-id-page_1 .library-video-thumbnail-img {
  margin-bottom: 2.8em;
  height: 235px;
  border: 1px solid #a6b2af;
}
@media(max-width: 1249px) {
  .view-id-video_library_page.view-display-id-page_1 .library-video-thumbnail-img {
    height: auto;
    width: auto;
    max-width: 100%;
  }
}

.view-id-video_library_page.view-display-id-page_1 .views-field-title {
  color: #4b5250;
}

.view-id-video_library_page.view-display-id-page_1 .views-field-field-video-description {
  line-height: 1.6667em;
}
@media(max-width: 767px) {
  .view-id-video_library_page.view-display-id-page_1 .views-field-field-video-description {
    font-size: 0.85em;
  }
}
/*=====  End of Video Library  ======*/


/*=============================================
=            Contact An Agent Page            =
=============================================*/
#contact-agent-info h3 {
  text-align: center;
  line-height: 1.4;
  margin-bottom: 0.3em;
}

#contact-agent-info .contact {
  background: #f0f9f7;
  text-align: center;
  color: #4b5250;
  font-size: 1.333em;
  line-height: 1.25em;
  font-weight: 500;
  padding: 1.7em 0.5em 1.3em;
  margin-bottom: 1.2em;
  margin-top: 0.5em;
}

#contact-agent-info .contact .logo {
  margin-bottom: 0.4em;
}

#contact-agent-info .contact a {
  color: inherit;
  text-decoration: none;
}
/*=====  End of Contact An Agent Page  ======*/


/*=============================================
=            Campus Directory Page            =
=============================================*/
/* Very similar to the FAQ page */
/* campus select */
#block-ucop-campus-directory-campus-selector .form-type-select {
  text-align: right;
}
#block-ucop-campus-directory-campus-selector select {
  max-width: 300px;
}

/* collpased or hidden content */
.view-campus-directory .views-row,
.view-campus-directory .views-field-nid,
.view-campus-directory .views-field-body {
  display: none;
}

/* expanded content */
.view-campus-directory .section.expanded > .views-row,
.view-campus-directory .selected .views-field-body {
  display: block;
}

.view-campus-directory {
  font-weight: bold;
}

.view-campus-directory h3 {
  color: #1ba0db;
  text-transform: uppercase;
  cursor: pointer;
  min-height: 38px;
  margin-top: 0.9em;
  margin-bottom: 0.5em;
}

.view-campus-directory h3 span {
  color: #a6b2af;
  font-size: 0.65em;
}

.view-campus-directory h3 + .section {
  border-bottom: 1px solid #a6b2af;
}

.view-campus-directory h3 + .section:last-child {
  border-bottom: 0;
}

.view-campus-directory .views-row {
  padding: 1.1em 1.6667em 1.2em;
}
@media (max-width: 767px) {
  .view-campus-directory .views-row {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

.view-campus-directory .views-row.selected {
  background: #f0f9f7;
  margin-bottom: 10px;
}

.view-campus-directory .views-field-title {
  text-transform:uppercase;
  font-weight: bold;
  font-size: 1.1111em;
  cursor:pointer;
}
@media (max-width: 767px) {
  .view-campus-directory .views-field-title {
    font-size: 0.9em;
  }
}

.view-campus-directory .selected .views-field-title {
  color: #fe8730;
}

.view-campus-directory .views-field-title .field-content:before {
  content: "\2022"; /* bullet */
  padding-right: 5px;
}

.view-campus-directory .views-field-title .field-content .ion-chevron-down {
  display: none;
  font-size: 0.65em;
  padding-left: 10px;
}

.view-campus-directory .views-field-title.selected .field-content .ion-chevron-down {
  display: inline;
}

.view-campus-directory .views-field-body {
  color: #4b5250;
  margin-left: 2.1em;
  margin-top: 0.9em;
}
@media (max-width: 767px) {
  .view-campus-directory .views-field-body {
    margin-left: 0.25em;
    font-size: 0.9em;
  }
}

.view-campus-directory .views-field-body p,
.view-campus-directory .views-field-body ul {
  margin: 0;
}

.view-campus-directory .views-field-body ul {
  margin-top: 0.3em;
  padding-left: 51px;
}
@media (max-width: 767px) {
  .view-campus-directory .views-field-body ul {
    padding-left: 17px;
  }
}
/*=====  End of Campus Directory Page  ======*/


/*=========================================
=            Air Programs Page            =
=========================================*/
.view-uc-air-discounts .views-table {
  font-size: 0.9em;
}

.view-uc-air-discounts .views-table a {
  color: #fe8730;
}

@media (min-width: 768px) {
  .view-uc-air-discounts .views-field-field-carrier-logo img {
    max-width: none;
  }
}

.view-uc-air-discounts .views-field-title {
  font-weight: bold;
  font-size: 1.1111em;
}

.view-uc-air-discounts .views-field-field-international-discount {
  white-space: nowrap;
}
/*=====  End of Air Programs Page  ======*/


/*===================================
=            Book Online            =
===================================*/

/* START Task "Create Popup on Book Online page" */

.section-book-online .view.view-responsive-banner .slide-pager,
.page-book-online .view.view-responsive-banner .slide-pager,
.page-personal-book-online .view.view-responsive-banner .slide-pager {
  bottom: -0.35em;
}

.section-book-online .breadcrumb-wrapper,
.page-book-online .breadcrumb-wrapper,
.page-personal-book-online .breadcrumb-wrapper {
  background: #a6b2af;
  padding-top: 2em;
}

@media (min-width: 992px) {
  .section-book-online .breadcrumb-wrapper,
  .page-book-online .breadcrumb-wrapper,
  .page-personal-book-online .breadcrumb-wrapper  {
    padding-top: 3em;
  }

  .section-book-online #breadcrumb,
  .page-book-online #breadcrumb,
  .page-personal-book-online #breadcrumb  {
    border-top: 1px solid #ffffff;
  }
}

/* END Task "Create Popup on Book Online page" */

#ucop-misc-homepage-setting-form {
  color: #fe8730;
  text-transform: uppercase;
  text-align: center;
}

#ucop-misc-homepage-setting-form .form-item {
  margin-top: 0.3em;
  margin-bottom: 0;
}

#ucop-misc-homepage-setting-form label {
  font-size: 1.16667em;
  font-weight: bold;
}

#ucop-misc-homepage-setting-form .form-type-checkbox input + label:before {
  background: none;
  border: 5px solid #fe8730;
  border-radius: 5px;
  color: #fe8730;
  width: 32px;
  height: 32px;
  font-size: 28px;
  padding-top: 3px;
}

.view-book-online {
  margin-top: 41px;
}

.view-book-online .view-header {
  max-width: 950px;
  margin: 0 auto 29px;
  text-align: left;
}

.view-book-online .view-header .row > div {
  min-height: 40px;
}

.view-book-online .view-header img {
  margin-left: 0;
}

@media (min-width: 992px) {
  .view-book-online .view-header {
    text-align: center;
  }

  .view-book-online .view-header img {
    margin-left: auto;
  }

  .view-book-online .view-header .row > div {
    border-right: 1px solid #aaaaaa;
    padding: 0 20px;
    min-height: 0;
  }

  .view-book-online .view-header .row > div.air {
    padding-right: 0;
    padding-left: 40px;
  }

  .view-book-online .view-header .row > div:last-child {
    border-right: 0;
  }
}

.view-book-online .view-content .row > div > .content {
  background: #f0f9f7;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding: 3em 23px 2em;
  position: relative;
}
@media (min-width: 1250px) {
  .view-book-online .view-content .row > div > .content {
    min-height: 405px;
    padding-top: 1em;
  }
}

.view-book-online img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .view-book-online .views-field-field-book-company-logo img {
    padding: 0 2em;
  }
}

.view-book-online h4 {
  margin: 0;
  color: #1ba0db;
  font-size: 1em;
  text-transform: none;
}

.view-book-online p {
  margin: 7px 0 0;
  line-height: 1.35;
}
@media (min-width: 992px) and (max-width: 1249px) {
  .view-book-online p {
    font-size: 0.9em;
  }
}

.view-book-online .views-field-field-book-company-types {
  display: flex;
  justify-content: center;
  border: 1px solid #dce5e3;
  border-width: 1px 0;
  padding: 9px 0 7px;
  margin-top: 2em;
  margin-bottom: 10px;
}

.view-book-online .views-field-field-book-company-types .taxonomy-term {
  padding: 0 5px;
}

@media (min-width: 992px) {
  .view-book-online .views-field-body {
    min-height: 175px;
  }
}

.view-book-online .views-field-field-book-company-reasons {
  margin-top: 23px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.view-book-online .views-field-field-book-company-reasons .taxonomy-term {
  float: left;
  margin-right: 10px;
}
@media (min-width: 992px) and (max-width: 1249px) {
  .view-book-online .views-field-field-book-company-reasons .taxonomy-term {
    margin-right: 5px;
  }
}

.view-book-online .book-now-link {
  margin-top: 23px;
}

.view-book-online a.btn {
  width: 100%;
  font-weight: bold;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

/* D11: the migrated Link field cannot emit a `btn` class the way the D7 Link
   formatter did, so give the book-now-link anchor the same orange-button look
   the theme's base `a.btn` rule provides. Scoped to the book-online view. */
.view-book-online .book-now-link a {
  display: inline-block;
  width: 100%;
  background: #fe8730;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  border: 0;
  border-radius: 0;
  padding: 0.4em 0.5em;
}
.view-book-online .book-now-link a:hover,
.view-book-online .book-now-link a:focus {
  color: #ffffff;
  opacity: 0.9;
}

.view-book-online .vocabulary-reasons-to-choose .tooltip h4 {
  color: #4b5250;
  font-size: 1em;
}

.view-book-online .flag-book-online {
  position: absolute;
  top: 1em;
  right: 1.5em;
  /*right: 0;*/
}
@media (min-width: 992px) {
  .view-book-online .flag-book-online {
    /*top: 2em;*/
    /*right: 1.5em;*/
  }
}

.view-book-online .flag-waiting .flag-throbber {
  display: none;
}

.view-book-online .flag-book-online .flag-action.flag-link-toggle:hover:before {
  content: "I'm a favorite. Put me on top.";
  font-size: 0.6667em;
}

.view-book-online .flag-book-online .flag-link-toggle img {
  display: inline;
  vertical-align: middle;
  padding-left: 5px;
}

/*=====  End of Book Online  ======*/


/*========================================
=            Travel Apps Page            =
========================================*/
.view-travel-apps-by-term {
  font-weight: bold;
}

.view-travel-apps-by-term .view-header {
  margin-bottom: 1em;
  font-weight: normal;
}

.view-travel-apps-by-term .view-header p {
  text-align: center;
}

.view-travel-apps-by-term .view-header img {
  vertical-align: middle;
  padding: 0 2px 6px;
}

.view-travel-apps-by-term *[class*="views-grouped-by-"] {
  background: #f0f9f7;
  margin-bottom: 1.3333em;
}

.view-travel-apps-by-term .views-list-title {
  background: #a6b2af;
  color: #ffffff;
  font-size: 1.3333em;
  line-height: 36px;
  padding: 0 12px;
  text-transform: uppercase;
}

.view-travel-apps-by-term .views-list-title img {
  vertical-align: text-bottom;
  max-height: 30px;
  width: auto;
  padding-right: 17px;
}

.view-travel-apps-by-term .views-grouped-rows {
  padding: 0 2.4%;
}
@media (max-width: 1247px) {
  .view-travel-apps-by-term .views-grouped-rows {
    padding: 0 4.4%;
  }
}
@media (max-width: 991px) {
  .view-travel-apps-by-term .views-grouped-rows {
    padding: 0;
  }
}

.view-travel-apps-by-term .views-row {
  float: left;
  font-size: 0.7778em;
  width: 50%;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 1em;
  padding-bottom: 1.5em;
  text-align: center;
}

.view-travel-apps-by-term .views-row img {
  display: block;
  margin: 0 auto;
}

.view-travel-apps-by-term .views-row .app-logo img {
  display: block;
  margin-bottom: 10px;
  max-width: 80px;
}

.view-travel-apps-by-term .views-row .title {
  min-height: 2.3em;
  line-height: 1;
}

.view-travel-apps-by-term .views-row .links {
  margin: 6px auto 0;
  border-top: 1px solid #dee0e1;
  padding: 8px 8px 0;
  display: inline-block;
}

.view-travel-apps-by-term .views-row .links .field {
  display: inline-block;
}

.view-travel-apps-by-term .views-row .links .field-name-field-google-play {
  padding-right: 10px;
}

@media (min-width: 481px) {
  .view-travel-apps-by-term .views-row {
    width: 33.33333%;
  }
}

@media (min-width: 767px) {
  .view-travel-apps-by-term .views-row {
    width: 20%;
    padding-top: 1em;
    padding-bottom: 0.9em;
  }

  .view-travel-apps-by-term .views-row .app-logo img {
    width: 56px;
    height: 56px;
  }

  .view-travel-apps-by-term .views-row .links .field img {
    max-height: 20px;
  }
}

@media (min-width: 992px) {
  .view-travel-apps-by-term .views-row {
    width: 11.111%;
  }
}
/*=====  End of Travel Apps Page  ======*/


/*============================================
=            Compare Options Page            =
============================================*/
@media (max-width: 991px) {
  #block-ucop-compare-matrix-compare-connexxus-options {
    overflow-x: auto;
  }
}

#block-ucop-compare-matrix-compare-connexxus-options table {
  min-width: 600px;
}

#block-ucop-compare-matrix-compare-connexxus-options tr {
  border: 0;
}

#block-ucop-compare-matrix-compare-connexxus-options th,
#block-ucop-compare-matrix-compare-connexxus-options td {
  border: 1px solid #dce5e3;
}

#block-ucop-compare-matrix-compare-connexxus-options tr.odd td.odd-column {
  background: #d6f0fb;
}

#block-ucop-compare-matrix-compare-connexxus-options tr.odd td.even-column {
  background: #ebf8fd;
}

#block-ucop-compare-matrix-compare-connexxus-options tr.even td.odd-column {
  background: #ebf8fd;
}

#block-ucop-compare-matrix-compare-connexxus-options tr.even td.even-column {
  background: #f5fcfe;
}

#block-ucop-compare-matrix-compare-connexxus-options .compare-option-name {
  max-width: 245px;
  padding-left: 29px;
  padding-right: 29px;
  font-size: 0.88889em;
  font-weight: 500;
}

#block-ucop-compare-matrix-compare-connexxus-options .compare-option-name .option-cell-wrapper {
  text-transform: uppercase;
  color: #4b5250;
}

#block-ucop-compare-matrix-compare-connexxus-options table img {
  display: block;
  margin: 0 auto;
}

#block-ucop-compare-matrix-compare-connexxus-options .tooltip h4 {
  color: #4b5250;
  margin: 0;
  text-transform: none;
  font-size: 1em;
}
/*=====  End of Compare Options Page  ======*/


/*================================================
=            Competitor Analysis Page            =
================================================*/
@media (max-width: 991px) {
  .competitor-analysis-table-wrapper {
    overflow-x: auto;
  }
}

.competitor-analysis-table {
  min-width: 768px;
}

.competitor-analysis-table tr {
  border: 0;
}

.competitor-analysis-table th,
.competitor-analysis-table td {
  border: 1px solid #dce5e3;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.competitor-analysis-table tr.odd-row td.odd-column {
  background: #d6f0fb;
}

.competitor-analysis-table tr.odd-row td.even-column {
  background: #ebf8fd;
}

.competitor-analysis-table tr.even-row td.odd-column {
  background: #ebf8fd;
}

.competitor-analysis-table tr.even-row td.even-column {
  background: #f5fcfe;
}

.competitor-analysis-table .first-column {
  max-width: 260px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 0.6em;
  text-transform: uppercase;
  color: #4b5250;
  font-size: 0.77778em;
  font-weight: 500;
  line-height: 1.2857;
}

.competitor-analysis-table .features-header.first-column {
  text-align: left;
  font-size: 0.8889em;
}

.competitor-analysis-table img {
  display: block;
  margin: 0 auto;
}

.competitor-analysis-table a {
  color: #fe8730;
}
/*=====  End of Competitor Analysis Page  ======*/

/*======================================================
=            Travel Information Center Page            =
======================================================*/
.section-travel-information-center .navigation-page-icons .col-inner {
  padding-top: 1.3556em;
}

.section-travel-information-center .navigation-page-icons .form-type-select {
  padding: 18px 0;
  width: 80%;
  margin: 0 auto;
}

.section-travel-information-center .navigation-page-icons select {
  background-color: #ffffff;
  display: block;
  font-size: 0.8889em;
}

.section-travel-information-center .navigation-page-icons .internal-links-wrapper {
  color: #fe8730;
  line-height: 1.1111;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 2px solid #ffffff;
}
@media (min-width: 768px) {
  .section-travel-information-center .navigation-page-icons .internal-links-wrapper {
    padding-bottom: 18px;
  }
}
@media (min-width: 992px) {
  .section-travel-information-center .navigation-page-icons .internal-links-wrapper {
    margin-left: 1em;
    margin-right: 1em;
  }
}

.section-travel-information-center .navigation-page-icons .internal-links-wrapper ul {
  padding-left: 18px;
  margin: 0;
}
@media (min-width: 768px) {
  .section-travel-information-center .navigation-page-icons .internal-links-wrapper ul {
    min-height: 190px;
  }
}

.section-travel-information-center .navigation-page-icons .internal-links-wrapper li {
  margin-bottom: 17px;
}

.section-travel-information-center .navigation-page-icons a {
  text-decoration: none;
  font-weight: 500;
  font-size: 0.88889em;
}

/*=====  End of Travel Information Center Page  ======*/


/*===================================
=            Newsletters            =
===================================*/
/*----------  Landing Page  ----------*/
.view-newsletters {
  margin-top: 3.9em;
}

.view-newsletters .views-row {
  margin-bottom: 0.5em;
}

.view-newsletters .views-field {
  background: #f0f9f7;
  font-weight: bold;
  text-transform: uppercase;
  min-height: 50px;
}

.view-newsletters .views-field-field-display-date {
  background: #a6b2af;
  color: #ffffff;
  font-size: 1.25em;
  line-height: 50px;
  position: relative;
  height: 50px;
  padding-left: 25px;
  padding-right: 39px;
}

.view-newsletters .views-field-field-display-date .field-content:after {
  content: "";
  background: url('../images/views_arrow_right.png') right center no-repeat #f0f9f7;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
}

.view-newsletters .views-field-title {
  color: #1ba0db;
  font-size: 1.2222em;
  padding: 10px 36px 0;
}

.view-newsletters .views-field-view-node {
  color: #fe8730;
  text-align: center;
  font-size: 1.3333em;
  padding-top: 6px;
}

.view-newsletters .views-field-view-node span.ion-chevron-right {
  font-size: 0.8em;
}

@media (max-width: 991px) {
  .view-newsletters .views-field-field-display-date {
    height: auto;
    line-height: 1.5;
    min-height: 0;
  }

  .view-newsletters .views-field-field-display-date .field-content {
    /*display: inline-block;*/
  }

  .view-newsletters .views-field-field-display-date .field-content:after {
    display: none;
  }

  .view-newsletters .views-field-view-node {
    font-size: 1.15em;
    padding-top: 10px;
  }
}

@media (max-width: 767px) {
  .view-newsletters .views-field-title {
    padding-left: 25px;
  }

  .view-newsletters .views-field-view-node {
    text-align: left;
    font-size: 1em;
    padding-left: 25px;
    padding-top: 0;
  }
}


/*=====  End of Newsletters  ======*/


/*=====================================
=            News & Events            =
=====================================*/
#views-exposed-form-news-events-page .views-exposed-widgets {
  margin-top: 2em;
}
@media (max-width: 1249px) {
  #views-exposed-form-news-events-page .views-exposed-widgets.js-filter-processed {
    margin-left: 8px;
    margin-right: 8px;
  }
}

#views-exposed-form-news-events-page .filters-after {
  color: #a6b2af;
  font-weight: 900;
  font-size: 1.5em;
  text-align: center;
}

#views-exposed-form-news-events-page .filters-after a {
  padding: 0 20px;
}

#views-exposed-form-news-events-page .filters-after .list-view {
  border-right: 1px solid #a6b2af;
}

#views-exposed-form-news-events-page .filters-after .list-view:hover,
#views-exposed-form-news-events-page .filters-after .calendar-view:hover {
  /*color: inherit;*/
}

#views-exposed-form-news-events-page .filters-after .list-view:before,
#views-exposed-form-news-events-page .filters-after .calendar-view:before {
  content: url('../images/icons/icon_list_off.png');
  padding-right: 5px;
  vertical-align: middle;
}

#views-exposed-form-news-events-page .filters-after .calendar-view:before {
  content: url('../images/icons/icon_cal_off.png');
}

#views-exposed-form-news-events-page .filters-after .active {
  color: #fe8730;
}

#views-exposed-form-news-events-page .filters-after .list-view.active:before {
  content: url('../images/icons/icon_list_on.png');
}

#views-exposed-form-news-events-page .filters-after .calendar-view.active:before {
  content: url('../images/icons/icon_cal_on.png');
}

@media (max-width: 767px) {
  #views-exposed-form-news-events-page .filters-after {
    margin-top: -1em;
    font-size: 1em;
  }
}

@media (max-width: 480px) {
  #views-exposed-form-news-events-page .filters-after a span {
    display: none;
  }
}

.view-news-events .views-row {
  margin-bottom: 0.5em;
}

.view-news-events .views-row .views-field {
  padding: 0 34px;
  background: #f0f9f7;
}

.view-news-events .views-row .views-field-field-display-date {
  background: #a6b2af;
  color: #ffffff;
  padding: 0 14px;
  font-size: 1.3333em;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
}

.view-news-events .views-row .views-field-title {
  color: #1ba0db;
  font-weight: bold;
  font-size: 1.2222em;
  line-height: 1.1;
  background-image: url('../images/views_arrow_down.png');
  background-repeat: no-repeat;
  background-position: 12px 0;
  padding-top: 26px;
  padding-bottom: 12px;
}

.view-news-events .views-row .views-field-field-location {
  color: #4b5250;
  font-style: italic;
  font-size: 0.7778em;
  font-weight: 500;
}

.view-news-events .views-row .views-field-body {
  line-height: 1.3333;
  padding-bottom: 29px;
}

/* D11 Smart Trim wraps the teaser in a <p> (D7 emitted bare text). Its
   margin-top collapses out through the mint .views-field background, leaving a
   white gap above each body block. Zero it so the body sits flush under the
   title like D7. */
.view-news-events .views-row .views-field-body p:first-child {
  margin-top: 0;
}

.view-news-events .views-row .views-field-body a {
  color: #fe8730;
}

.view-news-events .views-row .views-field-body a.more-link:before {
  content: " ";
}

/*=====  End of News & Events  ======*/


/*============================================
=            Events Calendar View            =
============================================*/
/* overriding CSS defined in the calendar_multiday.css */
.calendar-calendar .month-view .full div.inner div.monthview {
  padding: 0;
  border-radius: 3px;
  font-size: 0.778em;
  font-weight: normal;
  overflow: visible;
  height: auto;
}

.calendar-calendar td .inner div.calendar div,
.calendar-calendar td .inner div.calendar div a {
  color: #ffffff;
}

.calendar-calendar .month-view .full td .inner div.day {
  padding: 1px;
  color: #a6b2af;
  font-size: 1em;
  font-weight: bold;
}

.calendar-calendar .month-view .inner .contents {
  cursor: pointer;
}

.calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents,
.calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents {
  left: 0;
  width: 100%;
  position: relative;
}

.calendar-calendar th.days {
  background: #f0f9f7;
  color: #4b5250;
  height: 50px;
}

.calendar-calendar .month-view .full td.date-box.today,
.calendar-calendar .month-view .full tr td.single-day.today,
.calendar-calendar .month-view .full tr td.multi-day.starts-today {
  background: #fdf8e5;
  border: 0;
}

.calendar-calendar .month-view .full {
   table-layout: fixed;
}

.calendar-calendar .month-view .full tr td.single-day.today {
  border-bottom: 1px solid #ccc;
}

.calendar-calendar .month-view .full tr td[colspan="1"] {
  width: 14.28571%;
}

.calendar-calendar .month-view .full tr td[colspan="2"] {
  width: 28.571428%;
}

.calendar-calendar .month-view .full tr td[colspan="3"] {
  width: 42.85714%;
}

.calendar-calendar .month-view .full tr td[colspan="4"] {
  width: 57.142857%;
}

.calendar-calendar .month-view .full tr td[colspan="5"] {
  width: 71.42857%;
}

.calendar-calendar .month-view .full tr td[colspan="6"] {
  width: 85.71428%;
}


.calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff,
.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues {
  background: transparent;
  padding: 0;
  border-radius: 0;
  top: 0;
  height: auto;
}

.calendar-calendar td .inner div.calendar div a,
.calendar-calendar td span.date-display-single,
.calendar-calendar td span.date-display-start,
.calendar-calendar td span.date-display-end,
.calendar-calendar td span.date-display-separator {
  font-weight: normal;
}

.calendar-calendar td .inner div.calendar > div {
  padding: 4px;
}

/* views header */
.view .date-nav-wrapper .date-nav {
  margin-bottom: 0;
  min-height: 69px;
  padding-bottom: 0;
  position: relative;
  background: #f0f9f7;
  border: 1px solid #a6b2af;
  border-width: 1px 1px 0;
}

.view .date-nav-wrapper .date-heading h3 {
  padding: 0 100px;
  line-height: 69px;
  color: #4b5250;
  text-transform: none;
}

.view .date-nav-wrapper .date-nav .pager {
  list-style: none;
  margin: 0;
  padding: 0;
}

.view .date-nav-wrapper .date-nav .pager .ion {
  font-size: 3em;
}

.view .date-nav-wrapper .date-prev {
  left: 0;
  right: auto;
  text-align: center;
}

.view .date-nav-wrapper .date-next {
  text-align: center;
}

.view .date-nav-wrapper .date-prev a {
  margin-left: 0;
}

.view .date-nav-wrapper .date-next a {
  margin-right: 0;
}

/* custom tooltip */
.calendar-calendar .month-view .full td .inner div.calendar.monthview div.cnx-tooltip-anchor.hover:before {
  content: url('../images/tooltip_right_teal.png');
  top: -10px;
}

.calendar-calendar .month-view .full td .inner div.calendar.monthview div.cnx-tooltip-anchor.left.hover:before {
  content: url('../images/tooltip_left_teal.png');
}

.calendar-calendar .month-view .full td .inner div.calendar.monthview div.cnx-tooltip-anchor .anchor {
/*  max-height: 1.35em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
}

.calendar-calendar .month-view .full td .inner div.calendar.monthview div.cnx-tooltip-anchor .tooltip {
  background: #f0f9f7;
  padding: 20px;
  border-radius: 5px;
  /*z-index: 100;*/
  /*display: block;*/
  font-size: 1.143em;
  top: -37px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.22);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.22);
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.22);
}

.calendar-calendar .month-view .full td .inner div.calendar.monthview div.cnx-tooltip-anchor .tooltip a {
  color: #fe8730;
}

.calendar-calendar .month-view .full td .inner div.calendar.monthview div.cnx-tooltip-anchor .tooltip .close {
  color: #4b5250;
  position: absolute;
  top: 5px;
  right: 5px;
  border: 1px solid #4b5250;
  width: 20px;
  height: 20px;
  line-height: 16px;
  text-align: center;
  border-radius: 10px;
  font-size: 20px;
  font-weight: bold;
}

.view-events-calendar-view a.more-link {
  color: #fe8730;
  font-weight: bold;
  display: block;
  text-align: left;
  margin-top: 10px;
}

.calendar-calendar .month-view .full td .inner div.calendar.monthview div.cnx-tooltip-anchor .tooltip .views-field {
  color: #4b5250;
}

.calendar-calendar .month-view .full td .inner div.calendar.monthview div.cnx-tooltip-anchor .tooltip .views-field-title a {
  color: #0566c0;
  font-weight: bold;
}

.calendar-calendar .month-view .full td .inner div.calendar.monthview div.cnx-tooltip-anchor .tooltip .views-field-field-location {
  font-weight: bold;
  font-size: 0.9375em;
}

.calendar-calendar .month-view .full td .inner div.calendar.monthview div.cnx-tooltip-anchor .tooltip .views-field-body {
  font-size: 0.8125em;
}

@media (min-width: 992px) {
  .view .date-nav-wrapper .date-nav {
    min-height: 69px;
  }

  .view .date-nav-wrapper .date-nav .pager {
    width: 84px;
    height: 35px;
    left: 13px;
    position: absolute;
    top: 18px;
  }

  .view .date-nav-wrapper .date-nav .pager li {
    width: 41px;
    background: #8fdbfb;
    padding: 0;
    border-radius: 0;
  }

  .view .date-nav-wrapper .date-nav .pager li a {
    width: 100%;
  }

  .view .date-nav-wrapper .date-nav .pager .ion {
    color: #ffffff;
  }
}

/* instead of investing time to make the month view responsive */
/* a list view is added as an attachment to the month view for mobile devices */
.view-events-calendar-view.view-display-id-page_1 > .attachment {
  display: none;
}

@media (max-width: 991px) {
  .view-events-calendar-view.view-display-id-page_1 > .view-content {
    display: none;
  }

  .view-events-calendar-view.view-display-id-page_1 > .attachment {
    display: block;
  }

  .view .date-nav-wrapper .date-nav {
    border-width: 1px;
  }

  .view .date-nav-wrapper .date-nav .pager li {
    background: none;
  }

  .view .date-nav-wrapper .date-prev {
    left: 20px;
    top: 10px;
  }

  .view .date-nav-wrapper .date-next {
    right: 20px;
    top: 10px;
  }

  .view .date-nav-wrapper .date-nav .pager .ion {
    color: #4b5250;
  }

  /*.view-events-calendar-view .attachment-after .views-row .views-field-field-calendar-date-1 {*/
  .view-events-calendar-view .attachment-after .view-content > h3 {
    color: #778380;
    float: left;
    width: 75px;
    font-size: 2em;
    margin: 0;
    text-align: center;
  }

  /* verticle border */
  .view-events-calendar-view .attachment-after .views-row {
    border: 1px solid #a6b2af;
    border-width: 0 1px;
  }

  .view-events-calendar-view .attachment-after .views-row .views-field-field-location {
    border-bottom: 1px solid #a6b2af;
  }

  .view-events-calendar-view .attachment-after .views-row.views-row-last {
    border-bottom-width: 1px;
  }

  .view-events-calendar-view .attachment-after .views-row.views-row-last .views-field-field-location {
    border-bottom: 0;
  }

  /* Day */
  .view-events-calendar-view .attachment-after .views-row .views-field-field-calendar-date-1 .field-content > div:first-child {
    font-size: 1.8em;
    line-height: 1;
  }

  /* Weekday */
  .view-events-calendar-view .attachment-after .views-row .views-field-field-calendar-date-1 .field-content > div:last-child {
    line-height: 1;
    font-size: 0.9em;
  }

  .view-events-calendar-view .attachment-after .views-row .views-field-field-location {
    overflow: hidden;
    margin-left: 75px;
    border-left: 1px solid #a6b2af;
  }

  .view-events-calendar-view .attachment-after .views-row .views-field-field-location .field-content > div {
    padding: 0.5em 1em;
  }
}

@media (max-width: 480px) {
  .view .date-nav-wrapper .date-heading h3 {
    font-size: 1.25em;
    line-height: 1;
    padding: 18px 0 18px;
  }

  .view .date-nav-wrapper .date-nav {
    min-height: 0;
  }

  .view .date-nav-wrapper .date-nav .pager .ion {
    font-size: 2em;
  }

  .view-events-calendar-view .attachment-after .views-row .views-field-field-calendar-date-1 {
    width: 50px;
    font-size: 1.5em;
    line-height: 1;
    padding-top: 0.9em;
  }

  .view-events-calendar-view .attachment-after .views-row .views-field-field-location {
    margin-left: 50px;
  }
}
/*=====  End of Events Calendar View  ======*/


/* START What's New */

.what-s-new-page-title {
  padding-bottom: 67px;
}

.view-what-s-new .views-exposed-widgets {
  margin-top: 2em;
}

@media (max-width: 1249px) {
  .view-what-s-new .views-exposed-form.row {
    margin-left: 8px;
    margin-right: 8px;
  }

  .view-what-s-new #views-exposed-widgets-js {
    margin-left: 8px;
    margin-right: 8px;
  }
}

.view-what-s-new #views-exposed-widgets-js .filter-select-list .row div div.filter-term-container {
  background: #a6b2af;
  padding: 0 8px;
}

@media (max-width: 480px) {
  .view-what-s-new #views-exposed-widgets-js .filter-select-list .row div:last-child {
    width: 100%;
  }
}

.view-what-s-new #views-exposed-widgets-js .filter-select-list .row div.active-selection  div.filter-term-container {
  background: #8fdbfb;
}

.view-what-s-new #views-exposed-widgets-js a {
  background: none;
}

article.node-what-s-new {
  background: #f0f9f7;
}

article.node-what-s-new .whats-new-category-container,
.view-what-s-new .whats-new-category-container {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-style: italic;
}

article.node-what-s-new .whats-new-category-container {
  display: inline-block;
  padding: 12px 26px 10px 24px;
  color: #fff;
  font-weight: bold;
  font-style: italic;
  font-size: 29px;
  line-height: 29px;
}

.view-what-s-new .whats-new-category-container {
  padding: 12px 26px 10px 24px;
  font-size: 16px;
  line-height: 16px;
}

article.node-what-s-new .article-inner {
  padding: 13px 26px 27px 30px;
}

article.node-what-s-new .node-title,
article.node-what-s-new .node-title a,
.view-what-s-new .views-field-title,
.view-what-s-new .views-field-title a,
.view-what-s-new .views-field-title-1,
.view-what-s-new .views-field-title-1 a {
  color: #4b5250;
  text-transform: none;
}

.view-what-s-new .views-field-title,
.view-what-s-new .views-field-title a,
.view-what-s-new .views-field-title-1,
.view-what-s-new .views-field-title-1 a {
  font-weight: bold;
  font-size: 22px;
}

article.node-what-s-new .field-name-field-content-image img {
  float: right;
  padding: 22px 0 43px 42px;
}

article.node-what-s-new .field-name-body .field-item > p:first-child {
  margin-top: 12px;
}

.return-to-whats-new-list,
.node-type-what-s-new .return-to-whats-new-list {
  padding: 31px 0 65px 0;
  text-align: center;
  width: 100%;
}

.return-to-whats-new-list a,
.node-type-what-s-new .return-to-whats-new-list a {
  color: #fe8730;
  font-weight: bold;
  text-decoration: underline;
}

@media (max-width: 767px) {
  article.node-what-s-new .field-name-field-content-image img {
    float: none;
    padding: 39px 0 43px 0;
  }
}


.view-what-s-new .row .content {
  background: #f0f9f7;
  margin: 0 0 26px;
}

.view-what-s-new .views-field-title,
.view-what-s-new .views-field-title-1,
.view-what-s-new .views-field-field-content-image,
.view-what-s-new .views-field-body,
.view-what-s-new .views-field-field-teaser {
  padding-left: 13px;
  padding-right: 13px;
  line-height: 20px;
  font-size: 15px;
}

.view-what-s-new .views-field-title,
.view-what-s-new .views-field-title-1 {
  padding-top: 20px;
  padding-bottom: 16px;
}

.view-what-s-new .views-field-field-content-image {
  padding-bottom: 9px;
}

.view-what-s-new .views-field-field-content-image {
  text-align: center;
}

.view-what-s-new .views-field-field-content-image img {
  max-height: 196px;
}

.view-what-s-new .views-field-field-teaser a {
  color: #fe8730;
}

.view-what-s-new .views-field-body .more-link,
.view-what-s-new .views-field-field-teaser .more-link {
  display: block;
  text-align: left;
  font-weight: bold;
  font-size: 17px;
  line-height: 17px;
  padding: 14px 0 15px 0;
}

.view-what-s-new .item-list {
  text-align: right;
}

.node-type-what-s-new p.section-title,
.view-what-s-new p.section-title {
  color: #4F81BD;
  margin-bottom: 0;
  font-weight: bold;
}

.node-type-what-s-new p.section-subtitle,
.view-what-s-new p.section-subtitle {
  margin-top: 0;
  margin-bottom: 0;
}

.node-type-what-s-new ul.section-title,
.view-what-s-new ul.section-title,
.node-type-what-s-new ol.section-title,
.view-what-s-new ol.section-title {
  margin-top: 0;
}

.view-what-s-new .item-list .pager {
  /* display: inline-block; */
}

@media (min-width: 992px) {
  .view-what-s-new .view-content #views-bootstrap-grid-1 .row {
    display: flex;
    align-items: stretch;
  }

  .view-what-s-new .view-content #views-bootstrap-grid-1 .row div.content {
    flex: 0 0 auto;
    height: 95%;
  }

  .view-what-s-new .views-field-field-teaser {
    padding-bottom: 41px;
  }

  .view-what-s-new .views-field-body .more-link,
  .view-what-s-new .views-field-field-teaser .more-link {
    padding: 14px 0 15px 0;
    position: absolute;
    bottom: 22px;
  }
}

/* END What's New */



/*========================================
=            Concierge Wizard            =
========================================*/
.ucop-concierge-wizard-container {
  font-size: 18px;
}
@media (min-width: 992px) {
  .ucop-concierge-wizard-container {
    font-size: 24px;
  }
}

.ucop-concierge-wizard-container .prev-answers {
  font-weight: normal;
}

.ucop-concierge-wizard-container .prev-answers p {
  color: #fe8730;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 0;
}

.ucop-concierge-wizard-container .prev-answers ul {
  margin: 0;
  padding: 0;
}

.ucop-concierge-wizard-container .prev-answers li {
  display: inline-block;
  color: #ffffff;
  background: #a6b2af;
  font-size: 14px;
  line-height: 1;
  padding: 9px 12px 8px;
  margin-right: 28px;
  /* margin-bottom: 5px; */
  position: relative;
}

.ucop-concierge-wizard-container .prev-answers li:after {
  background: url('../images/icons/icon_concierge_tip.png') right center no-repeat transparent;
  content: " ";
  font-size: 0;
  display: block;
  /* float: right; */
  position: absolute;
  top: 0;
  right: -13px;
  height: 31px;
  width: 13px;
  z-index: 2;
}


@media (max-width: 480px) {
  .ucop-concierge-wizard-container .prev-answers li {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 95%;
    overflow: hidden;
    padding: 9px 24px 8px 12px;
    margin-bottom: 0;
  }

  .ucop-concierge-wizard-container .prev-answers li:after {
    background-color: #ffffff;
    right: 0;
  }
}

.ucop-concierge-wizard-container .concierge {
  position: relative;
  margin-top: 65px;
  font-weight: bold;
  text-align: center;
}

.ucop-concierge-wizard-container .concierge .icon {
  float: left;
}

.ucop-concierge-wizard-container .concierge .bubble-container {
  position: relative;
  margin-bottom: 66px;
}

.ucop-concierge-wizard-container .concierge .bubble-container .bubble {
  background: #8fdbfb;
  border-radius: 25px;
  padding: 24px;
  color: #4b5250;
  font-size: 1.16667em;
  line-height: 1.3333;
  position: relative;
}

.ucop-concierge-wizard-container .concierge .bubble-container:before {
  content: url('../images/icons/icon_concierge_bubble_tip.png');
  position: absolute;
  right: 100%;
  bottom: 17px;
}

.ucop-concierge-wizard-container input[type="submit"] {
  font-size: 1em;
  line-height: 1.25;
  font-weight: bold;
  display: block;
  width: 100%;
  margin: 0 auto 22px;
}

.ucop-concierge-wizard-container input[type="submit"]:hover,
.ucop-concierge-wizard-container a.btn.concierge-btn:hover {
  background: #d35c02;
}

.ucop-concierge-wizard-container .info {
  text-align: left;
  font-weight: normal;
  background: #f0f9f7;
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
  padding: 35px 27px;
}

.ucop-concierge-wizard-container .info p {
  color: #778380;
  font-size: 21px;
  line-height: 30px;
}

.ucop-concierge-wizard-container .info .q p {
  color: #1ba0db;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1;
  font-style: italic;
  margin-left: 0;
}

.ucop-concierge-wizard-container .info p:last-child {
  margin-bottom: 0;
}

.ucop-concierge-wizard-container .info a {
  color: #ffb511;
  font-weight: bold;
}

@media (max-width: 768px) {
  .ucop-concierge-wizard-container .concierge .bubble-container {
    margin-bottom: 0;
  }

  .ucop-concierge-wizard-container .concierge .bubble-container:before {
    left: -15px;
    top: 10px;
  }

  .ucop-concierge-wizard-container .concierge .bubble-container .bubble {
    font-size: 18px;
    padding: 10px 15px;
    min-height: 2em;
    border-radius: 10px;
  }
}

@media (max-width: 991px) {
  .ucop-concierge-wizard-container .concierge {
    margin-top: 30px;
  }

  .ucop-concierge-wizard-container .concierge .icon {
    max-width: 25%;
    padding-right: 15px;
  }

  .ucop-concierge-wizard-container .concierge .bubble-container {
    margin-left: 25%;
  }

  .ucop-concierge-wizard-container .concierge .row {
    /* width: 100%; */
    /* padding-left: 10%; */
    /* padding-right: 10%; */
    margin-top: 1em;
  }
}

@media (min-width: 992px) {
  .ucop-concierge-wizard-container .concierge {
    padding-left: 208px;
  }

  .ucop-concierge-wizard-container .concierge .icon {
    position: absolute;
    top: 50px;
    left: 0;
  }

  .ucop-concierge-wizard-container .concierge .bubble-container .bubble {
    padding: 24px 60px;
    color: #4b5250;
    font-size: 36px;
  }

  .ucop-concierge-wizard-container .info > div {
    border-left: 1px solid #a6b2af;
  }

  .ucop-concierge-wizard-container .info .q {
    border-left: none;
    padding-right: 17px;
  }

  .ucop-concierge-wizard-container .info p {
    margin: 0 0 20px 17px;
  }

  .ucop-concierge-wizard-container .info .q p {
    margin-left: 0;
  }
}

.ucop-concierge-wizard-container input[type="checkbox"] + label {
  display: block;
  background: #fe8730;
  /*border: 3px solid #fe8730;*/
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1.25;
  font-weight: bold;
  padding: 0.35em 0.5em;
  cursor: pointer;
  text-align: left;
}

.ucop-concierge-wizard-container .form-disabled input[type="checkbox"] + label {
  background: #e6e6e6;
}

.ucop-concierge-wizard-container input[type="checkbox"] + label:hover {
  /* background: #d35c02; */
  /* border-color: #d35c02; */
}

.ucop-concierge-wizard-container .form-type-checkbox,
.ucop-concierge-wizard-container .form-type-select {
  margin-top: 1em;
  margin-bottom: 0;
}

.ucop-concierge-wizard-container input[type="checkbox"]:checked + label {
  /* background: #d35c02; */
  /* border-color: #d35c02; */
}

.ucop-concierge-wizard-container input[type="checkbox"] + label:before {
  /* content: ""; */
  /* display: none; */
  /* font-weight: normal; */
  line-height: 1em;
  font-size: 0.7em;
}

.ucop-concierge-wizard-container select {
  background-image: url('../images/icons/icon_concierge_select.png');
  background-color: #ffffff;
  color: #fe8730;
  border: 2px solid #fe8730;
  padding-right: 62px;
}
@media (min-width: 420px) {
  .ucop-concierge-wizard-container select {
    width: auto;
    display: inline;
  }
}

.ucop-concierge-wizard-container input[name="prev"] {
  background: none;
  float: left;
  color: #1ba0db;
  width: 100%;
}

.ucop-concierge-wizard-container input[name="prev"]:hover {
  background: none;
}

@media (min-width: 992px) {
  .ucop-concierge-wizard-container .step-start .icon,
  .ucop-concierge-wizard-container .step-results .icon {
    top: 0px;
  }

  .ucop-concierge-wizard-container .step-change-rsvt .icon {
    top: 75px;
  }
}

/* misc. overrides for different steps */
.ucop-concierge-wizard-container .step-start h3 {
  color: #fe8730;
  font-size: 1.15em;
  text-transform: none;
  font-weight: normal;
  text-align: center;
}

.ucop-concierge-wizard-container .step-start p {
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
}

@media (max-width: 991px) {
  .ucop-concierge-wizard-container .step-start .concierge {
    padding-left: 25%;
  }

  .ucop-concierge-wizard-container .step-start .concierge .bubble-container {
    margin-left: 0;
  }

  .ucop-concierge-wizard-container .step-start .concierge .icon {
    position: absolute;
    top: 0px;
    left: 0;
  }
}

.ucop-concierge-wizard-container .step-start input[type="submit"] {
  max-width: 260px;
}

@media (max-width: 480px) {
  .ucop-concierge-wizard-container .step-start input[type="submit"] {
    max-width: 150px;
  }
}

.ucop-concierge-wizard-container .step-services .concierge .bubble-container {
  margin-bottom: 30px;
}

.ucop-concierge-wizard-container .step-services input[name="next"] {
  margin-top: 2em;
}

.ucop-concierge-wizard-container .step-change-rsvt .concierge .bubble-container .bubble {
  font-size: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

/* .ucop-concierge-wizard-container .step-importance .concierge .bubble-container {
  margin-bottom: 16px;
} */

@media (min-width: 992px) {
  .ucop-concierge-wizard-container .step-importance .concierge .bubble {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* .ucop-concierge-wizard-container .step-importance .form-item {
  text-align: left;
  color: #fe8730;
} */

/* @media (min-width: 420px) {
  .ucop-concierge-wizard-container .step-importance .form-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .ucop-concierge-wizard-container .step-importance .form-item .field-prefix {
    flex-grow: 1;
  }

  .ucop-concierge-wizard-container .step-importance .form-item select {
    margin-left: 0.25em;
    margin-right: 0.25em;
    align-self: center;
  }
} */

.ucop-concierge-wizard-container .step-importance input[name="restart"],
.ucop-concierge-wizard-container .step-importance #edit-finish {
  margin-top: 1.5em;
  max-width: 260px;
}

.ucop-concierge-wizard-container .step-results .concierge h3 {
  color: #fe8730;
  font-size: 1.25em;
  text-transform: none;
}

.ucop-concierge-wizard-container .step-results .concierge .bubble-container {
  margin-bottom: 0px;
}

.ucop-concierge-wizard-container .step-results .heading {
  font-weight: normal;
  font-size: 1.25em;
  line-height: 1;
  margin-top: 2em;
  margin-bottom: 0.7em;
}

.ucop-concierge-wizard-container .step-results .service {
  background: #f0f9f7;
  padding: 19px 48px;
  margin-bottom: 15px;
  text-align: center;
}

.ucop-concierge-wizard-container .step-results .service .btn,
.ucop-concierge-wizard-container .btn.concierge-btn {
  display: block;
  width: 100%;
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.ucop-concierge-wizard-container .step-results .service .cnx-tooltip-anchor {
  margin-left: 80px;
  display: inline-block;
  width: 58px;
}

.ucop-concierge-wizard-container .step-results .service .cnx-tooltip-anchor > img {
  margin-left: -80px;
}

.ucop-concierge-wizard-container .step-results .service .cnx-tooltip-anchor.left {
  margin-right: 80px;
  margin-left: auto;
}

.ucop-concierge-wizard-container .step-results .service .cnx-tooltip-anchor.left > img {
  margin-left: auto;
  margin-right: -80px;
}

.ucop-concierge-wizard-container .step-results .service .cnx-tooltip-anchor.hover:before {
  content: url('../images/tooltip_right_blue.png');
  margin-left: -18px;
}

.ucop-concierge-wizard-container .step-results .service .cnx-tooltip-anchor.hover.left:before {
  content: url('../images/tooltip_left_blue.png');
  margin-left: auto;
  margin-right: -15px;
}

.ucop-concierge-wizard-container .step-results .service .cnx-tooltip-anchor.hover.bottom:before {
  content: url('../images/tooltip_bottom_blue.png');
  margin-left: 10px;
  top: 60px;
  left: 50%;
  margin-left: -58px;
}

.ucop-concierge-wizard-container .step-results .service .tooltip {
  background: #1ba0db;
  box-shadow: none;
  width: 536px;
  color: #ffffff;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.333;
  padding: 15px 25px;
  text-align: left;
  /* max-width: 80vw; */
}

.ucop-concierge-wizard-container .step-results .service .bottom .tooltip {
  top: 95px;
  /* margin-left: 5vw; */
}

.ucop-concierge-wizard-container .step-results .service .tooltip h4,
.ucop-concierge-wizard-container .step-results .service .tooltip p {
  margin: 0;
}

.ucop-concierge-wizard-container .step-results .service .field-name-field-reason-icon {
  display: inline-block;
  margin-right: 13px;
  margin-top: 15px;
}

.ucop-concierge-wizard-container .extra-info {
  margin-top: 3em;
  border-top: 1px solid #a6b2af;
}

.ucop-concierge-wizard-container .extra-info h3.heading {
  color: #1ba0db;
  text-transform: uppercase;
  cursor: pointer;
  min-height: 38px;
  margin-top: 0.9em;
  margin-bottom: 0.5em;
}
/*
.ucop-concierge-wizard-container .extra-info h3.heading:last-of-type {
  border-top: 1px solid #a6b2af;
}
*/
.ucop-concierge-wizard-container .extra-info h3.heading + div {
  display: none;
}

.ucop-concierge-wizard-container .extra-info h3.heading.expanded + div {
  display: block;
}

.ucop-concierge-wizard-container .extra-info h3.heading + div .node-title {
  display: none;
}

.ucop-concierge-wizard-container .extra-info h3.heading + div p:is(empty) {
  display: none;
}


.ucop-concierge-wizard-container .library-video-thumbnail-wrapper a {
  color: #fe8730;
}


/*=====  End of Concierge Wizard  ======*/