/* Happy little CSS file for Robert Gentile */

.blog-1.home .fl-page-content,
.blog-2.page-id-16164 .fl-page-content,
.blog-7.page-id-16332 .fl-page-content {
  background: linear-gradient(in sRGB 15deg, #393392 33%, #151744 77%);
}

/* https://developer.mozilla.org/en-US/docs/Web/CSS/z-index */
.relative {
  position: relative;
}

.relative,
.video-modal-trigger.relative,
.video-modal-trigger-2.relative {
  z-index: 290;
}

/* Cookiebot tweak */
div #CookiebotWidget .CookiebotWidget-logo svg path {
  fill: #FFFFFF !important;
}

div #CookiebotWidget,
div#CybotCookiebotDialogTabContent * {
  font-family: "Montserrat", sans-serif !important;
}

#CybotCookiebotDialogFooter button.CybotCookiebotDialogBodyButton,
#CookiebotWidget #CookiebotWidget-buttons button {
  border-radius: var( --as-button-border-radius ) !important;
}

/* Let's see if we can hide the declaration...
p.CookieDeclarationDialogText,
.CookieDeclaration p + p {
  display: none;
} */

.CookieDeclarationTable {
  font-size: 14px !important;
}

#CookieDeclarationUserStatusLabel div,
#CookieDeclarationUserStatusLabel p,
#CookieDeclarationConsentIdAndDate span {
  margin-bottom: 8px;
}


/* Random defaults */
p:last-child,
p.hidden {
  margin-bottom: 0;
}

p.hidden,
p.fl-press-region {
  display: none;
}

table td,
.uabb-table .before-icon,
.uabb-table .after-icon,
.uabb-table .uabb-table-header .table-header-th,
.uabb-table .uabb-table-features .table-body-td {
  vertical-align: top;
}

/* Insights cards */
.fl-archive-grid-row { /* this is the new wrapper */
  display: block;
  margin-bottom: 0;
  padding: 0;
  /* border: 1px solid red; */
}

.fl-archive-grid .fl-post-column { /* One-up card outer wrap */
  position: relative;
  margin-bottom: 20px;
  max-width: 80%;
}

.fl-term-column {
  padding: 20px;
  border: 1px solid var( --as-bg-secondary );
  border-radius: 8px;
  box-shadow: rgba(149, 157, 165, 0.1) 4px 6px 14px;
}


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

  .fl-archive-grid .fl-post-column { /* Make a bit wider on real narrow devs. */
    max-width: 96%;
  }

} /* / MQ */

@media only screen and ( min-width: 992px ) {

  .fl-archive-grid-row { /* flex behavior for DT */
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: stretch;
    padding: 0;
    /* border: 1px solid red; */
  }

  .fl-post-column { /* card outer wrap  .fl-archive-grid .fl-archive-grid-row */
    flex: 0 0 48%;
    align-self: stretch;
    margin: 0 2% 20px 0;
  }

  /* Made this rule more specific to match the generic declaration */
  .fl-archive-grid-row .fl-post-column:nth-of-type( even ) { /* last card in 'row' */
    margin-right: 0;
  }

} /* / MQ */

.all-insights-header h6,
.single-insight-header h6 {
  font-size: 16px;
  letter-spacing: 1px;
}

