/*---------------------------------------------------------------------------------

 Theme Name:   Qumulo Inc
 Theme URI:    
 Description:  
 Author:       The Qumulo Web Team
 Author URI:   
 Template:     Divi
 Version:      1.2.6
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

-----------------------------------------------------------------------------------*/
/* ------------------- PAGE -------------------- */
/*
SCSS File:		page-layout
Version: 		1.0.0
Description: 	Page layout styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Page container */
#page-container {
  padding-top: 110px !important; }

/*
SCSS File:		typography
Version: 		1.0.0
Description: 	Top-level typography styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Font smoothing */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

/* Font tags */
h1 {
  font-weight: 800; }

h2 {
  font-weight: 800; }

h3 {
  font-weight: 500; }

h4 {
  font-weight: 800; }

h6 {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #00a3ca; }

p,
ul,
ol {
  font-weight: 400;
  margin: 1rem 0; }

/* ------------------- HEADER -------------------- */
/*
SCSS File:		header/layout
Version: 		1.0.0
Description: 	Header layout styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Header container */
header#main-header.et-fixed-header,
#main-header {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

/* Mobile logo (dark color) */
@media only screen and (max-width: 980px) {
  #logo {
    opacity: 0; }

  .logo_container a {
    position: relative; }
    .logo_container a::after {
      position: absolute;
      top: -50%;
      right: 0;
      bottom: -50%;
      left: -10px;
      content: '.';
      color: transparent;
      background-image: url("/wp-content/uploads/2019/03/Q-logo-onwhite.png");
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat; } }
/*
SCSS File:		header/main-menu
Version: 		1.0.0
Description: 	Main mega-menu navigation styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Mega menu */
#et-top-navigation {
  padding-top: 0 !important; }

.et_fullwidth_nav #top-menu,
#top-menu {
  margin: 0 0 10px; }
  .et_fullwidth_nav #top-menu li,
  #top-menu li {
    padding: 0;
    /* Top-level main menu items */
    /* "GET STARTED" BUTTON */ }
    .et_fullwidth_nav #top-menu li.mega-menu,
    #top-menu li.mega-menu {
      border-bottom: 3px solid transparent;
      /* MEGA MENU DROPDOWN */ }
      .et_fullwidth_nav #top-menu li.mega-menu a,
      #top-menu li.mega-menu a {
        padding: 45px 35px 30px 15px !important;
        color: #fff !important; }
        .et_fullwidth_nav #top-menu li.mega-menu a::after,
        #top-menu li.mega-menu a::after {
          top: 45px !important;
          right: 15px !important;
          -webkit-transition: all 0.4s ease-in-out !important;
          -moz-transition: all 0.4s ease-in-out !important;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out; }
        .et_fullwidth_nav #top-menu li.mega-menu a:hover,
        #top-menu li.mega-menu a:hover {
          color: #fff !important; }
      .et_fullwidth_nav #top-menu li.mega-menu.current-menu-ancestor > a,
      #top-menu li.mega-menu.current-menu-ancestor > a {
        color: #fff !important; }
      .et_fullwidth_nav #top-menu li.mega-menu .sub-menu,
      #top-menu li.mega-menu .sub-menu {
        left: auto !important;
        right: 0 !important;
        width: 100%;
        max-width: 721px;
        margin-top: 3px;
        border-top: none;
        padding-left: 0;
        padding-bottom: 0;
        /* COLUMN HEADERS */
        /* PRIMARY SUB-MENU LINKS */ }
        .et_fullwidth_nav #top-menu li.mega-menu .sub-menu li.primary-header,
        #top-menu li.mega-menu .sub-menu li.primary-header {
          min-height: 270px;
          width: 33% !important;
          border-right: 1px solid #c7c7c7;
          padding-left: 30px !important;
          /* CALL TO ACTION */ }
          .et_fullwidth_nav #top-menu li.mega-menu .sub-menu li.primary-header a,
          #top-menu li.mega-menu .sub-menu li.primary-header a {
            padding: 0 !important;
            color: #424b53 !important;
            font-weight: 600 !important;
            font-size: 11px !important;
            text-transform: uppercase !important;
            pointer-events: none !important;
            border: none !important;
            line-height: 1.5em !important;
            margin-bottom: 20px !important; }
          .et_fullwidth_nav #top-menu li.mega-menu .sub-menu li.primary-header:nth-child(3),
          #top-menu li.mega-menu .sub-menu li.primary-header:nth-child(3) {
            border-right: none; }
          .et_fullwidth_nav #top-menu li.mega-menu .sub-menu li.primary-header:last-child,
          #top-menu li.mega-menu .sub-menu li.primary-header:last-child {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            min-height: 0;
            height: auto;
            padding-left: 0 !important;
            padding-right: 20px !important;
            width: calc(100% + 20px) !important;
            border-top: 1px solid #c7c7c7;
            border-right: none;
            margin: 20px 0 0;
            /* CALL TO ACTION ARROW ICON */ }
            .et_fullwidth_nav #top-menu li.mega-menu .sub-menu li.primary-header:last-child a,
            #top-menu li.mega-menu .sub-menu li.primary-header:last-child a {
              width: unset !important;
              padding: 21px 0 !important;
              color: #424b53 !important;
              font-weight: 700 !important;
              font-size: 14px !important;
              text-transform: none !important;
              pointer-events: auto !important;
              cursor: pointer !important;
              margin-bottom: 0 !important; }
              .et_fullwidth_nav #top-menu li.mega-menu .sub-menu li.primary-header:last-child a:hover,
              #top-menu li.mega-menu .sub-menu li.primary-header:last-child a:hover {
                background: none !important;
                color: #00a3ca !important; }
            .et_fullwidth_nav #top-menu li.mega-menu .sub-menu li.primary-header:last-child::after,
            #top-menu li.mega-menu .sub-menu li.primary-header:last-child::after {
              font-family: ETmodules;
              content: '=';
              font-size: 18px;
              font-weight: 400;
              margin-top: -2px;
              margin-left: 5px;
              color: #00a3ca; }
        .et_fullwidth_nav #top-menu li.mega-menu .sub-menu li.prim-sub a,
        #top-menu li.mega-menu .sub-menu li.prim-sub a {
          padding: 7px 0 !important;
          color: #000 !important;
          font-weight: 700 !important;
          font-size: 14px !important;
          text-transform: none !important;
          pointer-events: auto !important;
          cursor: pointer !important;
          line-height: 1.5em !important;
          margin-bottom: 0 !important; }
          .et_fullwidth_nav #top-menu li.mega-menu .sub-menu li.prim-sub a:hover,
          #top-menu li.mega-menu .sub-menu li.prim-sub a:hover {
            background: none !important;
            color: #00a3ca !important; }
      .et_fullwidth_nav #top-menu li.mega-menu:hover,
      #top-menu li.mega-menu:hover {
        border-bottom: 3px solid #00a3ca; }
    .et_fullwidth_nav #top-menu li.get-started,
    #top-menu li.get-started {
      border-radius: 0px;
      background-color: #fa9a00;
      text-align: center;
      padding: 0 !important;
      -moz-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .et_fullwidth_nav #top-menu li.get-started a,
      #top-menu li.get-started a {
        padding: 10px !important;
        color: #fff !important;
        font-weight: 700;
        text-transform: uppercase; }
      .et_fullwidth_nav #top-menu li.get-started li.current-menu-ancestor > a,
      .et_fullwidth_nav #top-menu li.get-started li.current-menu-item > a,
      #top-menu li.get-started li.current-menu-ancestor > a,
      #top-menu li.get-started li.current-menu-item > a {
        color: #fff !important; }
      .et_fullwidth_nav #top-menu li.get-started:hover,
      #top-menu li.get-started:hover {
        background-color: #007cac; }

