/*
 Theme Name:   Ntrepid Products 2020
 Theme URI:    http://ntrepidcorp.com/
 Description:  This is the standard theme used by the Ntrepid brand of products.
 Author:       CTO Shop
 Author URI:   http://ntrepidcorp.com
 Template:     ntrepid
 Version:      1.0.1
 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
--------------------------------------------------------------*/
/* Anonymizer 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
--------------------------------------------------------------*/
h1 {
  color: var(--brand); }

h2, h3 {
  color: var(--brand-medium); }

h4, h5, h6 {
  color: var(--brand-dark); }

.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: 54px;
  font-size: 3.375rem;
  font-weight: 100;
  line-height: 1em; }
  @media screen and (max-width: 960px) {
    .section-title {
      font-size: 38px;
      font-size: 2.375rem; } }
  @media screen and (max-width: 420px) {
    .section-title {
      font-size: 26.8px;
      font-size: 1.675rem; } }

.simple-slide-content h1, .simple-slide-content h2 {
  font-size: 70px;
  font-size: 4.375rem;
  font-weight: 100;
  line-height: 1em; }
  @media screen and (max-width: 800px) {
    .simple-slide-content h1, .simple-slide-content h2 {
      font-size: 54px;
      font-size: 3.375rem; } }
  @media screen and (max-width: 420px) {
    .simple-slide-content h1, .simple-slide-content h2 {
      font-size: 42.8px;
      font-size: 2.675rem; } }

.has-brand-background-color {
  background-color: var(--brand); }

.has-brand-color {
  color: var(--brand); }

.has-brand-light-background-color {
  background-color: var(--brand-light); }

.has-brand-light-color {
  color: var(--brand-light); }

.has-brand-bright-background-color {
  background-color: var(--brand-bright); }

.has-brand-bright-color {
  color: var(--brand-bright); }

.has-brand-medium-background-color {
  background-color: var(--brand-medium); }

.has-brand-medium-color {
  color: var(--brand-medium); }

.has-brand-dark-background-color {
  background-color: var(--brand-dark); }

.has-brand-dark-color {
  color: var(--brand-dark); }

.has-neutral-light-background-color {
  background-color: var(--neutral-light); }

.has-neutral-light-color {
  color: var(--neutral-light); }

.has-neutral-dark-background-color {
  background-color: var(--neutral-dark); }

.has-neutral-dark-color {
  color: var(--neutral-dark); }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.is-style-cta-standard a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal !important;
  font-weight: 700;
  padding: 8px 32px;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1;
  background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) var(--brand-bright);
  color: #ffffff; }
  .is-style-cta-standard a:hover {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)) var(--brand-bright);
    color: #ffffff; }
  .is-style-cta-standard a:focus, .is-style-cta-standard a:active {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)) var(--brand-bright);
    color: #ffffff; }

.is-style-cta-outline a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal !important;
  font-weight: 700;
  padding: 8px 32px;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1;
  border: 1px solid;
  background: transparent;
  border-color: var(--brand-light);
  color: var(--brand-light); }
  .is-style-cta-outline a:hover {
    border-color: var(--brand-light);
    color: var(--brand-light);
    opacity: .7; }
  .is-style-cta-outline a:focus, .is-style-cta-outline a:active {
    border-color: var(--brand-light);
    color: var(--brand-light);
    opacity: .85; }

.simple-slide-container.neutral-light .is-style-cta-outline a,
.simple-section-container.neutral-light .is-style-cta-outline a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal !important;
  font-weight: 700;
  padding: 8px 32px;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1;
  border: 1px solid;
  background: transparent;
  border-color: var(--neutral-dark);
  color: var(--neutral-dark); }
  .simple-slide-container.neutral-light .is-style-cta-outline a:hover,
  .simple-section-container.neutral-light .is-style-cta-outline a:hover {
    border-color: var(--neutral-dark);
    color: var(--neutral-dark);
    opacity: .7; }
  .simple-slide-container.neutral-light .is-style-cta-outline a:focus, .simple-slide-container.neutral-light .is-style-cta-outline a:active,
  .simple-section-container.neutral-light .is-style-cta-outline a:focus,
  .simple-section-container.neutral-light .is-style-cta-outline a:active {
    border-color: var(--neutral-dark);
    color: var(--neutral-dark);
    opacity: .85; }