.insights-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.insight-card { /* single item inner wrapper */
  position: relative;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.insight-card.insight-related { /* Single item in a 'related' column */
  margin: 0 24px 20px;
  width: 100%;
  flex-direction: row-reverse;
}

.insight-card.term-card {
  flex-direction: column;
}

@media only screen and ( min-width: 992px ) {

  .insight-card.insight-related { /* Single item in a 'related' column */
    margin: 0 0 24px;
  }

}

.fl-post-grid-image {
  flex: 0 0 50%;
  overflow: hidden;
}

.insight-related .fl-post-grid-image {
  flex: 0 0 40%;
}

.fl-post-grid-image-link {
  display: block;
}

.insights-list .fl-post-grid-image-link {
  text-align: right;
}

.insight-card .fl-post-grid-type,
.press-carousel p.fl-post-grid-type,
.fl-post-grid-type,
h5 .insight-type {
  margin-bottom: 12px;
  font-family: var( --as-font-family, sans-serif );
  font-weight: var( --as-font-weight-bold );
  font-size: 16px;
  color: #8885be;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
}

.fl-module-glossary-terms .fl-post-grid-text {
  flex-basis: 100%;
  padding: 0 4px;
}

.fl-post-grid-text {
  position: relative;
  padding: 0 16px 16px;
  flex-basis: 50%;
}

.insight-related .fl-post-grid-text {
  padding-left: 0;
  flex-basis: 60%;
}

.fl-post-grid-text .fl-button-wrap {
  position: absolute;
  bottom: 24px;
}

.fl-rich-text .fl-post-grid-post .fl-post-meta p,
.fl-insight-primary .fl-rich-text .fl-post-grid-post .fl-post-meta p {
  margin: 20px;
  font-family: var( --as-font-family, sans-serif );
  font-weight: var( --as-font-weight-bold );
  /* font-size: 12px; */
  /* color: #999; */
  text-transform: uppercase;
}

.insight-card .fl-post-grid-title {
  margin-bottom: 14px;
  font-size: 18px;
}

.insight-card .fl-post-grid-title a {
  color: var( --as-heading-color );
  transition: all 0.4s;
}

.insight-card .fl-post-grid-title a:hover {
  color: #8885be; /* 60% --as-heading-color */
}

.fl-post-grid-content p {
  margin-bottom: 10px;
  color: #666;
  font-size: 16px;
  line-height: 1.4;
}

/*  End Insights cards */

/* Most popular block */
.most-popular-block {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.featured-article-block {
  margin-bottom: 24px;
}

.ah-related-articles-block h2 { /* This isn't in the builder */
  margin: 0 0 24px;
  width: 100%;
  text-align: center;
}

@media only screen and ( min-width: 992px ) {

  .heroes-block {
    display: flex;
  }

  .most-popular-block {
    flex-direction: row;
  }

  .featured-article-block {
    margin-bottom: 0;
    padding-right: 24px;
    flex: 0 1 60%;
  }

  .related-articles-block {
    flex: 0 1 40%;
    border-left: 1px solid #b0b0b0;
  }

  .insights-list {
    padding-left: 24px;
  }

  .related-articles-block h2 {
    width: auto;
    text-align: left;
  }

  .most-popular-list {
    flex: 0 1 40%;
    border-left: 1px solid #b0b0b0;
  }

} /* / MQ */

/* Featured Article styles */
.featured-article-image {
  margin-bottom: 36px;
}

.featured-article-content {
  padding: 0 40px 40px;
  text-align: center;
}

@media only screen and ( min-width: 992px ) {

  .featured-article-content {
    padding: 0;
  }

}


.featured-article-content .featured-article-type {
  margin-bottom: 24px;
  font-family: var( --as-font-family, sans-serif );
  font-weight: var( --as-font-weight-bold );
  font-size: 16px;
  color: #8885be;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.featured-article-content .featured-article-title {
  margin-bottom: 24px;
  font-size: 38px;
}

.featured-article-content .featured-article-title a {
  color: var(--as-heading-color);
  transition: all 0.4s;
}

.featured-article-content .featured-article-title a:hover {
  color: #8885be; /* 60% --as-heading-color */
}

.featured-article-content .featured-article-byline {
  margin-bottom: 24px;
  color: #808080;
  font-size: 18px;
}

.featured-article-content .featured-article-excerpt {
  color: #231F20;
  font-size: 18px;
  line-height: 1.4;
}
/* End Featured Article styles */


/* Single legacy Insights */
.single .fl-content-full.container {
  margin: 0;
  padding: 0;
  width: auto;
  max-width: none;
}

.single .fl-content {
  margin: 0;
}

.single-insight-content-wrap {
  position: relative;
}

.single-insight-header {
  min-height: 190px;
  display: flex;
  background-repeat: no-repeat;
  background-size: cover;
}

.single-insight-header.glossary-term {
  background: linear-gradient( 15deg, #151744 0%, #393392 100% );
}

@media only screen and ( min-width: 992px ) {

  .single-insight-header {
    min-height: 450px;
  }

}

.single-insight-banner {
  flex: 0 0 100%;
  text-align: center;
}

.single-insight-banner h6 {
  padding: 20px;
  background-color: rgba(112,124,241,0.5);
  color: #ffffff;
}

.single-insight-content-wrap {
  background-color: var( --as-bg-page );
  border-top: 5px solid #707cf1;
  padding: 20px;
}

@media only screen and ( min-width: 992px ) {

  .single-insight-content-wrap {
    margin-top: -250px;
  }

}

/* Column tweaks for Insights on monbile */
@media only screen and ( max-width: 991px ) {

  .fl-row-fixed-width.insight-row { /* Generic style for copy block in Insights */
    max-width: 90%;
  }

  .insight-row .fl-row-fixed-width {
    max-width: 100%;
  }

  .insight-row .fl-module-content {
    margin-right: 0;
    margin-left: 0;
  }

  .single-insight-content-header {
    padding: 40px 0;
    text-align: center;
  }

  .as_client_story .fl-row-bg-photo.fl-row-custom-height > .fl-row-content-wrap,
  .as_emag .fl-row-bg-photo.fl-row-custom-height > .fl-row-content-wrap { /* Control image height on CSs */
    min-height: 250px;
  }

}

@media only screen and ( min-width: 992px ) {

  .single-insight-content-header {
    padding: 40px;
  }

}


/* New Insights header styles */

.insight-type { /* use inside h6 */
  display: block;
  margin: 0 auto 36px;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

.insight-title { /* use inside h2 */
  margin: 0 0 36px;
  display: block;
  text-align: center;
}

@media only screen and ( min-width: 992px ) {

  .insight-title { /* use inside h2 */
    margin: 0 36px 36px;
  }

}


.insight-byline { /* use inside p */
  margin: 20px;
  display: block;
  font-weight: var(--as-font-weight-bold);
  color: #808080; /* */
  text-align: center;
}

/* Insights action bar */
.insight-actionbar {
  position: relative;
}

@media only screen and ( min-width: 992px ) {

  .insight-actionbar {
    position: absolute;
    top: 5%;
    left: -42px;
    display: block;
    margin: 0;
    transition: all 0.2s;
    z-index: 418;
  }

} /* / MQ */

.insight-actionbar-items {
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  background: #ffffff;
}

@media only screen and ( min-width: 992px ) {

  .insight-actionbar-items {
    margin: 0;
    display: block;
  }

}

.insight-actionbar-item {
  width: 42px;
  height: 42px;
  text-indent: -200px;
  overflow: hidden;
  word-wrap: break-word;
  line-height: 1;
  border: 1px solid #707cf1;
  border-width: 1px 0 1px 1px;
}

.insight-actionbar-item:last-child {
  border-width: 1px;
}

@media only screen and ( min-width: 992px ) {

  .insight-actionbar-item {
    border-width: 1px 1px 0;
  }

} /* / MQ */


.insight-actionbar-button {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}

.insight-actionbar-button:hover {
  background-color: rgba( 112, 124, 241, 0.6 );
}

.insight-actionbar-button:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.actionbar-linkedin {
  background-image: url("../images/sidebar-button-linkedin.svg");
}

.actionbar-email {
  background-image: url("../images/sidebar-button-email.svg");
}

.actionbar-link {
  background-image: url("../images/sidebar-button-link.svg");
}

.actionbar-download {
  background-image: url("../images/sidebar-button-download.svg");
}

.single-insight-content {
  margin: 0 4%;
  padding-bottom: 48px;
}

@media only screen and ( min-width: 992px ) {

  .single-insight-content {
    margin: 0 10%;
    padding-bottom: 64px;
  }

}

.js-copied {
  display: none;
  position: absolute;
  top: 24px;
  left: 58px;
  white-space: nowrap;
  background-color: #ffffff;
}

.js-copied p,
span.js-copied {
  margin-bottom: 0;
  color: #ffffff;
  padding: 8px;
  border: 1px solid #707cf1;
  background-color: rgba( 112, 124, 241, 0.6 );
  font-size: 16px;
  text-align: center;
}

.js-copy-wrap { /* Hacky, used on single Press posts */
  position: relative;
}

p .js-copied {
  position: relative;
  top: auto;
  left: auto;
  margin-left: 16px;
}



/* Testing new Insight styles with a single classed column
---------------- */
.fl-post .insight-wrap img.alignright,
.single-insight-content-wrap img.alignright {
  max-width: 50%;
  margin-right: -4%;
}

@media only screen and ( min-width: 992px ) {

  .fl-post .insight-wrap img.alignright,
  .single-insight-content-wrap img.alignright {
    max-width: 60%;
    margin-right: -10%;
  }

}

.fl-post .insight-wrap img.alignleft,
.single-insight-content-wrap img.alignleft {
  max-width: 50%;
  margin-left: -4%;
}

@media only screen and ( min-width: 992px ) {

  .fl-post .insight-wrap img.alignleft,
  .single-insight-content-wrap img.alignleft {
    max-width: 60%;
    margin-left: -10%;
  }

}


/* Temporary cookie management interface styles
----------------- */
.fl-rich-text .gdpr_cookie_settings_shortcode_content {
  background: transparent;
}


.fl-rich-text .gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green,
.fl-rich-text .gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:focus,
.fl-rich-text .gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:active {
  color: var( --as-button-color );
  display: inline-block;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 18px;
  text-decoration: none;
  text-shadow: none;
  border-width: 1.5px;
  border-style: solid;
  border-radius: var( --as-button-border-radius );
  -moz-border-radius: var( --as-button-border-radius );
  -webkit-border-radius: var( --as-button-border-radius );
  background: var( --as-button-bg );
  border-color: var( --as-button-border );
  color: var( --as-button-color );
  text-transform: uppercase;
}

.fl-rich-text .gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:hover {
  background: var( --as-button-bg-hover );
  color: var( --as-button-color-hover );
}

/* Testing a hack to get modal-launching-images working
------------------------------------------------------------ */
.passthrough .fl-row-content-wrap {
  pointer-events: none;
}

.passthrough .fl-row-content-wrap * {
  pointer-events: auto;
}

.passthrough .fl-node-content {
  pointer-events: none;
}

.passthrough .fl-photo {
  position: absolute;
  bottom: 0;
}


/* Removing default margin from modal rows */
.fl-module-modal-popup > .fl-module-content.fl-node-content {
  margin: 0 !important;
}

.fl-row-content-wrap:has( .fl-module-modal-popup ) {
  padding: 0;
}

.fl-col:has(.fl-module-modal-popup) {
  min-height: 0px;
  height: 0px;
}

/* Add it back in in the builder */
.fl-builder-edit .fl-module-modal-popup > .fl-module-content.fl-node-content {
  margin: 20px !important;
}

.fl-builder-edit .fl-col:has(.fl-module-modal-popup) {
  min-height: 64px;
  height: auto;
}


.fl-builder-edit .fl-row-content-wrap:has( .fl-module-modal-popup ) {
  padding: 20px;
}


/* New Vision page styles
------------------------------ */

@media (max-width: 768px) {

  .fl-col-group .fl-col.vision-chiclet {
    margin: 16px auto;
    width: 80% !important;
  }

} /* / MQ */

.vision-chiclet .fl-col-group {
  display: flex;
}

.vision-chiclet .fl-col-content {
  height: 100%;
}

.vision-chiclet .fl-col-content .fl-node-content:has( div.vision-person ) { /* col with image */

}

.vision-chiclet .vision-person:before,
.vision-chiclet .vision-person:after {
  display: none;
}

.vision-chiclet .vision-person {
  display: flex;
  align-items: flex-end;
  height: 100%;
}

/* @media (max-width: 768px) {
    html .fl-visible-desktop:not(.fl-visible-mobile),
    html .fl-visible-large:not(.fl-visible-mobile),
    html .fl-visible-medium:not(.fl-visible-mobile) {
        display: none;
    }
} */


/* Provide a cap for full width content
-------------------------------------------- */
.capped-width .fl-row-content.fl-row-full-width {
  max-width: 1800px;
}

/* weird column sizing on mobile
------------------------------------- */
@media (max-width: 1090px) {
  .fl-col-group .fl-col {
      width: 100% !important;
  }
}

/* Back to top button
-------------------------- */
#fl-to-top i {
  color: var( --as-button-bg );
}

/* Region selector modal ( override BS4 defaults )
------------------------------------------------------- */
.modal-dialog-centered { /* Modal content outer wrap, handles positioning */
  justify-content: center;
}


.modal-content { /* Modal content inner wrap */
  width: 80%;
  border-radius: 16px
}

.modal-header {
  flex-direction: column-reverse; /* Helps with close button placement */
  padding: 16px 30px;
  border-width: 0;
}

h5.modal-title {
  width: 100%;
  padding-bottom: 16px;
  text-align: center;
  color: #000;
  font-family: var( --as-font-family, sans-serif );
  font-weight: var( --as-font-weight-regular );
  font-size: 20px;
  border-bottom: 2px solid var( --as-accent-secondary );
}

h5.modal-title:before {
  content: " ";
  display: block;
  margin: 0 auto 8px;
  width: 26px;
  height: 26px;
  background: url( "../images/icon-utility-geo-hover.svg" ) no-repeat 50% 50%;
  background-size: contain;
}

#region-selector-modal .close { /* Don't affect other BS4 close buttons */
  position: absolute;
  top: 16px;
  right: 30px;
}

#region-selector-modal .close:hover {
  background-color: transparent;
  border-width: 0;
  color: var( --as-accent-primary );
}

.region-selector-list { /* Nav list */
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

.region-selector-item {
  padding: 16px 30px;
  text-align: center;
}

.region-selector-item:first-child {
  padding-top: 0;
}

.region-selector-link {
  display: block;
  color: var( --as-bg-tertiary );
  font-family: var( --as-font-family, sans-serif );
  font-weight: var( --as-font-weight-light );
}

.region-selector-link:hover {
  color: var( --as-accent-primary );
  text-decoration: none;
}

/* Video embeds
-------------------- */

.responsive-embed {
  position: relative;
  margin-bottom: 26px;
  padding-top: 56.7%;
  height: 0;
}

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

/* Handle 'double-embedded' Vimeo vids */
.responsive-embed:has(.fluid-width-video-wrapper),
.responsive-embed:has(p) {
  padding-top: 0;
  height: auto;
} /* */

/**
 * below is my attempt to use the default classes to style the various types
 * of carousels. Almost all of the classnames below (except nav stuff) are
 * applied at the individual slide level.
 *
 * My approach has not worked terribly well, so you can stick with
 * to see if you have better results, or we can come up with specific
 * classes for the various carousel types.
 *
 * Another handy note: Autoplay is turned OFF on the Eureka carousels,
 * which makes it WAY easier to work on styling the slides.
 *
 */

/* Fonts
----------------- */

/* hover color of all (I think) links */
.fl-page a:focus,
.fl-page a:hover {
    color: var( --as-link-color-hover );
}
/* set hover color of body (I think) links see above */
/* shouldn't need anymore 7/18
.fl-module-content a:hover,
.fl-module-content a:focus {
    color: #c13d1f;
}
*/

/* Icon carousels
------------------ */

.uabb-image-carousel .uabb-image-carousel-content img {
  margin: 0 auto 14px;
  width: 60% !important;
  max-width: 100%;
}

.as-image-carousel-caption h3 + p {
  display: block !important;
}

.as-image-carousel-caption h3.uabb-image-carousel-caption {
  padding: 0 0 8px;
  color: #ffffff;
  background: transparent;
  overflow: visible;
  text-overflow: initial;
  white-space: break-spaces;
}

.as-image-carousel-caption p {
  margin-bottom: 0;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.1;
}


/* Module tweaks for CS carousel in rich text module
--------------------------------------------------------- */
.fl-module-rich-text:has( .fl-module-post-carousel ),
.fl-module-rich-text .fl-module-post-carousel {
  margin: 0 !important;
}

.fl-module-rich-text:has( .cs-carousel-module ) p {
  display: none;
}


/* timeline tweaks
----------------------- */

.uabb-timeline-desc-content p {
  margin-bottom: 0;
}

.fl-module-uabb-timeline .uabb-timeline-main .uabb-day-right .uabb-events-inner-new {
  padding-bottom: 0;
}

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

  .uabb-timeline-desc-content p {
    margin-bottom: 1rem;
  }

  .fl-module-uabb-timeline .uabb-timeline-main .uabb-day-right .uabb-events-inner-new {
    padding-bottom: 40px;
  }

} /* /MQ */


/* Tabbed content tweaks
------------------------------ */
.page-id-13454 .uabb-tabs .uabb-content-wrap {
  min-height: 450px;
}

.uabb-tabs .uabb-content-wrap {
  border-radius: 0 8px 8px 0;
}

.uabb-tabs-nav ul li:first-child,
.uabb-tabs-nav ul li:first-child div {
  border-radius: 8px 0 0 0;
  overflow: hidden;
}

.uabb-tabs-nav ul li:last-child,
.uabb-tabs-nav ul li:last-child div {
  border-radius: 0 0 0 8px;
  overflow: hidden;
}

.uabb-tabs-desc li {
  margin-bottom: 16px;
}


/* Testimonial module
-------------------------- */
.uabb-testimonials.box {
  display: block;
  position: relative;
  height: 100%;
}

.uabb-testimonials.box .uabb-testimonial {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 164px;
  padding: 40px 20px; /* was 20px 40px */
}

@media only screen and ( min-width: 1090px ) {

  .uabb-testimonials.box .uabb-testimonial {
    flex-direction: row-reverse;
    padding: 44px 40px 20px; /* was 20px 40px */
  }

}

.uabb-testimonials.uabb-testimonial-left .uabb-testimonial-photo.uabb-testimonial-left .uabb-imgicon-wrap {
  margin-right: 0;
}

.testimonial-arrow-down {
  display: none;
}


/* Flip box tweaks
----------------------- */

.uabb-flip-box-section .uabb-module-content,
.uabb-flip-box-wrap .uabb-back {
  border-radius: 16px;
  overflow: auto;

}

.uabb-flip-box-wrap .uabb-back .uabb-flip-box-section  {
  padding: 64px 64px 0;
}

h6.uabb-back-text-title,
.uabb-back-text-title {
  line-height: 1.4
}

.fl-col-group:has(.fl-module-flip-box) .fl-col {
  display: flex;
  align-self: stretch;
  flex: 1 1 auto;
}

.fl-col-content:has(.fl-module-flip-box) {
  display: flex;
  flex-direction: column;
}

.fl-module-flip-box .fl-module-content.fl-node-content {
  margin: 0 20px;
  height: 100%;
}

.fl-module-flip-box .uabb-module-content.uabb-imgicon-wrap {
  margin: 0;
}

.uabb-flip-box-section .uabb-module-content,
.uabb-flip-box-wrap .uabb-back {
  border-radius: 16px;
  overflow: hidden;
  /* height: 100% !important; */
}

.uabb-flip-box-wrap .uabb-back,
.uabb-flip-box-wrap .uabb-front {
  background: linear-gradient( 0deg, rgb( 112 124 241 ), 30%, rgb( 80 57 108 ) );
  border-radius: 16px; /* Remove from utility.css */
  height: 100% !important;
  overflow: hidden;
}

.fl-module-flip-box .uabb-imgicon-wrap .uabb-image {
  line-height: 0;
  position: relative;
  height: 100%;
}

.uabb-flip-box-wrap .uabb-back .uabb-flip-box-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 32px;
  height: 100%;
}