/* Fixed header (when page scrolls down) */
.et-fixed-header #top-menu li a {
  padding-top: 40px !important;
  padding-bottom: 25px !important; }
  .et-fixed-header #top-menu li a::after {
    top: 40px !important; }
.et-fixed-header #top-menu li.get-started a {
  padding: 10px !important; }

/* Full width menu */
.et_fullwidth_nav #top-menu li.mega-menu .sub-menu {
  right: 30px !important; }
  .et_fullwidth_nav #top-menu li.mega-menu .sub-menu .sub-menu {
    right: 0 !important; }

/* Top-level menu item mobile responsiveness */
@media only screen and (max-width: 1120px) {
  #top-menu li {
    /* Top-level main menu items */ }
    #top-menu li.mega-menu a {
      padding-left: 7px !important;
      padding-right: 27px !important; }
      #top-menu li.mega-menu a::after {
        right: 7px !important; }
    #top-menu li.mega-menu .sub-menu a {
      padding-left: 0 !important;
      padding-right: 0 !important; }

  .et_fullwidth_nav #top-menu li {
    /* Top-level main menu items */ }
    .et_fullwidth_nav #top-menu li.mega-menu a {
      padding-left: 10px !important;
      padding-right: 30px !important; }
      .et_fullwidth_nav #top-menu li.mega-menu a::after {
        right: 10px !important; } }
@media only screen and (max-width: 1040px) {
  #top-menu li {
    /* Top-level main menu items */ }
    #top-menu li.mega-menu a {
      padding-left: 4px !important;
      padding-right: 24px !important; }
      #top-menu li.mega-menu a::after {
        right: 4px !important; }
    #top-menu li.mega-menu .sub-menu a {
      padding-left: 0 !important;
      padding-right: 0 !important; }

  .et_fullwidth_nav #top-menu li {
    /* Top-level main menu items */ }
    .et_fullwidth_nav #top-menu li.mega-menu a {
      padding-left: 10px !important;
      padding-right: 30px !important; }
      .et_fullwidth_nav #top-menu li.mega-menu a::after {
        right: 10px !important; } }
