/*=============================================
=            Video Player Lightbox            =
=============================================*/
/* D7 block id was #block-ucop-connexxus-block7; the D11 block placement
   (block.block.connexxus_brainshark) renders as #block-connexxus-brainshark.
   The block is the hidden inline-colorbox payload — colorbox moves the
   #brainshark-video-player-container into the visible modal on open. */
#block-ucop-connexxus-block7,
#block-connexxus-brainshark {
  display: none;
}

#brainshark-video-player-container {
  overflow: hidden;
}

#brainshark-video-player-container .brainshark-video-player-header {
  padding: 0px;
  color: #ffffff;
  font-weight: bold;
}

#brainshark-video-player-container .featured-video {
  float: left;
}

#brainshark-video-player-container .close-video-box a {
  float: right;
}

.brainshark-video-player-header .video-header-clear {
  clear:both;
}

.brainshark-video-player-iframe-wrapper {
  background-color: #fff;
  position:relative;
  padding: 12px;
}

.brainshark-video-player-iframe-wrapper iframe {
  border:0;
  margin:0;
  padding:0;
  display: block;
}

/*=====  End of Video Player Lightbox  ======*/


/*===============================================
=            Connexxus Custom Blocks            =
===============================================*/
.connexxus-custom-block {
  background-position: top center;
  background-size: cover;
  font-size: 1.333em;
  line-height: 1.51;
  padding: 2.6em 0 3em;
}
@media (min-width: 480px) and (max-width: 991px) {
  .connexxus-custom-block {
    font-size: 1.6667em;
    line-height: 1.655;
  }
}
@media (min-width: 1250px) {
  .connexxus-custom-block {
    padding: 3.6em 0 4.38em;
  }
}

.connexxus-custom-block.has-bg,
.connexxus-custom-block.has-bg h1,
.connexxus-custom-block.has-bg h2 {
  color: #ffffff;
}
.connexxus-custom-block h1,
.connexxus-custom-block h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0.65em;
  font-size: 1.4em;
  line-height: 1.5;
  color: #4b5250;
}
@media (min-width: 992px) {
  .connexxus-custom-block h1,
  .connexxus-custom-block h2 {
    font-size: 1.75em;
  }
}

.connexxus-custom-block h1 span,
.connexxus-custom-block h2 span {
  font-weight: normal;
}

.connexxus-custom-block img {
  display: block;
  margin: 0 auto;
}

/*----------  Home Custom Block 1 - What  ----------*/
@media (min-width: 1250px) {
  #block-connexxus-hp-block1 .connexxus-custom-block {
    padding-bottom: 3.18em;
  }
}

/*----------  Home Custom Block 2 - Why  ----------*/
#block-connexxus-hp-block2 h2 {
  margin-bottom: 0.6em;
}

#block-connexxus-hp-block2 .intro {
  margin-bottom: 63px;
  line-height: 1.3;
}
@media (min-width: 992px) {
  #block-connexxus-hp-block2 .intro {
    margin-bottom: 50px;
  }
}

#block-connexxus-hp-block2 .reasons {
  text-align: center;
  font-size: 0.9167em;
  font-weight: bold;
}

#block-connexxus-hp-block2 .reasons > div > div {
  background: #f0f9f7;
  padding: 1.25em 1.15em;
  line-height: 1.4;
}
@media (max-width: 991px) {
  #block-connexxus-hp-block2 .reasons > div {
    margin-bottom: 1.8em;
  }

  #block-connexxus-hp-block2 .reasons > div:last-child {
    margin-bottom: 0;
  }
}

#block-connexxus-hp-block2 .reasons img {
  margin-bottom: 15px;
}

#block-connexxus-hp-block2 .reasons span {
  text-transform: uppercase;
}

#block-connexxus-hp-block2 .reasons .buying-power {
  color: #ffb511;
}

#block-connexxus-hp-block2 .reasons .buying-power span {
  color: #de9901;
}

#block-connexxus-hp-block2 .reasons .perks {
  color: #fe8730;
}

#block-connexxus-hp-block2 .reasons .perks span {
  color: #d35b02;
}

#block-connexxus-hp-block2 .reasons .support {
  color: #1ea6b0;
}

#block-connexxus-hp-block2 .reasons .support span {
  color: #037179;
}