.uabb-back .uabb-text-editor {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.4;
}



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

  h6.uabb-back-text-title,
  .uabb-flip-box-wrap .uabb-jq-height .uabb-back p {
    font-size: 24px;
  }

} /* / MQ */


/* Text and photo carousels
--------------------------------- */
.fl-slide-foreground { /* This works to posititon copy above images  */
  display: flex;
  flex-direction: column-reverse;
}

.fl-slide-foreground .fl-slide-photo-wrap .fl-slide-photo { /* Should center images with text above */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.fl-slide-text-center .fl-slide-content-wrap { /* left align copy */
  text-align: left;
}

.fl-slide .fl-slide-foreground .fl-slide-content-wrap { /* adjust outer copy wrapper div */
  width: 98%;
}


/* largeformat slider styles
------------------------------ */

.fl-module-content-slider.largeformat .fl-slide .fl-slide-foreground .fl-slide-content,
.fl-module-content-slider.largeformat .fl-slide .fl-slide-foreground .fl-slide-photo-wrap {
  margin-right: 60px !important;
  margin-left: 60px !important;
  margin-top: 32px;
  margin-bottom: 0;
}


/* when on blue background want font white */
.fl-builder-content .fl-module-content-slider.white .fl-slide .fl-slide-text,
.fl-builder-content .fl-module-content-slider.white .fl-slide .fl-slide-text * {
  color: #fff;
}

/* END largeformat slider styles */



/* event slider styles
------------------------------ */

.fl-module-content-slider.events .fl-slide .fl-slide-foreground .fl-slide-content { /* Adjust inner copy wrapper div */
  margin-right: 0px; /* no left right margin for events slider */
  margin-left: 0px;
  margin-top: 32px;
  margin-bottom: 0;
}

/* no quotes */
.fl-module-content-slider.events.noquote .fl-slide-text:before,
.fl-module-content-slider.events.noquote .fl-slide-text:after {
    content: none;
}
/* END event slider styles */


/* Testimonial slider styles
------------------------------ */

.fl-module-content-slider.testimonial .fl-slide .fl-slide-foreground .fl-slide-content {
  margin-right: 50px;
  margin-left: 50px;
  margin-top: 32px;
  margin-bottom: 0;
}

/* no quotes */
.fl-module-content-slider.testimonial.noquote .fl-slide .fl-slide-foreground .fl-slide-content {
  margin-right: 50px;
  margin-left: 50px;
}

@media only screen and ( min-width: 992px ) {
  .fl-module-content-slider.testimonial.noquote .fl-slide .fl-slide-foreground .fl-slide-content {
    margin-right: 0px;
    margin-left: 0px;
  }
}

.fl-module-content-slider.testimonial.noquote .fl-slide-text:before,
.fl-module-content-slider.testimonial.noquote .fl-slide-text:after {
  content: none;
}

.fl-module-content-slider.testimonial.noquote .fl-slide-text {
    padding: 0px; /* since no quotes display text wider */
}

.fl-module-content-slider.testimonial .fl-slide .fl-slide-foreground  {
    padding: 0px;
}

/* END testimonial slider styles */


.fl-content-slider .fl-content-slider-navigation { /* Position div w/ nav arrows */
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

.fl-slide-text > * {
	/* padding: 0px !important; */
    padding: 10px !important;
}

/* remove white space appearing at bottom of page
 * note: this assumes 1577 (the ID of not sure what) does not change
----------------- */
.fl-builder-content.fl-builder-content-1577 .fl-module-content {
    margin: 0px 20px 0px 20px;
}


.fl-builder-content .events.fl-module-content-slider .fl-slide .fl-slide-content {
  padding: 30px;
}

/* Stupid mobile last overrides */
@media only screen and ( max-width: 768px ) {

  /* BG colors, image and testimonials */
  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-content {
    margin: 0 !important;
    /*padding: 16px; 7/30/19 */
    padding: 16px 0px;
    /*background-color: #fff; 7/30/19 */
    background-color: transparent;
  }

  /* Text color, align */
  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text,
  .fl-builder-content .fl-module-content-slider .fl-slide .fl-slide-text * {
    color: #fff;
    text-align: left;
    font-size: 20px !important; /* override module style */
  }

  .fl-builder-content .events.fl-module-content-slider .fl-slide .fl-slide-content {
    padding: 30px 0px;
  }

  .fl-builder-content .fl-module-content-slider.events .fl-slide .fl-slide-text,
  .fl-builder-content .fl-module-content-slider.events .fl-slide .fl-slide-text * {
    /*color: #000; 7/30/19 */
    color: #fff;
    text-align: left;
    font-size: 20px !important; /* override module style */
  }

  .fl-builder-content .fl-module-content-slider.events .fl-slide .fl-slide-text a {
    color: #f3704c;
  }

} /* / Stupid mobile last overrides */


/* stop horizontal scrollbar on /insights page - will probably affect anywhere same slider is used 7/30/19 */
.uabb-image-carousel button.slick-prev,
.uabb-image-carousel button.slick-prev:hover {
    left: -10px;
}

.uabb-image-carousel button.slick-next,
.uabb-image-carousel button.slick-next:hover {
    right: -10px;
}




/* Testimonial sliders
--------------------------- */

.bx-has-pager { /* Dot nav outer wrapper */
  position: relative;
}

.fl-content-slider .bx-wrapper .bx-pager { /* Dot nav inner wrapper */
  position: relative;
  bottom: 100%;
  width: 100%;
  padding: 20px 16px 0 0;
  text-align: right;
}

.fl-content-slider .bx-wrapper .bx-pager.bx-default-pager a { /* Single nav dot */
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid var( --as-accent-primary);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: transparent;
}

.fl-content-slider .bx-wrapper .bx-pager.bx-default-pager a.active,
.fl-content-slider .bx-wrapper .bx-pager.bx-default-pager a:focus,
.fl-content-slider .bx-wrapper .bx-pager.bx-default-pager a:hover { /* Active dot */
  background: #FAB7BD;
}

/* arrow and active arrow styles */
.fl-content-slider .bx-wrapper .bx-pager.bx-default-pager a:before {
  content: " ";
  display: none;
  position: absolute;
/* top: -37px;*/
  top: -38px; /* controls position of white down arrow at bottom of slider */
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid white;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  transition: all 0.4s;
}

.fl-content-slider .bx-wrapper .bx-pager.bx-default-pager a.active:before {
  display: block;
  transform: translateX(-50%) translateY(0%);
}

.fl-slide.fl-slide-text-left { /* Single slide outer wrap, uses default classname */
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 12px;
}


/* Event slider needs more left right padding */
.events .fl-slide-foreground {
  padding: 0 83px;
}

/* slider with text and screenshot (https://devaswp.wpengine.com/solution/paragon/)*/
.fl-slide-foreground {
  display: block;
  padding: 0 20px;
  max-width: 100%;
}


/* .fl-slide-text-left .fl-slide-foreground .fl-slide-0 .fl-slide-content-wrap, attempt fix event carousel width problem  rg 7/10 I think */
.fl-slide-text-left .fl-slide-foreground .fl-slide-content-wrap {
  width: 100%;
}

.fl-slide-text-left .fl-slide-foreground .fl-slide-content { /* Just... why? */
  margin-top: 0;
}

.fl-slide-text-left .fl-slide-text { /* Wrapper closest to text */
  position: relative;
}

.fl-slide-text-left .fl-slide-text:before,
.fl-slide-text-left .fl-slide-text:after { /* Pseudo elements for quote marks */
  position: absolute;
  width: 48px;
  height: 38px;
  color: #e5e5e5;
  font-family: 'Nunito Sans ExtraBold'; /* Avenir Black */
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.fl-slide-text h3 {
  color: #000000;
}

.fl-slide-text h3 + p {
  color: var( --as-heading-alt );
}

.fl-slide-text p + p {
  color: var( --as-heading-alt );
}


/* TICKET ISSUES SLIDER TICKET FIX */


.fl-slide-text:before {
  /*
  content: " ";
  top: 0;
  left: -64px;
  */
  background: none;
  /* background-image: url('/wp-content/themes/bb-theme-child/assets/images/icon-quote-open.svg'); 7/30 */
}

.fl-slide-text:after {
  /*
  content: " ";
  bottom: 0;
  right: -64px;
  */
  background: none;
  /* background-image: url('/wp-content/themes/bb-theme-child/assets/images/icon-quote-close.svg'); 7/30 */
}

@media only screen and ( min-width: 992px ) {

    .fl-slide-text {
      padding: 0px 75px;
    }

  .fl-slide-text:before {
    content: " ";
    top: 0;
    left: 0;
    background-image: url('/wp-content/themes/bb-theme-child/assets/images/icon-quote-open.svg');
  }

  .fl-slide-text:after {
    content: " ";
    bottom: 0;
    right: 0;
    background-image: url('/wp-content/themes/bb-theme-child/assets/images/icon-quote-close.svg');
  }

}



/* END TICKET ISSUES SLIDER TICKET FIX */


/* No quotes on slider
--------------------------- */
/* to use: Edit Page > Content Slider > Advanced > HTML Element > Class - add noquote */
/*.fl-module-content-slider.noquote .fl-slide-text-left .fl-slide-text:before {*/ /* Open quote */
.fl-module-content-slider.noquote .fl-slide-text:before {
  content: none;
}

/*.fl-module-content-slider.noquote .fl-slide-text-left .fl-slide-text:after {*/ /* Close quote */
.fl-module-content-slider.noquote .fl-slide-text:after {
  content: none;
}

/* Hero slider styles */
.hero-slider .bx-wrapper {
  margin: 0 auto;
}

.hero-slider .bx-wrapper .bx-pager { /* Dot control wrapper */
  position: absolute;
  pointer-events: none;
  bottom: 100%;
  width: 100%;
  padding: 20px 16px;
  text-align: center;
}

.hero-slider .bx-wrapper .bx-pager.bx-default-pager a,
.press-carousel .bx-wrapper .bx-pager.bx-default-pager a { /* Dot controls */
  position: relative;
  pointer-events: auto;
  width: 15px;
  height: 15px;
  background: rgba( 255, 255, 255, 0.6 );
  border-width: 0;
  border-radius: 50%;
}

.hero-slider .bx-wrapper .bx-pager.bx-default-pager a.active,
.hero-slider .bx-wrapper .bx-pager.bx-default-pager a:focus,
.hero-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.press-carousel .bx-wrapper .bx-pager.bx-default-pager a.active,
.press-carousel .bx-wrapper .bx-pager.bx-default-pager a:focus,
.press-carousel .bx-wrapper .bx-pager.bx-default-pager a:hover { /* Dot controls */
  background: rgba( 245, 110, 123, 0.6 );
}

.hero-slider .bx-wrapper .bx-pager.bx-default-pager a.active:before { /* Dot controls */
  display: none;
}

.fl-module-post-carousel.press-carousel .bx-wrapper {
  padding-bottom: 20px !important;
}

/* Hero slider arrow tweaks */
.hero-slider .fl-content-slider-navigation .fl-content-slider-svg-container svg,
.home .fl-content-slider-navigation .fl-content-slider-svg-container svg {
  display: none;
}

.hero-slider .fl-content-slider-navigation .fl-content-slider-svg-container,
.home .fl-content-slider-navigation .fl-content-slider-svg-container {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.hero-slider .slider-next .fl-content-slider-svg-container,
.home .slider-next .fl-content-slider-svg-container {
  background-image: url("../images/icon-carousel-next-reverse.svg");
}

.hero-slider .slider-prev .fl-content-slider-svg-container,
.home .slider-prev .fl-content-slider-svg-container {
  background-image: url("../images/icon-carousel-prev-reverse.svg");
}

/* Hero slider content tweaks */
.hero-slider .fl-slide-text-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

.hero-slider .fl-slide-text {
  padding: 0px;
}

.fl-module-content-slider .fl-slide .fl-slide-text h1 {
  line-height: 1.15;
}

.hero-slider .fl-slide-text:before,
.hero-slider .fl-slide-text:after {
  display: none;
}

.hero-slider .fl-slide-text > * {
  padding: 0px !important;
}

.hero-slider .fl-slide-foreground { /* Outer content wrap */
  display: flex;
  flex-direction: column;
  align-content: center;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  width: 80%;
  max-width: 1100px;
}


@media only screen and ( min-width: 992px ) {

  .hero-slider .fl-slide-foreground {
    flex-direction: row;
  }

} /* / MQ */


.hero-slider .fl-slide-foreground .fl-slide-content-wrap { /* Slide text outer wrapper */
  flex-basis: 50%;
}

.hero-slider .fl-slide-foreground .fl-slide-content { /* Slide text inner wrapper */
  margin-top: 0;
}

@media only screen and ( min-width: 992px ) {

  .hero-slider .fl-slide-foreground .fl-slide-content {
    top: 50%;
    transform: translateY( -50% );
  }

} /* / MQ */


.hero-slider .fl-slide .fl-slide-photo-wrap { /* Outer photo column */
  width: 50%;
  display: flex;
  align-content: flex-end;
}

.hero-slider .fl-slide-photo-wrap .fl-slide-photo { /* Inner image wrap */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.hero-slider.align-center .fl-slide-photo-wrap .fl-slide-photo {
  justify-content: center;
}

.hero-slider.align-top .fl-slide-photo-wrap .fl-slide-photo {
  justify-content: flex-start;
}


/* Mobile tweaks */
@media only screen and ( max-width: 991px ) {

  .hero-slider .fl-slide-foreground .fl-slide-content-wrap,
  .home .fl-slide-foreground .fl-slide-content-wrap { /* Slide text outer wrapper */
    flex-basis: 100%;
  }

  .fl-builder-content .hero-slider .fl-slide .fl-slide-text,
  .fl-builder-content .hero-slider .fl-slide .fl-slide-text *,
  .home .fl-builder-content .fl-slide .fl-slide-text,
  .home .fl-builder-content .fl-slide .fl-slide-text * {
    color: #FFFFFF;
    text-align: left;
    font-size: 16px !important;
  }

  .hero-slider .fl-slide-foreground,
  .home .fl-slide-foreground {
    width: 80%;
  }

  .hero-slider .fl-slide-content-wrap,
  .hero-slider .fl-slide-content-wrap {
    text-align: left;
  }

  .hero-slider .fl-slide .fl-slide-photo-wrap { /* Outer photo column */
    width: 100%;
  }

  .hero-slider .fl-slide-photo-wrap .fl-slide-photo {
    margin-top: 0;
  }

  .hero-slider .fl-content-slider h6.fl-slide-title,
  .home .fl-content-slider h6.fl-slide-title {
    color: var( --as-accent-primary );
    font-size: 16px;
    text-align: center;
  }

  .hero-slider .fl-slide-title,
  .hero-slider .fl-slide-text > *,
  .home .fl-content-slider .fl-slide-title,
  .home .fl-content-slider .fl-slide-text > * {
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  .hero-slider .bx-wrapper .bx-pager {
    display: none;
  }

} /* / mobile tweaks */

/* Hero sliders on light background
---------------------------------------- */

/* Clean up the arrows */
.light-slider .fl-content-slider-navigation .fl-content-slider-svg-container {
  background-size: 36%;
  background-color:  var( --as-accent-primary );
}

.light-slider .fl-content-slider-navigation .slider-prev .fl-content-slider-svg-container {
  background-position: 45% 50%;
}

.light-slider .fl-content-slider-navigation .slider-next .fl-content-slider-svg-container {
  background-position: 60% 50%;
}

/* New arrow icons */
.light-slider .slider-next .fl-content-slider-svg-container {
  background-image: url( '../images/icon-carousel-next-heavy.svg' );
}

.light-slider .slider-prev .fl-content-slider-svg-container {
  background-image: url( '../images/icon-carousel-prev-heavy.svg' );
}

/* Center images vertically */
.light-slider .fl-slide .fl-slide-photo-wrap {
  align-content: flex-start;
}

.light-slider .fl-slide-photo-wrap .fl-slide-photo {
  justify-content: center;
}

/* Remove top margin from the inner image wrap */
.light-slider .fl-slide .fl-slide-foreground .fl-slide-photo {
  margin-top: 0;
}

/* Add space for dots */
.fl-builder-content .light-slider .bx-wrapper .bx-viewport {
  margin-bottom: 40px;
}

/* Remove bottom padding for dot container */
.light-slider .bx-wrapper .bx-pager {
  padding: 20px 16px 0;
}
/* Clean up the dots */
.light-slider .bx-wrapper .bx-pager.bx-default-pager a {
  background: var( --as-bg-page );
}

/* 2 Up and 3 Up styles ZZZ Move these
-------------------------- */

.fl-insights-wrapper {
    max-width: 100% !important; /* overriding max width add to container via JS */
}

.fl-insights-wrapper .fl-post-grid-image { /* Lazy Load is causing weird height issues in carousels */
  max-height: 191px;
}

/* Every card has 34px of right margin */
.fl-featured-insights-carousel .fl-post-column, /* 3 Up */
.fl-module-related-insights .fl-insights-wrapper .fl-post-column { /* 2 Up */
    margin: 4px 34px 0px 0px;
}

.fl-terms-wrapper { /* terms carousel on Insights page */
  margin: 0 auto;
}

/* END 2 Up and 3 Up styles */



/* reduce space above bulleted list when list is below p tag
 * note: p tag has bottom margin (unless it is last p tag)
.fl-rich-text p + ul {
    margin-top: -30px;
} */



/* Post meta styling
------------------------- */

.fl-insight-content .fl-post-meta-top,
.single-insight-content-header {
  margin-bottom: 20px;
  text-align: center;
}


.fl-post-meta-top h5,
.single-insight-content-header h5 { /* Post type */
  font-size: 16px;
  color: var( --as-heading-alt );
  text-transform: uppercase;
}

.fl-post-meta-top h2 {  /* Post title */ }

.fl-insight-content .fl-post-meta-top p,
.single-insight-content-header p {
  margin-bottom: 4px;
  color: var( --as-text-light );
}

.fl-insight-content .fl-post-meta-top p.fl-post-caveat,
.single-insight-content-header p.fl-post-caveat {
  color: var( --as-heading-alt );
  font-family: var( --as-font-family, sans-serif );
  font-weight: var( --as-font-weight-regular );
  font-style: italic;
  font-weight: 100;
  text-transform: none;
}

.fl-post-client-block h3 {
  margin: 24px auto;
  text-align: center;
}

.fl-post-client-wrap h4 {
  text-align: center;
}

/* Images in blog Post body copy */
.fl-blog-body img {
  border-radius: 16px;
}

blockquote {
  margin: 20px -4% 40px;
  padding: 18px;
  border: 1px solid #cccccc;
  border-width: 1px 0;
}

@media only screen and ( min-width: 992px ) {

  blockquote {
    margin: 20px -10% 40px;
    padding: 40px;
  }

}

.fl-rich-text blockquote p {
  margin: 20px auto;
  color: var( --as-heading-color );
  font-size: 28px;
  text-align: center;
}

.fl-rich-text blockquote p + p {
  color: var( --as-text-light );
  font-size: 20px;
}

/* Global ads in Posts */
.fl-rich-text .global-ad {
  margin: auto -10%;
}


/* Table on Contact Us page too wide on mobile */
.fl-rich-text table {
  width: 100%;
}

.fl-rich-text table td {
  width: 50%;
}

/* Chicklets styling
------------------------- */
.fl-module-related-solutions {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 50px 0px;
}

.fl-module-related-solutions .fl-related-solution {
  flex-grow: 0;
  flex-basis: 100px;
  margin: 0px 0px 20px 0px;
  display: flex;
  align-items: flex-end;
}

.fl-module-related-solutions .fl-related-solution:last-child {
  margin: 0px 0px 0px 0px;
}

.fl-module-related-solutions .fl-related-solution .fl-related-solution-image {
  width: 100px;
  height: 100px;
}

.fl-module-related-solutions .fl-related-solution .fl-related-solution-content h2 {
  display: block;
  font-size: 16px;
  width: 100%;
  text-align: left;
  margin: 0px 0px 0px 10px;
}

.fl-module-related-solutions .fl-module-title {
  margin-bottom: 20px;
}


/* contains chicklets */
.fl-related-solutions-grid {
  display: flex;
  flex-direction: column;
}


@media only screen and ( min-width: 992px ) {

    .fl-related-solutions-grid {
      flex-direction: row;  /* want chicklets on same row for desktop */
    }
    .fl-module-related-solutions .fl-related-solution {
      margin: 0px 40px 0px 0px;
    }

    .fl-module-related-solutions .fl-related-solution .fl-related-solution-content h2 {
      display: none;
    }

}

/* END Chicklets styling */

/* Request form styles
--------------------------- */

.form-control.error,
.form-control.error:focus {
  border: 1px solid red;
}

#requestForm label,
#privacyRights label {
  display: block;
  margin: 1rem 0 8px 0;
  font-size: 14px;
}

label strong {
  color: red;
}

label.error {
  font-weight: 700;
}

form .btn {
  background-color: var( --as-button-bg );
  border-color: var( --as-button-border );
  color: #FFFFFF;
  text-transform: uppercase;
}

form .btn:hover,
form .btn:active,
form .btn:focus {
  background-color: var( --as-button-bg-hover );
  border-color: var( --as-button-bg-hover );
  color: #FFFFFF;
  outline: var( --as-button-bg-hover );
}

form p {
  margin-bottom: 36px;
}

@keyframes pulse {

  from {
    opacity: 0;
    color: var( --as-text-light );
  }

  to {
    opacity: 1;
    color: var( --as-accent-primary );
  }

}

p.notice {
  opacity: 0;
  transition: all 0.4s
}

/* @keyframes duration | easing-function | delay |
iteration-count | direction | fill-mode | play-state | name */
.processing p.notice {
  animation: 1.6s ease-in-out infinite alternate pulse;
}

.processed p.notice {
  color: var( --as-text-light );
  font-weight: var( --as-font-weight-bold );
  opacity: 1;
}


/* Ninja Form button
 * to use add fl-bb-button in Ninja Form > Edit Submit button > Display > Element
---------------------------------------------------------- */
.nf-form-content .nf-field-container #nf-field-14-wrap .nf-field-element input[type=button].fl-bb-button {
  color: #f3704c;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid #f3704c;
  border-radius: 30px;
}

.nf-form-content .nf-field-container #nf-field-14-wrap .nf-field-element input[type=button].fl-bb-button:hover {
  background: #FAB7BD;
}


/* CTA button
 * to use add class="fl-bb-button" to an <a> eg. <a class="fl-bb-button"> (use HTML module to add to page)
 * :not used to override bootstrap css
---------------------------------------------------------- */
a.fl-bb-button,
a.fl-bb-button:not([href]):not([tabindex]) {
  color: var( --as-button-color );
  text-transform: uppercase;
  background: transparent;
  border: 1.5px solid var( --as-button-border );
  border-radius: 30px;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 11px 24px 12px 24px;
}

a.fl-bb-button:hover,
a.fl-bb-button:not([href]):not([tabindex]):hover {
  background: var( --as-button-bg-hover );
  color: var( --as-button-color-hover );
  text-decoration: none;
}


/* Locations page tweaks
---------------------------------------------------------- */
.locations:last-child {
  margin-bottom: 80px;
}

.locations .uabb-infobox-text {
  padding-left: 51px;
}

.locations .uabb-infobox-content .uabb-infobox-text p {
  font-size: 16px;
}

.locations h2.uabb-infobox-title {
  font-size: 28px;
}

/**
 * These styles are for accordions on Solutions pages, i.e.:
 * https://devaswp.wpengine.com/solution/eureka/
 * I put them here in case they clash with the Leadership accordions
 * you're going to be working on
 *
 */

/* General use accordions/slides styles
-------------------------------------------- */
.fl-accordion p,
.fl-slide-text p {
  font-size: 20px;
}

.fl-accordion p:last-child,
.fl-slide-text p:last-child,
.fl-intro-copy p:last-child {
  margin-bottom: 0;
}

.fl-accordion .fl-accordion-item {
  margin-bottom: 10px;
  background: var( --as-bg-secondary );
  border-width: 0px;
}

.fl-accordion-button-label {
  font-size: 32px;
  font-weight: var( --as-font-weight-bold );
  line-height: 1.4;
  outline: 0;
  color: var( --as-bg-primary );
}

.fl-accordion-button-icon.fa-plus:before,
.fl-accordion-button-icon.fa-minus:before {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  background: url('/wp-content/themes/bb-theme-child/assets/images/icon-accordion-right.svg') no-repeat 50% 50%;
  text-indent: -999px;
}

.fl-accordion-button-icon.fa-minus:before {
  background-image: url('/wp-content/themes/bb-theme-child/assets/images/icon-accordion-down.svg');
}

/* UABB accordion styles */
.uabb-accordion-desc a:hover {
  color: var( --as-button-bg-hover );
}


/* Ninjaforms styles
--------------------------- */

.nf-form-content {
    border: 0px solid #ffffff;
}

.nf-form-content label {
   display: none;
}

.nf-form-content input:not([type=button]), .nf-form-content textarea {
     border: 1px solid #f7f7f7;
}
.nf-field-label label {
    display: none;
}

.nf-form-content .ninja-forms-field {
    font-weight: 800;
    letter-spacing: 1px;
}

.nf-form-fields-required {
    display: none;
}

.nf-fail.nf-error .ninja-forms-field {
    border-color: var( --as-accent-primary )!important;
}

.nf-fail.nf-error.field-wrap .nf-field-element:after {
    background: var( --as-accent-primary )!important;
}

.nf-error-msg {
    color: var( --as-accent-primary )!important;
}

/* download button as seen on https://devaswp.wpengine.com/case-study/springhill-medical-center/ (in sidebar) */
.nf-form-content input[type=button] {
    border-radius: 30px;
}

/*
.nf-form-content input[type=button]:after {
    content: "\f160";
}

.nf-form-content .nf-field-container #nf-field-14-wrap .nf-field-element .ninja-forms-field:after {
    content: "\f160";
}
*/

.nf-form-content .nf-field-container #nf-field-14-wrap .nf-field-element .ninja-forms-field:after {
    content: "\f160";

}

ul.nf-next-previous li.nf-next-item input.nf-next,
ul.nf-next-previous li.nf-previous-item input.nf-previous {
    background: none;
    color: var( --as-accent-primary );
}

/**
 * Below are the partial styles and classnames for:
 * Generic Event and Press Release archives
 * Specific Event and Press Release archives
 * Taxonomy filter selects (the pills here: https://devaswp.wpengine.com/video/working-at-allscripts/)
 * Archive filter selects (the pills here: https://devaswp.wpengine.com/insights/)
 * @type {[type]}
 */

/* Shared styles for events and press releases
--------------------------------------------------- */
.fl-archive-grid-item { /* Inner single item wrap */
  padding: 20px;
  position: relative;
  background: #fff;
  border: 1px solid var( --as-border-primary );
  border-radius: 8px;
  background-image: url('/wp-content/themes/bb-theme-child/assets/images/event-card-background.png');
  background-position: 0px 0px;
  background-size: 353px 362px;
  background-repeat: no-repeat;
  margin-bottom: 35px; /* space below row on Newsroom page (note: 1 per row)    */
  overflow: hidden;
}

.blog-1 .fl-events-carousel .fl-archive-grid-item,
.blog-2 .fl-events-carousel .fl-archive-grid-item,
.blog-7 .fl-events-carousel .fl-archive-grid-item { /* Events carousel */
  background-color: transparent;
  border: 1px solid var( --as-accent-primary );
}

.fl-archive-grid-trigger { /* Toggle trigger */
  position: absolute;
  top: -6px; /* 25px */
  right: 0px;
  background-image: url('/wp-content/themes/bb-theme-child/assets/images/card-trigger-closed-alt.svg');
  background-size: contain;
  background-repeat: no-repeat;
  height: 50px;
  width: 46px;
}

.fl-archive-grid-trigger.open,
.fl-archive-grid-trigger:hover { /* Toggle trigger */
  background-image: url('/wp-content/themes/bb-theme-child/assets/images/card-trigger-open-alt.svg');
}

.fl-archive-meta { /* wrapper for initially visible copy */
  margin: 20px 0px 20px 0px;
}

.fl-archive-date,
.fl-press-source { /* Top line date for events & PRs */
  font-family: var( --as-font-family, sans-serif );
  font-weight: var( --as-font-weight-bold );
  font-size: 14px;
  line-height: 14px;
  color: #666666;
}

.fl-archive-content { /* wrapper for initially hidden copy */
  display: none;
}

.fl-archive-content p {
  font-size: 14px;
  color: #666666;
}

.fl-archive-content p b { /* subtitle on Newsroom page */
  font-family: var( --as-font-family, sans-serif );
  font-weight: var( --as-font-weight-bold );
  font-size: 14px;
  color: #000;
}

.fl-archive-filters-wrap {
    position: relative;
    margin-bottom: 36px;
}

/* remove some spacing above filters on Archive pages */
.fl-archive .fl-content {
  margin: 0px 0px 40px 0px;
}

/* Clear filter link styling */
.fl-clear-filters {
    text-align: center;
    margin: 3px 0px 15px 0px;
}

@media only screen and ( min-width: 480px ) {
  .fl-clear-filters {
    text-align: center;
    margin: 3px 0px 0px 0px;
  }
}

.fl-clear-filters a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Tweaks for external PRs */
.fl-press-external,
.fl-press-external:hover {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  color: var( --as-link-color ) !important;;
}

.fl-press-external:after {
  content: '';
  display: block;
  margin-left: 8px;
  width: 14px;
  height: 14px;
  background: url( '../images/icon-external.svg' ) no-repeat center;
}


/* Events grid and items
----------------------------- */

.fl-event-column {
 flex: 0 0 100%;
 margin-right: 0px !important; /* 7/31/19 molly */
}

/* Event grid row and cards mobile */
.fl-event-grid-row { /* single row of cards mobile */
  /* 8/5/19
  display: block;
  */
  margin-bottom: 0;
  padding: 0;
}

.fl-archive-grid-row .fl-post-column:last-child { /* last card in row */
  margin-right: 0;
}

/* Event grid and cards desktop */
@media only screen and ( min-width: 992px ) {

  .fl-archive-grid .fl-event-column { /* card outer wrap */
    margin-bottom: 32px;
  }

  .fl-event-column {
    flex: 0 0 30.333%;
    margin-right: 33px !important;
  }

  .fl-event-column:nth-child(3n) {
    margin-right: 0px !important;
  }

}

.fl-archive-date { /* Days of week */
  color: #666666;
}

.fl-event-date { /* Big month/day on events */
  color: #000;
  font-size: 32px;
}

.fl-event-featured { /* Featured flag */
  color: var( --as-heading-alt );
  text-transform: uppercase;
}

.fl-event-title { /* Event title */
  color: #000;
  margin-top: 28px;
  line-height: 1.3em;
}

.fl-event-location p { /* Event location */
  font-family: var( --as-font-family, sans-serif );
  font-weight: var( --as-font-weight-regular );
  font-size: 14px;
  color: #666666;
  /* font-weight: 500; */
}

.home .fl-events-carousel .fl-archive-date,
.home .fl-events-carousel .fl-event-date,
.home .fl-events-carousel .fl-event-title,
.home .fl-events-carousel .fl-event-location p,
.page-id-16164 .fl-events-carousel .fl-archive-date,
.page-id-16164 .fl-events-carousel .fl-event-date,
.page-id-16164 .fl-events-carousel .fl-event-title,
.page-id-16164 .fl-events-carousel .fl-event-location p,
.page-id-16332 .fl-events-carousel .fl-archive-date,
.page-id-16332 .fl-events-carousel .fl-event-date,
.page-id-16332 .fl-events-carousel .fl-event-title,
.page-id-16332 .fl-events-carousel .fl-event-location p {
  color: #FFFFFF;
}


.fl-events-wrapper {
    margin: 0 auto; /* center for mobile */
}

@media only screen and ( min-width: 1080px ) {
    .fl-events-wrapper {
        max-width: 100% !important; /* override inline style */
        margin: 0; /* remove centering */
    }
}

/* Leadership grid and items
----------------------------- */

/* this needs to be the parent of .fl-leader-column I think  molly
.fl-content.fl-archive-grid {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 35px;
}
*/
.as-leaders {
  padding: 80px 40px;
}

@media only screen and ( min-width: 992px ) {

  .as-leaders {
    padding: 100px 0;
  }

} /* / MQ */

.as-exec-leaders,
.as-int-leaders {
  background-color: #151744;
}

.as-bu-leaders {
  background-color: #FFFFFF;
}

.as-leaders-inner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}

@media only screen and ( min-width: 992px ) {

  .as-leaders-inner {
    padding: 50px 0 0;
    flex-direction: row;
  }

} /* / MQ */

.fl-leader-column {
  flex: 0 0 33.333%;
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.fl-leader-wrap {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 100%;
}

@media only screen and ( min-width: 992px ) {

  .fl-leader-wrap {
    flex: 0 0 90%;
  }

} /* / MQ */


.fl-leader-wrap:after {
  content: "";
  display: block;
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 20px;
  height: 18px;
  background: url( '../images/icon-scroll.svg' ) no-repeat 50% 50%;
}

.fl-leader-image {
  margin-bottom: 20px;
}

.fl-leader-image img {
  height: auto;
  width: auto;
  max-width: 78%;
  border-radius: 16px;
}

.fl-leader-bio {
  position: relative;
  margin-top: 20px;
  padding: 20px 6px 0 0;
  max-height: 280px;
  min-height: 280px;
  border-top: 1px solid var(--as-accent-primary);
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Executive leader overrides */
..as-exec-leaders {
  padding-top: 100px;
  padding-bottom: 0;
}

.fl-row-content-wrap.as-uk-leaders {
  padding-top: 100px;
  padding-bottom: 100px;
}

.as-exec-leaders {
  background-image: url( "/wp-content/uploads/2022/06/Altera_Background-scaled.jpg" );
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}

@media only screen and ( min-width: 992px ) {

  .as-exec-leaders .as-leaders {
    padding-bottom: 0;
  }

} /* / MQ */

.as-exec-leaders .fl-leader-column {
  flex: 0 0 100%;
  margin-top: 0;
}

.as-exec-leaders .fl-leader-wrap {
  flex-direction: column;
}

@media only screen and ( min-width: 992px ) {

  .as-exec-leaders .fl-leader-wrap {
    flex-direction: row-reverse;
    column-gap: 48px;
    flex: 0 0 100%;
  }

} /* / MQ */

.fl-leader-content { /* Inner wrapper for exec layout */
  margin-top: 0;
}

@media only screen and ( min-width: 992px ) {

  .as-exec-leaders .fl-leader-image {
    flex: 0 0 38%;
    align-self: flex-end;
    margin-bottom: 0;
  }

} /* / MQ */


.as-exec-leaders .fl-leader-image img {
  max-width: 100%;
  width: 100%;
}

.as-exec-leaders .fl-leader-meta {}

.as-exec-leaders .fl-leader-bio {
  padding: 20px 0 32px;
  max-height: 100%;
}

.as-exec-leaders .fl-leader-wrap:after {
  display: none;
}


/* Leaders typgraphy
--------------------------- */

.as-leaders h1,
.as-exec-leaders h1 {
  text-align: center;
}

.fl-leader-wrap p {
  line-height: 1.4;
}

.fl-leader-name {
  color: var( --as-bg-primary );
  font-size: 32px;
}

.fl-leader-title {
  font-size: 14px;
}

.fl-leader-region,
.fl-leader-column .fl-archive-term {
  font-size: 12px;
}

.fl-leader-column .fl-leader-bio p {
  font-size: 16px;
}

.fl-leader-column .fl-leader-bio p:last-child {
  margin-bottom: 0;
}


/* Hacky color override */
.as-exec-leaders *,
.as-int-leaders * {
  color: #FFFFFF;
}


/* Peak Performers grid and items
------------------------------------ */
.as-peak {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and ( min-width: 992px ) {

  .as-peak {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

} /* / MQ */

 .as-peak-module .fl-rich-text p {
  display: none;
}

.as-peak-wrap {
  flex: 0 1 90%;
  margin-top: 24px;
  overflow: hidden;
  border-radius: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and ( min-width: 992px ) {

  .as-peak-wrap {
    flex: 0 1 30%;
    margin-top: 0;
  }

} /* / MQ */


.as-peak-trigger {
  display: block;
}

.as-peak-trigger img {
  transition: all 0.4s;
}

.as-peak-trigger:hover img {
  opacity: 0;
}


/* Press release grid and items
------------------------------------ */
h2.fl-press-title { /* PR headline */
  font-size: 32px;
}

.fl-press-content { /* Inner content wrapper, hidden by default */
  display: none;
}

.fl-press-title .js-new-window,
.fl-press-title .js-new-window:hover {
    color: var( --as-link-color-hover ) !important;
}

.fl-press-title .js-new-window:after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  width: 14px;
  height: 14px;
  background: url( '/wp-content/themes/bb-theme-child/assets/images/icon-external-dark.svg' ) no-repeat center;
}


/* Insights and Events in various contexts
------------------------------------ */

.foo {
  position: relative;
  margin: 0 auto 64px;
  max-width: 750px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 28px;
}

.bar {
  position: relative;
  padding: 42px;
  background: linear-gradient( 90deg, rgb( 57 51 146 / 90% ), 70%, transparent );
  z-index: 42;
}

.bar h6,
.bar h2,
.bar p {
  color: #FFFFFF;
}

.bar h6 {
  margin-bottom: 24px;
  text-transform: uppercase;
}

.bar h2 {
  margin-bottom: 32px;
}

.bar h2 a,
.bar h2 a:hover {
  color: #FFFFFF;
  text-decoration: none;
  transform: all 0.4s;
}

.bar p {
  margin-bottom: 32px;
}

a.hi-read-more,
a.hi-read-more:hover {
  display: flex;
  align-items: flex-start;
  color: var( --as-link-color );
  text-decoration: none;
}

a.hi-read-more::after {
  content: "\27F6";
  display: inline-block;
  margin-left: 8px;
  line-height: 1;
  transition: all 0.4s;
}

a.hi-read-more:hover::after {
  margin-left: 12px;
}

@media only screen and ( min-width: 992px ) {

  .bar h6,
  .bar h2,
  .bar p {
    max-width: 72%;
  }

}

/* Insights (3 Up) on home page styles */
.fl-module-insights.fl-module-as-slider {
    padding-bottom: 0px;
}

.fl-module-as-slider-wrap {
  margin-bottom: 40px;
}

.fl-module-as-slider-wrap h2 {
  margin: 40px auto;
  text-align: center;
}

/* Insights slider on home page 8/3/19
 * this pushes column to the right over so it does not display on mobile
 * known issue: this fix works on newer mobile devices but causes older mobile devices (note 2)
 */
.fl-module-insights.fl-module-as-slider .fl-featured-insights-carousel .fl-post-column {
  /*margin-left: 25px;*/
}
/* don't need left margin on desktop */
@media only screen and ( min-width: 992px ) {
  .fl-module-insights.fl-module-as-slider .fl-featured-insights-carousel .fl-post-column {
    /*margin-left: 0px;*/
  }
}


/* Events slider on home page styles 8/3/19
 * this pushes column to the right over so it does not display on mobile
 * known issue: this fix works on newer mobile devices but causes older mobile devices (note 2)
 */

.blog-1.home .fl-rich-text:has( .fl-module-events ) h2,
.blog-2.page-id-16164 .fl-rich-text:has( .fl-module-events ) h2,
.blog-7.page-id-16332 .fl-rich-text:has( .fl-module-events ) h2 {
  color: #FFFFFF;
}

.fl-module-events.fl-module-as-slider .fl-event-column {
  /*margin-left: 30px;
  margin-right: 20px !important; */
}
/* don't need margins on desktop */
@media only screen and ( min-width: 992px ) {
  .fl-module-events.fl-module-as-slider .fl-event-column {
    /*margin-left: 0px;
    margin-right: 33px !important;*/
  }
}


/* .fl-module-events.fl-module-as-slider .fl-slider-view-all  {
    transform: translate(-50%, -175%);  positioning for home page
} */

/* 2 Up layout container */
.fl-module-related-insights.fl-module-as-slider {
    padding-bottom: 0px;
}

.fl-slider-view-all {
    position: absolute;
    width: 160px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -30%);  /* Y = -70% positioning for 2 Up page */
}

/* this is event slider on home page */
.fl-node-5ce5c7a06533d > .fl-module-content {
    margin-left: 0px;
}


/* Styles for both Insights and Events */
.fl-module-as-slider .bx-controls {
    /*
    position: absolute;
    bottom: 16px;
    left: 39%;
    width: 32%;
    */
    position: relative;
    margin-top: 50px; /* space above pagination */
    width: 100%;
    left: 0;
    bottom: 0px;
    height: 45px;
}

.fl-module-as-slider .bx-controls a {
    display: block;
    width: 34px;
    height: 34px;
    overflow: hidden;
    text-indent: -999px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.fl-module-as-slider .bx-controls-direction {
    /*
    width: 69%;
    display: flex;
    justify-content: space-between;
    */
    width: 280px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -36%);
}

/*.fl-module-as-slider a.disabled {*/
.fl-module-as-slider .bx-controls-direction a.disabled {
    opacity: 0.2;
}

.fl-module-as-slider .bx-controls-direction a.bx-prev {
    background-image: url("/wp-content/themes/bb-theme-child/assets/images/icon-carousel-prev.svg");
}

.fl-module-as-slider .bx-controls-direction a.bx-next {
    background-image: url("/wp-content/themes/bb-theme-child/assets/images/icon-carousel-next.svg");
}

.fl-module-as-slider .fl-post-column {
    margin: 4px 30px 0px 0px;
}

.fl-terms-carousel {
  height: 100%;
}

.fl-module-glossary-terms .fl-post-column {
  margin: 0;
  padding: 20px;
  display: flex;
  align-items: center;
  height: 100%;
}

.fl-module-glossary-terms .insight-card {
  align-items: center;
  align-self: stretch;
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid var( --as-accent-secondary );
  border-radius: 16px;
  box-shadow: rgba(149, 157, 165, 0.6) 0px 4px 16px;
}

/* Header search placeholder style
 * Note:
 * User agents are required to ignore a rule with an unknown selector.
 * A group of selectors containing an invalid selector is invalid.
 * So we need separate rules for each browser. Otherwise the whole group would be ignored by all browsers
------------------------------- */

/* Chrome/Opera/Safari */
.fl-search input[type="search"].fl-search-input::-webkit-input-placeholder {
  color: #fff !important;
}
/* Firefox 19+ */
.fl-search input[type="search"].fl-search-input::-moz-placeholder {
  color: #fff !important;
}
/* IE 10+ */
.fl-search input[type="search"].fl-search-input:-ms-input-placeholder {
  color: #fff !important;
}
/* Firefox 18- */
.fl-search input[type="search"].fl-search-input:-moz-placeholder {
  color: #fff !important;
}


/* search on Newsroom */
.fl-typed-search .form-control,
.fl-typed-search .form-control:focus {
    /*width: 88%;   make touch */
}

.fl-page .fl-typed-search button.fl-button-submit {
    background-size: auto 50%;
    border-radius: 50%;
    height: 30px;
    width: 10%;
    margin-right: 13px;
}

/* Filter pills on Newsroom page */
.fl-archive-filters.fl-newsroom-filters .fl-taxonomy-filter-wrap {
  flex: 0 0 20%;  /* makes pills same width and causes long filter names to break on multiple lines */
}


/* news room card container */
.fl-archive .fl-insight-content .fl-row-fixed-width {
  padding: 0 20px;  /* so card edges don't touch browser edge in mobile */
}

@media only screen and ( min-width: 992px ) {
    .fl-archive .fl-insight-content .fl-row-fixed-width {
      padding: 0px;  /* don't need for desktop */
    }
}



/* Search results page styles
------------------------------- */
.fl-search-grid {
  max-width: 960px;
}

.fl-search-grid h2 { /* page title */
  padding-bottom: 40px;
  border-bottom: 1px solid #cccccc;
}

.fl-search-grid .fl-page-title-wrap {
  padding-bottom: 40px;
}

.fl-search-grid .fl-search-list .fl-search-list-item {  /* individual search result */
  margin-bottom: 40px;
  border-bottom: 1px solid #cccccc;
  max-width: 768px;
}

.fl-search-grid .fl-search-list .fl-search-list-item .fl-search-list-image {  /* individual search result image */

}

.fl-search-grid .fl-search-list .fl-search-list-item .fl-search-list-type {  /* individual search result file type */
  font-size: 14px;
  margin-bottom: 5px;
  max-width: 768px;
}

.fl-search-grid .fl-search-list .fl-search-list-item h3.fl-search-list-title {  /* individual search result title */
  font-size: 20px;
  font-weight: 700;
  max-width: 768px;
}

.fl-search-grid .fl-search-list .fl-search-list-item p {  /* individual search result description */
  margin-bottom: 40px;
  max-width: 768px;
}


/* Taxonomy filter selects
------------------------------- */

.fl-taxonomy-filter-wrap,
.facetwp-sort {
  margin-bottom: 20px;
  padding: 16px 20px;
  /* original right arrow
  background-image: url('/wp-content/themes/bb-theme-child/assets/images/icon-arrow-right.svg');
  background-repeat: no-repeat;
  background-position: 94% 8px;
  background-size: 9px 18px;
  */
  border: 1px solid #b3b3b3;
  border-radius: 24px;
  transition: all 0.4s;
}

.facetwp-sort {
  padding: 9px 20px;
}

/*.fl-archive-filters .fl-taxonomy-filter-wrap.open*/
.fl-taxonomy-filter-wrap.open {
  /* original down arrow
  background-image: url('/wp-content/themes/bb-theme-child/assets/images/icon-arrow-down-orange.svg');
  background-size: 18px 9px;
  background-position: 90% 14px;
  */
}

.fl-taxonomy-filter-wrap .fl-taxonomy-filter-title,
.fl-taxonomy-filter-wrap .fl-taxonomy-filter-title:hover,
.fl-taxonomy-filter-wrap .fl-taxonomy-filter-title:focus,
.facetwp-sort-select { /* anchor, toggle trigger*/
  display: block;
  margin: 0;
  line-height: 1;
  color: #b3b3b3;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 0px;
  /*background-image: url('/wp-content/themes/bb-theme-child/assets/images/icon-arrow-right.svg');*/
  background-repeat: no-repeat;
  background-position: right;
  background-size: 9px 18px;
}

.fl-taxonomy-filter-wrap.open.active .fl-taxonomy-filter-title,
.fl-taxonomy-filter-wrap.open .fl-taxonomy-filter-title { /* filter category inside pill */
  background-image: url('/wp-content/themes/bb-theme-child/assets/images/icon-arrow-down-orange.svg');
  background-size: 15px 9px;
  color: #f3704c;  /* on color */
}

.fl-taxonomy-filter-wrap.active .fl-taxonomy-filter-title { /* filter category inside pill */
  background-image: url('/wp-content/themes/bb-theme-child/assets/images/icon-arrow-right-on.png');
  background-size: 9px 18px;
  color: #f3704c;  /* on color */
}

.fl-taxonomy-filter-select-wrap { /* contains checkboxes inside filter drop down */
  display: none;
  padding-top:15px;
}

.fl-taxonomy-filter-select { /* UL wrapping links */
  margin: 10px 0 0;
}


.fl-taxonomy-filter-select-wrap.open .facetwp-checkbox.checked {  /* filter name inside pill */
  color: #f3704c;  /* on color */
}

.fl-taxonomy-filter-select-wrap.open .facetwp-facet {
    margin-bottom: 0px;
}

/* Default Facet sort selector */
.facetwp-sort-select {
  margin: 0 auto;
  width: 100%;
  border-width: 0;
  outline: none;
}

/* Filter videos font sizing
 * should be limited to sidebar Filter videos text
------------------------------------ */
.fl-module-sidebar .fl-taxonomy-filter-wrap .fl-taxonomy-filter-item {
  font-size: 14px;
}

.fl-module-sidebar .fl-taxonomy-filter-wrap .fl-taxonomy-filter-item a:hover {
  color: var( --as-accent-primary );
}

.fl-taxonomy-filter-link {}


/* Sidebar header font sizing
------------------------------------ */
.fl-module-sidebar .fl-widget-title {
  font-size: 22px;
}




/* Insight filter interface ( based on taxo selects )
---------------------------------------------------------- */
.fl-archive-filters {
  display: block;
  position: relative; /* display filters in column (for mobile)  */
  z-index: 142;
  width: 100%;
  padding: 0px;
}

.fl-archive-filters .fl-taxonomy-filter-wrap {
  padding: 12px 12px 12px 12px; /* make button/pill taller */
  background-color: #fff;
  background-position: 90% 8px;
  flex: 0 0 15%;
}


.fl-taxonomy-filter-wrap .fl-taxonomy-filter-title {
  background-image: url('/wp-content/themes/bb-theme-child/assets/images/icon-arrow-right.svg');
}

@media only screen and ( min-width: 480px ) {
  /* display filters in row */
  .fl-archive-filters {
    position: absolute;
    top: 26px;
    left: 0;
    display: flex;
    /*justify-content: space-evenly; IE 11 doesn't support */
    justify-content: space-around; /* see https://caniuse.com/#search=justify-content */
    align-items: flex-start;
    flex-direction: row;
  }

}



/* Facet filter styling (created for use on /insights but may be used elsewhere)
---------------------------------------------------------- */

/* Replace FacetWP checkboxes with + or - sign
 * checkboxes appear in open Filter menus */
.fl-archive-filters .fl-taxonomy-filter-wrap .facetwp-checkbox {
  background: url(/wp-content/themes/bb-theme-child/assets/images/facetwp-plus-sign.png) no-repeat;
  background-position: top right 3px; /* 3px lines up with category arrow */
  background-size: 10px 10px;
  margin-bottom: 4px;
  padding-left: 0px;
  padding-right: 20px; /* moves + or - from end of filter name */
  cursor: pointer;
  font-size: 12px;
  color: #b3b3b3;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

.fl-archive-filters .fl-taxonomy-filter-wrap .facetwp-checkbox.checked {
  background-image: url(/wp-content/themes/bb-theme-child/assets/images/facetwp-minus-sign.png);
}


.fl-archive-filters .fl-taxonomy-filter-wrap .facetwp-checkbox .facetwp-counter {
    display: none; /* don't display count */
}


/* See X more in facet drop down menu
 * :not used to override bootstrap css
---------------------------------------------------------- */
a.facetwp-toggle:not([href]):not([tabindex]),
a.facetwp-toggle:not([href]):not([tabindex]):hover {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b3b3b3;
    font-weight: 700;
}



/* control color of border around home page (maybe other pages too) video in lightbox */
.fl-button-lightbox-wrap .mfp-content .mfp-iframe-scaler {
  background: #000;
}

.fl-button-lightbox-wrap .mfp-content .mfp-iframe-scaler iframe {
  border: 0;
}


/* This was part of the Marketo form styles */
html {
  -webkit-overflow-scrolling: touch;
}

.uabb-content .uabb-modal-content-data h3 {
  text-align: center;
}

/* white box on https://devaswp.wpengine.com/why-allscripts/ not sure where else same kind of box may be */
.fl-module .fl-module-content .uabb-module-content.uabb-infobox {
  border-radius: 15px;
}

/* footer styling overrides */

footer.fl-page-footer-wrap .widget_nav_menu ul li {
    line-height: 0.8;
}

.fl-page-footer-wrap .fl-widget .menu .current-menu-item>a {
  color: #fff;  /* want footer links to always be white 8/14/19 */
}


/* layout fixes */

/* fixes card layout on newsroom page for IE 11 */
body.fl-builder-ie-11 .fl-insight-content .fl-insight-primary {
    justify-content: flex-start;
    flex-direction: row-reverse;
}

body.fl-builder-ie-11 .fl-content-slider .fl-slide {
   height: 500px;  /* IE bug - causes to vertically center */
}

/* slider on  Events page (style above was making section too tall) */
body.fl-builder-ie-11 .fl-node-5d24fca6e6600 .fl-content-slider .fl-slide {
    height: inherit;
}


/* fixes problem when button does not lose focus after click (see https://devaswp.wpengine.com/about-us/careers/) */
.fl-builder-content .fl-button-wrap > a.fl-button:focus {
  background: var( --as-button-bg-hover );  /* same background color as hover */
}

/* sets "Register Now" link in slider on https://devaswp.wpengine.com/events/ orange instead of white */
.fl-page .fl-builder-content .fl-slide-text a {
    color: #f3704c;
}

/* Cookie banner styles
---------------------------- */
.fl-preset-allscripts #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme { /* main bar BG */
  background-color: var( --as-bg-primary );
  border-top: 1px solid  var( --as-bg-primary );
}

.fl-preset-allscripts #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button:hover { /* Settings link */
  color: var( --as-link-color );
}

.fl-preset-allscripts #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img {
  max-height: auto;
  max-width: 150px;
}

.fl-preset-allscripts #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,
.fl-preset-allscripts #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton,
.fl-preset-allscripts .gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green,
.fl-preset-allscripts #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon,
.fl-preset-allscripts #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
  color: var( --as-button-color );
  background-color: var( --as-button-bg );
  border: var( --as-button-border-width ) var( --as-button-border-style ) var( --as-button-border );
}

.fl-preset-allscripts #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover,
.fl-preset-allscripts #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover,
.fl-preset-allscripts .gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:hover,
.fl-preset-allscripts #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:hover,
.fl-preset-allscripts #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
  color: var( --as-button-color-hover );
  background-color: var( --as-button-bg-hover );
  border: var( --as-button-border-width ) var( --as-button-border-style ) var( --as-button-border );
}