@media only screen and (max-width: 1010px) {
  #top-menu li {
    /* Top-level main menu items */ }
    #top-menu li.mega-menu a {
      padding-left: 0px !important;
      padding-right: 20px !important; }
      #top-menu li.mega-menu a::after {
        right: 0px !important; }
    #top-menu li.mega-menu .sub-menu a {
      padding-left: 0 !important;
      padding-right: 0 !important; }

  .et_fullwidth_nav #top-menu li {
    /* Top-level main menu items */ }
    .et_fullwidth_nav #top-menu li.mega-menu a {
      padding-left: 10px !important;
      padding-right: 30px !important; }
      .et_fullwidth_nav #top-menu li.mega-menu a::after {
        right: 10px !important; } }
/* Mobile-responsiveness for full-width nav */
@media only screen and (min-width: 1100px) {
  .et_fullwidth_nav #main-header .container {
    padding-left: 60px !important;
    padding-right: 60px !important; }

  .et_fullwidth_nav #top-menu li.mega-menu .sub-menu {
    right: 60px !important; }
    .et_fullwidth_nav #top-menu li.mega-menu .sub-menu .sub-menu {
      right: 0 !important; } }
/*
SCSS File:		header/secondary-nav
Version: 		1.0.0
Description: 	Secondary nav styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Secondary nav */
#et-secondary-nav {
  padding: 0px 0 0 0 !important; }

#et-secondary-menu {
  margin-bottom: -20px; }

#et-secondary-nav > li:last-child a:hover {
  background-color: #2c2c4a !important;
  opacity: 1; }

#et-secondary-nav > li {
  font-size: 14px;
  line-height: 14px;
  padding: 7px 12px;
  margin: 0 !important;
  height: 28px; }

#et-secondary-nav > li:last-child {
  padding: 0 !important; }

#et-secondary-nav > li:last-child a {
  background-color: #00a3ca;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  padding: 7px 16px !important;
  height: 28px; }

#et-secondary-nav li {
  margin-right: 26px;
  height: 38px; }

/*
SCSS File:		header/mobile-menu
Version: 		  1.0.0
Description: 	Mobile menu navigation styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Mobile menu toggle icon */
#et-top-navigation .mobile_menu_bar {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }
#et-top-navigation .mobile_nav.opened .mobile_menu_bar::before {
  content: '\4d'; }

/* Mobile menu full-width */
@media screen and (max-width: 980px) {
  #main-header .et_menu_container {
    width: 100%; }
  #main-header .logo_container {
    right: 10%;
    left: 10%;
    width: 80%; }
  #main-header #et-top-navigation {
    padding-right: 10%; } }