/*----------  Home Custom Block 3 - How  ----------*/
#block-connexxus-hp-block3 h2 {
  margin-bottom: 1.9em;
}
@media (min-width: 992px) {
  #block-connexxus-hp-block3 h2 {
    margin-bottom: 1.2em;
  }
}

#block-connexxus-hp-block3 .how {
  text-align: center;
}
@media (min-width: 992px) {
  #block-connexxus-hp-block3 .how {
    font-size: 0.9167em;
  }
}

#block-connexxus-hp-block3 .row > div > div {
  background: #f0f9f7;
  padding: 1.7em 4% 1em;
}
@media (max-width: 991px) {
  #block-connexxus-hp-block3 .how > div {
    margin-bottom: 3em;
  }

  #block-connexxus-hp-block3 .how > div:last-child {
    margin-bottom: 0;
  }

  #block-connexxus-hp-block3 .row > div > div {
    height: auto;
    padding: 1.5em;
    font-size: 1em;
  }
}

#block-connexxus-hp-block3 .how p {
  margin-top: 1em;
  line-height: 1.3214;
  margin-bottom: 1em;
}
@media (min-width: 992px) {
  #block-connexxus-hp-block3 .how p {
    min-height: 5em;
  }
}
@media (min-width: 1250px) {
  #block-connexxus-hp-block3 .how p {
    min-height: 2.8em;
  }
}

#block-connexxus-hp-block3 .how .btn {
  font-size: 0.9333em;
  line-height: 1;
  font-weight: bold;
  display: block;
  margin: 24px auto 0;
  max-width: 325px;
  padding-top: 0.6em;
  padding-bottom: 0.8em;
}

@media (min-width: 992px) {
  #block-connexxus-hp-block3 .how .btn {
    margin: 24px 0% 0;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    width: 100%;
    font-size: 0.909em;
    line-height: 35px;
  }

  #block-connexxus-hp-block3 .how .book-online .btn {
    line-height: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1249px) {
  #block-connexxus-hp-block3 .how .book .btn {
    line-height: 18px;
  }
}

#block-connexxus-hp-block3 .agency {
  color: #de9b0a;
}

#block-connexxus-hp-block3 .book-online {
  color: #d35b02;
}

#block-connexxus-hp-block3 .book {
  color: #037179;
}

#block-connexxus-hp-block3 .rewards {
  color: #0372a2;
}
/*----------  Home Custom Block 4 - Perks  ----------*/
#block-connexxus-hp-block4 .connexxus-custom-block {
  padding-bottom: 3.2em;
}

#block-connexxus-hp-block4 h2 {
  margin-bottom: 1.35em;
}

#block-connexxus-hp-block4 .row > div > div {
  font-size: 0.833em;
}
#block-connexxus-hp-block4 .how > div > div {
  padding: 0 5.9%;
}

@media (max-width: 991px) {
  #block-connexxus-hp-block4 .row > div {
    margin-bottom: 1.25em;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 1.25em;
  }

  #block-connexxus-hp-block4 .row > div:last-child {
    margin-bottom: 0;
  }
}

#block-connexxus-hp-block4 .row ul {
  margin-bottom: 0;
  margin-top: 1.7em;
  padding-left: 35px;
  font-weight: 500;
}

#block-connexxus-hp-block4 .row li {
  margin-bottom: 0.4em;
  line-height: 1.34;
}

#block-connexxus-hp-block4 .disclaimer {
  font-size: 0.6667em;
  font-style: italic;
  margin-top: 0.9em;
  text-align: center;
}

/*----------  Home Custom Block 8 - Video  ----------*/
@media(min-width: 1250px) {
  #block-connexxus-hp-block8 .connexxus-custom-block {
    padding-top: 2.6em;
    padding-bottom: 4.38em;
  }
}

#block-connexxus-hp-block8 p,
#block-connexxus-hp-block8 h2,
#block-connexxus-hp-block8 h5 {
  color: #3b3b3b;
}

#block-connexxus-hp-block8 h2 {
  margin-bottom: 1.3em;
}

#block-connexxus-hp-block8 p {
  padding-bottom: 0.8em;
  margin-bottom: 0.9em;
  border-bottom: 1px solid #ffffff;
}
@media (min-width: 992px) {
  #block-connexxus-hp-block8 p {
    margin-top: 0;
    font-size: 1.25em;
    line-height: 36px;
  }
}

