/*
 Theme Name:   Ntrepid Products 2018
 Theme URI:    http://ntrepidcorp.com/
 Description:  This is the standard theme used by the suite of Ntrepid Products
 Author:       Cyber UX Team
 Author URI:   http://ntrepidcorp.com
 Template:     ntrepid
 Version:      1.6
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  ntrepid_product
 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ntrepid is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* Ntrepid Colors:  */
/*Branding*/
/** Transparent Backgrounds and Overlays **/
/*Body*/
/*Headings*/
/*Copy*/
/*Code, Pre, Mark, Ins */
/*Forms*/
/*Links*/
/*Buttons*/
/* background */
/* border */
/* text */
/* background */
/* border */
/* text */
/* background */
/* border */
/* text */
/* background */
/* border */
/* text */
/* background */
/* border */
/* text */
/* background */
/* border */
/* text */
/*Set Padding and Margins*/
/*Button and Forms Padding*/
/* Borders */
/* Set Container Grid */
/* 960px */
/* 768px */
/* 384px */
/* 672px */
/* 288px */
/* 384px */
/* Breakpoints */
/*Buttons and CTAs*/
/* Grayscale and filter images*/
/* :after color overlay */
/* :after arrows */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
.blog .page-title,
.error-404 .page-title {
  font-size: 64px;
  font-size: 4rem;
  /* Extra Light 70px */
  color: #ffffff;
  letter-spacing: normal;
  vertical-align: middle;
  position: relative;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .blog .page-title,
    .error-404 .page-title {
      font-size: 54.4px;
      font-size: 3.4rem;
      line-height: 1em; } }
  @media screen and (max-width: 520px) {
    .blog .page-title,
    .error-404 .page-title {
      font-size: 44.8px;
      font-size: 2.8rem; } }

.page .page-title {
  color: #ffffff; }

.archive .page-title {
  font-size: 70px;
  font-size: 4.375rem;
  /* Extra Light 70px */
  letter-spacing: normal;
  vertical-align: middle;
  position: relative; }

.reverse .page-title {
  color: #ffffff; }

.section-title {
  font-size: 64px;
  font-size: 4rem;
  font-weight: 100;
  line-height: 1em; }
  .flexslider .section-title {
    font-size: 70px;
    font-size: 4.375rem; }
  @media screen and (max-width: 960px) {
    .flexslider .section-title {
      font-size: 54px;
      font-size: 3.375rem; } }
  @media screen and (max-width: 420px) {
    .section-title {
      font-size: 54px;
      font-size: 3.375rem; } }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*	Navigation Menus: 
	- Network Nav, 
	- Main Nav,
	- Footer Nav,
	- Social Media Nav, which set in the footer
*/
.header-nav #product-menu li a {
  position: relative; }

#utility-menu,
#product-menu {
  text-align: right; }
  #utility-menu li:last-child a,
  #product-menu li:last-child a {
    margin-right: 0; }

@media screen and (max-width: 768px) {
  #network-menu-container nav {
    position: relative;
    right: 40px; } }

#utility-menu {
  position: relative;
  font-size: 12.8px;
  font-size: 0.8rem; }
  #utility-menu a {
    color: #7eb6e3; }
    #utility-menu a:hover {
      color: #ffffff; }
  #utility-menu .dashicons-before:before {
    display: none; }
  @media screen and (max-width: 768px) {
    #utility-menu .dashicons-before:before {
      display: block;
      font-size: 25.6px;
      font-size: 1.6rem; }
    #utility-menu li {
      margin-left: 16px; } }
  @media screen and (max-width: 768px) {
    #utility-menu {
      right: 40px; } }