/* Mobile menu primary styles */
.et_mobile_menu {
  border-top: none;
  margin-top: 0;
  padding: 20px 10%; }
  .et_mobile_menu li {
    /* Top-level main menu items */
    /* "GET STARTED" BUTTON */ }
    .et_mobile_menu li.mega-menu {
      /* MEGA MENU DROPDOWN */ }
      .et_mobile_menu li.mega-menu a {
        font-size: 18px;
        text-decoration: none;
        color: #1d232b !important;
        background-color: transparent !important;
        border-bottom: transparent;
        padding: 10px 0 !important; }
        .et_mobile_menu li.mega-menu a::after {
          font-family: ETModules;
          font-size: 16px;
          content: ' 5';
          top: 45px !important;
          right: 15px !important;
          -webkit-transition: all 0.4s ease-in-out !important;
          -moz-transition: all 0.4s ease-in-out !important;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out; }
        .et_mobile_menu li.mega-menu a:hover {
          opacity: 1; }
        .et_mobile_menu li.mega-menu a:not(.sub-menu-closed)::after {
          content: ' 3'; }
      .et_mobile_menu li.mega-menu.current-menu-ancestor > a {
        color: #424b53 !important; }
      .et_mobile_menu li.mega-menu .sub-menu {
        overflow: hidden;
        opacity: 0;
        max-height: 0;
        pointer-events: none !important;
        left: auto !important;
        right: 0 !important;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        border-top: none;
        padding-left: 0 !important;
        padding-bottom: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        /* COLUMN HEADERS */
        /* PRIMARY SUB-MENU LINKS */
        /* SUB-MENU ACCORDION FUNCTIONALITY */ }
        .et_mobile_menu li.mega-menu .sub-menu li.primary-header {
          margin-top: 10px;
          padding: 10px 0 0;
          border-bottom: 1px solid #c7c7c7;
          /* CALL TO ACTION */ }
          .et_mobile_menu li.mega-menu .sub-menu li.primary-header a {
            padding: 0 !important;
            color: #1d232b !important;
            font-weight: 400 !important;
            font-size: 14px !important;
            text-transform: uppercase !important;
            pointer-events: none !important;
            border: none !important;
            line-height: 1.5em !important;
            margin-bottom: 10px !important; }
            .et_mobile_menu li.mega-menu .sub-menu li.primary-header a::after {
              content: ''; }
          .et_mobile_menu li.mega-menu .sub-menu li.primary-header:last-child {
            margin: 0 0 20px;
            padding-top: 0;
            /* CALL TO ACTION ARROW ICON */ }
            .et_mobile_menu li.mega-menu .sub-menu li.primary-header:last-child a {
              display: inline-block;
              width: unset !important;
              padding: 21px 0 !important;
              color: #1d232b !important;
              font-weight: 700 !important;
              font-size: 14px !important;
              text-transform: none !important;
              cursor: pointer !important;
              margin-bottom: 0 !important; }
              .et_mobile_menu li.mega-menu .sub-menu li.primary-header:last-child a:hover {
                background: none !important;
                color: #00a3ca !important; }
            .et_mobile_menu li.mega-menu .sub-menu li.primary-header:last-child::after {
              font-family: ETmodules;
              content: '=';
              font-size: 16px;
              font-weight: 400;
              margin-left: 5px;
              color: #00a3ca; }
        .et_mobile_menu li.mega-menu .sub-menu li.prim-sub {
          padding: 0 !important; }
          .et_mobile_menu li.mega-menu .sub-menu li.prim-sub a {
            padding: 6px 0 6px 30px !important;
            color: #000 !important;
            font-weight: 700 !important;
            font-size: 14px !important;
            text-transform: none !important;
            cursor: pointer !important;
            line-height: 1.5em !important;
            margin-bottom: 0 !important; }
            .et_mobile_menu li.mega-menu .sub-menu li.prim-sub a:hover {
              background: none !important;
              color: #00a3ca !important; }
        .et_mobile_menu li.mega-menu .sub-menu:not(.closed) {
          pointer-events: auto;
          max-height: 1500px;
          margin-bottom: 16px;
          opacity: 1; }
          .et_mobile_menu li.mega-menu .sub-menu:not(.closed) .sub-menu {
            pointer-events: auto;
            max-height: 1500px;
            margin-bottom: 16px;
            opacity: 1; }
          .et_mobile_menu li.mega-menu .sub-menu:not(.closed) li.primary-header:last-child a,
          .et_mobile_menu li.mega-menu .sub-menu:not(.closed) li.prim-sub a {
            pointer-events: auto !important; }
    .et_mobile_menu li.get-started {
      display: inline-block;
      padding: 0;
      margin: 20px 0 60px;
      border-radius: 0px;
      background-color: #fa9a00;
      text-align: center;
      -moz-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .et_mobile_menu li.get-started a {
        padding: 14px 30px !important;
        color: #fff !important;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none !important; }
      .et_mobile_menu li.get-started li.current-menu-ancestor > a,
      .et_mobile_menu li.get-started li.current-menu-item > a {
        color: #fff !important; }
      .et_mobile_menu li.get-started:hover {
        background-color: #007cac; }

/* ------------------- TODO: SORT THESE... -------------------- */
#logo {
  -webkit-transform: none !important; }

#page-container {
  padding-top: 91px !important; }

.green {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(75, 67, 26, 0.75); }

/* style the menu spotlight text - not permanent styles, just used to demonstrate */
.spotlight {
  border-radius: 0px; }

.spotlight a {
  color: #ccc !important; }

li.spotlight {
  color: #ccc !important; }

/* ------------------- PROJECTS -------------------- */
/*
SCSS File:		projects
Version: 		1.0.0
Description: 	Divi project post type styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Divi projects */
.type-project > img {
  display: none; }

.et_project_meta {
  display: none !important; }

.search-results .post-meta {
  display: none; }

/* ------------------- SHORTCODES -------------------- */
/*
SCSS File:		shortcodes
Version: 		1.0.0
Description: 	Shortcode styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Recent posts */
.qumulo-recent-posts {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 !important;
  list-style: none !important; }
  .qumulo-recent-posts a {
    display: block;
    margin-bottom: 30px;
    text-decoration: none; }
  .qumulo-recent-posts h4 {
    font-size: 16px;
    font-weight: 600; }
  .qumulo-recent-posts p {
    color: #424b53;
    padding-top: 4px; }
  .qumulo-recent-posts li:last-of-type {
    margin-bottom: -30px; }

/* CTA builder */
.qumulo-cta {
  display: flex;
  justify-content: space-between;
  margin: 0 0 30px;
  padding: 20px;
  background: #f3f4f4; }
  .qumulo-cta .image-wrapper {
    flex-basis: 35%;
    max-width: 240px; }
  .qumulo-cta img {
    width: 100%;
    max-width: 240px; }
  .qumulo-cta .content-wrapper {
    flex-basis: 65%;
    padding-left: 20px; }
  .qumulo-cta p {
    margin: 0 0 20px; }

@media all and (max-width: 640px) {
  .qumulo-cta {
    display: block; }
    .qumulo-cta .image-wrapper {
      max-width: 100%;
      margin-bottom: 10px; }
    .qumulo-cta .content-wrapper {
      padding-left: 0; }
    .qumulo-cta p {
      margin: 0 0 20px; } }
@media all and (max-width: 400px) {
  .qumulo-cta .image-wrapper {
    text-align: center; }
  .qumulo-cta a.et_pb_button {
    display: block;
    text-align: center; } }
/* ------------------- SIDEBAR -------------------- */
/*
SCSS File:		sidebar
Version: 		1.0.0
Description: 	Sidebar styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Sidebar */
#sidebar .et_pb_widget a {
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  color: #00a3ca;
  text-decoration: none; }
#sidebar .et_pb_widget ul li {
  margin-bottom: 25px !important; }

/* ---------------- FOOTER ----------------- */
/*
SCSS File:		footer/social-icons
Version: 		1.0.0
Description: 	Footer social media icon styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Social icons */
#socialicons-footer {
  margin-top: 0; }
  #socialicons-footer img {
    margin-right: 21px;
    margin-top: 16px;
    opacity: 0.25; }
    #socialicons-footer img:hover {
      opacity: 0.55; }

/*
SCSS File:		footer/lists
Version: 		1.0.0
Description: 	Footer list styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Lists */
#footer-widgets .footer-widget li:before {
  display: none; }

#footer-widgets .footer-widget li {
  padding-left: 0;
  margin-bottom: 1.3em; }

.footer-widget .textwidget p {
  font-size: 16px; }

#nav_menu-3 ul li,
#nav_menu-2 ul li {
  padding: 0;
  list-style: none; }

#footer-widgets .footer-widget li {
  padding-bottom: 0; }