#block-connexxus-hp-block8 img {
  margin-right: 0;
}

#block-connexxus-hp-block8 h5 {
  font-size: 0.9167em;
  font-weight: 300;
  line-height: 36px;
  margin-top: 0;
  margin-bottom: 0.5em;
}

#block-connexxus-hp-block8 a.btn {
  font-size: 0.8333em;
  padding: 0.75em 2em;
}

/*----------  Footer Block 1  ----------*/
#block-ucop-connexxus-block5 .connexxus-custom-block {
  padding: 2.1917em 0 1.46em;
  border-bottom: 1px solid #c7e7f3;
}

#block-ucop-connexxus-block5 .btn {
  display: block;
  width: 82.2%;
  margin: 0 auto;
  padding: 0.4em 0.5em;
}

@media (max-width: 767px) {
  #block-ucop-connexxus-block5 .logo {
    margin-bottom: 50px;
  }
}

/*----------  Footer Block 2  ----------*/
#block-ucop-connexxus-block6 .connexxus-custom-block {
  padding: 1.95em 0 2.7em;
}
@media (min-width: 992px) {
  #block-ucop-connexxus-block6 .connexxus-custom-block {
    padding-bottom: 0;
  }
}

#block-ucop-connexxus-block6 .twitter,
#block-ucop-connexxus-block6 .linkedin {
  margin-bottom: 61px;
}

@media (max-width: 480px) {
  #block-ucop-connexxus-block6 .twitter,
  #block-ucop-connexxus-block6 .linkedin {
    margin-bottom: 23px;
  }

  #block-ucop-connexxus-block6 .twitter img,
  #block-ucop-connexxus-block6 .linkedin img {
    max-height: 45px;
  }
}

@media (max-width: 991px) {
  #block-ucop-connexxus-block6 .linkedin {
    border-left: 1px solid #c7e7f3;
  }

  #block-ucop-connexxus-block6 .twitter img {
    margin-right: 1em;
  }

  #block-ucop-connexxus-block6 .linkedin img {
    margin-left: 1em;
  }
}

@media (min-width: 992px) {
  #block-ucop-connexxus-block6 .twitter,
  #block-ucop-connexxus-block6 .linkedin {
    margin-bottom: 43px;
  }

  #block-ucop-connexxus-block6 .twitter img,
  #block-ucop-connexxus-block6 .linkedin img {
    max-height: 45px;
  }
}

@media (min-width: 1250px) {
  #block-ucop-connexxus-block6 .twitter {
    width: 44%;
  }

  #block-ucop-connexxus-block6 .linkedin {
    border-left: 1px solid #c7e7f3;
  }

  #block-ucop-connexxus-block6 img {
    margin-left: 0;
  }

  #block-ucop-connexxus-block6 .linkedin img {
    margin-left: auto;
  }
}
/*=====  End of Connexxus Custom Blocks  ======*/


/*===========================================
=            Related Links Block            =
===========================================*/
#block-views-content-related-links-block .views-row {
  margin-top: 0.5222em;
}
/*=====  End of Related Links Block  ======*/

/*=======================================
=            Downloads Block            =
=======================================*/
#block-connexxus-downloads table {
  margin: 0;
}

#block-connexxus-downloads tr {
  background: none;
}

#block-connexxus-downloads .views-row-first {
  border-top: 0;
}
/*=====  End of Downloads Block  ======*/


/*======================================
=            Lightbox Alert            =
======================================*/
#block-connexxus-book-online-alerts-lb {
  display: none;
}

.view-display-id-lb_alert {
  position: relative;
  padding: 5em 1.667em;
  background: url('../images/icons/icon_alert_lb.jpg') center 19px no-repeat #ffffff;
}

.view-display-id-lb_alert .view-header {
  position: absolute;
  top: 9px;
  right: 11px;
  cursor: pointer;
}

.view-display-id-lb_alert .views-field-title {
  font-weight: bold;
  font-size: 1.667em;
  line-height: 1.2;
  color: #e87a0f;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid #ecf4f8;
}

.view-display-id-lb_alert .views-field-body {
  font-size: 0.888em;
  line-height: 1.2;
  color: #5e5856;
}
/*=====  End of Lightbox Alert  ======*/


