/* Inter font */
/* -------------------------------------------------------
Variable font.
Usage:

  html { font-family: 'Inter', sans-serif; }
  @supports (font-variation-settings: normal) {
    html { font-family: 'Inter var', sans-serif; }
  }
*/
@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url("/wp-content/themes/kinetica/fonts/inter/Inter-roman.var.woff2?v=3.19") format("woff2"); }
@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url("/wp-content/themes/kinetica/fonts/inter/Inter-italic.var.woff2?v=3.19") format("woff2"); }
/* Turn Images into Mauve */
/* Admin Bar Overrides */
.admin-bar .fl-page-nav-right.fl-page-header-fixed,
.admin-bar .fl-page-header-fixed,
.admin-bar .fl-page-header-vertical {
  top: 30px; }

.fl-builder-bar-title img {
  display: none; }

/* Bootstrap Overrides */
pre {
  margin: 10px 0;
  border: 0;
  font-size: 16px; }

.breadcrumb {
  background-color: initial;
  font-size: 90%;
  text-transform: uppercase;
  padding: 0;
  margin-left: 5px; }

/* Solve a funky line when there is a shape layer on the bottom of a panel */
.fl-builder-layer {
  bottom: -1px; }

/* Add some color at the top of regular pages */
.fl-page {
  background-color: #fff; }

.fl-page-content {
  background: initial; }

.fl-page-header {
  background-color: #271759;
  background-image: linear-gradient(145deg, #271759 0%, #783490 100%); }

.fl-page-nav .mega-menu a[href="#"]:hover, .fl-page-nav .mega-menu a[href="#"]:focus {
  color: #c5a3fc !important; }

/* Desktop modifications */
@media (min-width: 992px) {
  /* Menu Adjustments - Designed to work with BB-Themes Fade-in header. */
  .fl-page-header-primary {
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 50;
    background-color: #150a3942;
    background-image: initial; }

  .fl-page-nav-right .fl-page-header-container {
    padding-top: 12px;
    padding-bottom: 12px; }

  .fl-page-header-row row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline; }

  .fl-page-nav-right .fl-page-nav .navbar-nav {
    flex-wrap: nowrap; }

  .fl-page-nav-right .fl-page-nav-collapse {
    display: flex !important;
    justify-content: space-between; }

  .single-event .fl-page-header-primary, .single-post .fl-page-header-primary, .page-events .fl-page-header-primary, .page-latest .fl-page-header-primary, .page-blog .fl-page-header-primary, .solid-nav .fl-page-header-primary {
    background-color: #5a4a79;
    background-image: linear-gradient(145deg, rgba(51, 34, 172, 0.5) 0%, #4e2b7999 100%); }
    .single-event .fl-page-header-primary .navbar-nav li.current-menu-item > a, .single-post .fl-page-header-primary .navbar-nav li.current-menu-item > a, .page-events .fl-page-header-primary .navbar-nav li.current-menu-item > a, .page-latest .fl-page-header-primary .navbar-nav li.current-menu-item > a, .page-blog .fl-page-header-primary .navbar-nav li.current-menu-item > a, .solid-nav .fl-page-header-primary .navbar-nav li.current-menu-item > a {
      color: #fff !important; }

  body.page:not(.fl-builder) .fl-page-header-primary,
  body.single:not(.fl-builder) .fl-page-header-primary {
    background-color: #271759;
    background-image: linear-gradient(145deg, #271759 0%, #783490 100%); }
  body.page:not(.fl-builder) .fl-page-content,
  body.single:not(.fl-builder) .fl-page-content {
    padding-top: 100px; }
  body.page:not(.fl-builder) .fl-content,
  body.single:not(.fl-builder) .fl-content {
    padding: 30px; } }
/* Nav Adjustments */
.fl-page-nav-right .fl-page-header-wrap {
  border-bottom: 0; }

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a {
  font-weight: 500;
  color: #fff; }
  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a:hover {
    color: #c5a3fc; }
.fl-page-nav-right .fl-page-nav-wrap .nav_signin {
  text-align: right;
  color: #fff; }
  .fl-page-nav-right .fl-page-nav-wrap .nav_signin i {
    padding-right: 5px;
    color: #fff; }
  .fl-page-nav-right .fl-page-nav-wrap .nav_signin a {
    color: #fff;
    font-weight: 500;
    font-family: "Lato",sans-serif;
    font-size: 17px; }
.fl-page-nav-right .fl-page-nav-wrap .other_links {
  text-align: right;
  color: #fff; }
  .fl-page-nav-right .fl-page-nav-wrap .other_links i {
    padding-right: 5px;
    color: #fff; }
  .fl-page-nav-right .fl-page-nav-wrap .other_links a {
    font-size: 120%;
    padding: 0 2px; }
@media (max-width: 992px) {
  .fl-page-nav-right .fl-page-nav-wrap .other_links {
    text-align: left;
    padding: 10px 0; }
  .fl-page-nav-right .fl-page-nav-wrap .nav_signin {
    text-align: right;
    padding: 10px 0;
    margin-top: -50px; } }

/* The fixed menu */
.fl-page-header-fixed {
  background-color: #2c2245e6 !important;
  background-image: linear-gradient(145deg, rgba(51, 34, 172, 0.5) 0%, #4e2b7999 100%); }
  .fl-page-header-fixed .fl-page-header-container {
    padding-top: 10px;
    padding-bottom: 10px; }

@media (min-width: 992px) {
  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-ancestor > a {
    color: #c5a3fc; }

  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-parent > a {
    color: #000; }

  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item > a {
    color: #9a3bba; }

  /* #e5a6fa */
  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a {
    color: #e0b4ef; } }
/* Changes to mobile / ipad menu - This is still visible even at full screen!!!! */
.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-wrap {
  background-color: initial; }
.fl-page-nav-toggle-visible-medium-mobile .fl-page-header-wrap .fl-page-header-container {
  max-width: initial;
  padding-left: 20px !important;
  padding-right: 20px; }
.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle {
  top: 20px; }
.fl-page-nav-toggle-visible-medium-mobile .fl-page-header-logo {
  padding-left: 0px; }
.fl-page-nav-toggle-visible-medium-mobile .fl-submenu-icon-wrap .fl-submenu-toggle-icon:after {
  color: #fff; }
@media (max-width: 991px) {
  .fl-page-nav-toggle-visible-medium-mobile .fl-page-nav ul.sub-menu li a {
    color: #fff !important; }
  .fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse ul.navbar-nav li {
    border-bottom: 1px dashed #ffffff33 !important; }
  .fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse ul.navbar-nav > li > a {
    color: #fff !important;
    padding-left: 0 !important; }
  .fl-page-nav-toggle-visible-medium-mobile.fl-page-nav-right .fl-page-nav-collapse {
    flex-direction: column;
    align-items: stretch; }
  .fl-page-nav-toggle-visible-medium-mobile .menu-item-description {
    display: none; }
  .fl-page-nav-toggle-visible-medium-mobile ul.sub-menu ul.sub-menu li a:before {
    display: none; }
  .fl-page-nav-toggle-visible-medium-mobile .navbar .menu-try-now a {
    display: block;
    padding: 10px; } }

/* Logo */
.fl-page-header-primary .fl-logo-img,
.fl-page-header-fixed .fl-logo-img {
  max-width: 150px;
  padding-bottom: 5px; }

/* Overrides fl-page-nav-search */
.jz-page-nav_search {
  order: 1;
  position: relative;
  padding-left: 20px;
  background-color: #00000033; }
  .jz-page-nav_search a.fa-search {
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 50;
    color: #fff !important;
    font-size: 18px; }
  .jz-page-nav_search input[type=search] {
    background-color: initial;
    border: 0;
    border-radius: initial;
    border-bottom: 1px solid #ffffff66;
    color: #fff;
    margin-top: -2px;
    padding-left: 10px;
    font-size: 18px;
    height: 50px; }
    .jz-page-nav_search input[type=search]::placeholder {
      color: #867895; }
  @media (max-width: 992px) {
    .jz-page-nav_search {
      padding-left: 0;
      margin-top: 10px; } }
  @media (min-width: 992px) and (max-width: 1200px) {
    .jz-page-nav_search {
      background-color: initial; }
      .jz-page-nav_search a.fa-search {
        position: relative;
        top: initial;
        right: initial;
        padding-left: 40px; }
      .jz-page-nav_search input {
        display: none; } }

/* Try Now Btn in Navbar */
.navbar .menu-try-now {
  position: relative; }
  .navbar .menu-try-now a {
    padding: 6px 14px;
    color: #fff;
    border: 1px solid #ac1edb;
    background-color: #ac1edb;
    margin-left: 5px;
    /* border-radius:initial; padding: 29px 15px 31px; text-transform:uppercase; display:inline; white-space: nowrap; */ }
  .navbar .menu-try-now a:hover {
    background-color: #6315e2;
    border: 1px solid #6315e2;
    color: #fff;
    text-decoration: none; }
  .navbar .menu-try-now a.invert {
    border-color: #fff;
    background-color: initial; }
  .navbar .menu-try-now a:focus {
    color: #fff; }
  @media (max-width: 768px) {
    .navbar .menu-try-now {
      display: none; } }

.navbar-collapse:before,
.navbar-collapse:after {
  content: none; }

/* Submenu */
ul.navbar-nav li.mega-menu > ul.sub-menu a .menu-item-description {
  font-size: 80%;
  color: #a59eb8;
  margin: 0; }
ul.navbar-nav li.mega-menu > ul.sub-menu .deployment-option {
  margin-left: 15px;
  border-radius: 5px;
  margin-top: 5px;
  max-width: 300px; }
  ul.navbar-nav li.mega-menu > ul.sub-menu .deployment-option a {
    padding-left: 0.15rem; }
    ul.navbar-nav li.mega-menu > ul.sub-menu .deployment-option a:before {
      font-family: "Font Awesome 5 Pro";
      font-size: 130%;
      padding: 10px;
      float: left;
      margin-top: -5px; }
    ul.navbar-nav li.mega-menu > ul.sub-menu .deployment-option a .menu-item-description {
      margin-left: 48px; }
  ul.navbar-nav li.mega-menu > ul.sub-menu .deployment-option.devedition a:before {
    content: '\f109'; }
  ul.navbar-nav li.mega-menu > ul.sub-menu .deployment-option.cloud a:before {
    content: '\f0c2'; }
  ul.navbar-nav li.mega-menu > ul.sub-menu .deployment-option.managed a:before {
    content: '\f0ee'; }
@media (min-width: 768px) {
  ul.navbar-nav li.mega-menu > ul.sub-menu {
    width: auto;
    border-radius: 10px; } }

.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle * {
  color: #fff; }

/* Industry Pages in Menu */
.menu-item-12341 .sub-menu {
  column-count: 2; }

.menu-item-13540 .sub-menu {
  column-count: 2; }

/* List items in the blog have all this unnecessary spacing around them. I don't understand why */
body.has-blocks .fl-post-content ul,
body.has-blocks .fl-post-content ol {
  margin: 10px 0;
  max-width: initial;
  list-style-position: initial; }

.blog .fl-page-content,
.single-class .fl-page-content,
.single-post .fl-page-content,
.single-event .fl-page-content,
.single-press-release .fl-page-content,
.single-resource .fl-page-content,
.single-partner .fl-page-content:not(.has-header) {
  padding-top: 100px; }

/* Adjust default treatment of images in blog posts */
.fl-photo-caption {
  font-size: 85%;
  color: #999;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  white-space: initial;
  text-overflow: initial; }

.wp-caption p.wp-caption-text {
  font-size: 85%;
  line-height: initial;
  color: #666;
  font-style: italic; }

.fl-module-content h2 {
  margin-top: 0; }

.fl-builder-edit .fl-page-header-primary {
  position: relative; }

/* Magnific Popup */
.mfp-bg {
  background: #100e19;
  opacity: 0.9; }

.mfp-arrow i {
  font-size: 250%; }

.mfp-arrow.arrow-right {
  right: 0; }

/* I hacked the header of the Beaver Builder Post Feed */
.fl-post-feed-header .post-type {
  font-size: 90%;
  color: #aaa;
  text-transform: uppercase; }

.fl-post-feed-post:last-of-type {
  border-bottom: 0; }

/* Foooter */
.fl-page-footer {
  font-size: 14px;
  padding: 80px 0; }

.fl-page-footer-text {
  line-height: 30px; }

.fl-page-footer-row {
  margin: 0;
  padding: 20px 0; }

.fl-page-footer-nav > li {
  font-size: 16px;
  width: 25%;
  float: left;
  text-transform: uppercase; }
.fl-page-footer-nav li a {
  padding: 0; }
.fl-page-footer-nav > li > a {
  font-weight: bold; }
  @media (max-width: 1024px) {
    .fl-page-footer-nav > li > a {
      font-size: 12px; } }
.fl-page-footer-nav ul.sub-menu {
  display: block;
  padding-left: 0;
  margin-top: 15px;
  list-style-type: none; }
.fl-page-footer-nav .sub-menu li {
  font-size: 15px;
  float: none;
  text-transform: initial; }

.syntaxhighlighter {
  font-size: 0.85em !important;
  padding: 5px;
  background-color: #f5f5f5 !important; }
  .syntaxhighlighter table td.code .line {
    padding: 0.25em 1em !important; }
  .syntaxhighlighter .line.alt1 {
    background-color: #f5f5f5 !important; }
  .syntaxhighlighter .line.alt2 {
    background-color: #f5f5f5 !important; }
  .syntaxhighlighter .plain,
  .syntaxhighlighter .plain a {
    color: #333 !important; }

.ssba-share-text {
  display: none; }

.menu-item__lang-selector .selected-lang {
  line-height: 1; }

.hs-form input, .hs-form textarea {
  font-size: 16px; }

/* SITE WIDE STYLE OVERRIDES */
body.modal-active:after {
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: black;
  opacity: .4;
  z-index: 10; }

ul.wide,
ol.wide {
  margin: 10px 0; }
  ul.wide li,
  ol.wide li {
    margin-bottom: 10px; }
    ul.wide li > b,
    ol.wide li > b {
      display: block; }

p {
  margin: 15px 0; }

ul.nodots {
  list-style-type: none;
  padding-left: 0; }

ul.noindent {
  padding-left: 20px; }

ul.noindent.nodots {
  padding-left: 0; }

dt {
  font-weight: 500;
  margin-top: 10px; }

code {
  color: #271759;
  background-color: #f3f4f6; }

/* Page styles */
h1 {
  font-size: 250%;
  font-weight: 600; }
  h1 .second_part {
    font-size: 75%;
    display: block; }
  @media (min-width: 992px) {
    h1 {
      font-size: 325%; } }

h2,
h3 {
  color: #000;
  font-weight: 600; }

h3 {
  margin-top: 30px;
  font-size: 130%; }

h4 {
  margin-top: 30px;
  font-weight: bold;
  font-size: 110%; }

h1 + .subtitle,
h2 + .subtitle {
  font-size: 125%;
  color: #7c6caa; }

/* Solves the problem where h3's have all this unnecessary top-margin at the top of a BB text block. */
.fl-rich-text > h3:first-child,
.fl-html > h3:first-child {
  margin-top: 0; }

/* Single Header Styles... Blog, Tutorials, etc. */
.single-tutorial h2 {
  margin-top: 50px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee; }
.single-tutorial h4 {
  font-size: 125%; }

.single-post h1,
.single-resource h1,
.single-event h1 {
  font-weight: 600; }
  @media (min-width: 992px) {
    .single-post h1,
    .single-resource h1,
    .single-event h1 {
      font-size: 45px; } }

.btn {
  background-color: #ac1edb;
  border-radius: 10px;
  font-weight: bold;
  color: #fff;
  padding: 10px 16px;
  font-size: 100%;
  transition: background-color 0.5s;
  display: inline-block;
  margin-bottom: 5px; }
  .btn:hover, .btn a:hover {
    background-color: #6315e2;
    color: #fff; }
  .btn:visited, .btn:focus {
    color: #fff; }
  .btn.large {
    font-size: 130%; }
  .btn.wide {
    width: 100%; }
  .btn.btn-light, .btn.btn-light:hover, .btn.btn-light:visited {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #8e3fb1;
    color: #8e3fb1;
    letter-spacing: 1px;
    padding: 12px 24px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    display: inline-block; }

/* First panel at the head of the page... needs room to clear the menu */
.fl-builder-content .fl-row:first-of-type:not(.hero) .fl-row-content-wrap {
  padding-top: 100px; }

.fl-row.hero .fl-row-content-wrap {
  padding: 20px 0; }
  @media (min-width: 992px) {
    .fl-row.hero .fl-row-content-wrap {
      padding: 140px 0 90px; } }

/* Fix to enable deep-linking within the doc... otherwise the part jumped to is hidden by the menu. */
/* h3:before,  h4:before,  h5:before  {  display:block; content:" ";  margin-top:-110px;  height:110px;  visibility:hidden; }
*/
/* Simple mechanism for placing some content inside a rounded corner box */
.in_box {
  border-radius: 10px;
  padding: 10px 20px;
  background-color: #faf9fe; }

.std_panel {
  /* Panel Logo - a little greyed out identifier of what the panel is about. */ }
  .std_panel h1 {
    text-align: center; }
  .std_panel h2 {
    text-align: center;
    font-weight: 600; }
  .std_panel h3 {
    font-weight: 600; }
  .std_panel h1 .highlight {
    font-weight: bold; }
  .std_panel h1 + .subtitle,
  .std_panel h2 + .subtitle {
    text-align: center;
    margin-bottom: 30px; }
  .std_panel .fl-row-content-wrap {
    padding: 50px 0; }
  .std_panel .panel-logo {
    position: relative;
    top: -15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #d3cfd6;
    text-align: center; }
    .std_panel .panel-logo img {
      filter: sepia(1) grayscale(80%) hue-rotate(-160deg) opacity(0.1);
      height: 35px;
      margin-right: 10px;
      margin-top: -3px; }
  .std_panel.left h1, .std_panel.left h2 {
    text-align: left; }
  .std_panel.left h2 + .subtitle {
    text-align: left; }
  .std_panel.left .panel-logo {
    text-align: left;
    position: absolute;
    top: 10px; }
  @media only screen and (min-width: 48em) {
    .std_panel h3 {
      font-size: 160%; }
    .std_panel h2 {
      font-size: 225%; } }

.on_indigo {
  color: #e2e3e9;
  background-color: #220542;
  background-image: linear-gradient(145deg, #3322ac 0%, #9b3ba1 100%);
  font-weight: 400;
  /* Linked hitters are where the whole box is a link */ }
  .on_indigo h1 {
    color: #fff; }
  .on_indigo h2 {
    color: #fff; }
  .on_indigo h3 {
    color: #fff; }
  .on_indigo h1 + .subtitle,
  .on_indigo h2 + .subtitle {
    color: #ffffff99; }
  .on_indigo a {
    color: #cbc0ed; }
  .on_indigo .caption {
    color: #d4d1e1; }
  .on_indigo .btn {
    display: inline-block;
    color: #fff;
    background-color: #ac1edb;
    border: 1px solid #ac1edb; }
    .on_indigo .btn:hover {
      background-color: #6315e2; }
    .on_indigo .btn.invert {
      border-color: white;
      background-color: initial; }
  .on_indigo .white-btn {
    padding: 8px 15px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase; }
    .on_indigo .white-btn:hover {
      background-color: #fff;
      color: #333; }
  .on_indigo .linked.pillars > div {
    background-color: #ffffff11; }
  .on_indigo .linked.pillars > div:hover {
    background-color: #0000001a;
    border-bottom: 5px solid #ac1edb; }
  .on_indigo .linked.pillars h3, .on_indigo .linked.pillars .title {
    color: #fff; }
  .on_indigo.tiled_above {
    background-image: url(/wp-content/themes/kinetica/images/backgrounds/horizontal_tiles_woi.png); }
  .on_indigo.tiled_below {
    background-image: url(/wp-content/themes/kinetica/images/backgrounds/horizontal_tiles_iow.png); }

.on_blue {
  color: #e2e3e9;
  font-weight: 400;
  background: #9a30ad;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ac1edb 0%, #9a30ad 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #ac1edb 0%, #9a30ad 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #ac1edb 0%, #9a30ad 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .on_blue h1 {
    color: #fff; }
  .on_blue h2 {
    color: #fff; }
  .on_blue h3 {
    color: #fff; }
  .on_blue a {
    color: #e0d6f4;
    text-decoration: underline; }
  .on_blue .subtitle {
    color: #e0d6f4; }
  .on_blue .caption {
    color: #FFFFFFAA; }
  .on_blue .fl-photo-caption {
    color: #FFFFFFAA; }
  .on_blue .btn {
    background-color: #ddd4ff;
    color: #7741a7;
    text-decoration: none;
    margin-top: -3px; }
    .on_blue .btn:hover {
      background-color: #fff; }

.on_grey {
  background-color: #eeeff5; }
  .on_grey .subtitle {
    color: #a8a4bd; }
  .on_grey .in_box {
    background-color: #ffffff99; }

.on_white {
  background-color: #fff; }

/* White Striped Background */
.striped_above {
  background-image: url(/wp-content/themes/kinetica/images/backgrounds/white-stripes-fade.jpg);
  background-position: top center;
  background-repeat: repeat-x; }

.gradient_text {
  background-image: linear-gradient(45deg, #e5aaf9, #8f7cc9);
  background-color: #8f7cc9;
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent; }

/* Sidebar */
.fl-sidebar-right .module {
  border: 4px solid #f3f4f6;
  margin-bottom: 20px; }
.fl-sidebar-right .module h3 {
  margin: 0;
  padding: 5px 10px;
  background-color: #f3f4f6; }
.fl-sidebar-right .module > div {
  margin: 5px;
  padding: 5px; }

/* On Headers for the main pages */
.dark_photo_overlay {
  background-color: rgba(0, 0, 0, 0.5); }

/* Captions below photos */
.caption,
.fl-photo-caption {
  font-size: 85%;
  color: #333;
  text-overflow: default; }

.fl-photo-caption-hover {
  color: #fff; }

.wp-caption {
  background: initial;
  border: none; }

/* Constrain image sizes in the content layer */
.fl-post-content img {
  max-width: 100%; }

/* Edit Link - Usually used to give Admins the ability to edit a chunk of content */
.edit_link,
.edit_link a,
a.edit_link,
.ssba-sharecount {
  display: none; }

.admin-bar .edit_link {
  display: initial; }

.admin-bar .edit_link a,
.admin-bar a.edit_link,
.admin-bar a.post-edit-link {
  display: initial;
  color: #9e1eb5;
  font-size: 13px !important;
  text-decoration: none !important;
  font-weight: normal !important;
  text-transform: none !important; }

.admin-bar .ssba-sharecount {
  display: block; }

/* We used these in tutorials to draw attention to stuff.... probably works in blog posts too.  */
.callout {
  background-color: #eeeff5;
  padding: 10px 20px 10px 60px;
  margin: 20px 0 20px; }
  .callout p {
    margin: 0; }
  .callout p:first-child:before {
    display: block;
    font-size: 200%;
    color: #878196;
    float: left;
    margin-left: -45px;
    margin-top: -5px;
    font-family: 'FontAwesome';
    content: '\f05a'; }
  .callout.advice p:first-child:before {
    content: '\f1cd'; }
  .callout.warning {
    background-color: #fff4db;
    color: #cc9001; }
  .callout.warning p:first-child:before {
    content: '\f071';
    color: #f5ad00; }
  .callout.success {
    background-color: #edfbed;
    color: #476747; }
  .callout.success p:first-child:before {
    content: '\f046';
    color: #476747; }

/* Notes to self */
.jz_note {
  display: none;
  background-color: #f6f600;
  color: #553;
  position: relative;
  padding: 0 5px;
  font-size: 90%;
  border: 1px dashed #d9da66; }

.admin-bar .jz_note {
  display: inline-block; }

.jz_note.public {
  display: inline-block;
  background-color: #ffee85; }

/* In the footer of the page? */
.social-icons {
  margin-left: 5px;
  font-size: 20px;
  display: inline-block; }
  .social-icons a {
    color: #fff;
    text-align: right; }
  .social-icons i {
    padding-left: 8px; }

.avatar {
  background: #fff;
  border: 4px solid #ededef;
  border-radius: 50px; }
  .avatar img {
    display: block;
    width: 110px;
    height: 110px; }

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

/* Used in blog posts to make the first para bigger */
.intro-para {
  font-size: 125%;
  margin-bottom: 20px; }

.post p,
.post ul {
  font-size: 110%; }

/* Used above a title to provide context */
.pre-title {
  opacity: 0.3;
  text-transform: uppercase;
  font-size: 90%;
  font-weight: bold; }

/* Layout for an image with a video click handler */
a.vidoverlay {
  position: relative;
  font-size: 300%; }
  a.vidoverlay:before {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    z-index: 5;
    content: '\F04b';
    font-family: "FontAwesome";
    opacity: 0.6;
    color: #271759; }
  a.vidoverlay.dark:before {
    color: #fff; }
  a.vidoverlay:hover:before {
    opacity: 0.9; }

/* Hide some content from public viewing */
.hide-from-public {
  display: none; }

.insider .hide-from-public,
.admin-bar .hide-from-public {
  display: block; }

/* Hide from Mobile */
/* Content Tables are used to display information in the body of the content */
.data-table {
  width: 100%;
  background-color: #fff; }
  .data-table th {
    color: #fff;
    background-color: #715b95;
    padding: 5px;
    border: 1px solid #fff;
    font-weight: 600;
    font-size: 90%; }
  .data-table td {
    padding: 10px;
    border: 1px solid #fff;
    font-weight: 300;
    font-size: 90%;
    vertical-align: top; }
  .data-table tr:nth-child(odd) {
    background-color: #eeeff5; }
    .data-table tr:nth-child(odd) td:first-child {
      background-color: #eeeff5;
      font-weight: 500; }
  .data-table tr:nth-child(even) {
    background-color: #f3f4f6; }
    .data-table tr:nth-child(even) td:first-child {
      background-color: #f3f4f6;
      font-weight: 500; }

/* Allows a quote to be placed inline with content in a standard manner */
.pullquote {
  font-style: normal;
  color: #000000;
  border-left: 8px solid #71698a;
  padding-left: 30px;
  margin: 20px 0; }
  .pullquote .quote {
    color: #4d4a56;
    display: inline-block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
    font-size: 180%;
    line-height: 185%;
    font-weight: 500;
    font-family: "Helvetica Neue", "Helvetica", Roboto, Arial, sans-serif; }
  .pullquote .quote:before {
    content: '\201C';
    color: #71698a;
    font-size: 70px;
    position: absolute;
    top: 10px;
    height: 0.55em;
    vertical-align: bottom;
    margin-left: -45px; }
    @media (max-width: 768px) {
      .pullquote .quote:before {
        font-size: 60px;
        padding-top: 14px;
        height: 0.45em; } }
  .pullquote .quote:after {
    content: '\201D';
    color: #71698a;
    font-size: 70px;
    display: inline;
    position: relative;
    top: 10px;
    height: 0.55em;
    vertical-align: bottom;
    padding-left: 10px; }
    @media (max-width: 768px) {
      .pullquote .quote:after {
        font-size: 60px;
        padding-top: 14px;
        height: 0.45em; } }
  .pullquote .attribution {
    padding-left: 40px;
    font-size: 175%;
    display: block;
    font-weight: bold;
    color: #71698a; }
  .pullquote.small {
    padding-left: 20px;
    margin: 12px 0; }
    .pullquote.small .quote {
      font-size: 110%;
      line-height: 1.7; }
    .pullquote.small .quote:before {
      top: -30px; }
    .pullquote.small .quote:after {
      position: absolute;
      top: 0;
      display: inline-block; }
  .on_indigo .pullquote {
    border-left-color: #968aba; }
    .on_indigo .pullquote .quote {
      color: #fff; }
    .on_indigo .pullquote .quote:before,
    .on_indigo .pullquote .quote:after {
      color: #968aba; }
    .on_indigo .pullquote .attribution {
      color: #968aba; }
  .fl-slide-text .pullquote {
    border: 0; }
    .fl-slide-text .pullquote .quote:before {
      color: #fff; }

img.mauve {
  filter: sepia(1) grayscale(60%) hue-rotate(-160deg) opacity(0.8); }

/* Style the warning for private pages */
h1 .private_notice {
  background-color: #c00;
  font-size: 10px;
  color: #fff;
  padding: 3px 8px;
  border-radius: 2px;
  vertical-align: text-top; }

/* Results of forms... this would be inserted into the header of the page.  - GF Handles it differently . FadeIn will be faded in */
.response {
  border-left: 5px solid #666;
  background-color: #f6f6f6;
  padding: 5px 10px;
  font-size: 90%;
  margin: 10px 0px 20px; }
  .response .title {
    font-size: 120%;
    font-weight: 700; }
  .response.success {
    border-left: 5px solid #69be28;
    background-color: #e6f2df;
    color: #69be28; }
  .response.success a {
    color: #3d7215; }
  .response.success .title {
    color: #69be28;
    font-weight: bold; }
  .response.fail {
    border-left: 5px solid #c00;
    background-color: #fcc; }
  .response.fail .title {
    color: #c00; }
  .response.fail .title a {
    color: #800; }

/* Used with mini-tab system on Try page and olt tutorials - should be ul > li */
.simple.tabs {
  padding-left: 0;
  margin-top: 20px; }
  .simple.tabs > li {
    background-color: #fff;
    top: 1px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    list-style-type: none;
    padding: 3px 10px 3px;
    border-bottom: 3px solid #fff;
    margin-right: 5px; }
    .simple.tabs > li a {
      color: #000;
      text-decoration: none; }
    .simple.tabs > li.active {
      border-bottom-color: #ac1edb; }

/* Goes with the simple tabs */
.tabbed .section {
  transition: opacity .5s ease-out, height .5s ease-out;
  opacity: 0;
  height: 0;
  position: relative;
  top: 20px;
  overflow: hidden; }
  .tabbed .section.active {
    opacity: 1;
    height: auto;
    top: 0px; }

.new {
  vertical-align: super;
  font-size: 70%;
  font-weight: normal;
  color: #933;
  padding: 0 3px; }

/* Steps.. used on the Try page. */
ol.big_steps {
  list-style: none;
  counter-reset: step-counter;
  padding-left: 0; }
  ol.big_steps > li {
    counter-increment: step-counter;
    margin-bottom: 20px; }
  ol.big_steps > li::before {
    float: left;
    display: inline-flex;
    margin-right: 10px;
    width: 36px;
    content: counter(step-counter);
    font-size: 120%;
    color: #fff;
    background-color: #ac1edb;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-align: center; }
  ol.big_steps .title {
    margin-left: 45px;
    font-size: 120%;
    font-weight: bold;
    color: #000; }
  ol.big_steps .desc {
    margin: 10px 0 10px 45px; }

/* Hitters are an old way to do column layouts... still in use for multiple three column layouts on the site.  */
.hitters {
  list-style-type: none;
  padding-left: 0px; }
  .hitters > div, .hitters > li {
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 15px;
    vertical-align: top; }
    @media only screen and (min-width: 48em) {
      .hitters > div, .hitters > li {
        border-right: 10px solid transparent;
        padding-right: 20px; } }
  .hitters.center > div {
    text-align: center; }
  @media only screen and (min-width: 48em) {
    .hitters {
      margin-right: -30px; } }

@media only screen and (min-width: 48em) {
  .two.hitters > div,
  .two.hitters > li {
    width: 48%; }

  .three.hitters > div,
  .three.hitters > li {
    width: 32.8%; }

  .four.hitters > div,
  .four.hitters > li {
    width: 24.5%; }

  .five.hitters > div,
  .five.hitters > li {
    width: 19.5%; } }
.maincontent ul.hitters {
  padding: 0px; }

.hitter {
  text-align: center; }
  .hitter .icon {
    font-size: 200%;
    margin-bottom: 10px;
    float: left;
    padding-right: 20px;
    padding-bottom: 10px; }
  .hitter .icon img {
    max-width: 60px; }
  .hitter .large.icon {
    font-size: 500%;
    color: #2E89BD; }
  .hitter h3 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 125%;
    margin-top: 0; }
  .hitter p {
    clear: both; }
  .hitter.left {
    text-align: left; }

/* Pillars are similar to hitters, but with a visual box around them */
.pillars {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
  /* Used to force a number of rows */ }
  .pillars > div,
  .pillars .pillar {
    text-align: center;
    flex: 1 1 0px;
    min-width: 200px; }
    .pillars > div .icon img,
    .pillars .pillar .icon img {
      width: 50px; }
    .pillars > div .icon i,
    .pillars .pillar .icon i {
      color: #41197e;
      font-size: 250%;
      padding-top: 10px; }
    .pillars > div h3,
    .pillars > div .title,
    .pillars .pillar h3,
    .pillars .pillar .title {
      font-size: 130%;
      color: #000;
      margin: 0;
      margin-top: 10px; }
    .pillars > div .subtitle,
    .pillars .pillar .subtitle {
      font-weight: 500;
      margin: 0 0 20px;
      color: #922a6c; }
    .pillars > div ul, .pillars > div .desc,
    .pillars .pillar ul,
    .pillars .pillar .desc {
      padding: 25px 20px 0; }
    .pillars > div li,
    .pillars .pillar li {
      margin-bottom: 10px;
      list-style-type: none;
      text-align: left;
      padding-left: 20px; }
      .pillars > div li:before,
      .pillars .pillar li:before {
        font-family: 'FontAwesome';
        content: '\f055';
        margin: 0 15px 0 -30px;
        color: #c3bdd4; }
  .pillars.left > div,
  .pillars.left .pillar {
    text-align: left; }
  .pillars.left .icon {
    float: left;
    padding-right: 10px; }
  .pillars.left .desc {
    clear: both;
    padding: 20px 0; }
  .pillars.white > div,
  .pillars.white .pillar {
    padding: 20px;
    background-color: #ffffff; }
  .pillars.grey > div,
  .pillars.grey .pillar {
    padding: 20px;
    background-color: #eeeff5; }
  .on_indigo .pillars h3, .on_indigo .pillars .title {
    color: #fff; }
  .on_indigo .pillars .icon i {
    color: #fff; }
  .on_indigo .pillars > div,
  .on_indigo .pillars .pillar {
    padding: 20px;
    background-color: #00000030; }
  .pillars.two > div {
    flex-basis: 48%; }
  .pillars.three > div {
    flex-basis: 32%; }
  .pillars.four > div {
    flex-basis: 23.5%; }
  .pillars.five > div {
    flex-basis: 18.5%; }
  .pillars.linked > div:hover {
    cursor: pointer;
    border-bottom: 5px solid transparent; }
  .pillars.linked a:hover {
    text-decoration: none; }

/* Used as the copy icon with <code class="simple"> */
pre {
  position: relative; }
  pre .copy-code {
    position: absolute;
    right: 20px;
    font-size: 140%;
    color: #888;
    transition: color 0.5s; }
    pre .copy-code:after {
      content: "";
      transition: opacity 1s;
      opacity: 0; }
    pre .copy-code:active {
      transform: translateY(2px);
      font-size: 150%; }
    pre .copy-code:hover {
      color: #ac1edb; }
    pre .copy-code.confirmed {
      color: #ac1edb; }
      pre .copy-code.confirmed:after {
        position: absolute;
        right: 30px;
        opacity: 1;
        content: "Copied";
        font-size: 70%;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-weight: 500;
        background-color: #ac1edb;
        color: #fff;
        border-radius: 3px;
        padding: 4px 5px; }

/* STD Forms */
button, input[type=button], input[type=submit] {
  border: 0;
  background-color: #8E3FB1;
  border-radius: 0; }

button:hover, input[type=button]:hover, input[type=submit]:hover {
  background-color: #271957;
  border: 0; }

button:active, input[type=button]:active, input[type=submit]:active {
  background-color: #271957;
  border: 0; }

/* GRAVITY FORMS DEFAULT STYLING */
.gf-modal {
  position: relative;
  padding: 20px;
  background: #fff;
  width: auto;
  max-width: 600px;
  margin: 20px auto;
  border-radius: 25px; }
  .gf-modal .gform_footer {
    text-align: right; }
  .gf-modal .gform_wrapper {
    margin: 0; }
  .gf-modal h3.gform_title {
    margin: -20px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #5a4a79;
    background-image: linear-gradient(145deg, #3322ac 0%, #9b3ba1 100%);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: #fff;
    text-transform: uppercase; }
  .gf-modal .mfp-close {
    color: #fff;
    top: 12px;
    right: 12px; }
    .gf-modal .mfp-close:hover {
      top: 12px; }

.gform_wrapper .gf_step span.gf_step_number {
  font-size: 120%;
  font-weight: bold;
  padding-top: 2px;
  font-family: "Open Sans", sans-serif;
  margin-right: 4px;
  background-color: #f190aa;
  color: #fff;
  vertical-align: middle;
  border-radius: 20px;
  text-align: center;
  width: 25px;
  height: 25px;
  margin-right: 5px; }

/* Progress Bar */
.gform_wrapper .percentbar_blue {
  background-color: #2e89bd;
  color: #fff; }

.gform_wrapper .gf_progressbar {
  padding: 0; }

/* Error Messages */
.gform_wrapper div.validation_error {
  background-color: #ffeaea;
  border: 0;
  color: #c31717; }

.gform_wrapper li.gfield.gfield_error {
  border: 0;
  background-color: initial; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: initial; }

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
  border: 1px solid #c31717; }

.gform_wrapper .field_description_below.gfield_error .gfield_description {
  padding-top: 0; }

.gform_wrapper .gfield_error .gfield_label {
  color: #c31717; }

.gform_wrapper .validation_message {
  color: #c31717; }

.kinetica {
  /* INLINE DEMO FORM */ }
  .kinetica .gform_wrapper ul li.gfield {
    margin-top: 5px; }
  .kinetica .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    display: none; }
  .kinetica .gform_wrapper label.gfield_label {
    font-weight: normal;
    font-size: 85%; }
  .kinetica .gform_wrapper .top_label div.ginput_container {
    margin-top: 0; }
  .kinetica .gform_wrapper .gform_footer {
    margin-top: 5px; }
  .kinetica .gform_wrapper .field_description_below .gfield_description {
    padding-top: 3px;
    font-style: italic; }
  .kinetica .gform_confirmation_wrapper {
    padding: 20px 10px;
    margin: 25px auto; }
  .kinetica .gform_wrapper h3.gform_title {
    font-weight: 300;
    font-size: 24px; }
  .kinetica .ginput_container_time label {
    display: none !important; }
  .kinetica .ginput_container_time input {
    display: inline-block; }
  .kinetica .on_indigo .gform_confirmation_wrapper {
    background-color: #180D38;
    color: #fff; }
  .kinetica .on_grey .gform_confirmation_wrapper {
    background-color: #e2e4ec;
    color: #271759; }
  .kinetica .on_blue .gform_confirmation_wrapper {
    background-color: #D6E9F4;
    color: #025382; }
  .kinetica .gform_confirmation_message {
    padding-left: 50px;
    padding-top: 5px; }
    .kinetica .gform_confirmation_message::before {
      float: left;
      margin-left: -40px;
      margin-top: -5px;
      font-family: 'FontAwesome';
      content: "\f087";
      font-size: 180%; }
  .kinetica .try-demo h2 {
    margin: 0;
    margin-bottom: 10px; }
  .kinetica .try-demo .fl-module-content {
    margin-top: 0;
    margin-bottom: 0; }
  .kinetica .try-demo .fl-widget {
    margin-bottom: 0; }
  .kinetica .try-demo .gform_wrapper .gform_heading {
    margin-bottom: 0; }
  .kinetica .try-demo .gform_wrapper {
    margin: 0; }
  .kinetica .try-demo #gform_2 {
    position: relative; }
    .kinetica .try-demo #gform_2 .gform_heading {
      margin-bottom: 20px; }
    .kinetica .try-demo #gform_2 .gform_description {
      margin-bottom: 0; }
    .kinetica .try-demo #gform_2 li.gfield {
      margin-top: 0; }
    .kinetica .try-demo #gform_2 label {
      display: none; }
    .kinetica .try-demo #gform_2 .button {
      background-color: #e0d6f4;
      color: #2E89BD;
      border: 0;
      padding: 8px 12px; }
    .kinetica .try-demo #gform_2 input.small {
      width: 65%; }
    @media (min-width: 768px) {
      .kinetica .try-demo #gform_2 .gform_footer {
        position: absolute;
        bottom: 0;
        right: 20px;
        width: auto; } }
  .kinetica #gform_18 {
    position: relative;
    max-width: 965px;
    margin: auto; }
    .kinetica #gform_18 .gform_heading {
      display: none; }
    .kinetica #gform_18 .gform_description {
      margin-bottom: 0; }
    .kinetica #gform_18 .gform_body {
      max-width: 965px; }
    .kinetica #gform_18 li.gfield {
      margin-top: 0;
      background-color: #271759; }
    .kinetica #gform_18 label {
      display: none; }
    .kinetica #gform_18 .button {
      background-color: #2E89BD;
      color: #e0d6f4;
      color: #fff;
      border: 0;
      padding: 8px 12px; }
    .kinetica #gform_18 .button:visited {
      background-color: #2E89BD; }
    .kinetica #gform_18 input.small {
      width: 65%; }
    @media (min-width: 768px) {
      .kinetica #gform_18 .gform_footer {
        position: absolute;
        bottom: 0;
        right: 20px;
        padding: 0; } }

/* GF STYLING : Blog Subscription */
.gform_confirmation_message_13 {
  background-color: #f6f6f6; }

/* Register to Download Form */
#gform_wrapper_8 .gform_page_footer {
  border-top: 0;
  text-align: right; }
#gform_wrapper_8 .gform_page_footer .button.gform_next_button {
  margin-right: 0;
  font-size: 90%; }
#gform_wrapper_8 .gform_page_footer .button.gform_previous_button {
  background-color: #c0cbd2;
  font-size: 90%; }
#gform_wrapper_8 .gform_page_footer .button.gform_submit_button {
  font-size: 90%; }
#gform_wrapper_8 #field_8_12 .gfield_label {
  float: left;
  margin-right: 3px; }
#gform_wrapper_8 #field_8_21 .gchoice_8_21_1 input {
  vertical-align: top; }
#gform_wrapper_8 .inline_license {
  max-height: 100px;
  border: 1px solid #e6e6e6;
  padding: 10px;
  font-family: monospace;
  font-size: 10px;
  overflow: auto;
  margin-top: 20px; }
#gform_wrapper_8 input[type="submit"] {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #8e3fb1;
  color: #8e3fb1;
  letter-spacing: 1px;
  padding: 12px 24px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  display: inline-block; }

#gform_9 label {
  display: none; }
#gform_9 input, #gform_9 select {
  display: block;
  width: 100%;
  margin-bottom: 10px; }
#gform_9 input[type="text"], #gform_9 select {
  color: black; }
  #gform_9 input[type="text"] option, #gform_9 select option {
    color: black; }
#gform_9 .gform_fields {
  display: inline; }
#gform_9 .gfield {
  display: inline; }
#gform_9 .ginput_container {
  display: inline; }
#gform_9 .gform_footer {
  display: inline; }
#gform_9 .gform_body {
  display: inline; }

.fl-post-meta #gform_9 {
  background-color: #f3f4f6;
  padding: 10px; }
.fl-post-meta .gform_confirmation_wrapper_9 {
  background-color: #271759;
  color: #fff;
  padding: 5px 10px;
  margin-top: 20px; }

.kinetica footer .gform_wrapper form {
  text-align: center; }
  @media (min-width: 768px) {
    .kinetica footer .gform_wrapper form {
      text-align: right; } }
.kinetica footer .gform_wrapper input[type=text] {
  height: 30px; }
.kinetica footer .gform_wrapper .gform_footer input[type=submit] {
  margin-right: 0 !important;
  font-size: 12px; }
.kinetica footer .gform_confirmation_wrapper {
  padding: 0; }
.kinetica footer .gform_confirmation_message {
  padding: 5px;
  background-color: #413c4e;
  border-radius: 4px;
  text-align: center; }
  .kinetica footer .gform_confirmation_message::before {
    float: none;
    margin: 0;
    padding-right: 8px;
    font-family: 'FontAwesome';
    content: "\f087";
    font-size: 140%; }

.hbspt-form ul {
  padding-left: 0;
  list-style: none; }

.wistiaHubspotFormWrapper {
  width: 90% !important; }
  .wistiaHubspotFormWrapper .hs-form-field {
    margin: 0 !important; }
  .wistiaHubspotFormWrapper input, .wistiaHubspotFormWrapper select {
    font-size: 12px !important; }

@media only screen and (min-width: 641px) {
  div.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0; }

  div.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 44%; } }
textarea.code {
  display: block;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  padding: 20px;
  font-size: 90%;
  color: #1656cc;
  background-color: #f3f3f9;
  border-radius: 4px;
  border: 0 none;
  resize: none;
  white-space: pre;
  overflow-x: auto; }

.copybtn {
  position: relative; }

.copybtn::after {
  display: inline-block;
  content: '\2713';
  color: #449944;
  margin-left: 0;
  max-width: 0;
  font-size: 22px;
  transform: scale(0);
  transition: all 0.3s linear; }

.copybtn.confirmed::after {
  transform: scale(1);
  max-width: unset;
  margin-left: 6px;
  transition: all 0.3s linear; }

/* BASIC MODALS */
.basic-modal-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  cursor: default;
  display: none;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 999996;
  background: rgba(0, 0, 0, 0);
  transition: all 0.5s linear; }

.basic-modal-overlay.on {
  display: block; }

.basic-modal-overlay.on.showing {
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.5s linear; }

.basic-modal-overclose {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: default;
  width: 100%;
  height: 100%; }

.basic-modal-window {
  box-sizing: border-box;
  margin: auto;
  z-index: 999998;
  max-width: 560px;
  height: auto;
  min-height: 550px;
  max-height: 75vh;
  overflow-y: auto;
  top: 100%;
  left: 20px;
  right: 20px;
  padding: 20px;
  position: fixed;
  border-radius: 5px;
  background-color: white;
  display: block;
  opacity: 0;
  transform: translateY(-50%); }
  .basic-modal-window h3 {
    background-color: #271759;
    color: #fff;
    text-transform: uppercase;
    margin: -20px;
    padding: 20px;
    margin-bottom: 40px; }

.basic-modal-overlay.on.showing .basic-modal-window {
  top: 50%;
  opacity: 1;
  transition: opacity 0.25s, top 0.5s; }

.basic-modal-window * {
  opacity: 0;
  transition: all 0.5s linear 0.25s; }

.basic-modal-overlay.on.showing .basic-modal-window * {
  opacity: 1;
  transition: all 0.5s linear 0.25s; }

.basic-modal-window .modal-window-content {
  text-align: center; }

.basic-modal-window h4 {
  background: #f3f3f3;
  position: relative;
  padding: 15px;
  margin-bottom: 0; }

.basic-modal-close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background: #000;
  border-radius: 100%; }

.basic-modal-close::before {
  content: "\00d7";
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-family: inherit;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  background: #000;
  border-radius: 24px;
  white-space: nowrap;
  display: block;
  position: relative; }

/* END BASIC MODALS */
/* HUBSPOT FORM STYLING */
.hbspt-form label {
  font-size: 85%;
  font-weight: 500;
  margin-bottom: 5px; }
.hbspt-form select {
  border: 0;
  background-color: #fcfcfc; }
.hbspt-form input[type=checkbox] {
  margin-right: 5px; }
.hbspt-form .hs-form-required {
  padding-left: 2px;
  color: #900; }

/*
 * MODULES - Discreet components of pages or beaver builder that are widely used throughout the site. Buttons, menus, etc.
 */
/* Benchmark comparisons */
.comparisons > div {
  min-width: initial; }
.comparisons .logo {
  text-align: center;
  height: 60px; }
.comparisons .logo img {
  max-height: 55px;
  max-width: 200px;
  width: auto;
  height: auto; }
.comparisons .perf {
  font-size: 300%;
  font-weight: bold;
  line-height: 100%;
  margin-top: 30px; }
.comparisons .metric {
  font-size: 200%;
  color: #AC1EDB;
  padding-bottom: 10px; }
.comparisons .than {
  font-weight: bold;
  font-size: 100%;
  color: #777;
  height: 70px; }
.comparisons a {
  text-decoration: underline; }
@media (min-width: 768px) {
  .comparisons .metric {
    font-size: 240%; } }
.on_indigo .comparisons .than {
  color: #fff; }

/* Extends Simple Tabs */
.tabs.capabilities {
  margin-top: 0;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap; }
  .tabs.capabilities li {
    border-bottom: 2px solid #ccc;
    border-bottom-width: 3px;
    padding: 5px 40px; }
  @media (min-width: 640px) {
    .tabs.capabilities li {
      padding: 5px 40px; } }

/* HOME CUSTOMER LOGOS IN FLEX BOX - They go with the use-case cards below */
.customer_logos {
  list-style-type: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1400px;
  margin-top: 40px;
  padding-left: 0;
  gap: 10px; }
  .customer_logos div, .customer_logos li {
    padding: 5px;
    flex: 1 1 0;
    min-width: 80px;
    border-radius: 15px; }
    .customer_logos div img, .customer_logos li img {
      min-height: 30px;
      width: 100%;
      max-width: 150px;
      max-height: 55px;
      object-fit: contain;
      height: auto;
      filter: sepia(1) grayscale(60%) hue-rotate(-160deg) opacity(0.8);
      transition: all 0.3s linear; }
  @media (min-width: 768px) {
    .customer_logos {
      padding: 0 20px; }
      .customer_logos li {
        flex: 1 1 auto; } }

/* HOME CUSTOMER LOGOS IN FLEX BOX - They go with the use-case cards below */
.customer_logos_flex {
  list-style-type: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1400px;
  margin-top: 40px;
  padding-left: 0;
  gap: 20px; }
  .customer_logos_flex li {
    padding: 5px;
    flex: 1 1 0;
    min-width: 80px;
    border-radius: 15px; }
    .customer_logos_flex li img {
      min-height: 30px;
      width: 100%;
      max-width: 150px;
      max-height: 55px;
      object-fit: contain;
      height: auto;
      filter: sepia(1) grayscale(60%) hue-rotate(-160deg) opacity(0.8);
      transition: all 0.3s linear; }
    .customer_logos_flex li a img:hover {
      filter: saturate(1);
      opacity: 1;
      transition: all 0.3s linear; }
    .customer_logos_flex li.active, .customer_logos_flex li:hover {
      border-bottom: 0;
      background-color: #332b4b8a; }
  @media (min-width: 768px) {
    .customer_logos_flex {
      padding: 0 20px; }
      .customer_logos_flex li {
        flex: 1 1 auto;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; } }
  @media (min-width: 1080px) {
    .customer_logos_flex li {
      height: 90px; } }

/* These go along with the customer logos on the home page */
.use_case_cards > div {
  text-align: left;
  background-color: #332b4b8a;
  border-radius: 25px;
  overflow: auto;
  top: 0;
  display: flex;
  flex-direction: column; }
  .use_case_cards > div .headline {
    font-size: 200%;
    margin-top: 0;
    margin-bottom: 20px;
    display: none; }
  .use_case_cards > div .screenshot {
    order: 2; }
    .use_case_cards > div .screenshot img {
      width: 100%;
      max-width: 400px;
      border: 10px solid #000; }
    .use_case_cards > div .screenshot video {
      width: 100%;
      max-width: 400px;
      border: 10px solid #000; }
  .use_case_cards > div .desc {
    font-size: 120%;
    order: 1;
    padding-bottom: 10px; }
  .use_case_cards > div .quote_section {
    background-color: #332a46;
    padding: 10px 15px;
    margin: 20px 0;
    display: none; }
  .use_case_cards > div .quote {
    font-style: italic; }
  .use_case_cards > div .attribution {
    margin-top: 5px; }
  .use_case_cards > div.active {
    padding: 20px; }
  @media (min-width: 768px) {
    .use_case_cards > div {
      flex-direction: row; }
      .use_case_cards > div .desc {
        font-size: 140%; }
      .use_case_cards > div .screenshot img {
        width: auto;
        border: 10px solid #000; }
      .use_case_cards > div .screenshot video {
        width: auto;
        border: 10px solid #000; } }

/* Styling of Custom modals... GF versions have their own version in forms.scss */
.inline.mp-modal {
  position: relative;
  padding: 20px;
  background: #fff;
  width: auto;
  max-width: 600px;
  margin: 20px auto; }
  .inline.mp-modal h3 {
    margin: -20px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #271759;
    color: #fff;
    text-transform: uppercase; }

/* Pricing Table for New Product Page - Sep 2021 */
.deployment_table {
  max-width: 900px;
  margin: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 20px; }
  .deployment_table .option {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 10px;
    font-size: 90%;
    padding: 10px 15px; }
    .deployment_table .option .title {
      font-size: 140%;
      background-color: #271759;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      margin: -10px -15px;
      margin-bottom: 20px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      padding: 10px 15px; }
    .deployment_table .option .desc {
      padding: 10px 0; }
    .deployment_table .option .price {
      text-align: center;
      color: #271759;
      font-size: 120%;
      margin-bottom: 10px; }
    .deployment_table .option .cta {
      text-align: center;
      padding: 10px;
      background-color: green; }
    .deployment_table .option.cloud .title {
      background-color: #7a3d9c; }
    .deployment_table .option.license .title {
      background-color: #7a3d9c; }

/* Login Bar */
.login-wrap {
  background-color: #0f0627;
  font-size: 80%; }

/* BANNER - WIDGETS THAT CREATE PANELS */
.banner .events {
  text-align: center; }
  .banner .events .event {
    display: inline-block;
    vertical-align: top;
    text-align: left; }
    .banner .events .event .logo {
      text-align: center;
      display: block;
      overflow: hidden;
      height: 50px; }
    .banner .events .event .logo img {
      max-width: 100%;
      height: auto;
      width: auto;
      max-height: 50px; }
    .banner .events .event .title {
      font-weight: bold;
      text-align: center;
      margin-top: 8px;
      margin-bottom: 20px; }
    .banner .events .event .date {
      font-size: 90%;
      margin-top: 10px; }
    .banner .events .event .loc {
      font-size: 90%;
      font-weight: bold;
      margin-bottom: 10px; }
    @media (min-width: 787px) {
      .banner .events .event {
        max-width: 340px;
        padding: 0px 40px; } }

.banner .articles {
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px 40px; }
  .banner .articles .article {
    vertical-align: top;
    background-color: #fff;
    flex: 1;
    padding: 0 20px 20px;
    border: 1px solid #EEEFF5; }
    .banner .articles .article .logo {
      height: 100px;
      position: relative; }
    .banner .articles .article .logo img {
      max-height: 50px;
      max-width: 70%;
      position: absolute;
      bottom: 10px; }
    .banner .articles .article .title {
      font-size: 100%;
      font-weight: bold; }
    .banner .articles .article .title a {
      text-decoration: none; }
    .banner .articles .article .quote {
      font-style: italic; }
    .banner .articles .article .date {
      font-size: 85%; }
    .banner .articles .article .more {
      display: none; }
    @media (min-width: 480px) {
      .banner .articles .article {
        min-width: 300px;
        max-width: 500px; } }
    @media (max-width: 480px) {
      .banner .articles .article:nth-child(n+4) {
        display: none; } }

/* MODULES - THESE ARE WIDGETS ALONG THE SIDE OF PARTNER PAGES AND THE LIKE */
.module.articles .article {
  margin-top: 20px; }
  .module.articles .article .logo {
    text-align: left;
    margin-bottom: 10px; }
  .module.articles .article .logo img {
    max-height: 30px;
    max-width: 80%;
    filter: sepia(100%) hue-rotate(200deg) saturate(50%); }
  .module.articles .article .title {
    font-size: 100%; }
  .module.articles .article .title a {
    text-decoration: none; }
  .module.articles .article .quote {
    display: none; }
  .module.articles .article .date {
    font-size: 85%; }
  .module.articles .article .more {
    display: none; }

.module.events .event {
  text-align: left;
  margin: 0 20px; }
  .module.events .event .logo {
    text-align: left;
    display: block;
    overflow: hidden;
    margin-bottom: 10px; }
  .module.events .event .logo img {
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 60px; }
  .module.events .event .date {
    font-size: 85%;
    margin-top: 10px; }
  .module.events .event .loc {
    font-size: 85%;
    font-weight: bold; }

.module.past-events .past-event {
  text-align: left; }
  .module.past-events .past-event .type {
    text-transform: uppercase;
    font-size: 85%;
    color: #fff;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 2px 5px; }
  .module.past-events .past-event .logo {
    text-align: left;
    display: block;
    overflow: hidden;
    margin-bottom: 10px; }
  .module.past-events .past-event .logo img {
    width: 100%; }
  .module.past-events .past-event .date {
    font-size: 85%; }
  .module.past-events .past-event .loc {
    font-size: 85%;
    font-weight: bold; }

.single-partner .module .past-event .partner {
  display: none; }

.module.tutorials {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
  gap: 20px; }
  .module.tutorials .tutorial {
    position: relative;
    vertical-align: top;
    background-color: #f3f4f6;
    padding: 200px 20px 10px;
    background-size: contain;
    background-repeat: no-repeat;
    border-bottom: 3px solid #fff; }
    .module.tutorials .tutorial:hover {
      background-color: #fff;
      border-color: #ac1edb; }
    .module.tutorials .tutorial .thumb {
      margin: -200px -20px 20px -20px;
      max-height: 180px; }
      .module.tutorials .tutorial .thumb img {
        max-height: 200px;
        width: 100%;
        object-fit: cover; }
    .module.tutorials .tutorial .title {
      padding: 30px 0px 0;
      margin-top: -2px;
      text-transform: uppercase;
      font-weight: 600; }
    .module.tutorials .tutorial .number {
      padding-top: 20px;
      margin-bottom: -20px;
      color: #c2c2c2;
      font-weight: bold;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #00000099;
      color: #fff;
      padding: 2px 8px; }
    .module.tutorials .tutorial .desc {
      padding: 0; }
    .module.tutorials .tutorial .edit_link {
      padding: 0;
      color: red; }
    .module.tutorials .tutorial a {
      color: #2e89bd; }

.api-languages {
  display: flex;
  justify-content: space-between; }
  .api-languages .hitter .img {
    height: 140px; }
    .api-languages .hitter .img img {
      max-height: 120px;
      max-width: 150px;
      width: auto; }

.module.podcasts .podcast {
  text-align: left;
  margin: 20px;
  margin-top: 0;
  background-color: #f3f4f6;
  border-radius: 5px; }
  .module.podcasts .podcast .episode {
    font-size: 90%;
    font-weight: bold;
    color: #ccc;
    text-transform: uppercase;
    margin-left: 190px;
    margin-bottom: -10px;
    padding-top: 20px; }
  .module.podcasts .podcast .title {
    margin-left: 190px;
    font-size: 250%; }
  .module.podcasts .podcast .image {
    float: left;
    display: block;
    overflow: hidden;
    margin: 15px 20px 10px 20px;
    border: 5px solid #fff; }
  .module.podcasts .podcast .image img {
    width: 140px;
    height: auto; }
  .module.podcasts .podcast .the_embed {
    margin-left: 190px;
    padding: 20px;
    padding-left: 0; }
  .module.podcasts .podcast .desc {
    margin-left: 190px; }
  .module.podcasts .podcast .edit_link {
    float: right;
    padding-right: 20px; }

/* MAINCONTENT... BODY OF PAGE */
.maincontent .articles .annual_filters a {
  display: inline-block;
  padding: 2px 10px;
  margin: 0 10px 0 0;
  background-color: #ccc;
  color: #fff;
  font-weight: bold;
  border-radius: 2px; }
  .maincontent .articles .annual_filters a:hover {
    background-color: #9e1eb5;
    text-underline: none; }
  .maincontent .articles .annual_filters a.active {
    background-color: #271759; }
.maincontent .articles .article {
  overflow: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  background-color: #f3f4f6;
  padding: 10px; }
  .maincontent .articles .article .logo {
    position: relative;
    text-align: center;
    background-color: #fff;
    padding: 10px; }
  .maincontent .articles .article .logo img {
    width: 100%;
    height: auto; }
  .maincontent .articles .article .title {
    font-size: 140%; }
  .maincontent .articles .article .title a {
    text-decoration: none; }
  .maincontent .articles .article .quote {
    font-style: italic; }
  .maincontent .articles .article .date {
    font-size: 85%; }
  .maincontent .articles .article .more {
    display: none; }
  @media (min-width: 768px) {
    .maincontent .articles .article {
      padding-left: 270px; }
      .maincontent .articles .article .logo {
        float: left;
        width: 250px;
        height: 200px;
        margin-left: -260px; }
      .maincontent .articles .article .logo img {
        max-height: 100px;
        max-width: 200px;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; } }
.maincontent .articles .error {
  margin-top: 30px; }

.maincontent .events .event {
  overflow: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  background-color: #f3f4f6;
  padding: 10px; }
  .maincontent .events .event .logo {
    position: relative;
    text-align: center;
    background-color: #fff;
    padding: 10px; }
  .maincontent .events .event .logo img {
    width: 100%;
    height: auto; }
  .maincontent .events .event .title {
    font-size: 140%; }
  .maincontent .events .event .title a {
    text-decoration: none; }
  .maincontent .events .event .quote {
    font-style: italic; }
  .maincontent .events .event .date {
    font-size: 85%;
    color: #444;
    font-weight: bold; }
  .maincontent .events .event .loc {
    font-size: 85%;
    color: #444;
    font-weight: bold; }
  .maincontent .events .event .more {
    display: none; }
  @media (min-width: 768px) {
    .maincontent .events .event {
      padding-left: 270px; }
      .maincontent .events .event .logo {
        float: left;
        width: 250px;
        height: 200px;
        margin-left: -260px; }
      .maincontent .events .event .logo img {
        max-width: 200px;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; } }

.related.partners .partner {
  background-color: #fff;
  padding: 15px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 3px solid #eeeef5; }
  .related.partners .partner:hover {
    box-shadow: 1px 1px 15px #71698a; }
  .related.partners .partner .logo {
    width: 130px;
    height: 130px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }

.channel-partners .related.partners .partner {
  padding: 10px;
  margin-right: 15px;
  margin-bottom: 15px; }
  .channel-partners .related.partners .partner .logo {
    height: 100px;
    width: 100px; }

.related.posts .post {
  padding-left: 0;
  margin-bottom: 10px; }
.related.posts .excerpt {
  display: none; }
.related.posts .author {
  display: none; }
.related.posts .date {
  font-size: 90%;
  color: #999; }

/* Style I used on some partner pages to frame a downloadable PDF - Nov16 */
.pdf-downloader {
  background-color: #eeeff5;
  padding: 20px;
  overflow: auto;
  margin-top: 20px; }
  .pdf-downloader .img {
    float: left;
    margin: 0 20px 0 0; }
  .pdf-downloader .img img {
    height: 60px; }

.related_files .file {
  overflow: auto; }
.related_files .icon {
  position: relative;
  float: left; }
.related_files .icon img {
  border: 2px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  max-width: 70px;
  margin-right: 10px; }
.related_files .icon img.video_overlay {
  box-shadow: none;
  position: absolute;
  top: 0px;
  left: 0px;
  border: none; }
.related_files .name {
  margin-left: 85px; }
.related_files .desc {
  margin-left: 85px;
  font-size: 85%; }
.related_files .edit_link {
  display: block;
  margin-left: 85px; }

.alt-links {
  display: inline-block;
  list-style-type: none;
  margin: 30px 0 0 10px;
  padding: 0; }
  .alt-links li {
    display: inline-block;
    padding: 3px 6px;
    margin-right: 10px;
    background-color: #f3f4f6;
    border-radius: 3px; }
  .alt-links a {
    color: #555; }
  .alt-links a:hover {
    color: #2E89BD; }

/* The resources links on the verticals pages */
.path-solutions .example {
  background-color: #f3f4f6;
  padding: 15px 20px 10px 60px;
  margin: 20px 0;
  color: #444; }
  .path-solutions .example:before {
    float: left;
    font-family: 'FontAwesome';
    content: '\f024';
    font-size: 200%;
    margin: -5px 5px 0 -45px;
    color: #cfcbda; }
  .path-solutions .example p:first-child:before {
    display: block;
    font-size: 140%;
    color: #878196;
    content: "Example:"; }
.path-solutions .resources .type {
  font-size: 85%;
  color: #aaa;
  text-transform: uppercase; }

/* RELATED RESOURCES */
.related.resources {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  margin: 0 -5px; }
  .related.resources .c-resources__item.-tile {
    height: auto;
    min-height: 330px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto; }
  .related.resources > div {
    flex-basis: calc(33% - 30px);
    min-width: 265px;
    margin: 15px;
    position: relative;
    overflow: hidden; }
    @media (max-width: 991px) {
      .related.resources > div {
        flex-basis: calc(50% - 30px); } }
    @media (max-width: 640px) {
      .related.resources > div {
        flex-basis: calc(100% - 30px);
        min-width: 250px;
        max-width: 360px; } }
  .related.resources .img {
    display: block;
    margin: 0 auto;
    text-align: center;
    background-color: #fff; }
    .related.resources .img .video {
      position: relative;
      display: block; }
    .related.resources .img .video:after {
      width: 100%;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      font-family: 'FontAwesome';
      content: '\f144';
      color: #fff;
      font-size: 300%;
      opacity: 0.9; }
  .related.resources .logo {
    text-align: center; }
  .related.resources .logo img,
  .related.resources .img img {
    max-width: 120px; }
  .related.resources .author {
    display: inline; }
  .related.resources .partner {
    float: right; }
  .related.resources .partner img {
    max-height: 35px;
    max-width: 120px; }
  .related.resources .newslogo {
    width: 100%;
    height: 200px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
  .related.resources .newslogo img {
    width: 100%;
    height: auto;
    max-width: 300px;
    max-height: 200px;
    object-fit: contain;
    position: absolute; }
  .related.resources .attachment {
    padding-left: 140px; }
    .related.resources .attachment .img {
      margin-left: -130px; }
    .related.resources .attachment .type {
      margin-left: -130px; }
    .related.resources .attachment .desc {
      display: none; }
  .related.resources .article .quote {
    display: none; }
  .related.resources .article .more {
    display: none; }
  .related.resources .title {
    line-height: 1.3; }
  .related.resources.past-events > div.techtalk, .related.resources.past-events > div.webinar {
    border: 1pt solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    padding: 0 15px 20px;
    border-radius: 6px; }
  .related.resources .past-event .type,
  .related.resources .techtalk.past-event .type,
  .related.resources .webinar.past-event .type {
    text-transform: uppercase;
    font-size: 80%;
    color: #999;
    margin-bottom: 8px; }
  .related.resources .past-event .title,
  .related.resources .techtalk.past-event .title,
  .related.resources .webinar.past-event .title {
    font-weight: bold; }
  .related.resources .past-event .date,
  .related.resources .techtalk.past-event .date,
  .related.resources .webinar.past-event .date {
    font-size: 80%; }
  .related.resources .past-event .logo,
  .related.resources .techtalk.past-event .logo,
  .related.resources .webinar.past-event .logo {
    margin: 0 -15px 15px -15px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px; }
    .related.resources .past-event .logo a,
    .related.resources .techtalk.past-event .logo a,
    .related.resources .webinar.past-event .logo a {
      display: block;
      margin: 0 auto 0;
      width: 160px;
      height: 160px;
      text-align: center;
      border-radius: 100%;
      overflow: hidden;
      position: relative;
      box-shadow: 0 0 25px 10px rgba(255, 255, 255, 0.3); }
      .related.resources .past-event .logo a img,
      .related.resources .techtalk.past-event .logo a img,
      .related.resources .webinar.past-event .logo a img {
        height: 160px;
        width: auto;
        max-width: 300px;
        object-fit: cover;
        position: absolute;
        right: 0; }
  .related.resources .past-event .partner,
  .related.resources .techtalk.past-event .partner,
  .related.resources .webinar.past-event .partner {
    display: none; }
  .related.resources .past-event .type,
  .related.resources .techtalk.past-event .type,
  .related.resources .webinar.past-event .type {
    margin-bottom: 0;
    padding-bottom: 0; }
  .related.resources .past-event .edit_link,
  .related.resources .techtalk.past-event .edit_link,
  .related.resources .webinar.past-event .edit_link {
    opacity: 0;
    margin-left: 0px;
    transition: .3s all;
    position: absolute;
    bottom: 2px;
    left: 0;
    line-height: 18px; }
  .related.resources .past-event:hover .edit_link,
  .related.resources .techtalk.past-event:hover .edit_link,
  .related.resources .webinar.past-event:hover .edit_link {
    opacity: 1;
    margin-left: 15px;
    transition: .3s all; }
  .related.resources .past-event:nth-child(5n+1) .logo,
  .related.resources .techtalk.past-event:nth-child(5n+1) .logo,
  .related.resources .webinar.past-event:nth-child(5n+1) .logo {
    background: #0060f6;
    background: -moz-linear-gradient(-45deg, #0060f6 0%, #0ad9f7 100%);
    background: -webkit-linear-gradient(-45deg, #0060f6 0%, #0ad9f7 100%);
    background: linear-gradient(135deg, #0060f6 0%, #0ad9f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0060f6', endColorstr='#0ad9f7', GradientType=1); }
  .related.resources .past-event:nth-child(5n+2) .logo,
  .related.resources .techtalk.past-event:nth-child(5n+2) .logo,
  .related.resources .webinar.past-event:nth-child(5n+2) .logo {
    background: #6EC3F3;
    background: -moz-linear-gradient(-45deg, #6EC3F3 0%, #c33284 100%);
    background: -webkit-linear-gradient(-45deg, #6EC3F3 0%, #c33284 100%);
    background: linear-gradient(135deg, #6EC3F3 0%, #c33284 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6EC3F3', endColorstr='#c33284', GradientType=1); }
  .related.resources .past-event:nth-child(5n+3) .logo,
  .related.resources .techtalk.past-event:nth-child(5n+3) .logo,
  .related.resources .webinar.past-event:nth-child(5n+3) .logo {
    background: #3d1f96;
    background: -moz-linear-gradient(-45deg, #3d1f96 0%, #df42c4 100%);
    background: -webkit-linear-gradient(-45deg, #3d1f96 0%, #df42c4 100%);
    background: linear-gradient(135deg, #3d1f96 0%, #df42c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d1f96', endColorstr='#df42c4', GradientType=1); }
  .related.resources .past-event:nth-child(5n+4) .logo,
  .related.resources .techtalk.past-event:nth-child(5n+4) .logo,
  .related.resources .webinar.past-event:nth-child(5n+4) .logo {
    background: #6ec3f3;
    background: -moz-linear-gradient(-45deg, #6ec3f3 0%, #3553db 100%);
    background: -webkit-linear-gradient(-45deg, #6ec3f3 0%, #3553db 100%);
    background: linear-gradient(135deg, #6ec3f3 0%, #3553db 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ec3f3', endColorstr='#3553db', GradientType=1); }
  .related.resources .past-event:nth-child(5n+5) .logo,
  .related.resources .techtalk.past-event:nth-child(5n+5) .logo,
  .related.resources .webinar.past-event:nth-child(5n+5) .logo {
    background: #f16778;
    background: -moz-linear-gradient(-45deg, #f16778 0%, #a33ec1 100%);
    background: -webkit-linear-gradient(-45deg, #f16778 0%, #a33ec1 100%);
    background: linear-gradient(135deg, #f16778 0%, #a33ec1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16778', endColorstr='#a33ec1', GradientType=1); }

h3.resources-widget-title {
  text-align: center;
  margin-bottom: 35px;
  font-size: 200%; }

.page-resources .filters .only {
  display: none;
  text-decoration: underline;
  font-size: 90%;
  color: #2E89BD;
  padding-left: 5px; }
.page-resources .filters .option:hover .only {
  display: inline; }
.page-resources .filters .only:hover {
  cursor: pointer; }
.page-resources .filters .show-all {
  float: right;
  font-size: 90%;
  color: #2E89BD;
  cursor: pointer;
  padding-bottom: 5px; }
.page-resources .filters .show-all:hover {
  text-decoration: underline; }

.ebook-promo {
  font-style: normal;
  padding-top: 20px;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  margin-bottom: -20px; }
  .ebook-promo .content {
    padding-bottom: 50px; }
  .ebook-promo h3 {
    margin-top: 10px;
    color: #000;
    font-size: 230%;
    margin-bottom: 20px; }
  .ebook-promo h3 + .subtitle {
    font-size: 110%;
    margin-bottom: 20px; }
  .ebook-promo .type {
    color: #6D7D9A;
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    text-transform: uppercase; }
  .ebook-promo img {
    width: 300px;
    max-width: 100%;
    margin-left: 20px;
    transform: rotate(4deg);
    border: 2px solid #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); }
  @media (min-width: 992px) {
    .ebook-promo .content {
      padding-bottom: 0;
      margin-right: 50%;
      padding-bottom: 130px; }
    .ebook-promo > img {
      float: right;
      width: 35%;
      top: 50px;
      position: absolute;
      right: 40px;
      overflow: hidden; } }

/* Pricing Table - Used on platform/cloud and pricing pages to show the various pricing options - Apr '22 */
.pricing_table {
  margin-top: 10px; }
  .pricing_table li {
    position: relative;
    margin-bottom: 8px; }
  .pricing_table .level {
    font-weight: 600; }
  .pricing_table .size {
    display: bold; }
  .pricing_table .price {
    position: absolute;
    display: block;
    top: 0;
    left: 350px; }
  .pricing_table .size::before {
    content: "for hot data sizes "; }
  .pricing_table .desc {
    display: block;
    font-size: 80%;
    color: #999; }

/* In the Pricing Table */
.cloud_options {
  margin: 0 auto;
  display: flex;
  justify-content: center; }
  .cloud_options.hideit {
    display: none; }
  .cloud_options .option {
    border: 1px solid #ccc;
    color: #999;
    margin: 0;
    padding: 3px 20px;
    min-width: 150px;
    text-align: center;
    cursor: pointer; }
    .cloud_options .option.active {
      border-color: #411470;
      background-color: #8f6cc7;
      color: #fff; }
    .cloud_options .option:first-of-type {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .cloud_options .option:last-of-type {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
  .cloud_options .logo {
    height: 20px;
    filter: invert(60%);
    width: auto; }
  .cloud_options .active .logo {
    filter: invert(0%); }
  .on_indigo .cloud_options .option {
    border: 1px solid #8f6cc7; }
  .on_indigo .cloud_options .logo {
    filter: invert(0%); }

/* Youtube playlist module - in development on the graph page.  */
.youtube_playlist .vid {
  font-size: 90%;
  font-weight: bold;
  overflow: auto;
  margin-bottom: 20px; }
  .youtube_playlist .vid .thumb {
    width: 160px;
    height: 90px;
    overflow: hidden;
    float: left; }
    .youtube_playlist .vid .thumb img {
      object-position: 0 -15px;
      width: 160px; }
  .youtube_playlist .vid .title {
    margin-left: 180px; }

/* NEW WIDGET EVENTS and PODCASTS STYLE ADJUSTMENTS  - DMcKnight  */
.small-date {
  font-size: 85%;
  margin-left: 10px; }

@media screen and (min-width: 992px) {
  .c-resources__item-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; } }
@media screen and (min-width: 992px) {
  .widget.events .c-resources__item-container, .related.resources:not(.past-events) .c-resources__item-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; }
    .widget.events .c-resources__item-container .c-resources__item, .related.resources:not(.past-events) .c-resources__item-container .c-resources__item {
      flex-basis: 33%;
      height: auto; } }
.widget.events .c-resources__item.-tile.techtalk, .related.resources:not(.past-events) .c-resources__item.-tile.techtalk {
  vertical-align: top;
  min-height: 380px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto; }
  .widget.events .c-resources__item.-tile.techtalk h6, .related.resources:not(.past-events) .c-resources__item.-tile.techtalk h6 {
    margin-top: 20px; }
  .widget.events .c-resources__item.-tile.techtalk .c-resources__featured-image, .related.resources:not(.past-events) .c-resources__item.-tile.techtalk .c-resources__featured-image {
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: 0 auto -10px;
    border-radius: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); }
    .widget.events .c-resources__item.-tile.techtalk .c-resources__featured-image:after, .related.resources:not(.past-events) .c-resources__item.-tile.techtalk .c-resources__featured-image:after {
      overflow: hidden !important;
      border-radius: 100% !important; }
.widget.events a:hover h6, .widget.events a:hover .small-date, .related.resources:not(.past-events) a:hover h6, .related.resources:not(.past-events) a:hover .small-date {
  text-decoration-color: rgba(0, 0, 0, 0) !important;
  text-decoration: none !important; }

/* Pricing Page - Plan Selector */
.pricing_hero h1 {
  color: #fff;
  font-size: 275%;
  font-weight: 600; }
.pricing_hero .subtitle {
  color: #e0d6f4; }
@media only screen and (min-width: 48em) {
  .pricing_hero h1 {
    font-size: 375%; } }
.pricing_hero.on_white h1 {
  color: #41216b; }
.pricing_hero.on_white .subtitle {
  color: #41216b; }

/* Pricing Page Stuff */
.plan_selector {
  display: flex;
  justify-content: center;
  font-size: 70%;
  align-items: center;
  margin-bottom: 30px;
  gap: 10px;
  color: #ffffffcc; }
  @media only screen and (min-width: 48em) {
    .plan_selector {
      font-size: 100%;
      gap: 50px; } }
  .plan_selector .option {
    padding: 10px;
    max-width: 320px; }
    .plan_selector .option .title {
      font-size: 170%;
      font-weight: 600;
      color: #fff;
      transition: color 0.5s; }
    .plan_selector .option:hover {
      cursor: pointer; }
  .plan_selector .cloud {
    order: 1;
    text-align: right; }
    .plan_selector .cloud .title {
      color: #e8aef8; }
  .plan_selector .self {
    order: 3; }
  .plan_selector .toggle {
    order: 2; }
  .plan_selector.self_selected .self .title {
    color: #baa3fc; }
  .plan_selector.self_selected .cloud .title {
    color: #fff; }
  .on_white .plan_selector {
    color: #4d32a1; }
    .on_white .plan_selector .title {
      color: #4d32a1; }
    .on_white .plan_selector .cloud .title {
      color: #9E1EB5; }
    .on_white .plan_selector .cloud .desc {
      color: #9E1EB5; }
    .on_white .plan_selector .self .title {
      color: #4d32a1; }

.cloud_providers {
  width: auto;
  margin: -250px auto 40px;
  text-align: center;
  opacity: 1;
  transition: opacity 0.5s; }
  .cloud_providers.hideit {
    opacity: 0;
    height: 0; }
  .cloud_providers .provider {
    position: relative;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 5px;
    width: 200px;
    padding: 10px;
    margin-bottom: 20px; }
    .cloud_providers .provider img {
      height: 30px; }
    .cloud_providers .provider .note {
      position: absolute;
      text-transform: uppercase;
      width: 100%;
      text-align: center;
      bottom: -30px;
      left: 0;
      color: #ffffff;
      font-size: 80%; }
    .cloud_providers .provider.disabled {
      opacity: 0.5; }

.fl_pricing_cards .fl-row-content-wrap {
  z-index: 5; }

.plan_options .options {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 40px;
  opacity: 0;
  transition: opacity 1s; }
  @media only screen and (min-width: 48em) {
    .plan_options .options {
      flex-direction: row; } }
.plan_options .option {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  background-color: #fff;
  border-radius: 25px;
  box-shadow: 0 0 15px #00000033;
  /* border-top:4px solid #b995de; */
  padding: 25px;
  padding-bottom: 100px; }
  .plan_options .option .plan_name .icon {
    float: left;
    padding-right: 10px;
    padding-top: 2px; }
  .plan_options .option .plan_name .pre {
    font-size: 90%;
    color: #8979bc; }
  .plan_options .option .opthead {
    order: 1; }
    .plan_options .option .opthead .icon {
      float: left;
      width: 50px;
      height: 50px;
      font-size: 170%;
      text-align: center;
      margin-right: 15px;
      color: #fff;
      background-color: #b995de;
      border-radius: 10px;
      padding-top: 3px; }
    .plan_options .option .opthead .pre {
      font-size: 90%;
      color: #777;
      margin-bottom: -5px; }
    .plan_options .option .opthead h3 {
      margin-top: 0;
      font-size: 140%;
      font-weight: 600;
      color: #000; }
  .plan_options .option .price {
    order: 3;
    margin-bottom: 15px;
    padding-top: 10px;
    font-size: 300%;
    font-weight: 500;
    clear: both; }
    .plan_options .option .price .pre {
      display: block;
      margin-bottom: -10px;
      border: 0;
      font-size: 13px;
      font-weight: 400; }
    .plan_options .option .price .unit {
      font-size: 15px;
      font-weight: 400;
      padding-left: 2px; }
  .plan_options .option .desc {
    order: 2;
    margin: 5px 0;
    color: #777; }
  .plan_options .option ul {
    order: 4;
    list-style-type: none;
    padding-left: 0;
    font-size: 90%; }
    .plan_options .option ul::before {
      content: "What's included:";
      font-weight: bold;
      display: block;
      margin-bottom: 10px; }
    .plan_options .option ul li {
      position: relative;
      padding-left: 25px; }
    .plan_options .option ul li::before {
      display: inline-block;
      margin-left: -25px;
      content: "\f058";
      font-family: "Font Awesome 5 Pro";
      padding: 0 10px 0 0;
      color: #8a76b3;
      font-weight: 900; }
  .plan_options .option ul + p {
    order: 5; }
  .plan_options .option .cta {
    position: absolute;
    bottom: 20px;
    order: 6;
    width: calc(100% - 50px);
    border-radius: 15px; }
    .plan_options .option .cta a {
      width: 100%;
      display: inline-block;
      text-align: center; }
  .plan_options .option .caveat {
    font-size: 80%;
    color: #888; }
  .plan_options .option .price_details {
    order: 8; }
  .plan_options .option select {
    border: 0;
    background-color: #f0f0ff; }
  .plan_options .option.coming_soon::before {
    content: "Coming Soon";
    position: absolute;
    top: 8px;
    right: -8px;
    background-color: #8a68c9;
    padding: 0 8px;
    color: #fff;
    font-size: 80%;
    white-space: nowrap; }
  .plan_options .option.beta::before {
    content: "Beta";
    position: absolute;
    top: 8px;
    right: -8px;
    background-color: #ff48a3;
    padding: 0 8px;
    color: #fff;
    font-size: 80%;
    white-space: nowrap; }
  .plan_options .option.invert {
    background-color: #271759;
    color: #fff; }
    .plan_options .option.invert .pre {
      color: #f1e1fe; }
    .plan_options .option.invert .unit {
      color: #f1e1fe; }
  .plan_options .option.free .icon {
    background-image: linear-gradient(6deg, #716adf 0%, #d687e2 100%); }
  .plan_options .option.free .cta .btn {
    background-image: linear-gradient(6deg, #716adf 0%, #d687e2 100%); }
  .plan_options .option.paid {
    border-top-color: #6ac0df; }
    .plan_options .option.paid .icon {
      background-image: linear-gradient(6deg, #6ac0df 0%, #87e2cc 100%);
      background-color: #6ac0df; }
    .plan_options .option.paid ul li::before {
      color: #6ac0df; }
    .plan_options .option.paid .cta .btn {
      background-image: linear-gradient(6deg, #6ac0df 0%, #87e2cc 100%);
      background-color: #6ac0df; }
  @media only screen and (min-width: 48em) {
    .plan_options .option {
      max-width: 350px; } }
.plan_options.cloud_selected .cloud.options {
  opacity: 1; }
.plan_options.self_selected .self.options {
  opacity: 1; }
  .plan_options.self_selected .self.options .option {
    border-top-color: #ac1edb; }

/* This is a big CSS radio button for choosing between two options. */
.toggle {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  height: 20px;
  width: 35px;
  min-width: 35px; }
  .toggle input[type="radio"] {
    position: absolute;
    left: -9999px; }
  .toggle .knob {
    position: absolute;
    transition: all 0.3s ease-in;
    top: 0;
    left: 0;
    margin: 3px;
    height: 14px;
    width: 14px;
    border-radius: 15px;
    background-color: #9e1eb5; }
    .toggle .knob i {
      display: none;
      opacity: 1;
      transition: opacity 0.3s; }
    .toggle .knob i.hideit {
      opacity: 0; }
  .toggle.active .knob {
    left: 40%;
    background-color: #4d32a1; }
  @media only screen and (min-width: 48em) {
    .toggle.big {
      border-radius: 20px;
      height: 40px;
      width: 70px; }
      .toggle.big .knob {
        margin: 5px;
        height: 30px;
        width: 30px;
        border-radius: 15px; }
        .toggle.big .knob i {
          display: block;
          padding-left: 4px;
          padding-top: 5px; }
      .toggle.big.active .knob i {
        padding-left: 6px; } }
  .on_white .toggle {
    background-color: #00000018; }
    .on_white .toggle .knob {
      color: #fff; }

.show_for_azure, .show_for_aws {
  display: none; }
  .show_for_azure.showpf,
  .show_for_aws.showpf {
    display: unset; }
  .show_for_azure.hidepf,
  .show_for_aws.hidepf {
    display: none; }
  .fl-builder-edit .show_for_azure,
  .fl-builder-edit .show_for_aws {
    display: initial; }

/* Used for attached pictures in the press-releases */
.gallery.bookshelf {
  list-style-type: none;
  overflow: auto;
  padding: 0; }
  .gallery.bookshelf li {
    float: left;
    padding: 5px;
    overflow: auto;
    width: 250px;
    margin-right: 20px;
    background-color: #f3f4f6; }
  .gallery.bookshelf .img {
    background-color: #fff;
    text-align: center;
    padding: 10px; }
  .gallery.bookshelf .title {
    font-size: 85%; }

/* PAGES.SCSS - Custom Page Specific Styles go here.... for example the learn page has some special formatting for one of it;s panesl */
/* Capabilities Tabs */
#capabilities {
  max-width: 900px;
  margin: auto; }
  #capabilities h3 {
    font-size: 110%;
    margin-top: 0; }
  @media (max-width: 640px) {
    #capabilities .section {
      height: initial;
      opacity: 1; } }
  @media (min-width: 640px) {
    #capabilities h3 {
      display: none; } }

.menu-wrap-category {
  margin: 0 20px 1rem !important; }
  @media (min-width: 992px) {
    .menu-wrap-category {
      margin: 0 auto 1rem !important; } }
  .menu-wrap-category form {
    margin: 0 1.5rem 1.5rem; }
  .menu-wrap-category .menu-category {
    text-align: center; }
  .menu-wrap-category .menu-category a {
    margin: 4px 3px;
    padding: 6px 12px;
    border-radius: 4px;
    display: inline-block;
    font-weight: 700;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    color: #fff;
    background: #8e3fb1; }
    @media (min-width: 992px) {
      .menu-wrap-category .menu-category a {
        font-size: 14px;
        line-height: 14px;
        margin: 4px 3px;
        padding: 12px 24px; } }
    .menu-wrap-category .menu-category a:hover {
      background: #fff;
      color: #8e3fb1;
      transition: all .5s;
      text-decoration: none; }

.search .fl-page-header-primary,
.category .fl-page-header-primary {
  position: absolute;
  top: 21px;
  left: 0;
  width: 100%;
  z-index: 11; }

@media (min-width: 992px) {
  .search .menu-wrap-category form {
    margin: 0; } }

.search-no-results .fl-archive {
  background-color: rgba(255, 255, 255, 0.9) !important; }

/* Blog Posts */
.blog-name {
  display: none;
  float: right;
  color: #BFBACE;
  text-align: right;
  padding-right: 10px;
  position: relative;
  top: -10px; }
  .blog-name .title {
    font-size: 200%; }
  .blog-name .subtitle {
    text-transform: uppercase;
    color: #615a77; }
  @media (min-width: 992px) {
    .blog-name {
      display: block; } }

.single-press-releases .fl-post-title.press-release {
  font-size: 285%; }

.kin-breadcrumb {
  text-transform: uppercase;
  margin-bottom: 30px; }

.single-post .kin-breadcrumb {
  margin-top: 60px; }
@media (min-width: 992px) {
  .single-post .kin-breadcrumb {
    margin-left: 65px; } }

.single .post {
  max-width: 860px;
  margin: 0 auto; }
  .single .post .fl-post-title {
    margin-top: 10px; }
  .single .post .fl-post-title.press-release {
    margin-top: 100px; }
  .single .post .fl-post-content {
    margin-top: 30px; }
    .single .post .fl-post-content img.aligncenter {
      margin-top: 15px;
      margin-bottom: 15px; }
  .single .post .post-avatar {
    display: none; }
  .single .post .fl-post-cats-tags {
    display: none; }
  .single .post .fl-post-nav {
    overflow: visible;
    border-top: 0;
    margin-top: 20px; }
    .single .post .fl-post-nav a:hover {
      text-decoration: none; }
  .single .post .fl-post-nav-prev {
    position: relative;
    width: 50%;
    float: left;
    background-color: #f6f6f6;
    min-height: 90px;
    padding: 10px;
    padding-left: 30px;
    border-right: 5px solid #fff; }
    .single .post .fl-post-nav-prev:hover {
      background-color: #f0f0f0; }
    .single .post .fl-post-nav-prev a:before {
      content: "\f137";
      font-family: 'FontAwesome';
      position: absolute;
      top: 25px;
      left: -10px;
      font-size: 180%; }
  .single .post .fl-post-nav-next {
    position: relative;
    width: 50%;
    background-color: #f6f6f6;
    padding: 10px;
    min-height: 90px;
    padding-right: 30px;
    text-align: right; }
    .single .post .fl-post-nav-next:hover {
      background-color: #f0f0f0; }
    .single .post .fl-post-nav-next a:before {
      content: "\f138";
      font-family: 'FontAwesome';
      position: absolute;
      top: 25px;
      right: -10px;
      font-size: 180%; }
  .single .post .fl-post-meta {
    margin-top: 10px;
    font-style: italic; }
  .single .post .fl-post-meta-bottom {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px; }
  .single .post .subtitle {
    font-size: 150%; }

.single .post .top-share,
.single .podcast .top-share {
  display: none;
  text-transform: uppercase;
  font-size: 12px; }
.single .post .top-share .hdr,
.single .podcast .top-share .hdr {
  padding: 2px;
  font-weight: bold; }
.single .post .ssba,
.single .podcast .ssba {
  font-style: normal; }
  .single .post .ssba.ssbp-wrap,
  .single .podcast .ssba.ssbp-wrap {
    width: auto; }
@media (min-width: 992px) {
  .single .post .fl-post-title,
  .single .podcast .fl-post-title {
    margin-top: 40px; }
  .single .post .top-share,
  .single .podcast .top-share {
    display: block;
    position: fixed;
    top: 285px;
    left: 0;
    width: 60px;
    padding: 10px 5px;
    background-color: #eeeff5;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
    .single .post .top-share .ssbp-wrap .ssbp-list li,
    .single .podcast .top-share .ssbp-wrap .ssbp-list li {
      left: -6px; }
  .single .post .top-share .ssba img,
  .single .podcast .top-share .ssba img {
    padding: 1px; }
  .single .post .post-avatar,
  .single .podcast .post-avatar {
    position: relative;
    display: block; }
  .single .post .post-avatar img,
  .single .podcast .post-avatar img {
    margin-left: -150px;
    position: absolute;
    top: 10px; } }

.single .event .in_partnership_with {
  text-transform: uppercase; }
  .single .event .in_partnership_with img {
    max-height: 30px;
    max-width: 120px; }
.single .event #reg_form {
  clear: both;
  overflow: auto;
  background-color: #f3f4f6;
  padding: 20px 20px 70px; }
  .single .event #reg_form h2 {
    margin: 10px 0 20px; }

.search .fl-archive,
.category .fl-archive,
.blog .fl-archive {
  margin: 20px;
  padding: 0; }
.search .fl-content,
.category .fl-content,
.blog .fl-content {
  margin: 0; }
.search .blog-title,
.category .blog-title,
.blog .blog-title {
  text-align: right;
  margin: 120px 0 30px;
  color: #fff;
  padding-right: 0; }
  .search .blog-title h1,
  .category .blog-title h1,
  .blog .blog-title h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 200; }
.search .subtitle,
.category .subtitle,
.blog .subtitle {
  text-transform: uppercase; }
@media (min-width: 992px) {
  .search .fl-archive,
  .category .fl-archive,
  .blog .fl-archive {
    padding: 40px 20px;
    margin: 0 auto; } }

.search .post,
.archive .post,
.category .post,
.blog .post {
  border-bottom: 0;
  padding: 30px;
  margin: 40px 0;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
  .search .post .author,
  .archive .post .author,
  .category .post .author,
  .blog .post .author {
    font-size: 90%;
    font-weight: 500;
    color: #beb5d2;
    margin: 0;
    text-transform: uppercase; }
  .search .post .title,
  .archive .post .title,
  .category .post .title,
  .blog .post .title {
    font-size: 28px;
    margin-top: 10px;
    font-weight: 500; }
  .search .post .post-avatar,
  .archive .post .post-avatar,
  .category .post .post-avatar,
  .blog .post .post-avatar {
    display: none; }
    .search .post .post-avatar img,
    .archive .post .post-avatar img,
    .category .post .post-avatar img,
    .blog .post .post-avatar img {
      margin-top: -5px; }
  .search .post:nth-child(odd),
  .archive .post:nth-child(odd),
  .category .post:nth-child(odd),
  .blog .post:nth-child(odd) {
    background-color: #fff; }
  .search .post:last-child,
  .archive .post:last-child,
  .category .post:last-child,
  .blog .post:last-child {
    padding-bottom: 20px; }
  @media (min-width: 768px) {
    .search .post,
    .archive .post,
    .category .post,
    .blog .post {
      display: flex;
      gap: 20px; }
      .search .post .featured_image,
      .archive .post .featured_image,
      .category .post .featured_image,
      .blog .post .featured_image {
        flex: 0 0 300px; }
        .search .post .featured_image img,
        .archive .post .featured_image img,
        .category .post .featured_image img,
        .blog .post .featured_image img {
          object-fit: cover; } }
  @media (min-width: 992px) {
    .search .post .post-avatar,
    .archive .post .post-avatar,
    .category .post .post-avatar,
    .blog .post .post-avatar {
      display: block;
      margin-left: -150px;
      float: left;
      padding-top: 10px; } }

.search .podcast,
.category .podcast,
.blog .podcast {
  border-bottom: 0;
  padding: 30px;
  background-color: #fff;
  margin-bottom: 50px; }
  .search .podcast .episode,
  .category .podcast .episode,
  .blog .podcast .episode {
    font-weight: 500;
    color: #beb5d2;
    text-transform: uppercase;
    margin-bottom: 5px 0;
    padding-top: 20px; }
  .search .podcast .title,
  .category .podcast .title,
  .blog .podcast .title {
    font-weight: normal;
    margin-top: 10px; }
  .search .podcast .subtitle,
  .category .podcast .subtitle,
  .blog .podcast .subtitle {
    display: inline;
    text-transform: initial;
    color: #777;
    font-size: 100%; }
  .search .podcast .desc,
  .category .podcast .desc,
  .blog .podcast .desc {
    display: inline; }
    .search .podcast .desc::before,
    .category .podcast .desc::before,
    .blog .podcast .desc::before {
      content: " "; }
  .search .podcast .image,
  .category .podcast .image,
  .blog .podcast .image {
    float: left;
    display: none;
    overflow: hidden;
    margin: 15px 20px 10px 20px;
    border: 5px solid #fff; }
  .search .podcast .image img,
  .category .podcast .image img,
  .blog .podcast .image img {
    margin-top: -5px;
    width: 102px;
    height: auto;
    border: 4px solid #ededef;
    border-radius: 5px; }
  .search .podcast .the_embed,
  .category .podcast .the_embed,
  .blog .podcast .the_embed {
    padding: 20px;
    padding-left: 0; }
  .search .podcast .edit_link,
  .category .podcast .edit_link,
  .blog .podcast .edit_link {
    padding-right: 20px; }
  @media (min-width: 992px) {
    .search .podcast,
    .category .podcast,
    .blog .podcast {
      padding: 50px 100px 50px 280px; }
      .search .podcast .image,
      .category .podcast .image,
      .blog .podcast .image {
        display: block;
        margin-left: -150px;
        float: left;
        padding-top: 10px; } }

.search .page {
  border-bottom: 0;
  padding: 30px;
  background-color: #fff;
  margin-bottom: 50px; }
  .search .page .episode {
    font-weight: 500;
    color: #beb5d2;
    text-transform: uppercase;
    margin-bottom: 5px 0;
    padding-top: 20px; }
  .search .page .title {
    font-weight: normal;
    margin-top: 10px; }
  .search .page .subtitle {
    display: inline;
    text-transform: initial;
    color: #777;
    font-size: 100%; }
  .search .page .desc {
    display: inline; }
    .search .page .desc::before {
      content: " "; }
  .search .page .image {
    float: left;
    display: none;
    overflow: hidden;
    margin: 15px 20px 10px 20px;
    border: 0 none; }
  .search .page .image img {
    margin-top: -13px;
    width: 110px;
    height: auto;
    opacity: 0.33; }
  .search .page .the_embed {
    padding: 20px;
    padding-left: 0; }
  .search .page .desc .fl-row-content-wrap, .search .page .desc .solutions-hero {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    padding: 0; }
  .search .page .desc .fl-module-content.fl-node-content {
    margin: 100px 0 0 0; }
  .search .page .desc .fl-node-content {
    min-height: 0 !important;
    margin-bottom: 0 !important; }
  .search .page .desc .c-hero__content {
    width: auto !important;
    margin-bottom: 0 !important;
    position: relative; }
    .search .page .desc .c-hero__content h6 {
      margin-top: 0; }
    .search .page .desc .c-hero__content h1 {
      font-size: 28px !important;
      margin: 10px 0 !important; }
  .search .page .edit_link {
    padding-right: 20px; }
  @media (min-width: 992px) {
    .search .page {
      padding: 50px 100px 50px 280px; }
      .search .page .image {
        display: block;
        margin-left: -150px;
        float: left;
        padding-top: 10px; } }

.single-partner h1:not(.c-header-title) {
  font-size: 60px; }
.single-partner .fl-content {
  margin-top: 0; }
.single-partner .fl-sidebar {
  margin-top: 0;
  padding-left: 80px; }
.single-partner .related.partner-logo img {
  max-width: 300px;
  max-height: 100px;
  height: auto;
  margin: 0 auto 40px;
  display: block; }

.home_hero {
  text-align: center;
  background-color: #220542;
  background-image: none;
  /* Was #cbb2f7  #ff48a3;*/ }
  .home_hero h1 {
    font-weight: 600;
    font-size: 350%; }
  .home_hero .subtitle {
    margin-top: 20px;
    font-size: 180%; }
  .home_hero .the_cta {
    margin-top: 50px; }
  .home_hero .whatforx {
    color: #ff48a3; }
  @media only screen and (min-width: 62em) {
    .home_hero h1 {
      font-size: 550%; } }

/* Timeline on About Page? */
.timeline {
  margin-top: 20px; }
  .timeline .date {
    font-size: 90%; }
  .timeline h4 {
    margin-top: 0px;
    font-weight: 500; }
  .timeline .fl-col-group {
    background-image: url(/wp-content/themes/kinetica/images/backgrounds/timeline_line.png);
    background-position: bottom center;
    background-repeat: no-repeat; }
  .timeline .fl-module-content {
    margin-bottom: 40px;
    margin-top: 0px; }
  .timeline .fl-col-group:nth-child(even) .timeline-center i {
    color: #e0d6f4; }
  .timeline .timeline-center {
    text-align: center; }
  .timeline .timeline-center i {
    font-size: 300%;
    color: #2E89BD;
    background-color: #fff;
    padding-bottom: 20px; }
  .timeline .timeline-left {
    text-align: right; }

/* Leadership Team */
.leadership .team img {
  width: 150px; }

.team {
  text-align: center; }
  .team .individual {
    vertical-align: top;
    display: inline-block;
    width: 220px;
    margin: 10px 20px;
    cursor: pointer; }
  .team .desc {
    display: none; }
  .team .name {
    font-size: 130%; }

/* View of Leadership Team pop-up */
.pop-team {
  position: relative;
  padding: 20px;
  color: #fff;
  width: auto;
  max-width: 600px;
  margin: 20px auto;
  font-size: 110%; }
  .pop-team .mfp-close {
    background-color: #271759;
    color: #fff; }
  .pop-team .face {
    float: left;
    margin-right: 20px; }
  .pop-team .face img {
    width: 200px; }
  .pop-team .role {
    font-size: 140%; }
  .pop-team .name {
    font-size: 230%; }
  .pop-team .desc {
    clear: both;
    padding-top: 20px; }

/* For the SVG charts? */
.performance-chart {
  line-height: 1; }

/* Media Center */
.press-gallery {
  background-color: #eeeff5; }
  .press-gallery .fl-photo {
    background-color: #fff;
    padding: 5px; }

/* The manual creation of the whats-new dropdowns */
.whats-new-mishmash .post {
  margin-bottom: 30px; }

/* Events Template */
.event-type {
  text-transform: uppercase;
  margin-bottom: 20px; }

/* Photo Header */
.heading-shade {
  background-color: rgba(0, 0, 0, 0.4); }

/* Customize the layout of partners and awards on the about page */
.page-about .intro-overlay {
  z-index: 10; }
.page-about .related.partners .partner {
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 0;
  border: 0;
  border-bottom: 3px solid #fff; }
  .page-about .related.partners .partner .logo {
    height: 50px; }
  .page-about .related.partners .partner:hover {
    box-shadow: none;
    border-color: #d9d5e4; }
.page-about .awards {
  text-align: center; }
  .page-about .awards .award {
    display: inline-block;
    padding-right: 20px;
    height: 100px; }
    .page-about .awards .award img {
      max-height: 90px;
      max-width: 150px;
      width: auto; }

/* SINGLE EVENT TEMPLATE */
.single-event .event-meta {
  margin-bottom: 50px; }
.single-event .event-logo img {
  max-width: 100%; }

.single-press-releases .subtitle {
  font-size: 150%;
  color: #9995ad; }
.single-press-releases .date-loc {
  font-weight: 600;
  margin-bottom: 10px; }
.single-press-releases .loc {
  text-transform: uppercase; }
.single-press-releases .fl-sidebar h3 {
  margin-top: 0; }

/* Tutorials */
.single-tutorial .tut-header, .single-podcast .tut-header {
  background-color: #eeeff5;
  min-height: 120px;
  padding-top: 150px;
  padding-bottom: 60px; }
  .single-tutorial .tut-header h1, .single-podcast .tut-header h1 {
    margin-top: 20px; }
.single-tutorial .tut-body, .single-podcast .tut-body {
  margin: -40px;
  padding: 40px;
  margin-bottom: 0;
  background-color: #fff; }
.single-tutorial .the_embed, .single-podcast .the_embed {
  margin-top: 30px; }
.single-tutorial .podcast-name, .single-podcast .podcast-name {
  text-transform: uppercase;
  font-weight: 600;
  color: #71698a;
  margin: 20px 0; }

/* Narrow text on a wide page */
.full-body-text {
  max-width: 900px;
  margin: auto; }
  .full-body-text img.alignnone {
    max-width: 600px;
    display: block;
    margin: auto; }

img.std {
  max-width: 600px !important;
  display: block;
  margin: auto; }

.copy_terms {
  font-size: 85%;
  text-align: center; }
  @media (min-width: 992px) {
    .copy_terms {
      text-align: right; } }

.fl-archive-nav > div {
  font-weight: bold;
  background-color: rgba(25, 12, 64, 0.35);
  border-radius: 3px;
  padding: 2px 8px; }
  .fl-archive-nav > div a {
    color: #fff; }

/* Resources Page */
.c-resources__container {
  max-width: 1240px;
  margin: 0 auto; }
.c-resources__content {
  background: #F6FCFC; }
.c-resources__item {
  display: block;
  text-decoration: none;
  margin-bottom: 60px; }
  .c-resources__item:before, .c-resources__item:after {
    content: "";
    display: table; }
  .c-resources__item:after {
    clear: both; }
  .c-resources__item:hover {
    text-decoration: none; }
    .c-resources__item:hover .c-resources__hover-text {
      display: block; }
  .c-resources__item.-hero {
    position: relative; }
    .c-resources__item.-hero:after {
      content: '';
      position: absolute;
      background: black;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      display: block;
      transition: opacity 0.3s;
      -webkit-transition: opacity 0.3s; }
    .c-resources__item.-hero:hover:after {
      opacity: .4; }
    .c-resources__item.-hero:hover .c-resources__content:before {
      width: 100%; }
    .c-resources__item.-hero .c-resources__content {
      position: relative;
      text-align: center;
      width: 900px;
      max-width: 90%;
      margin: 0 auto;
      padding: 50px 100px 80px 100px;
      bottom: -80px;
      z-index: 9; }
      .c-resources__item.-hero .c-resources__content:before {
        content: '';
        height: 6px;
        width: 0%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        background: #6D51E0;
        transition: all 0.3s;
        -webkit-transition: all 0.3s; }
      @media (max-width: 1024px) {
        .c-resources__item.-hero .c-resources__content {
          width: 100%;
          padding: 20px; } }
      .c-resources__item.-hero .c-resources__content h5 {
        font-size: 36px;
        font-weight: 400; }
    .c-resources__item.-hero h4 {
      color: white;
      font-size: 48px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 15px;
      position: relative;
      font-weight: 200;
      z-index: 9;
      max-width: 1200px;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
  .c-resources__item.-featured {
    position: relative;
    margin-top: 205px; }
    .c-resources__item.-featured:first-of-type {
      margin-top: 220px; }
    .c-resources__item.-featured:last-of-type {
      margin-bottom: 280px; }
    .c-resources__item.-featured .c-resources__featured-image:after {
      content: '';
      position: absolute;
      background: black;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      display: block;
      transition: opacity 0.3s;
      -webkit-transition: opacity 0.3s; }
    .c-resources__item.-featured .c-resources__content {
      position: relative; }
      .c-resources__item.-featured .c-resources__content:before {
        content: '';
        height: 6px;
        width: 0%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        background: #6D51E0;
        transition: all 0.3s;
        -webkit-transition: all 0.3s; }
    .c-resources__item.-featured:hover .c-resources__featured-image:after {
      opacity: .4; }
    .c-resources__item.-featured:hover .c-resources__content {
      position: relative; }
      .c-resources__item.-featured:hover .c-resources__content:before {
        width: 100%; }
    .c-resources__item.-featured:nth-child(odd) .c-resources__content {
      padding: 50px 30px 70px 30px;
      width: 53%;
      position: relative;
      z-index: 9;
      top: 26px; }
      @media (max-width: 1024px) {
        .c-resources__item.-featured:nth-child(odd) .c-resources__content {
          width: 100%;
          position: static;
          float: none; } }
      .c-resources__item.-featured:nth-child(odd) .c-resources__content h5 {
        font-size: 30px;
        font-weight: 400; }
    .c-resources__item.-featured:nth-child(odd) .c-resources__featured-image {
      position: absolute;
      right: 0;
      top: 0;
      width: 60%;
      height: 360px; }
      @media (max-width: 1024px) {
        .c-resources__item.-featured:nth-child(odd) .c-resources__featured-image {
          position: relative;
          width: 100%;
          float: none; } }
    .c-resources__item.-featured:nth-child(even) {
      margin-bottom: 200px; }
      @media (max-width: 1024px) {
        .c-resources__item.-featured:nth-child(even) {
          margin-bottom: 100px; } }
      .c-resources__item.-featured:nth-child(even) .c-resources__content {
        padding: 50px 30px 70px 30px;
        width: 53%;
        position: relative;
        z-index: 9;
        top: 26px;
        float: right; }
        @media (max-width: 1024px) {
          .c-resources__item.-featured:nth-child(even) .c-resources__content {
            width: 100%;
            position: static;
            float: none; } }
        .c-resources__item.-featured:nth-child(even) .c-resources__content h5 {
          font-size: 30px;
          font-weight: 400; }
      .c-resources__item.-featured:nth-child(even) .c-resources__featured-image {
        position: absolute;
        left: 0;
        top: 0;
        width: 60%;
        height: 360px; }
        @media (max-width: 1024px) {
          .c-resources__item.-featured:nth-child(even) .c-resources__featured-image {
            position: relative;
            width: 100%;
            float: none; } }
  .c-resources__item.-tile {
    vertical-align: top;
    min-height: 330px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto; }
    .c-resources__item.-tile.-show-after-filter {
      display: none; }
    .c-resources__item.-tile:hover .c-resources__featured-image:after {
      opacity: .4; }
    .c-resources__item.-tile .c-resources__content {
      background: transparent; }
    .c-resources__item.-tile .c-resources__featured-image {
      width: 100%;
      height: 200px;
      position: relative; }
      .c-resources__item.-tile .c-resources__featured-image.news {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        width: 75%;
        margin: 0 auto; }
        .c-resources__item.-tile .c-resources__featured-image.news:after {
          left: -18%;
          width: 133%; }
      .c-resources__item.-tile .c-resources__featured-image:after {
        content: '';
        position: absolute;
        background: black;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: block;
        transition: opacity 0.3s;
        -webkit-transition: opacity 0.3s; }
    .c-resources__item.-tile h5 {
      font-size: 18px;
      font-weight: 500; }
    .c-resources__item.-tile h6 {
      font-size: 12px;
      margin-top: 20px; }
  .c-resources__item h4 {
    margin-bottom: 160px;
    margin-top: 100px;
    font-weight: 400; }
  .c-resources__item h6 {
    color: #5f45b0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold; }
.c-resources__filters {
  background: #388ABC;
  padding: 15px 20px 5px;
  margin: 40px 0; }
  .c-resources__filters:before, .c-resources__filters:after {
    content: "";
    display: table; }
  .c-resources__filters:after {
    clear: both; }
  .c-resources__filters .selectize-control {
    width: 200px;
    float: left;
    margin-right: 10px; }
    .c-resources__filters .selectize-control .selectize-dropdown-content .option:first-of-type {
      margin-bottom: 20px; }
    .c-resources__filters .selectize-control .selectize-input {
      font-family: "Inter var", Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-size: 18px;
      background-color: transparent !important;
      background-image: none;
      border: none;
      color: white;
      text-shadow: none;
      outline: none;
      box-shadow: none; }
      .c-resources__filters .selectize-control .selectize-input:hover, .c-resources__filters .selectize-control .selectize-input:focus {
        background-color: transparent;
        color: white; }
      .c-resources__filters .selectize-control .selectize-input:after {
        border-color: white transparent transparent transparent; }
  @media (max-width: 1024px) {
    .c-resources__filters {
      text-align: center; } }
  .c-resources__filters select {
    font-family: "Inter var", Helvetica, Arial, sans-serif;
    background: transparent;
    color: white;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 20px; }
    @media (max-width: 1024px) {
      .c-resources__filters select {
        margin-right: 0; } }
    .c-resources__filters select option {
      background: #388ABC; }
    .c-resources__filters select__title {
      color: white;
      font-weight: bold;
      font-size: 14px;
      text-transform: uppercase;
      cursor: pointer; }
      .c-resources__filters select__title span {
        display: inline-block;
        margin-left: 10px; }
    .c-resources__filters select__options {
      display: none; }
.c-resources__hover-text {
  display: none;
  position: absolute;
  color: white;
  font-weight: bold;
  border-bottom: 4px solid #6D51E0;
  left: 50%;
  top: 48%;
  transform: translate(-50%);
  text-align: center;
  text-transform: uppercase;
  z-index: 9; }

@media screen and (max-width: 1000px) {
  .c-resources__item.-featured:nth-child(odd) .c-resources__featured-image {
    height: 250px; }
  .c-resources__item.-featured:nth-child(odd) .c-resources__content {
    padding: 30px; }
  .c-resources__item.-featured:first-of-type {
    margin-top: 150px; }
  .c-resources__item.-featured:last-of-type {
    margin-bottom: 50px; }
  .c-resources__item.-hero h4 {
    margin-top: 140px; } }
@media screen and (max-width: 767px) {
  .c-resources__item {
    margin-bottom: 40px; }
    .c-resources__item.-featured {
      margin-top: 50px; }
    .c-resources__item.-hero h4 {
      margin-bottom: 50px;
      margin-left: 20px;
      margin-top: 100px; }
    .c-resources__item.-hero .c-resources__content h5 {
      font-size: 30px; } }
.solutions-hitters .fl-col-group {
  margin-top: 20px; }

.solutions-optimize .c-contentblock img {
  height: 70px; }
.solutions-optimize .c-contentblock h5 {
  margin-top: 20px;
  height: 50px; }

#single-partner-header-container {
  height: 400px;
  background-size: cover;
  background-position: 50%; }
  #single-partner-header-container > div {
    padding-top: 140px; }
    #single-partner-header-container > div > * {
      color: #FFF; }

@media screen and (max-width: 767px) {
  #single-partner-header-container {
    height: auto;
    padding: 0 0 50px; } }
.-apple-mobile {
  width: 1px !important;
  min-width: 100%; }
  @media screen and (max-width: 375px) {
    .-apple-mobile-div {
      width: 100%; } }
  @media screen and (min-width: 375px) and (max-width: 768px) {
    .-apple-mobile-div {
      width: 99%; } }

/* Careers Page */
.perks {
  max-width: 1100px;
  margin: auto;
  display: flex;
  flex-wrap: wrap; }
  .perks .perk {
    flex: 1;
    min-width: 300px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.05);
    padding: 10px; }
    .perks .perk .title {
      display: block;
      font-weight: bold;
      font-size: 110%;
      margin-bottom: 5px; }
      .perks .perk .title i {
        margin-right: 10px; }
    @media (min-width: 480px) {
      .perks .perk {
        width: 48%;
        margin: 2%; } }
    @media (min-width: 965px) {
      .perks .perk {
        width: 31%;
        margin: 1%; } }

#career-values {
  text-align: center; }
  #career-values h2 {
    margin-bottom: 20px;
    font-size: 46px; }
  #career-values p {
    font-size: 18px; }
  #career-values #career-values-tiles {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 75px; }
    #career-values #career-values-tiles .tile {
      position: relative;
      margin-bottom: 25px;
      cursor: pointer;
      display: flex; }
      #career-values #career-values-tiles .tile.active .tile-details {
        opacity: 1;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out; }
      #career-values #career-values-tiles .tile img {
        width: 100%; }
      #career-values #career-values-tiles .tile .tile-title {
        display: table;
        width: 100%;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        vertical-align: middle;
        display: flex;
        justify-content: center;
        align-items: center; }
        #career-values #career-values-tiles .tile .tile-title h3 {
          color: #FFF;
          text-transform: uppercase; }
        #career-values #career-values-tiles .tile .tile-title > div {
          display: table-cell;
          width: 100%;
          height: 100%;
          text-align: center;
          vertical-align: middle; }
          #career-values #career-values-tiles .tile .tile-title > div h3 {
            color: #FFF;
            text-transform: uppercase; }
      #career-values #career-values-tiles .tile .tile-details {
        display: table;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        padding: 20px;
        width: calc(100% + 1px);
        height: calc(100% + 1px);
        background: rgba(255, 255, 255, 0.91);
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out; }
        #career-values #career-values-tiles .tile .tile-details > div {
          display: table-cell;
          width: 100%;
          height: 100%;
          vertical-align: middle;
          text-align: left; }
          #career-values #career-values-tiles .tile .tile-details > div span, #career-values #career-values-tiles .tile .tile-details > div p {
            color: #000; }
          #career-values #career-values-tiles .tile .tile-details > div span {
            font-weight: bold;
            display: inline-block;
            font-size: 14px;
            margin-bottom: 10px; }
          #career-values #career-values-tiles .tile .tile-details > div p {
            font-weight: 400;
            font-size: 12px; }

@media screen and (max-width: 1200px) {
  #career-values #career-values-tiles .tile .tile-details {
    padding: 10px 20px; }
    #career-values #career-values-tiles .tile .tile-details > div span {
      font-size: 12px; }
    #career-values #career-values-tiles .tile .tile-details > div p {
      font-size: 10px; } }
@media screen and (min-width: 1001px) {
  #career-values #career-values-tiles .tile {
    width: 32%; }
    #career-values #career-values-tiles .tile:nth-of-type(3n-1) {
      margin-left: 2%;
      margin-right: 2%; } }
@media screen and (min-width: 768px) and (max-width: 1000px) {
  #career-values #career-values-tiles .tile {
    width: 49%; }
    #career-values #career-values-tiles .tile:nth-of-type(2n) {
      margin-left: 2%; } }
@media screen and (min-width: 768px) {
  #career-values #career-values-tiles .tile:hover .tile-details {
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; } }
@media screen and (max-width: 767px) {
  #career-values #career-values-tiles {
    margin-top: 45px; }
    #career-values #career-values-tiles .tile {
      width: 100%;
      display: block;
      max-width: 400px;
      margin: 0 auto 30px; }
      #career-values #career-values-tiles .tile .tile-details > div span, #career-values #career-values-tiles .tile .tile-details > div p {
        font-size: 12px; }

  .custom-container > h4.group-sub-title {
    font-size: 18px; }
  .custom-container .column-content .custom-column.three h4 {
    font-size: 16px; }
  .custom-container .column-content .custom-column.four > div {
    min-height: 130px; }

  .product-details .c-contentblock > div {
    height: auto; }

  .industries .industry {
    margin: 10px 15px 0; } }
@media screen and (max-width: 400px) {
  #career-values #career-values-tiles .tile .tile-details {
    padding: 10px; }
    #career-values #career-values-tiles .tile .tile-details > div span, #career-values #career-values-tiles .tile .tile-details > div p {
      font-size: 10px; }
    #career-values #career-values-tiles .tile .tile-details > div p {
      margin-bottom: 3px; } }

/*# sourceMappingURL=base.css.map */