/*
SCSS File:		footer/copyright-and-langs
Version: 		1.0.0
Description: 	Footer copyright and language styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Copyright and languages */
#footer-info {
  width: 100%;
  border-top: 1px solid rgba(66, 75, 83, 0.5);
  padding: 13px 0 70px 0; }
  #footer-info .copy {
    float: left;
    padding-top: 5px;
    text-align: left; }
  #footer-info .languages {
    float: right; }
  #footer-info .language {
    background-position: center;
    background-size: contain;
    height: 24px;
    width: 24px;
    margin-right: 10px;
    display: inline-block; }
  #footer-info .language a {
    line-height: 24px;
    padding-right: 20px; }

/* ---------------- BUTTONS ----------------- */
/*
SCSS File:		buttons
Version: 		1.0.0
Description: 	Button styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Buttons */
body #page-container .et_pb_button.outline-button-pomegranate:hover {
  border: 2px solid #ff1b5b !important;
  background: #ff1b5b !important;
  color: #fff !important; }

body #page-container .et_pb_button.outline-button-blueberry:hover {
  border: 2px solid #007ace !important;
  background: #007ace !important;
  color: #fff !important; }

/* ------------------- CASE STUDIES -------------------- */
/*
SCSS File:		case-studies
Version: 		1.0.0
Description: 	Case study styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Case studies */
body
#page-container
.et_pb_cta_0.et_pb_promo.et_pb_promo
.et_pb_button.et_pb_promo_button:hover {
  border: 2px solid #424b53 !important;
  background: #424b53 !important;
  color: #fff !important; }

.casestudy-infobox h5 {
  font-weight: 700 !important;
  margin-bottom: -10px;
  padding-bottom: 0;
  font-family: 'Nunito', sans-serif; }

.casestudy-infobox p,
.casestudy-infobox li {
  color: #858b90;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 21px !important; }

.casestudy-infobox ul {
  padding-bottom: 0 !important; }

.casestudy-infobox p {
  margin-bottom: 30px; }

.casestudy-infobox .plum-txt {
  color: #6e30b7; }

.casestudy-infobox .blue-txt {
  color: #007ace; }

.casestudy-infobox .pom-txt {
  color: #b2123f; }

.casestudy-infobox .kum-txt {
  color: #ff5a00; }

.casestudy-sidelinks {
  margin-left: 1rem; }

.casestudy-sidelinks .et-pb-icon {
  font-size: 16px !important;
  padding-top: 6px !important; }

.casestudy-sidelinks .et_pb_blurb_container {
  padding-left: 0 !important; }

.casestudy-body h4 {
  margin-bottom: -1.5rem;
  font-weight: 500; }

.casestudy-headerquote p {
  margin-bottom: -1rem !important; }

.casestudy-headerquote cite {
  color: rgba(255, 255, 255, 0.5);
  font-style: normal; }

.casestudy-benefits-list h6 {
  margin-bottom: -1rem;
  font-size: 16px !important;
  color: #6e30b7; }

.casestudy-benefits-list-blue h6 {
  margin-bottom: -1rem;
  font-size: 16px !important;
  color: #007ace; }

.casestudy-benefits-list-ink h6 {
  margin-bottom: -1rem;
  font-size: 16px !important;
  color: #222c36 !important; }

.casestudy-benefits-list-pom h6 {
  margin-bottom: -1rem;
  font-size: 16px !important;
  color: #b2123f !important; }

.casestudy-benefits-list-kum h6 {
  margin-bottom: -1rem;
  font-size: 16px !important;
  color: #ff5a00 !important; }

.casestudy-benefits-list li,
.casestudy-benefits-list-blue li,
.casestudy-benefits-list-ink li,
.casestudy-benefits-list-pom li,
.casestudy-benefits-list-kum {
  font-size: 15px;
  color: #646b72;
  list-style-position: inside;
  padding-left: 30px;
  text-indent: -1.25em;
  margin-bottom: 1rem; }

.casestudy-pullquote,
.casestudy-pullquote-blue,
.casestudy-pullquote-ink,
.casestudy-pullquote-pom,
.casestudy-pullquote-kum {
  background: #fff;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.casestudy-pullquote h4.cs-blockquote {
  color: #646b72;
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
  background: #fff;
  font-size: 24px;
  margin-bottom: -1.5rem; }

.casestudy-pullquote-blue h4.cs-blockquote {
  color: #007ace;
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
  background: #fff;
  font-size: 24px;
  margin-bottom: -1.5rem; }

.casestudy-pullquote-ink h4.cs-blockquote {
  color: #222c36;
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
  background: #fff;
  font-size: 24px;
  margin-bottom: -1.5rem; }

.casestudy-pullquote-pom h4.cs-blockquote {
  color: #b2123f;
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
  background: #fff;
  font-size: 24px;
  margin-bottom: -1.5rem; }

.casestudy-pullquote-kum h4.cs-blockquote {
  color: #ff5a00;
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
  background: #fff;
  font-size: 24px;
  margin-bottom: -1.5rem; }

.casestudy-pullquote cite {
  font-style: normal;
  color: #6e30b7;
  font-size: 15px; }

.casestudy-pullquote-blue cite {
  font-style: normal;
  color: #007ace;
  font-size: 15px; }

.casestudy-pullquote-ink cite {
  font-style: normal;
  color: #222c36;
  font-size: 15px; }

.casestudy-pullquote-pom cite {
  font-style: normal;
  color: #b2123f;
  font-size: 15px; }

.casestudy-pullquote-kum cite {
  font-style: normal;
  color: #ff5a00;
  font-size: 15px; }

.casestudy-pullquote hr,
.casestudy-pullquote-blue hr,
.casestudy-pullquote-ink hr,
.casestudy-pullquote-pom hr,
.casestudy-pullquote-kum hr {
  border: 2px solid;
  width: 50px;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1.5rem; }

/* ------------------- HORIZONTAL RULES -------------------- */
/*
SCSS File:		horizontal-rules
Version: 		1.0.0
Description: 	Horizontal rule styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Horizontal rules */
hr.plum {
  color: rgba(149, 95, 213, 0.5); }
hr.blue {
  color: rgba(0, 122, 206, 0.25); }
hr.ink {
  color: rgba(34, 44, 54, 0.25); }
hr.pom {
  color: rgba(178, 18, 63, 0.35); }
hr.kum {
  color: rgba(255, 90, 0, 0.25); }

/* ------------------- MENU HEADING GROUP (?) -------------------- */
/*
SCSS File:		header/menu-heading-groups
Version: 		1.0.0
Description: 	Menu heading group styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Menu heading groups */
.menu-heading-group {
  margin-top: -15px;
  text-align: center; }
  .menu-heading-group p.offset-text {
    background-color: #fff;
    display: inline;
    font-size: 11px;
    font-weight: 700;
    color: rgba(44, 44, 74, 0.5);
    padding: 0 20px; }

/* ------------------- NUMBER LIST  -------------------- */
/*
SCSS File:		number-list
Version: 		1.0.0
Description: 	Number list styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Number list */
.number-list h4 {
  text-align: center;
  font-weight: 300 !important;
  border-top: 2px solid rgba(133, 139, 144, 0.25);
  font-size: 30px !important;
  padding-top: 1.75rem;
  margin-top: 1.5rem; }
  .number-list h4 em {
    display: block;
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    padding-bottom: 1.25rem; }

/* ------------------- LEADERSHIP -------------------- */
/*
SCSS File:		leadership
Version: 		1.0.0
Description: 	Leadership titlebox/quote styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Leadership titlebox/quote */
.leadership-titlebox h4 {
  padding: 0 !important;
  margin: 0 !important; }

.leadership-titlebox p {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 15px !important; }

.leadership-quote h4 {
  font-size: 20px !important;
  line-height: 1.5rem !important; }

/* ------------------- UNSORTED -------------------- */
/*
SCSS File:		unsorted
Version: 		1.0.0
Description: 	Unsorted styles TODO: sort these
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* UNSORTED */
.partner-blurb h5 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1rem !important; }

.partner-blurb p {
  font-size: 15px !important; }

.partner-blurb-container .et_pb_blurb_container {
  padding-left: 0 !important; }

.featured-use-case .et_pb_main_blurb_image img {
  width: 90px;
  height: 90px; }

.blue-quote h1 {
  color: #64b5f6; }

.blue-quote h3 {
  color: #64b5f6;
  font-weight: 700; }

.usecase {
  font-size: 24px;
  line-height: 28px;
  font-weight: 400; }

cite.small {
  font-size: 11px;
  font-style: normal;
  font-weight: 500; }

.cs-blockquote {
  background-color: #e9eaeb;
  line-height: 36px;
  padding: 30px;
  border: none;
  margin-bottom: 20px; }

.quote-name {
  font-size: 16px;
  color: #424b53; }

.quote-title {
  font-size: 14px;
  color: #858b90; }

.et_pb_slide_description .et_pb_slide_content {
  text-shadow: none !important; }

ul.et_pb_tabs_controls {
  background-color: #ffffff !important;
  border: 1px solid #d9d9d9;
  padding: 50px; }

ul.et_pb_tabs_controls:after {
  border-top: 1px solid #ffffff; }

.et_pb_tabs_controls li.et_pb_tab_active {
  border: 1px solid #00a3ca !important; }

/* ------------------- MARKETO: custom form styles -------------------- */
/*
SCSS File:		marketo-forms
Version: 		1.0.0
Description: 	Custom styling for Marketo forms
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/*
--- MARKETO FORMS -- 
Depends on Destyle (qumulo-inc/ds-script.js) function to kill external
stylesheets and reset element styles */
.mktoForm {
  width: 100% !important; }
  .mktoForm input[type='text'],
  .mktoForm input[type='url'],
  .mktoForm input[type='email'],
  .mktoForm input[type='tel'],
  .mktoForm input[type='number'],
  .mktoForm select,
  .mktoForm textarea,
  .mktoForm input[type='date'] {
    font-family: 'Nunito Sans', sans-serif;
    line-height: 35px;
    color: #1b1d21;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #999 !important;
    border-radius: 5px;
    padding-left: 10px;
    width: 100%; }
  .mktoForm input:focus {
    outline: none !important;
    border: 2px solid #4da1c6 !important; }
  .mktoForm select {
    background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 20px) calc(1em + 8px), calc(100% - 15px) calc(1em + 8px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none; }
  .mktoForm .mktoHtmlText {
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 15px; }
  .mktoForm label {
    width: inherit !important;
    font-family: 'Nunito Sans', sans-serif;
    line-height: 22px;
    color: #1b1d21;
    font-size: 14px;
    font-weight: 700;
    padding: px;
    border-bottom: 0px;
    text-transform: uppercase;
    display: block; }

.mktoErrorMsg {
  color: #424b53; }

.mktoButton {
  font-family: 'Nunito Sans';
  font-size: 16px;
  color: #fff;
  padding: 16px 28px !important;
  background: #00a3ca !important;
  margin-top: 10px;
  border: none;
  border-color: #00a3ca;
  border-radius: 0px;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none; }

.mktoButton:hover {
  cursor: pointer;
  background-color: #00a3ca; }

.mktoFieldDescriptor {
  background-color: rgba(255, 255, 255, 0);
  box-shadow: none;
  padding: 4px 4px 5px 4px;
  margin: 5px 0; }

.mktoAsterix {
  display: none; }

.mktoClear {
  clear: both; }

.mktoForm .mktoError {
  font-size: 12px;
  color: red;
  padding-left: 10px; }

label[for='Explicit_Opt_in__c'] {
  float: right !important;
  width: calc(100% - 30px) !important;
  font-size: 15px;
  line-height: 16px;
  border: none;
  font-weight: normal;
  text-transform: none; }

.privacyText {
  padding-top: 30px !important; }

.mktoForm {
  visibility: hidden; }

.mktoForm[data-styles-ready='true'] {
  visibility: visible; }

/*--- MARKET FORMS - Old Styles -- */
/*
.mktoForm, .mktoForm .mktoFieldWrap, .mktoForm .mktoHtmlText, .mktoForm input {width:100% !important;}
@media only screen and (min-width:480px) {
.mktoFormCol:first-child:nth-last-child(2), .mktoFormCol:first-child:nth-last-child(2) ~ .mktoFormCol {width: 100% !important;}
.mktoFormCol:first-child:nth-last-child(3), .mktoFormCol:first-child:nth-last-child(3) ~ .mktoFormCol {width: 50% !important;}
.mktoFormCol:first-child:nth-last-child(4), .mktoFormCol:first-child:nth-last-child(4) ~ .mktoFormCol {width: 33.3333% !important;}
.mktoFormCol:first-child:nth-last-child(3) ~ .mktoFormCol {padding-left: 0.3em !important;}
}
@media only screen and (max-width:480px) {.mktoFormCol {width:100% !important;}}
.mktoAsterix{display:none !important;}
.mktoForm .mktoGutter {display:none !important;}
.mktoButtonWrap {margin-left:0 !important;}
.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField {padding: 0.3em; width: 100% !important;}
.mktoForm {clear: both; margin-bottom: 0.3em;}
.mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList {float: left !important; width: auto !important;}
.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label {display: inherit !important;}
.mktoForm input[type="radio"], .mktoForm input[type="checkbox"] {width: auto !important;}
.mktoForm fieldset legend {margin: inherit !important;}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height:480px){
.mktoForm,.mktoForm *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;padding:auto}
/* Yes, I know padding:auto isn't a real property - had to break things somehow :( */
                                                                                      /*
.mktoLabel.mktoHasWidth {height: inherit !important;}
.mktoForm .mktoGutter,.mktoForm .mktoOffset{display:initial !important}
.mktoForm .mktoFormCol .mktoLabel{text-align:left;width:initial !important}
.mktoForm .mktoFormCol{float:initial !important}
.mktoForm .mktoFieldWrap{float:initial !important}
.mktoForm fieldset{padding:initial !important}
.mktoForm input[type=url],.mktoForm input[type=text],.mktoForm input[type=date],.mktoForm input[type=tel],.mktoForm input[type=email],.mktoForm input[type=number],.mktoForm textarea.mktoField,.mktoForm select.mktoField{width:100% !important;height:initial !important;line-height:initial !important;font-size:initial !important}
.mktoForm select.mktoField{height:auto}
.mktoForm .mktoFormRow .mktoField{clear:left}
.mktoForm .mktoFormRow .mktoFormCol{clear:both}
.mktoForm .mktoRadioList,.mktoForm .mktoCheckboxList{width:initial !important}
.mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix{float:left;padding-left:initial !important;padding-right:5px}
.mktoModal .mktoModalContent{padding:initial !important}
.mktoModal .mktoModalClose{right:initial !important}
.mktoButtonRow {width:100%; margin-top:0.35rem !important;}
.mktoButtonWrap {margin-left:0px; float:right;}
.mktoForm .mktoButton {margin-left: 0 !important;}
.mktoButton {padding:0.5rem !important;}
}
.mktoButtonWrap {
margin-left:0 !important;
}
.mktoButtonRow {
  width:100% !important;
  text-align:center;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
font-family: Montserrat, Helvetica, Arial, Lucida, sans-serif;
width:100%;
background:#ff9800 !important;
border-radius: 4px;
font-size: 20px !important;
line-height: 34px !important;
font-weight: bold;
border-color: #ff9800 !important;
text-transform: uppercase;
text-decoration: none;
	margin-top: 15px !important;
}
.mktoForm .mktoRequiredField label.mktoLabel {
	font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif;
	color: #455a64 !important;
	margin-bottom: 5px !important;
}
.mktoField {
	border-radius: 4px;
	font-size: 20px !important;
line-height: 34px !important;
font-weight: bold;
	border-color: #dddddd !important;
	background-color: #f6f6f6 !important;
}
.mktoForm h3 {
	font-family: Montserrat, Helvetica, Arial, Lucida, sans-serif;
	display:  none;
}
.mktoForm .mktoLabel {
 padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.mktoForm .mktoOffset {
 float: left;
 height: 5px !important;
}
.mktoButton {
font-family: Montserrat, Helvetica, Arial, Lucida, sans-serif;
width:100%;
background:#ff9800 !important;
	color: #ffffff !important;
border-radius: 4px;
font-size: 20px !important;
line-height: 34px !important;
font-weight: bold;
border-color: #ff9800 !important;
text-transform: uppercase;
text-decoration: none;
	margin-top: 15px !important;
    padding: 0.4em 1em;
}

label[for=Explicit_Opt_in__c] {
 float: right! important;
 width: calc(100% - 45px) !important;
} 
*/
/* ---------------- SEARCH: Form and results styles ----------------- */
/*
SCSS File:		search
Version: 		1.0.0
Description: 	Search page styles
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Search form and results */
#searchform {
  max-width: 200px; }

#searchform input[type='text'] {
  border-radius: 5px;
  border: none;
  color: #fff;
  font-family: Nunito;
  padding: 0.7em 70px 0.7em 1.5em; }

#searchform input[type='submit'] {
  border-radius: 5px;
  background-color: #00a3ca;
  border: none;
  color: #fff;
  font-weight: bold;
  height: 34px !important;
  padding: 0.5em;
  margin: 3px !important;
  width: 60px; }

.footer-widget #searchform input[type='text'] {
  background-color: rgba(66, 75, 83, 0.5); }

#sidebar #searchform input[type='text'] {
  background-color: rgba(66, 75, 83, 0.2);
  color: #424b53; }

.search-results .post-meta {
  display: none; }

/* ----------------- ROWS: Vertical alignment - Greg -------------*/
/*
SCSS File:		vertical-rows
Version: 		1.0.0
Description: 	Styles to allow for vertically aligned rows
*/
/* Import variables */
/*
SCSS File:		variables
Version: 		1.0.0
Description: 	Variables for use across all SCSS files
*/
/* Brand colors */
/* Mobile responsiveness */
/* Vertical rows */
.ds-vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.valign_middle {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari 6.1+ */
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }

  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
    -webkit-order: 1;
    order: 1; }

  .second-on-mobile {
    -webkit-order: 2;
    order: 2; }

  .third-on-mobile {
    -webkit-order: 3;
    order: 3; }

  .fourth-on-mobile {
    -webkit-order: 4;
    order: 4; }

  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px; } }
#et-main-area {
  overflow-x: hidden; }

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