#product-menu {
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase; }
  #product-menu li {
    position: relative;
    margin-left: 16px; }
    @media screen and (min-width: 768px) {
      #product-menu li {
        margin-left: 0; } }
  #product-menu a {
    color: #ffffff;
    display: block; }
    #product-menu a:hover {
      color: #7eb6e3; }
  #product-menu .cta {
    padding: 8px 16px; }
    #product-menu .cta a {
      margin: 0; }
      #product-menu .cta a:hover {
        color: #ffffff; }
    #product-menu .cta:hover {
      background-color: #7eb6e3;
      border-color: #7eb6e3;
      color: #ffffff; }
  @media screen and (max-width: 768px) {
    #product-menu {
      font-size: 14.4px;
      font-size: 0.9rem;
      background-color: rgba(54, 114, 181, 0.9);
      display: none;
      left: 0;
      text-align: left;
      top: 54.79452px;
      position: absolute;
      width: 100%; }
      #product-menu ul {
        text-align: left; }
      #product-menu .cta {
        border: 0;
        letter-spacing: inherit;
        font-size: 16px;
        font-size: 1rem;
        padding: 0; }
      #product-menu li {
        display: block;
        margin: 0; }
        #product-menu li a {
          padding: 16px; }
          #product-menu li a:hover {
            background-color: rgba(15, 77, 139, 0.9); } }

.menu-toggle {
  background: none;
  border: 0;
  color: #ffffff;
  display: none;
  white-space: nowrap;
  padding: 0;
  display: inline-block; }
  .menu-toggle .dashicons.large {
    font-size: 32px;
    font-size: 2rem;
    width: 32px;
    height: 32px; }
  .menu-toggle:hover {
    background: none; }

/* Small menu. */
/*
.menu-toggle,
.main-nav.toggled ul {
	display: block;
}
*/
@media screen and (min-width: 768px) {
  .menu-toggle {
    display: none; } }

.comment-navigation {
  display: none; }

.blog .posts-navigation {
  width: 97%;
  max-width: 960px; }

.site-main .posts-navigation, .site-main
.post-navigation {
  overflow: hidden; }

.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#secondary {
  border-left: 1px solid #d8d8d8; }
  .archive #secondary {
    margin: 64px 0; }
    @media screen and (max-width: 768px) {
      .archive #secondary {
        margin: 0;
        padding: 16px 0 0; } }
  @media screen and (max-width: 600px) {
    .row #secondary {
      display: none; } }
  @media screen and (max-width: 768px) {
    .hfeed #secondary {
      border-top: 1px solid #d8d8d8; } }

@media screen and (max-width: 768px) {
  .hfeed #secondary .sidebar-snippet.widget {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%; }
    .hfeed #secondary .sidebar-snippet.widget div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .hfeed #secondary .sidebar-snippet.widget div h4 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%; }
      .hfeed #secondary .sidebar-snippet.widget div div {
        -webkit-box-flex: 0;
        -webkit-flex: 0;
        -moz-box-flex: 0;
        -moz-flex: 0;
        -ms-flex: 0;
        flex: 0;
        padding: 16px;
        min-width: 140px; } }

@media screen and (max-width: 520px) {
  .hfeed #secondary .sidebar-snippet.widget div div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 33%;
    -moz-box-flex: 0;
    -moz-flex: 0 1 33%;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
    min-width: unset; } }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Masthead
--------------------------------------------------------------*/
#masthead-container {
  background: none;
  overflow: inherit;
  height: auto; }
  #masthead-container.reverse {
    background: #3672b5;
    border-bottom: 1px solid #ffffff; }

#network-menu-container {
  background-color: rgba(15, 77, 139, 0.9);
  border-bottom: 1px solid #ffffff;
  padding: 8px 16px; }