/*==============================================
=            Profile Update Pop Out            =
==============================================*/
.block.profile-update-pop {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

.block.profile-update-pop .content-cover,
.block.profile-update-pop .content-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
}

.block.profile-update-pop .content-wrapper {
  position: absolute;
  z-index: 0;
}

/* css for contents in the pop out */
.block.profile-update-pop .content {
  position: relative;
  color: #ffffff;
  z-index: 1000;
}

.block.profile-update-pop .content h3 span {
  display: block;
  text-transform: none;
  font-weight: 300;
  font-style: italic;
  line-height: 1;
}

.block.profile-update-pop .content ul {
  font-size: 1.3333em;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 300;
}

.block.profile-update-pop .content ul li {
  font-weight: normal;
  padding: 12px 0 12px 35px;
  line-height: 1;
  background: url('../images/icons/icon_checkmark.png') 0px 11px no-repeat transparent;
}

.block.profile-update-pop .content .tip {
  margin: 2em 0;
  background: url('../images/icons/icon_bulb.png') 15px center no-repeat #41b3e6;
  padding: 15px 15px 15px 70px;
}

.block.profile-update-pop .content .action {
  text-align: center;
}

.block.profile-update-pop .content .action a {
  font-weight: bold;
}

.block.profile-update-pop .content .close {
  text-align: center;
  font-weight: 300;
  margin-top: 0.5em;
}

.block.profile-update-pop .content .close span {
  cursor: pointer;
}

.block.profile-update-pop .content .close span.icon:before {
  border: 1px solid #ffffff;
  padding-left: 3px;
  padding-right: 3px;
  content: "X";
  line-height: 1;
  font-size: 0.8em;
}

.block.profile-update-pop .content .close span span {
  text-decoration: underline;
}

/* desktop view */
@media (min-width: 992px) {
  .block.profile-update-pop .content-cover:before,
  .block.profile-update-pop .content-cover:after {
    position: absolute; /* not scrollable */
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
  }

  /* blue background */
  .block.profile-update-pop .content-cover:before {
    background: #1ba0db;
    width: 65%;
  }

  /* blue curve edge*/
  .block.profile-update-pop .content-cover:after {
    z-index: -1;
    left: 65%;
    width: 100%;
    height: 220vh;
    margin-top: -60vh;
    margin-right: -220vh;
    border-radius: 50%;
    box-shadow: 0 0 0 50em #1ba0db;
    background: rgba(0,0,0,0.2); /* fallback */
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 69.8%, rgba(0,0,0,1) 74%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 69.8%,rgba(0,0,0,1) 74%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 69.8%,rgba(0,0,0,1) 74%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }

  .block.profile-update-pop .content-wrapper {
    width: 65%;
  }

  .block.profile-update-pop .content {
    padding: 10vh 12% 2vh 16.66%;
  }

  .block.profile-update-pop .content h3 {
    font-size: 1.66667em;
  }

  .block.profile-update-pop .content h3 span {
    font-size: 0.8em;
  }

  .block.profile-update-pop .content ul li {
    padding-left: 50px;
    background-position: 14px 11px;
  }

  .block.profile-update-pop .content .tip {
    margin-left: 1.5em;
    margin-right: 3px;
    line-height: 1.5;
  }

  .block.profile-update-pop .content .action a {
    padding-left: 2em;
    padding-right: 2em;
  }
}

@media (min-width: 1250px) {
  .block.profile-update-pop .content-cover:before {
    width: 45%;
  }

  .block.profile-update-pop .content-cover:after {
    left: 45%;
  }

  .block.profile-update-pop .content-wrapper {
    width: 45%;
  }
}