.simple-slide-container.reverse .is-style-cta-outline a {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal !important;
  font-weight: 700;
  padding: 8px 32px;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1;
  border: 1px solid;
  background: transparent;
  border-color: #ffffff;
  color: #ffffff; }
  .simple-slide-container.reverse .is-style-cta-outline a:hover {
    border-color: #ffffff;
    color: #ffffff;
    opacity: .7; }
  .simple-slide-container.reverse .is-style-cta-outline a:focus, .simple-slide-container.reverse .is-style-cta-outline a:active {
    border-color: #ffffff;
    color: #ffffff;
    opacity: .85; }

/*--------------------------------------------------------------
# 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; }

#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:not(.cta) > a {
    padding: 24.8px 0; }
    #product-menu > li:not(.cta) > a:hover {
      color: #7eb6e3; }
  #product-menu > li {
    position: relative;
    margin-left: 16px; }
    @media screen and (max-width: 768px) {
      #product-menu > li {
        margin-left: 0; } }
  #product-menu a {
    color: #ffffff;
    display: block; }
  #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 !important; }
          #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;
    line-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%; }

.header-nav ul li {
  position: relative; }

.header-nav ul ul {
  background-color: var(--brand-medium);
  font-size: 12.8px;
  font-size: 0.8rem;
  position: absolute;
  right: -.5rem;
  text-align: left;
  z-index: 99999;
  display: none;
  margin-top: 1px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: max-height .6s;
  max-height: 0;
  display: block;
  overflow: hidden;
  min-width: 240px;
  max-width: 288px; }
  @media screen and (max-width: 768px) {
    .header-nav ul ul {
      background-color: transparent; } }
  @media screen and (max-width: 768px) {
    .header-nav ul ul {
      position: relative;
      right: 0;
      max-width: none; } }
  .header-nav ul ul li {
    display: block; }
  .header-nav ul ul a {
    padding: 8px 16px;
    margin: 0; }
    .header-nav ul ul a:hover {
      color: #ffffff; }
      .header-nav ul ul a:hover::before {
        content: '\00bb';
        display: inline-block;
        margin-right: 8px; }

.header-nav ul li:hover > ul,
.header-nav ul li.focus > ul {
  display: block;
  max-height: 200px; }

/*--------------------------------------------------------------
# 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
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Root
--------------------------------------------------------------*/
:root {
  --hero-padding-top: 8.6rem; }

/*--------------------------------------------------------------
## Masthead
--------------------------------------------------------------*/
#masthead-container {
  background: none;
  overflow: inherit;
  position: fixed;
  top: 0;
  height: auto; }
  #masthead-container.reverse {
    background: var(--brand-bright);
    border-bottom: 1px solid #ffffff; }

#utility-menu-container {
  background-color: var(--utility-menu-background);
  padding: 8px 32px; }
  #utility-menu-container a {
    color: #ffffff; }
    #utility-menu-container a:hover {
      color: var(--brand-light); }
  @media screen and (max-width: 768px) {
    #utility-menu-container nav {
      position: relative;
      right: 40px; } }

#masthead {
  background: var(--product-menu-background);
  padding: 16px 32px;
  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 {
      background: transparent;
      position: absolute;
      top: 0;
      bottom: 0; } }

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

/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/
body.home,
body {
  overflow-y: 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; }

/* Flexslider */
.loader {
  border: 8px solid #c7ccd1;
  border-radius: 50%;
  border-top: 8px solid #458bca;
  width: 24px;
  height: 24px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  margin: calc(30vh + 24px) auto; }