#masthead {
  padding: 16px;
  width: 100%; }
  #masthead .site-branding {
    white-space: nowrap; }
    #masthead .site-branding * {
      vertical-align: middle; }
      @media screen and (max-width: 768px) {
        #masthead .site-branding * {
          font-size: 20.8px;
          font-size: 1.3rem; } }
    @media screen and (max-width: 768px) {
      #masthead .site-branding {
        margin-right: 8px; } }
    #masthead .site-branding .custom-logo-link {
      display: inline-block; }
      #masthead .site-branding .custom-logo-link img {
        max-width: 288px;
        max-height: 64px;
        width: auto;
        height: auto; }
        @media screen and (max-width: 768px) {
          #masthead .site-branding .custom-logo-link img {
            max-height: 40px;
            margin: 8px 0; } }
    #masthead .site-branding .site-title {
      display: inline-block; }
      #masthead .site-branding .site-title span {
        display: none;
        letter-spacing: 2px; }
        #masthead .site-branding .site-title span:after {
          content: 'by Ntrepid';
          display: block;
          font-size: .4em;
          line-height: 1em;
          font-weight: lighter; }
  @media screen and (max-width: 768px) {
    #masthead {
      position: absolute;
      top: 0; } }

@media screen and (max-width: 768px) {
  #network-menu-container {
    padding: 16px 8px; }
  #masthead {
    padding: 0 8px; } }

/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/
body.home {
  overflow: auto; }

.home #page,
.home #content-container,
.home #content,
.home #primary,
.home .homepage-products-wrapper,
.home .homepage-products {
  width: 100%; }

.home #page,
.home #content-container,
.home #content,
.home #primary,
.home ul {
  max-width: none;
  margin: 0 auto; }

.home #page {
  height: intrinsic; }

.home #site-footer-container {
  position: relative; }

.home .entry-content ul, .home .entry-content ol {
  margin: 0 0 32px 16px;
  padding: 0; }