/* New About page styles
----------------------------- */

/* Weird link presentation */
.elevating .fl-module-content a,
.elevating .fl-module-content a:hover,
.elevating .fl-module-content a:focus {
  text-decoration: underline;
}

.elevating .fl-module-content a {
  color: var( --as-link-color ) !important;
}

.elevating .fl-module-content a:hover,
.elevating .fl-module-content a:focus {
  color: rgb( from var( --as-link-color ) r g b / .6 ) !important;
}


/* Timeline tweaks */
.uabb-timeline-wrapper .uabb-timeline-connector { /* timeline markers */
  /* border: 1px solid; */
  position: absolute;
  width: 100%;
  bottom: 0;
}

div.uabb-timeline-connector .slick-arrow,
div.uabb-timeline-connector .slick-arrow:hover,
div.uabb-timeline-connector .slick-arrow:focus { /* Fix arrow position */
  top: 50%;
  transform: translateY(-50%);
}

/* Flex-col class to handle col height, content alignment in col groups
---------------------------------------------------------------------------- */

.fl-flex-cols .fl-col-group,
.fl-flex-cols .fl-col-group:has( div + div  ) { /* mainly handle alignment of images */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and ( min-width: 1090px ) {

  .fl-flex-cols .fl-col-group,
  .fl-flex-cols .fl-col-group:has( div + div  ) { /* mainly handle alignment of images */
    flex-direction: row;
  }

}

.fl-flex-cols .fl-col-content,
.fl-flex-cols .fl-module,
.fl-flex-cols .fl-module-content { /* Enforce equal heights */
  height: 100%;
}


.fl-flex-bottom .fl-col-group {
  align-items: flex-end;
}

.fl-flex-center .fl-col-group {
  align-items: center;
}

.fl-flex-top .fl-col-group {
  align-items: flex-start;
}


/* Glossary styles
----------------------- */

.as-glossary-terms-wrap {
  display: flex;
  flex-direction: column-reverse;
}

@media only screen and ( min-width: 992px ) {

  .as-glossary-terms-wrap {
    flex-direction: row;
  }

} /* /MQ */

.as-glossary-terms {
  flex: 1 1 75%;
  padding: 0 16px 16px;
}

.as-glossary-term-letters {
  flex: 1 1 25%;
  padding: 16px 16px 0;
}


@media only screen and ( min-width: 992px ) {

  .as-glossary-terms {
    padding: 32px;
  }

  .as-glossary-term-letters {
    padding: 32px;
    border-left: 1px solid var( --as-bg-secondary );
  }

} /* /MQ */


.as-glossary-group {
  display: flex;
  margin: 32px 0;
  padding: 32px 0;
  border-bottom: 1px solid var( --as-accent-secondary );
}

.as-current-letter {
  margin-right: 32px
}

.as-current-letter h1 {

}

li.as-glossary-term-link {
  padding: 8px 0;
}

.as-glossary-group-terms-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.as-glossary-term-letters-list { /* These are the jump-to links */
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat( 6, 1fr );
  position: sticky;
  top: 120px;
  list-style: none;
}

@media only screen and ( min-width: 992px ) {

  .as-glossary-term-letters-list {
    grid-template-columns: repeat( 4, 1fr );
  }

} /* / MQ */

.as-glossary-term-letters-letter {
  margin: 2px;
}

.as-glossary-term-letters-letter a {
  display: block;
  padding: 4px 8px;
  background: var( --as-heading-color );
  border: 1px solid var( --as-bg-secondary );
  border-radius: 8px;
  color: #FFFFFF;
  text-align: center;
}

.as-glossary-term-letters-letter a:hover,
.as-glossary-term-letters-letter a.current {
  background: var( --as-bg-secondary );
  border: 1px solid var( --as-heading-color );
  color: var( --as-heading-color );
  text-decoration: none;
}

.as-glossary-term-card {
  margin: 0 auto;
  padding: 32px;
  width: 80%;
  border: 1px solid var( --as-accent-secondary );
  border-radius: 32px;
}


/* Term popup styles
-------------------------- */

a.term-trigger {
  position: relative;
  display: inline-block;
}

a.term-trigger:hover {
  cursor: help;
  text-decoration: none;
}

a.term-trigger::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  transform-origin: top left;
  border-bottom: 2px dashed var( --as-link-color );
}


  a.term-trigger:hover::before,
  a.term-trigger:focus::before {
    border-bottom-color: var( --as-heading-color );
  }