@-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 .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 .simple-slide-container {
  width: 100%;
  padding-top: var(--hero-padding-top);
  height: var(--hero-height);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .flex-container .slides .simple-slide-container.bg-image {
    background-attachment: scroll; }
    .flex-container .slides .simple-slide-container.bg-image:before {
      background-color: unset; }
  @media screen and (max-width: 576px) {
    .flex-container .slides .simple-slide-container img {
      margin: auto;
      max-height: 180px; } }
  .flex-container .slides .simple-slide-container .simple-slide-content.entry-content {
    padding: 1rem;
    max-width: var(--hero-content-width); }
    .flex-container .slides .simple-slide-container .simple-slide-content.entry-content :last-child {
      margin-bottom: 0; }

.flex-container .slides > li {
  margin: 0;
  padding: 0; }

@media screen and (max-width: 800px) {
  .simple-slide-container {
    height: calc( var(--hero-height) / 1.4) !important; } }

@media screen and (max-width: 420px) {
  .simple-slide-container {
    height: calc( var(--hero-height) / 1.8) !important; } }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#page {
  height: 100vh; }

main .row .entry-content {
  overflow: visible !important; }

.product-site .wp-block-columns {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .product-site .wp-block-columns .wp-block-column {
      margin: 0;
      padding: 0 8px; } }

.blog .page-header,
.error-404 .page-header,
.search .page-header,
.archive .page-header,
.page .page-header,
.single .page-header {
  background-color: var(--brand-medium);
  padding: 96px 160px 32px;
  color: #ffffff; }
  .blog .page-header a,
  .error-404 .page-header a,
  .search .page-header a,
  .archive .page-header a,
  .page .page-header a,
  .single .page-header a {
    color: #ffffff; }
  @media screen and (max-width: 768px) {
    .blog .page-header,
    .error-404 .page-header,
    .search .page-header,
    .archive .page-header,
    .page .page-header,
    .single .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: #3672b5; }
    .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: #3672b5; }

.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, .bg-image.reverse.row:after {
  background-color: unset !important; }

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

article .simple-section-container {
  -webkit-transition: width 0ms;
  -moz-transition: width 0ms;
  -ms-transition: width 0ms;
  -o-transition: width 0ms;
  transition: width 0ms; }

section.row > .entry-content > .simple-section-container:first-child {
  margin-top: -64px; }

section.row > .entry-content > .simple-section-container:last-child {
  margin-bottom: -64px; }

.simple-section-header-image {
  margin-top: -64px; }

.simple-section-container + h1,
.simple-section-container + h2,
.simple-section-container + h3,
.simple-section-container + h4,
.simple-section-container + h5,
.simple-section-container + h6 {
  margin-top: 32px; }

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

.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; } }

/* 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; }

/* 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
--------------------------------------------------------------*/
/*
#site-footer-container {
	.main-nav-container {
		padding: $padding-2 $padding-2 $padding;
		ul {
			margin: 0 auto;
		}
	}
	.main-nav-container,
	#colophon {	
		@include flexbox();
		background-color: var(--product-footer-background);
		color: var(--product-footer-text);
	}

	#colophon {
		img {
			width: auto;
			max-height: $size_fixed_height;
		}
	}
	a {
		color: var(--product-footer-text);
	}
}
 
*/
.home #site-footer-container a,
#site-footer-container a {
  color: var(--product-footer-text); }

/*
.home {
	#site-footer-container {
		.main-nav-container,
		#colophon {	
			@include flexbox();
		}
	}
}
*/
#site-footer-container #colophon {
  padding-left: 32px;
  padding-right: 32px; }

#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); }

@media screen and (max-width: 768px) {
  .home #site-footer-container #colophon,
  #site-footer-container #colophon {
    display: block; } }

/*
@media screen and ( max-width:800px ), screen and( max-height:600px ){

	
	.home #site-footer-container {	
		
		#colophon {
			display: block;
		}	
	}

}

@media ( min-width:620px )and( max-height:320px ){

	#site-footer-container {	
		
 			display: none;
 	}
}
*/
/*--------------------------------------------------------------
## 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; }

@media screen and (min-width: 782px) {
  .admin-bar #page,
  .admin-bar #masthead-container {
    margin-top: 32px; } }

@media screen and (max-width: 782px) and (min-width: 600px) {
  .admin-bar #masthead-container,
  .admin-bar #content-container {
    margin-top: 46px; } }

@media screen and (max-width: 600px) {
  .home.admin-bar #masthead-container {
    margin-bottom: -54px; }
  .admin-bar #masthead-container {
    position: sticky;
    top: 0px; } }