/* mobile view */
@media (max-width: 991px) {
  .block.profile-update-pop .content-cover {
    background: #1ba0db;
  }

  .block.profile-update-pop .content {
    padding: 2vh 5%;
  }

  .block.profile-update-pop .content h3 {
    font-size: 2em;
  }

  .block.profile-update-pop .content h3 span {
    font-size: 0.72em;
  }

  .block.profile-update-pop .content .tip {
    background-position: 15px 15px;
    font-size: 1.33333em;
    line-height: 1.25;
  }

  .block.profile-update-pop .content .action a {
    font-weight: bold;
    font-size: 1.333em;
    display: block;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .block.profile-update-pop .content .close {
    position: absolute;
    top: 1vh;
    right: 5%;
  }
}

/* css for hidden mode*/
.block.profile-update-pop {
  visibility: hidden;
}

.block.profile-update-pop .content-cover {
  left: -100%;
  overflow: hidden;
}

.block.profile-update-pop .content-wrapper {
  left: -100%;
}

@media (min-width: 992px) {
  .block.profile-update-pop .content-wrapper {
    left: -70%;
  }
}

@media (min-width: 1250px) {
  .block.profile-update-pop .content-wrapper {
    left: -48%;
  }
}

/* css for visible mode */
.profile-update-pop-out-active .block.profile-update-pop {
  visibility: visible;
}

.profile-update-pop-out-active .block.profile-update-pop .content-cover,
.profile-update-pop-out-active .block.profile-update-pop .content-wrapper {
  left: 0;
}

/* css animation */
.block.profile-update-pop {
  -webkit-transition: visibility 0.1s;
  -o-transition: visibility 0.1s;
  transition: visibility 0.1s;
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}

.profile-update-pop-out-active .block.profile-update-pop {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

@media (max-width: 992px) {
  /* sliding out */
  .block.profile-update-pop .content-cover {
    -webkit-transition: left 1s linear;
    -o-transition: left 1s linear;
    transition: left 1s linear;
  }

  .block.profile-update-pop .content-wrapper {
    -webkit-transition: left 1s linear;
    -o-transition: left 1s linear;
    transition: left 1s linear;
  }
}

@media (min-width: 992px) {
  /* sliding out - delay cover */
  .block.profile-update-pop .content-cover {
    -webkit-transition: left 1.5s linear;
    -o-transition: left 1.5s linear;
    transition: left 1.5s linear;
  }

  .block.profile-update-pop .content-wrapper {
    -webkit-transition: left 1.2s linear;
    -o-transition: left 1.2s linear;
    transition: left 1.2s linear;
  }

  /* sliding in - delay content */
  .profile-update-pop-out-active .block.profile-update-pop .content-wrapper {
    -webkit-transition: left 1.3s linear;
    -o-transition: left 1.3s linear;
    transition: left 1.3s linear;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
}

@media (min-width: 1250px) {
  /* sliding out - delay cover */
  .block.profile-update-pop .content-cover {
    -webkit-transition: left 2s linear;
    -o-transition: left 2s linear;
    transition: left 2s linear;
  }

  .block.profile-update-pop .content-wrapper {
    -webkit-transition: left 1.2s linear;
    -o-transition: left 1.2s linear;
    transition: left 1.2s linear;
  }

  .profile-update-pop-out-active .block.profile-update-pop .content-cover {
    -webkit-transition: left 1.5s linear;
    -o-transition: left 1.5s linear;
    transition: left 1.5s linear;
  }

  /* sliding in - delay content */
  .profile-update-pop-out-active .block.profile-update-pop .content-wrapper {
    -webkit-transition: left 0.9s linear;
    -o-transition: left 0.9s linear;
    transition: left 0.9s linear;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
}

html body.profile-update-pop-out-active {
  margin: 0 !important;
}

html body.profile-update-pop-out-active #page {
  overflow: hidden;
  max-height: 100.1vh; /* keep the scrollbar */
}

/*=====  End of Profile Update Pop Out  ======*/

/*================================================
=            10 Year Anniversay Badge            =
================================================*/
.region-header-below {
  position: relative;
}

.region-header-below .block.block-10-year-badge {
  position: absolute;
  right: 0;
  top: -40px;
  z-index: 101;
  display: none;
}

@media (max-width: 992px) {
  .region-header-below .block.block-10-year-badge {
    top: -30px;
  }

  .region-header-below .block.block-10-year-badge img {
    max-height: 113px;
  }
}

@media (max-width: 767px) {
  .region-header-below .block.block-10-year-badge {
    top: -20px;
  }

  .region-header-below .block.block-10-year-badge img {
    max-height: 93px;
  }
}

@media (max-width: 479px) {
  .region-header-below .block.block-10-year-badge {
    top: -12px;
  }

  .region-header-below .block.block-10-year-badge img {
    max-height: 55px;
  }
}

/*=====  End of 10 Year Anniversay Badge  ======*/