a.term-trigger:focus::before {
  animation: term-trigger-underline 2s ease-in-out 2;
}

@keyframes term-trigger-underline {
  0% {
    width: 100%;
  }
  50% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

.term-modal-wrap {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -30%);
  padding: 20px;
  max-width: 480px;
  background: #FFFFFF;
  border: 1px solid var( --as-accent-secondary );
  border-radius: 16px;
  box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px;
  z-index: 420;
}

.term-modal-close-wrap {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
}

.term-modal-close {
  display: block;
  width: 24px;
  height: 24px;
  background: url('../images/icon-utility-nav-close.svg') no-repeat 50% 50%;
  background-size: 70%;
  font-size: 12px;
  text-indent: -999px;
  overflow: hidden;
}

.term-modal-close:hover {
  background-image: url('../images/icon-utility-nav-close-hover.svg');
}


.term-modal-title-wrap h4.term-modal-title  {
  color: var( --as-heading-color ) !important;
  font-size: 24px;
  font-weight: var( --as-font-weight-xbold );
  text-align: left;
}

.term-modal-wrap .term-modal-definition-wrap p {
  margin-top: 0;
  color: #000000 !important;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
}

.as-modal-closer { /* easy click anywhere to close */
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  backdrop-filter: blur( 1px );
  z-index: 419;
}

.as-modal-closer.active {
  display: block;
  width: 100%;
  height: 100%;
}


/* Privacy policy banner
----------------------------- */

.policy-banner {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 80%;
  margin: 16px auto;
}

.policy-banner p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  color: #FFFFFF;
  font-size: 16px;
}

.policy-banner p:before {
  content: "";
  display: inline-block;
  margin-right: 16px;
  width: 24px;
  height: 24px;
  background: url( '../images/icon-alert-reverse.svg' ) no-repeat 50% 50%;
  background-size: contain;
}

.policy-banner a {
  margin-left: 16px;
}

.policy-banner a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.policy-banner button {
  padding: 0;
  width: 16px;
  height: 16px;
  background: url( '../images/icon-banner-close.svg' ) no-repeat 50% 50%;
  background-size: contain;
  border-width: 0px;
  border-radius: 0;
  text-indent: -999px;
  line-height: 1;
  overflow: hidden;
}