.home .flex-direction-nav a {
  z-index: 9; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content-container {
  position: relative; }

.page-header {
  background-color: #0f4d8b;
  padding: 160px 160px 128px; }
  .page .page-header,
  .single .page-header {
    background-color: #0f4d8b; }
  @media screen and (max-width: 1200px) {
    .page-header {
      padding: 32px 96px 32px; } }
  .archive .page-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
    .archive .page-header .page-title-container,
    .archive .page-header nav {
      margin: 16px 0;
      padding: 0 16px; }
    .archive .page-header .page-title-container {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      -moz-box-flex: 2;
      -moz-flex: 2;
      -ms-flex: 2;
      flex: 2;
      display: table;
      position: relative;
      text-align: center;
      max-width: 768.0px; }
    .archive .page-header nav {
      width: 288px;
      font-size: 12.8px;
      font-size: 0.8rem;
      border-left: 1px solid #d8d8d8; }
      @media screen and (max-width: 600px) {
        .archive .page-header nav {
          display: none; } }
      .archive .page-header nav li {
        display: block;
        margin: 0;
        white-space: normal;
        line-height: 1em;
        margin: 8px 0; }
  .archive .page-header,
  .page .page-header {
    border-bottom: 1px solid #d8d8d8; }
    .archive .page-header .entry-meta a,
    .page .page-header .entry-meta a {
      color: #458bca; }
      .archive .page-header .entry-meta a:hover,
      .page .page-header .entry-meta a:hover {
        color: #0f4d8b; }
    .archive .page-header .entry-meta .cta > a,
    .page .page-header .entry-meta .cta > a {
      color: #458bca; }
  .page-header .description {
    max-width: 768.0px;
    padding: 0;
    margin: auto; }
  .page-header.has-description .description {
    margin-bottom: 32px; }
    @media screen and (max-width: 600px), screen and (max-height: 600px) {
      .page-header.has-description .description {
        margin-bottom: 16px; } }

.bg-image.page-header:before {
  background-color: unset; }

.page-title-container .description {
  margin: 0; }

.row {
  position: relative; }
  .blog .row,
  .archive .row {
    padding: 64px 0; }
    @media screen and (max-width: 768px) {
      .blog .row,
      .archive .row {
        padding: 32px 0; } }

.tint:nth-child(odd) {
  background-color: #f8fbfc; }

.tint:nth-child(even) {
  background-color: #e6f1f4; }

.home .entry-content .content-section.grid .entry-title {
  font-size: 25px;
  font-size: 1.5625rem; }

.home .entry-content .content-section article .entry-title {
  font-size: 32px;
  font-size: 2rem; }

.home .entry-content.global-menu .content-section.grid .entry-title,
.home .entry-content.global-menu .content-section article .entry-title {
  font-size: 11.2px;
  font-size: 0.7rem; }

.page .entry-content,
.center-content .entry-content {
  max-width: 1152px; }

.page-template-template-parent-page .entry-content {
  max-width: 960px; }

.two-column .entry-content {
  max-width: 768.0px; }

.entry-content .grid .category-videos {
  max-width: 33.3333%; }
  .entry-content .grid .category-videos .entry-details {
    display: table; }
  .entry-content .grid .category-videos h3 {
    background-image: url("/assets/uploads/sites/2/2017/07/bgusecases@2x.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 16px 0;
    font-size: 19.2px;
    font-size: 1.2rem;
    display: table-cell;
    height: 150px;
    padding: 32px 16px;
    color: #ffffff;
    vertical-align: middle; }
  .entry-content .grid .category-videos a {
    color: #ffffff; }

@media screen and (max-width: 768px), screen and (max-height: 768px) {
  .not-found .page-header {
    padding: 128px 16px 64px; } }

@media screen and (max-width: 580px), screen and (max-height: 580px) {
  .not-found .page-header {
    padding: 96px 16px 64px; } }

@media screen and (max-width: 420px), screen and (max-height: 420px) {
  .not-found .page-header {
    padding: 64px 16px 32px; } }

.not-found .page-content {
  text-align: center; }
  .not-found .page-content form {
    margin: auto; }

/* Page specific styling*/
.page .row:nth-of-type(2):before,
.single .row:nth-of-type(2):before {
  all: unset; }

.row .ntrepid_posts_list .entry-date {
  display: none; }

.row .ntrepid_posts_list br {
  content: '';
  display: none; }

.hfeed {
  background-color: #ffffff; }
  .hfeed #content-container {
    padding-top: 0; }
  .hfeed #content {
    display: block;
    width: 100%;
    margin: auto;
    max-width: none;
    padding: 0; }
  .hfeed #primary {
    max-width: 100%; }
    .hfeed #primary article {
      position: relative;
      background: none;
      z-index: 1; }
      .hfeed #primary article:last-child {
        margin-bottom: 0; }
  .hfeed article,
  .hfeed .description {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    width: 97%; }
  .hfeed article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 64px; }
    .hfeed article .entry-image {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
      min-width: 144px; }
    .hfeed article .entry-details {
      min-width: 288px;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      -moz-box-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3; }
    @media screen and (max-width: 520px) {
      .hfeed article .entry-image,
      .hfeed article .entry-details {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%; } }
  .hfeed .entry-image,
  .hfeed .entry-details {
    padding: 0 16px; }
  .hfeed.grid article {
    display: block;
    text-align: left; }
    .hfeed.grid article .entry-image {
      min-width: 100%; }
    .hfeed.grid article .entry-details {
      padding: 16px;
      min-width: inherit; }
  .hfeed.grid.archive main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
    .hfeed.grid.archive main .page-header {
      width: 100%; }
    .hfeed.grid.archive main .row {
      max-width: 768.0px;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      -moz-box-flex: 3;
      -moz-flex: 3;
      -ms-flex: 3;
      flex: 3; }
      @media screen and (max-width: 768px) {
        .hfeed.grid.archive main .row {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 100%;
          -moz-box-flex: 1;
          -moz-flex: 1 1 100%;
          -ms-flex: 1 1 100%;
          flex: 1 1 100%; } }
  .hfeed.grid.center-content article,
  .hfeed.grid.center-content #secondary {
    text-align: center; }

.hfeed .description {
  padding: 0 32px 32px;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .hfeed .description {
      padding: 0 16px 16px;
      font-size: 16px;
      font-size: 1rem; } }
  .hfeed .description p {
    margin: 0; }

.has-teaser-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }
  .has-teaser-image .page-title-image {
    padding: 32px;
    position: relative;
    z-index: 1; }
  .has-teaser-image .page-title-container .description,
  .has-teaser-image .page-title-container .page-title {
    text-align: left; }
  @media screen and (max-width: 600px) {
    .has-teaser-image {
      display: block; }
      .has-teaser-image .page-title-image {
        padding: 0; }
        .has-teaser-image .page-title-image img {
          max-height: 80px; }
      .has-teaser-image .page-title-container .page-title {
        margin: 0 auto 16px; }
      .has-teaser-image .page-title-container .description,
      .has-teaser-image .page-title-container .page-title {
        text-align: center; } }

/* Flexslider */
.loader {
  border: 8px solid #f8fbfc;
  border-radius: 50%;
  border-top: 8px solid #3672b5;
  width: 24px;
  height: 24px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  margin: 33vh auto 0; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes slideFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slideFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.flex-container {
  overflow-x: hidden;
  min-height: 66vh; }
  .flex-container .flexslider-single-slide {
    opacity: 0; }
    .flex-container .flexslider-single-slide.active {
      opacity: 1;
      -webkit-animation: slideFadeIn 1s forwards;
      animation: slideFadeIn 1s forwards; }
  .flex-container .flexslider {
    border: 0;
    border-radius: 0;
    margin: 0;
    -webkit-animation: slideFadeIn 1s;
    animation: slideFadeIn 1s; }
  .flex-container .flex-control-nav {
    z-index: 2;
    bottom: 20px; }
  .flex-container .flex-direction-nav li {
    margin-bottom: 0; }
  .flex-container .flex-direction-nav a {
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    text-shadow: none;
    color: #ffffff;
    line-height: 40px; }
  .flex-container .flex-direction-nav a:before {
    font-family: 'dashicons'; }
  .flex-container .flex-direction-nav a.flex-prev:before {
    content: "\f341"; }
  .flex-container .flex-direction-nav a.flex-next:before {
    content: "\f345"; }
  .flex-container .slides h1, .flex-container .slides h2, .flex-container .slides h3, .flex-container .slides h4, .flex-container .slides h5, .flex-container .slides h6, .flex-container .slides p {
    margin-bottom: 16px; }
  .flex-container .slides article {
    width: 100%; }
    .flex-container .slides article.bg-image {
      background-attachment: scroll; }
    .flex-container .slides article .entry-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      padding: 128px 0;
      max-width: 1200px;
      min-height: 66vh; }
      @media screen and (max-width: 576px) {
        .flex-container .slides article .entry-content {
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      @media screen and (max-width: 600px) {
        .flex-container .slides article .entry-content {
          padding: 48px 0; } }
      @media screen and (max-width: 420px) {
        .flex-container .slides article .entry-content {
          padding: 32px 0; } }
      @media screen and (max-width: 420px), screen and (max-height: 728px) {
        .flex-container .slides article .entry-content {
          min-height: 100vh; } }
    .flex-container .slides article .entry-image {
      -webkit-box-flex: 2;
      -webkit-flex: 2 1 0;
      -moz-box-flex: 2;
      -moz-flex: 2 1 0;
      -ms-flex: 2 1 0;
      flex: 2 1 0;
      max-width: 384.0px;
      min-width: 288px; }
      @media screen and (max-width: 576px) {
        .flex-container .slides article .entry-image {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 100%;
          -moz-box-flex: 1;
          -moz-flex: 1 1 100%;
          -ms-flex: 1 1 100%;
          flex: 1 1 100%; } }
      .flex-container .slides article .entry-image img {
        width: auto;
        max-height: 320px;
        float: right; }
        @media screen and (max-width: 576px) {
          .flex-container .slides article .entry-image img {
            float: none;
            margin: auto;
            max-height: 180px; } }
    .flex-container .slides article .entry-details {
      -webkit-box-flex: 3;
      -webkit-flex: 3 1 0;
      -moz-box-flex: 3;
      -moz-flex: 3 1 0;
      -ms-flex: 3 1 0;
      flex: 3 1 0;
      min-width: 288px; }
      @media screen and (max-width: 576px) {
        .flex-container .slides article .entry-details {
          text-align: center;
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 100%;
          -moz-box-flex: 1;
          -moz-flex: 1 1 100%;
          -ms-flex: 1 1 100%;
          flex: 1 1 100%; } }
  .flex-container .slides > li {
    margin: 0;
    padding: 0; }

/* Product Upsell */
.product-upsell {
  display: table;
  margin: auto;
  text-align: center; }
  .product-upsell div {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  .product-upsell img {
    min-width: 220px; }
  @media screen and (max-width: 600px) {
    .product-upsell div {
      display: block; }
    .product-upsell img {
      margin: 0 auto 32px;
      float: none; } }

/* Testimonials */
.product-testimonials-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left; }
  .product-testimonials-container .customer-testimonial-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -moz-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 8px; }
  .product-testimonials-container .customer-testimonial {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -moz-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    background: #ffffff;
    padding: 32px;
    margin-bottom: 16px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .product-testimonials-container .customer-testimonial {
        padding: 32px 8px; } }
    .product-testimonials-container .customer-testimonial blockquote {
      position: relative;
      margin: 0 32px; }
      .reverse .product-testimonials-container .customer-testimonial blockquote * {
        color: #727272; }
      .product-testimonials-container .customer-testimonial blockquote:before {
        position: absolute;
        left: -32px;
        top: -8px;
        content: "\f122";
        color: #eef4f7;
        font-size: 22.4px;
        font-size: 1.4rem;
        font-family: 'dashicons'; }
      .product-testimonials-container .customer-testimonial blockquote p:last-child {
        margin: 0; }
      .product-testimonials-container .customer-testimonial blockquote p:last-child:after {
        font-family: serif;
        content: "\201D";
        font-size: 22.4px;
        font-size: 1.4rem;
        line-height: 1em; }
    .product-testimonials-container .customer-testimonial:after {
      border-top: 20px solid #ffffff;
      border-left: 16px solid rgba(255, 255, 255, 0);
      border-right: 16px solid rgba(255, 255, 255, 0);
      content: "";
      height: 0;
      position: absolute;
      left: 24px;
      bottom: -20px;
      width: 0;
      z-index: 2; }
  .product-testimonials-container .customer-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 8px; }
    .product-testimonials-container .customer-info .customer-image {
      margin-right: 16px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      max-width: 64px;
      max-height: 64px; }

.Passages-site.category-features .row:not(.footer-snippet) {
  background-color: #f8fbfc; }

.Passages-site.category-resources .read-more {
  display: none; }

.ION-site .page .row:nth-of-type(2):before,
.ION-site .single .row:nth-of-type(2):before {
  color: #7eb6e3;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  content: "\00bb";
  font-size: 153.6px;
  height: 0;
  left: calc( 50% + 76.8px/4);
  position: absolute;
  text-align: center;
  top: calc( -76.8px / 2);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  width: 0;
  line-height: 0;
  z-index: 2; }

.ION-site .page .row.bg-arrow:before,
.ION-site .single .row.bg-arrow:before {
  color: #7eb6e3;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  content: "\00bb";
  font-size: 153.6px;
  height: 0;
  left: calc( 50% + 76.8px/4);
  position: absolute;
  text-align: center;
  top: calc( -76.8px / 2);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  width: 0;
  line-height: 0;
  z-index: 2; }

/* Plans and Pricing  */
.plan {
  font-size: 14.4px;
  font-size: 0.9rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 25%;
  -moz-box-flex: 1;
  -moz-flex: 1 1 25%;
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  list-style: none;
  text-align: center;
  padding: 0 8px; }
  @media screen and (max-width: 1152px) {
    .plan {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 50%;
      -moz-box-flex: 1;
      -moz-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%; } }
  @media screen and (max-width: 480px) {
    .plan {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 100%;
      -moz-box-flex: 1;
      -moz-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%; } }
  .plan li {
    padding: 8px 16px;
    margin: 0;
    white-space: nowrap; }
    .plan li:nth-child(even) {
      background-color: #f8fbfc; }
    .plan li:nth-child(odd) {
      background-color: #eef4f7; }
    .plan li:nth-child(1), .plan li:nth-child(2) {
      color: #ffffff; }
      .plan li:nth-child(1) *, .plan li:nth-child(2) * {
        color: #ffffff; }
    .plan li:nth-child(1) {
      padding: 32px 16px 0 16px;
      text-transform: uppercase;
      letter-spacing: 2px; }
    .plan li:nth-child(2) {
      padding: 0 16px 32px 16px; }
      .plan li:nth-child(2) .emphasis {
        font-size: 48px;
        font-size: 3rem;
        font-weight: 700; }
    .plan li:last-child {
      padding: 32px 0;
      background: none; }
  .plan.pricing-light li:nth-child(1),
  .plan.pricing-light li:nth-child(2) {
    background-color: #7eb6e3; }
  .plan.pricing-bright li:nth-child(1),
  .plan.pricing-bright li:nth-child(2) {
    background-color: #458bca; }
  .plan.pricing-medium li:nth-child(1),
  .plan.pricing-medium li:nth-child(2) {
    background-color: #3672b5; }
  .plan.pricing-dark li:nth-child(1),
  .plan.pricing-dark li:nth-child(2) {
    background-color: #0f4d8b; }

.features-container ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  font-size: 25.6px;
  font-size: 1.6rem;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 768.0px;
  width: 97%;
  margin-bottom: 16px;
  padding: 0; }
  .features-container ul li {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 0 16px;
    margin-bottom: 16px;
    line-height: 1.15em; }
    @media screen and (max-width: 520px) {
      .features-container ul li {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
    .features-container ul li:before {
      content: "\f147";
      font-family: 'Dashicons';
      color: #7eb6e3;
      display: inline-block;
      font-size: 1.6em;
      line-height: 1em;
      margin-right: 8px;
      outline: 1px solid #7eb6e3;
      outline-offset: -.26em;
      overflow: hidden;
      position: relative;
      top: -2px;
      vertical-align: middle; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.home #site-footer-container .main-nav-container,
.home #site-footer-container #colophon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

#product-footer {
  background-color: var(--product-footer-background);
  color: var(--product-footer-text); }
  #product-footer .main-nav-container {
    background-color: var(--product-footer-background);
    border-color: var(--product-footer-text); }
  #product-footer a {
    color: var(--product-footer-text); }

/*--------------------------------------------------------------
## Global CSS Transition
--------------------------------------------------------------*/
header *,
nav *,
aside *,
article *,
footer * {
  -webkit-transition: width 800ms ease, height 800ms ease, padding 800ms ease, margin 800ms ease, font-size 800ms ease, background 400ms ease;
  -moz-transition: width 800ms ease, height 800ms ease, padding 800ms ease, margin 800ms ease, font-size 800ms ease, background 400ms ease;
  -ms-transition: width 800ms ease, height 800ms ease, padding 800ms ease, margin 800ms ease, font-size 800ms ease, background 400ms ease;
  -o-transition: width 800ms ease, height 800ms ease, padding 800ms ease, margin 800ms ease, font-size 800ms ease, background 400ms ease;
  transition: width 800ms ease, height 800ms ease, padding 800ms ease, margin 800ms ease, font-size 800ms ease, background 400ms ease; }

@media screen and (max-width: 768px) {
  #product-menu {
    -webkit-transition: unset;
    -moz-transition: unset;
    -ms-transition: unset;
    -o-transition: unset;
    transition: unset; } }

/* 
 * Fadeup Effect
 */
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

.archive .row article, .archive aside,
.row .entry-content {
  opacity: 0;
  overflow: hidden;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

body.custom-background {
  background-image: none !important; }