/*
normalize HTML elements
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
	 ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0; }

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block; }

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
	 ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
	 ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent; }

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder; }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%; }

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
	 ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none; }

/* Forms
	 ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible; }

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none; }

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline; }

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto; }

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
	 ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block; }

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item; }

/* Misc
	 ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none; }

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none; }

/*
General Variables for this WP Theme
*/
/*
Animations
*/
/*
File to store the animation library
get inspired here : https://animista.net/
*/
/*
Basic Grid system
*/
.grid-x {
  display: flex;
  flex-flow: row wrap; }

.grid-x > .small-1 {
  width: 8.33333%;
  flex-basis: auto; }
  .grid-x > .small-1.columns {
    width: calc(8.33333% - 10px);
    margin: 0px 5px; }
  .grid-x > .small-1.incl-border {
    width: calc(8.33333% - 12px); }

.grid-x > .small-2 {
  width: 16.66667%;
  flex-basis: auto; }
  .grid-x > .small-2.columns {
    width: calc(16.66667% - 10px);
    margin: 0px 5px; }
  .grid-x > .small-2.incl-border {
    width: calc(16.66667% - 12px); }

.grid-x > .small-3 {
  width: 25%;
  flex-basis: auto; }
  .grid-x > .small-3.columns {
    width: calc(25% - 10px);
    margin: 0px 5px; }
  .grid-x > .small-3.incl-border {
    width: calc(25% - 12px); }

.grid-x > .small-4 {
  width: 33.33333%;
  flex-basis: auto; }
  .grid-x > .small-4.columns {
    width: calc(33.33333% - 10px);
    margin: 0px 5px; }
  .grid-x > .small-4.incl-border {
    width: calc(33.33333% - 12px); }

.grid-x > .small-5 {
  width: 41.66667%;
  flex-basis: auto; }
  .grid-x > .small-5.columns {
    width: calc(41.66667% - 10px);
    margin: 0px 5px; }
  .grid-x > .small-5.incl-border {
    width: calc(41.66667% - 12px); }

.grid-x > .small-6 {
  width: 50%;
  flex-basis: auto; }
  .grid-x > .small-6.columns {
    width: calc(50% - 10px);
    margin: 0px 5px; }
  .grid-x > .small-6.incl-border {
    width: calc(50% - 12px); }

.grid-x > .small-7 {
  width: 58.33333%;
  flex-basis: auto; }
  .grid-x > .small-7.columns {
    width: calc(58.33333% - 10px);
    margin: 0px 5px; }
  .grid-x > .small-7.incl-border {
    width: calc(58.33333% - 12px); }

.grid-x > .small-8 {
  width: 66.66667%;
  flex-basis: auto; }
  .grid-x > .small-8.columns {
    width: calc(66.66667% - 10px);
    margin: 0px 5px; }
  .grid-x > .small-8.incl-border {
    width: calc(66.66667% - 12px); }

.grid-x > .small-9 {
  width: 75%;
  flex-basis: auto; }
  .grid-x > .small-9.columns {
    width: calc(75% - 10px);
    margin: 0px 5px; }
  .grid-x > .small-9.incl-border {
    width: calc(75% - 12px); }

.grid-x > .small-10 {
  width: 83.33333%;
  flex-basis: auto; }
  .grid-x > .small-10.columns {
    width: calc(83.33333% - 10px);
    margin: 0px 5px; }
  .grid-x > .small-10.incl-border {
    width: calc(83.33333% - 12px); }

.grid-x > .small-11 {
  width: 91.66667%;
  flex-basis: auto; }
  .grid-x > .small-11.columns {
    width: calc(91.66667% - 10px);
    margin: 0px 5px; }
  .grid-x > .small-11.incl-border {
    width: calc(91.66667% - 12px); }

.grid-x > .small-12 {
  width: 100%;
  flex-basis: auto; }
  .grid-x > .small-12.columns {
    width: calc(100% - 10px);
    margin: 0px 5px; }
  .grid-x > .small-12.incl-border {
    width: calc(100% - 12px); }

@media (min-width: 640px) {
  .grid-x > .medium-1 {
    width: 8.33333%;
    flex-basis: auto; }
    .grid-x > .medium-1.columns {
      width: calc(8.33333% - 10px);
      margin: 0px 5px; }
    .grid-x > .medium-1.incl-border {
      width: calc(8.33333% - 12px); }
  .grid-x > .medium-2 {
    width: 16.66667%;
    flex-basis: auto; }
    .grid-x > .medium-2.columns {
      width: calc(16.66667% - 10px);
      margin: 0px 5px; }
    .grid-x > .medium-2.incl-border {
      width: calc(16.66667% - 12px); }
  .grid-x > .medium-3 {
    width: 25%;
    flex-basis: auto; }
    .grid-x > .medium-3.columns {
      width: calc(25% - 10px);
      margin: 0px 5px; }
    .grid-x > .medium-3.incl-border {
      width: calc(25% - 12px); }
  .grid-x > .medium-4 {
    width: 33.33333%;
    flex-basis: auto; }
    .grid-x > .medium-4.columns {
      width: calc(33.33333% - 10px);
      margin: 0px 5px; }
    .grid-x > .medium-4.incl-border {
      width: calc(33.33333% - 12px); }
  .grid-x > .medium-5 {
    width: 41.66667%;
    flex-basis: auto; }
    .grid-x > .medium-5.columns {
      width: calc(41.66667% - 10px);
      margin: 0px 5px; }
    .grid-x > .medium-5.incl-border {
      width: calc(41.66667% - 12px); }
  .grid-x > .medium-6 {
    width: 50%;
    flex-basis: auto; }
    .grid-x > .medium-6.columns {
      width: calc(50% - 10px);
      margin: 0px 5px; }
    .grid-x > .medium-6.incl-border {
      width: calc(50% - 12px); }
  .grid-x > .medium-7 {
    width: 58.33333%;
    flex-basis: auto; }
    .grid-x > .medium-7.columns {
      width: calc(58.33333% - 10px);
      margin: 0px 5px; }
    .grid-x > .medium-7.incl-border {
      width: calc(58.33333% - 12px); }
  .grid-x > .medium-8 {
    width: 66.66667%;
    flex-basis: auto; }
    .grid-x > .medium-8.columns {
      width: calc(66.66667% - 10px);
      margin: 0px 5px; }
    .grid-x > .medium-8.incl-border {
      width: calc(66.66667% - 12px); }
  .grid-x > .medium-9 {
    width: 75%;
    flex-basis: auto; }
    .grid-x > .medium-9.columns {
      width: calc(75% - 10px);
      margin: 0px 5px; }
    .grid-x > .medium-9.incl-border {
      width: calc(75% - 12px); }
  .grid-x > .medium-10 {
    width: 83.33333%;
    flex-basis: auto; }
    .grid-x > .medium-10.columns {
      width: calc(83.33333% - 10px);
      margin: 0px 5px; }
    .grid-x > .medium-10.incl-border {
      width: calc(83.33333% - 12px); }
  .grid-x > .medium-11 {
    width: 91.66667%;
    flex-basis: auto; }
    .grid-x > .medium-11.columns {
      width: calc(91.66667% - 10px);
      margin: 0px 5px; }
    .grid-x > .medium-11.incl-border {
      width: calc(91.66667% - 12px); }
  .grid-x > .medium-12 {
    width: 100%;
    flex-basis: auto; }
    .grid-x > .medium-12.columns {
      width: calc(100% - 10px);
      margin: 0px 5px; }
    .grid-x > .medium-12.incl-border {
      width: calc(100% - 12px); } }

@media (min-width: 1024px) {
  .grid-x > .large-1 {
    width: 8.33333%;
    flex-basis: auto; }
    .grid-x > .large-1.columns {
      width: calc(8.33333% - 10px);
      margin: 0px 5px; }
    .grid-x > .large-1.incl-border {
      width: calc(8.33333% - 12px); }
  .grid-x > .large-2 {
    width: 16.66667%;
    flex-basis: auto; }
    .grid-x > .large-2.columns {
      width: calc(16.66667% - 10px);
      margin: 0px 5px; }
    .grid-x > .large-2.incl-border {
      width: calc(16.66667% - 12px); }
  .grid-x > .large-3 {
    width: 25%;
    flex-basis: auto; }
    .grid-x > .large-3.columns {
      width: calc(25% - 10px);
      margin: 0px 5px; }
    .grid-x > .large-3.incl-border {
      width: calc(25% - 12px); }
  .grid-x > .large-4 {
    width: 33.33333%;
    flex-basis: auto; }
    .grid-x > .large-4.columns {
      width: calc(33.33333% - 10px);
      margin: 0px 5px; }
    .grid-x > .large-4.incl-border {
      width: calc(33.33333% - 12px); }
  .grid-x > .large-5 {
    width: 41.66667%;
    flex-basis: auto; }
    .grid-x > .large-5.columns {
      width: calc(41.66667% - 10px);
      margin: 0px 5px; }
    .grid-x > .large-5.incl-border {
      width: calc(41.66667% - 12px); }
  .grid-x > .large-6 {
    width: 50%;
    flex-basis: auto; }
    .grid-x > .large-6.columns {
      width: calc(50% - 10px);
      margin: 0px 5px; }
    .grid-x > .large-6.incl-border {
      width: calc(50% - 12px); }
  .grid-x > .large-7 {
    width: 58.33333%;
    flex-basis: auto; }
    .grid-x > .large-7.columns {
      width: calc(58.33333% - 10px);
      margin: 0px 5px; }
    .grid-x > .large-7.incl-border {
      width: calc(58.33333% - 12px); }
  .grid-x > .large-8 {
    width: 66.66667%;
    flex-basis: auto; }
    .grid-x > .large-8.columns {
      width: calc(66.66667% - 10px);
      margin: 0px 5px; }
    .grid-x > .large-8.incl-border {
      width: calc(66.66667% - 12px); }
  .grid-x > .large-9 {
    width: 75%;
    flex-basis: auto; }
    .grid-x > .large-9.columns {
      width: calc(75% - 10px);
      margin: 0px 5px; }
    .grid-x > .large-9.incl-border {
      width: calc(75% - 12px); }
  .grid-x > .large-10 {
    width: 83.33333%;
    flex-basis: auto; }
    .grid-x > .large-10.columns {
      width: calc(83.33333% - 10px);
      margin: 0px 5px; }
    .grid-x > .large-10.incl-border {
      width: calc(83.33333% - 12px); }
  .grid-x > .large-11 {
    width: 91.66667%;
    flex-basis: auto; }
    .grid-x > .large-11.columns {
      width: calc(91.66667% - 10px);
      margin: 0px 5px; }
    .grid-x > .large-11.incl-border {
      width: calc(91.66667% - 12px); }
  .grid-x > .large-12 {
    width: 100%;
    flex-basis: auto; }
    .grid-x > .large-12.columns {
      width: calc(100% - 10px);
      margin: 0px 5px; }
    .grid-x > .large-12.incl-border {
      width: calc(100% - 12px); } }

/*
	Base styles
*/
/******************************************************************

Stylesheet: Base/Small Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/* Fonts.com hosted fonts */
/*
$sofia-light: "Sofia W01 Light1446819",Verdana,Arial,sans-serif;
$sofia-regular: "Sofia W01 Regular1446825",Verdana,Arial,sans-serif;
$sofia-medium: "Sofia W01 Medium1446831",Verdana,Arial,sans-serif;
$sofia-bold: "Sofia W01 Bold1446843",Verdana,Arial,sans-serif;
*/
/* Adobe */
html {
  -webkit-text-size-adjust: 100%;
  /* Prevent font scaling in landscape while allowing user zoom */
  font-family: "sofia-pro", Verdana, Arial, sans-serif;
  overflow-x: hidden;
  font-size: 100%; }
  html strong {
    font-family: "sofia-pro", Verdana, Arial, sans-serif;
    font-weight: 700; }

body {
  background-color: #FDFBF2;
  color: #222222;
  position: relative;
  overflow-x: hidden; }
  body.menu-open {
    overflow: hidden; }

/* create a border around entire page */
#body-border-top,
#body-border-left,
#body-border-right,
#body-border-bottom {
  position: absolute;
  background-color: #222222;
  z-index: 11; }

#body-border-top {
  top: 0px;
  left: 0px;
  right: 0px;
  height: 10px;
  width: 100%; }

#body-border-left {
  top: 0px;
  left: 0px;
  width: 10px;
  height: 100%; }

#body-border-right {
  top: 0px;
  right: 0px;
  width: 10px;
  height: 100%; }

#body-border-bottom {
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 10px;
  width: 100%; }

.main-container {
  position: relative; }

#top-right-hexagon {
  background-image: url("/wp-content/themes/VONT2020/library/images/hexagon-orange-full.svg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
  width: 700px;
  height: 700px;
  position: absolute;
  top: -515px;
  right: -350px;
  z-index: 3;
  width: 350px;
  height: 350px;
  top: -246px;
  right: -156px; }

body.header-type-short #menu-trigger,
body.header-type-tall #menu-trigger {
  z-index: 4; }

body.header-type-short #top-right-hexagon,
body.header-type-tall #top-right-hexagon {
  top: -515px;
  right: -350px;
  top: -246px;
  right: -156px;
  /*
        top:0px;;
        right:0px;
        margin-top:-515px;
        margin-right:-350px;
*/
  z-index: 3; }

body.header-type-short .page-banner,
body.header-type-tall .page-banner {
  z-index: 2; }

body.header-type-short header.site-header .header-inner {
  margin-right: 0px; }
  body.header-type-short header.site-header .header-inner a#logo {
    margin-top: 18px; }
  body.header-type-short header.site-header .header-inner #menu-trigger {
    right: 50px; }

/*********************
GENERAL STYLES
*********************/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.clearfix:after {
  content: " ";
  display: table;
  clear: both; }

.skip-link {
  position: absolute;
  top: -100px;
  /* Styled to match the default WordPress screen reader text */
  background-color: #f1f1f1;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  color: #21759b;
  display: block;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 6px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
  -webkit-transition: top .75s ease-out;
  transition: top .75s ease-out; }

.skip-link:focus {
  color: #21759b;
  top: 7px;
  -webkit-transition: top 0s;
  transition: top 0s; }

.desktop-only {
  display: none; }

/* Helper classes */
.no-margin {
  margin: 0px !important; }

.no-padding {
  padding: 0px !important; }

.has-shadow {
  box-shadow: 0px 0px 20px #00000040; }

/*********************
LAYOUT & GRID STYLES
*********************/
/* constrain and center each row */
.row {
  max-width: 1200px;
  margin: 0px auto; }

/*********************
LINK STYLES
*********************/
a, a:visited {
  color: black;
  text-decoration: none;
  /*adds highlight on hover */
  /* on click */
  /* mobile tap color */ }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    border-bottom-width: 2px; }
  a.no-border, a:visited.no-border {
    border-bottom: none; }
  a:active, a:visited:active {
    border-bottom-width: 3px; }
  a:link, a:visited:link {
    /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

img.circle-thumb {
  border-radius: 50%; }

/******************************************************************
H1, H2, H3, H4, H5 P STYLES
******************************************************************/
p, li, lo {
  line-height: 1.7em; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  /*
	if you're going to use webfonts, be sure to check your weights
	http://css-tricks.com/watch-your-font-weight/
	*/
  font-family: "Rockwell Nova W15 Regular", serif;
  font-weight: normal;
  /* strip auto-bold because web fonts */
  /* removing text decoration from all headline links */
  color: #222222; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none;
    color: #222222; }
    h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover {
      color: #3d6d87; }
  h1 b, h1 strong, .h1 b, .h1 strong, h2 b, h2 strong, .h2 b, .h2 strong, h3 b, h3 strong, .h3 b, .h3 strong, h4 b, h4 strong, .h4 b, .h4 strong, h5 b, h5 strong, .h5 b, .h5 strong {
    font-family: "Rockwell Nova W15 Bold", serif;
    font-weight: normal; }

h1, .h1 {
  font-size: 35px;
  font-size: 2.2rem;
  font-family: "Rockwell Nova W15 Regular", serif;
  font-weight: normal; }

h1.is-style-h1-same-size-as-h2,
h2, .h2 {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.30em; }
  h1.is-style-h1-same-size-as-h2.font-size-40,
  h2.font-size-40, .h2.font-size-40 {
    font-size: 40px;
    font-size: 2.5rem; }

h3, .h3 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.3em; }

/*********************
HEADER STYLES
*********************/
/*********************
NAVIGATION STYLES
*********************/
/* Hide Desktop Menu */
#desktop-menu {
  display: none !important; }

header.site-header {
  position: relative;
  height: 73px;
  /* default */
  background-color: #222222; }
  header.site-header a#logo {
    display: inline-block;
    margin-top: 14px;
    margin-left: 50px; }
    header.site-header a#logo img {
      height: 36px; }
  header.site-header .header-inner {
    position: relative; }

body.header-type-short header.site-header {
  height: 73px; }

body.header-type-tall header.site-header {
  height: 112px; }

#menu-trigger,
#menu-close {
  position: absolute;
  top: 20px;
  right: 50px;
  font-size: 20px;
  font-size: 1.8rem;
  color: #fff;
  z-index: 4; }
  #menu-trigger:hover,
  #menu-close:hover {
    cursor: pointer; }

#full-menu-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0; }
  #full-menu-wrapper #menu-close-bg {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 147px;
    height: 60px;
    background-image: url("/wp-content/themes/VONT2020/library/images/hexagon-cropped-menu-close.png");
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 1; }
  #full-menu-wrapper .full-menu-inner {
    position: fixed;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%; }
  #full-menu-wrapper .left-side {
    padding: 20px 60px 0px 20px; }
  #full-menu-wrapper .right-side {
    padding: 20px 20px 20px 20px; }
  #full-menu-wrapper a {
    color: #fff; }
    #full-menu-wrapper a:hover {
      color: #3d6d87; }
  #full-menu-wrapper h2, #full-menu-wrapper h3, #full-menu-wrapper h4, #full-menu-wrapper h5, #full-menu-wrapper p, #full-menu-wrapper a, #full-menu-wrapper ul, #full-menu-wrapper li, #full-menu-wrapper div {
    color: #fff;
    margin: 0px;
    padding: 0px; }
  #full-menu-wrapper p {
    margin: 0px;
    padding: 0px; }
  #full-menu-wrapper img#menu-logo {
    width: 100%;
    max-width: 100px;
    padding-bottom: 20px; }
  #full-menu-wrapper img#menu-ethos-logo {
    width: 100%;
    max-width: 100px; }
  #full-menu-wrapper .intro-copy {
    display: none;
    font-size: 17px;
    font-size: 1.125rem;
    font-family: "Rockwell Nova W15 Light", serif; }
  #full-menu-wrapper .ethos-wrapper-desktop {
    display: none; }
  #full-menu-wrapper .ethos-wrapper-mobile {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 80%;
    background-image: url("/wp-content/themes/VONT2020/library/images/hexagon-cropped-menu-ethos.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding-left: 70px;
    padding-top: 200px;
    padding-bottom: 40px; }
    #full-menu-wrapper .ethos-wrapper-mobile .ethos-copy {
      max-width: 60%;
      padding-left: 20px;
      text-align: right; }
      #full-menu-wrapper .ethos-wrapper-mobile .ethos-copy p {
        margin: 0px;
        padding: 0px;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 14px;
        line-height: 0.875rem; }
        #full-menu-wrapper .ethos-wrapper-mobile .ethos-copy p img {
          padding: 5px 0px;
          width: 75px;
          height: auto; }
      #full-menu-wrapper .ethos-wrapper-mobile .ethos-copy:hover p {
        color: #1b95c7 !important; }
  #full-menu-wrapper nav.menu {
    clear: both;
    padding-right: 40px; }
    #full-menu-wrapper nav.menu ul {
      list-style: none;
      display: block;
      margin: 0px;
      padding: 0px; }
      #full-menu-wrapper nav.menu ul li {
        /* level 1 */
        position: relative;
        width: 100%;
        font-size: 13px;
        font-size: 0.8125rem; }
        #full-menu-wrapper nav.menu ul li a {
          display: block;
          padding: 8px 0px 8px 0px; }
    #full-menu-wrapper nav.menu.main-menu a {
      font-size: 20px;
      font-size: 1.25rem; }
  #full-menu-wrapper nav.links ul {
    padding-right: 40px;
    list-style: none;
    display: block;
    float: left; }
    #full-menu-wrapper nav.links ul li {
      display: block; }
      #full-menu-wrapper nav.links ul li a {
        display: block;
        padding: 5px 0px 5px 0px; }
  #full-menu-wrapper .right-side-copy {
    display: none; }
  #full-menu-wrapper .right-side-heading {
    display: block;
    color: #e85609;
    font-size: 16px;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 15px 0px 10px 0px; }
  #full-menu-wrapper .social-icons {
    margin: 20px 0px; }
    #full-menu-wrapper .social-icons a {
      margin-right: 10px; }
      #full-menu-wrapper .social-icons a:last-child {
        margin-right: 0; }
  #full-menu-wrapper #industries-menu-wrapper nav.menu ul li a {
    padding-top: 2px;
    padding-bottom: 2px; }
  #full-menu-wrapper #footer-links-wrapper nav.links ul li a {
    padding-top: 2px;
    padding-bottom: 2px; }

#full-menu-wrapper.open {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #222222;
  z-index: 10;
  height: 100%;
  opacity: 1;
  visibility: visible; }

body.admin-bar #full-menu-wrapper.open {
  top: 32px; }
  body.admin-bar #full-menu-wrapper.open .full-menu-inner .left-side {
    margin-top: 32px; }

#full-menu-wrapper a#menu-close {
  color: #fff; }

body.menu-open .site-header {
  display: none; }

body.menu-open #full-menu-wrapper .left-side,
body.menu-open #full-menu-wrapper .right-side {
  transform: translateX(0); }

/*****************
Blocks
*****************/
.wp-block-image figure.aligncenter figcaption, .wp-block-image figure.alignleft figcaption, .wp-block-image figure.alignright figcaption, .wp-block-image figure.is-resized figcaption {
  display: block !important;
  margin: 0 auto;
  text-align: center; }

.wp-block-video.alignfull video {
  width: 100%; }

.wp-block-image {
  margin-top: 0;
  margin-bottom: 0; }

/* some defaults */
.entry-content {
  /* DEFAULT PADDING to catch all core blocks for mobile padding
       we want some default padding for mobile on all of the non-VONT blocks - they'll have their own padding 
    */ }
  .entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content ul, .entry-content ol {
    padding-left: 20px;
    padding-right: 20px;
    padding-left: 8%;
    padding-right: 8%; }

/* now remove the default padding set above for all VONT blocks */
.vont-block {
  clear: both; }
  .vont-block p, .vont-block h1, .vont-block h2, .vont-block h3, .vont-block h4, .vont-block h5, .vont-block ul, .vont-block ol {
    padding-left: 0px;
    padding-right: 0px; }

.vont-block.case-studies-grid,
.vont-block.blog {
  padding-left: 8%;
  padding-right: 8%; }
  .vont-block.case-studies-grid h1, .vont-block.case-studies-grid h2, .vont-block.case-studies-grid h3, .vont-block.case-studies-grid h4, .vont-block.case-studies-grid h5,
  .vont-block.blog h1,
  .vont-block.blog h2,
  .vont-block.blog h3,
  .vont-block.blog h4,
  .vont-block.blog h5 {
    padding-left: 0px;
    padding-right: 0px; }

.single header h1,
.single header h2 {
  padding-left: 8%;
  padding-right: 8%; }

body.header-type-tall .entry-content div.offset {
  margin-top: -39px; }

body.header-type-short .entry-content div.offset {
  margin-top: -16px; }

.vont-block.divider {
  width: 100%; }

.vont-block.fast-facts {
  padding: 60px 40px; }
  .vont-block.fast-facts .fast-facts-inner-wrapper {
    max-width: 960px;
    margin: 0px auto;
    padding: 0px 10%;
    box-sizing: border-box; }
    .vont-block.fast-facts .fast-facts-inner-wrapper .copy {
      width: 100%;
      text-align: left;
      text-transform: uppercase; }
    .vont-block.fast-facts .fast-facts-inner-wrapper .data-wrapper {
      width: 100%; }
      .vont-block.fast-facts .fast-facts-inner-wrapper .data-wrapper .fast-fact {
        margin-bottom: 25px;
        text-align: left;
        /*
                display:flex;
                justify-content: space-between;
                align-items: flex-end;
*/ }
        .vont-block.fast-facts .fast-facts-inner-wrapper .data-wrapper .fast-fact:last-child {
          margin-bottom: 0px; }
        .vont-block.fast-facts .fast-facts-inner-wrapper .data-wrapper .fast-fact .value {
          /*
                    width:35%;
                    text-align: right;
*/
          font-size: 3rem;
          line-height: 1em;
          font-family: "Rockwell Nova W15 Regular", serif; }
        .vont-block.fast-facts .fast-facts-inner-wrapper .data-wrapper .fast-fact .value-copy {
          margin-top: 10px;
          margin-bottom: 8px; }
          .vont-block.fast-facts .fast-facts-inner-wrapper .data-wrapper .fast-fact .value-copy p {
            margin: 0px; }

.vont-block.video .video-inner-wrapper {
  position: relative;
  background-color: #fff; }
  .vont-block.video .video-inner-wrapper img {
    width: 100%;
    max-width: none !important;
    opacity: .2; }
  .vont-block.video .video-inner-wrapper .embed-container {
    display: none;
    width: 100%; }
  .vont-block.video .video-inner-wrapper .custom-play-button-wrapper {
    position: absolute;
    height: 100px;
    width: 100px;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    display: flex;
    align-items: center; }
    .vont-block.video .video-inner-wrapper .custom-play-button-wrapper .custom-play-button {
      position: relative;
      color: #243440;
      text-transform: uppercase;
      font-family: "Rockwell Nova W15 Regular", serif;
      font-size: 40px;
      text-align: center;
      z-index: 0; }
      .vont-block.video .video-inner-wrapper .custom-play-button-wrapper .custom-play-button:after {
        content: ' ';
        height: 15px;
        background-color: #FFAC00;
        width: calc(100% + 10px);
        position: absolute;
        left: -5px;
        bottom: -5px;
        z-index: -1; }
      .vont-block.video .video-inner-wrapper .custom-play-button-wrapper .custom-play-button:hover {
        cursor: pointer; }
        .vont-block.video .video-inner-wrapper .custom-play-button-wrapper .custom-play-button:hover:after {
          content: ' ';
          height: calc(100% + 10px);
          background-color: #FFAC00;
          width: calc(100% + 10px);
          position: absolute;
          left: -5px;
          bottom: -5px;
          z-index: -1; }

.vont-block.blog-cta {
  text-align: center;
  margin: 20px 0px; }
  .vont-block.blog-cta .blog-cta-inner-wrapper {
    display: inline-block;
    margin: 0px auto;
    box-shadow: 0px 0px 20px #00000040;
    background-color: #3d6d87;
    color: #fdfbf2; }
  .vont-block.blog-cta a {
    text-align: center;
    display: block;
    border: 0;
    /*
		transition: all .4s ease !important;
		-moz-transition: all .4s ease !important;
		-webkit-transition: all .4s ease !important;
		-o-transition: all .4s ease !important;
*/
    text-shadow: none;
    line-height: 1.5em;
    padding: 30px 40px; }
    .vont-block.blog-cta a:hover {
      /*
			background: rgb(236, 90, 13) !important;
			color: rgb(255, 255, 255) !important;
*/ }
  .vont-block.blog-cta .line-1,
  .vont-block.blog-cta .line-2 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #fff; }

.vont-block.blog .blog-inner,
body.category .blog-inner {
  width: 100%; }
  .vont-block.blog .blog-inner .post,
  body.category .blog-inner .post {
    width: 48%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px; }
    .vont-block.blog .blog-inner .post .content,
    body.category .blog-inner .post .content {
      width: 100%; }
      .vont-block.blog .blog-inner .post .content .date,
      body.category .blog-inner .post .content .date {
        font-size: 14px;
        font-size: 0.875rem;
        text-transform: uppercase; }
      .vont-block.blog .blog-inner .post .content .excerpt,
      body.category .blog-inner .post .content .excerpt {
        margin-top: 20px;
        font-size: 17px;
        font-size: 1.0625rem;
        line-height: 1.625rem;
        font-family: "sofia-pro", Verdana, Arial, sans-serif;
        font-weight: 300; }
      .vont-block.blog .blog-inner .post .content h3,
      body.category .blog-inner .post .content h3 {
        font-family: "Rockwell Nova W15 Regular", serif;
        margin: 0px;
        margin-top: 8px;
        font-size: 25px;
        font-size: 1.5625rem; }
      .vont-block.blog .blog-inner .post .content .read-more,
      body.category .blog-inner .post .content .read-more {
        clear: both;
        display: block;
        margin-top: 20px; }
        .vont-block.blog .blog-inner .post .content .read-more a,
        body.category .blog-inner .post .content .read-more a {
          font-family: "sofia-pro", Verdana, Arial, sans-serif;
          font-weight: 700;
          text-transform: uppercase;
          position: relative;
          font-size: 14px;
          font-size: 0.875rem; }
    .vont-block.blog .blog-inner .post:last-of-type,
    body.category .blog-inner .post:last-of-type {
      margin-bottom: 0px; }
    .vont-block.blog .blog-inner .post .image-wrapper,
    body.category .blog-inner .post .image-wrapper {
      width: 35%;
      display: none; }
      .vont-block.blog .blog-inner .post .image-wrapper img,
      body.category .blog-inner .post .image-wrapper img {
        max-width: 100%;
        width: 100%; }
  .vont-block.blog .blog-inner .categories a:hover,
  body.category .blog-inner .categories a:hover {
    color: #3d6d87;
    text-decoration: underline; }

.vont-block.people-grid .people-grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px 20px;
  box-sizing: border-box; }
  .vont-block.people-grid .people-grid .person {
    width: 100%;
    margin: 0px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    /*
            &:hover {
                cursor:pointer;
                .image-wrapper img {
                    border-color:$medium-blue;
                    border-width:2px;
                    border-style:solid;
                    box-shadow: 4px 0px 0px $medium-blue;
                }
            }
*/ }
    .vont-block.people-grid .people-grid .person .image-wrapper {
      width: 40%;
      padding-right: 15px; }
      .vont-block.people-grid .people-grid .person .image-wrapper img {
        max-width: 100%;
        box-shadow: none;
        border-width: 2px;
        border-color: transparent;
        border-style: solid; }
        .vont-block.people-grid .people-grid .person .image-wrapper img:hover {
          /*
                        border-color:$medium-blue;
                        border-width:2px;
                        border-style:solid;
                        box-shadow: 4px 0px 0px $medium-blue;
*/ }
    .vont-block.people-grid .people-grid .person .info-wrapper {
      width: 60%;
      padding-right: 15px; }
      .vont-block.people-grid .people-grid .person .info-wrapper img {
        max-width: 100%; }
      .vont-block.people-grid .people-grid .person .info-wrapper .name {
        margin: 0px;
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 4px; }
      .vont-block.people-grid .people-grid .person .info-wrapper .title {
        font-size: 12px;
        font-size: 0.75rem;
        margin-bottom: 8px; }
      .vont-block.people-grid .people-grid .person .info-wrapper .social i {
        color: #aaa; }
        .vont-block.people-grid .people-grid .person .info-wrapper .social i:hover {
          color: #3d6d87; }
    .vont-block.people-grid .people-grid .person:last-child {
      margin-right: auto; }

.vont-block.people-grid.active {
  opacity: 1; }

.vont-block.case-studies-grid .intro-copy {
  margin-bottom: 30px; }
  .vont-block.case-studies-grid .intro-copy h1, .vont-block.case-studies-grid .intro-copy h2, .vont-block.case-studies-grid .intro-copy h3, .vont-block.case-studies-grid .intro-copy h4, .vont-block.case-studies-grid .intro-copy h5 {
    margin: 0px; }
  .vont-block.case-studies-grid .intro-copy p {
    margin-top: 0px; }
  .vont-block.case-studies-grid .intro-copy p:last-of-type {
    margin-bottom: 0px; }

.vont-block.case-studies-grid .case-studies-grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between; }
  .vont-block.case-studies-grid .case-studies-grid .case-study {
    width: 100%;
    margin: 0px;
    margin-bottom: 5%; }
    .vont-block.case-studies-grid .case-studies-grid .case-study:hover .image-wrapper img {
      transform: scale(1.1); }
    .vont-block.case-studies-grid .case-studies-grid .case-study:hover .image-wrapper a:after {
      opacity: 1; }
    .vont-block.case-studies-grid .case-studies-grid .case-study .image-wrapper {
      position: relative;
      overflow: hidden; }
      .vont-block.case-studies-grid .case-studies-grid .case-study .image-wrapper a {
        z-index: 6; }
      .vont-block.case-studies-grid .case-studies-grid .case-study .image-wrapper a:after {
        transition: all .5s ease-in-out;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 5;
        opacity: 0; }
      .vont-block.case-studies-grid .case-studies-grid .case-study .image-wrapper img {
        max-width: 100%;
        width: 100%;
        position: relative;
        transition: transform .5s ease-in-out; }
    .vont-block.case-studies-grid .case-studies-grid .case-study .info-wrapper .type {
      text-transform: none;
      font-size: 14px;
      font-size: 0.75rem;
      margin-top: 10px; }
    .vont-block.case-studies-grid .case-studies-grid .case-study .info-wrapper .info {
      font-family: "Rockwell Nova W15 Light", serif;
      margin-top: 8px; }
      .vont-block.case-studies-grid .case-studies-grid .case-study .info-wrapper .info h3.title {
        font-family: "Rockwell Nova W15 Regular", serif;
        font-size: 1rem;
        line-height: 1.5em;
        margin: 0px;
        padding: 0px;
        display: inline; }
      .vont-block.case-studies-grid .case-studies-grid .case-study .info-wrapper .info .short-description {
        line-height: 1.5em; }
      .vont-block.case-studies-grid .case-studies-grid .case-study .info-wrapper .info a:hover {
        color: #3d6d87; }
        .vont-block.case-studies-grid .case-studies-grid .case-study .info-wrapper .info a:hover h3.title {
          color: #3d6d87; }

.vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study {
  display: flex; }
  .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study .image-wrapper {
    width: 50%; }
  .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study .info-wrapper {
    width: 50%;
    padding: 0px 20px 20px 20px; }
    .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study .info-wrapper .type {
      margin-top: 0px; }
    .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study .info-wrapper .info {
      font-family: "sofia-pro", Verdana, Arial, sans-serif;
      margin-top: 15px; }
      .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study .info-wrapper .info h3.title {
        font-family: "sofia-pro", Verdana, Arial, sans-serif;
        font-weight: 700;
        font-size: 1.42rem;
        display: block;
        line-height: 1.1em; }
      .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study .info-wrapper .info .short-description {
        display: block;
        font-family: "sofia-pro", Verdana, Arial, sans-serif;
        margin-top: 10px; }
      .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study .info-wrapper .info a.case-studies-link {
        margin-top: 10px;
        text-transform: uppercase;
        font-family: "sofia-pro", Verdana, Arial, sans-serif;
        font-weight: 700;
        font-size: 0.989583333rem; }

.vont-block.job-listings .jobs-inner {
  padding-left: 8%;
  padding-right: 8%; }
  .vont-block.job-listings .jobs-inner .job-wrapper {
    margin-left: 30px;
    margin-bottom: 20px; }
    .vont-block.job-listings .jobs-inner .job-wrapper a {
      clear: both; }
    .vont-block.job-listings .jobs-inner .job-wrapper h3 {
      display: inline-block;
      margin: 0;
      font-family: "sofia-pro", Verdana, Arial, sans-serif; }
    .vont-block.job-listings .jobs-inner .job-wrapper:last-child {
      margin-bottom: 0; }
    .vont-block.job-listings .jobs-inner .job-wrapper i {
      padding-left: 10px; }
  .vont-block.job-listings .jobs-inner .no-jobs {
    margin-left: 30px;
    color: #838383;
    font-size: 18px; }

.vont-block.page-banner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 4; }
  .vont-block.page-banner.darken::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 5; }
  .vont-block.page-banner .overlay {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
    z-index: 6; }
    .vont-block.page-banner .overlay .overlay-inner {
      background: transparent;
      width: 100%;
      padding: 0px 8% 20px 8%;
      box-sizing: border-box; }
      .vont-block.page-banner .overlay .overlay-inner .overlay-text-line-1,
      .vont-block.page-banner .overlay .overlay-inner h1.overlay-text-line-1 {
        font-family: "Rockwell Nova W15 Regular", serif;
        color: #fff;
        font-size: 24px;
        font-size: 1.5rem;
        margin: 0px;
        padding: 0px; }
      .vont-block.page-banner .overlay .overlay-inner .overlay-text-line-2 {
        font-family: "Rockwell Nova W15 Light", serif;
        color: #fff;
        font-size: 18px;
        font-size: 1.125rem;
        margin-top: 12px; }
  .vont-block.page-banner .overlay-page-title {
    display: none;
    position: absolute;
    top: 20px;
    left: 0px;
    padding-left: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 0.9375rem;
    width: 100%; }
  .vont-block.page-banner.height-mobile-short {
    height: 180px; }
  .vont-block.page-banner.height-mobile-tall {
    height: 180px; }
  .vont-block.page-banner.banner-type-video .video-wrapper {
    display: none; }

.vont-block.testimonials {
  padding: 0px;
  position: relative;
  /*
    .flickity-page-dots {
        li.dot {
             background-color:#fff;
        }
    }
*/ }
  .vont-block.testimonials .copy {
    margin-bottom: 50px;
    text-align: center; }
    .vont-block.testimonials .copy h2 {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 33px;
      line-height: 2.0625rem;
      position: relative; }
  .vont-block.testimonials .carousel {
    width: 100%; }
  .vont-block.testimonials .carousel-cell {
    width: 100%;
    padding: 0px; }
    .vont-block.testimonials .carousel-cell .carousel-cell-inner {
      padding: 0px 70px; }
    .vont-block.testimonials .carousel-cell .testimonial-image img {
      width: 100%;
      height: auto; }
    .vont-block.testimonials .carousel-cell .testimonial-copy {
      font-family: "Rockwell Nova W15 Regular", serif;
      quotes: "\201C" "\201D";
      font-size: 20px;
      font-size: 1rem;
      line-height: 30px;
      line-height: 1.875rem;
      position: relative;
      margin-top: 20px;
      /*
            &:after {
                content: close-quote;
                position: absolute;
                bottom:-10px;
                padding-left:10px;
                color:$red;
            }
*/ }
      .vont-block.testimonials .carousel-cell .testimonial-copy:before, .vont-block.testimonials .carousel-cell .testimonial-copy:after {
        font-family: Arial;
        font-size: 80px;
        font-size: 5rem; }
      .vont-block.testimonials .carousel-cell .testimonial-copy:before {
        content: open-quote;
        position: absolute;
        left: -50px;
        top: 19px;
        color: #e85609; }
    .vont-block.testimonials .carousel-cell .testimonial-source {
      font-family: "sofia-pro", Verdana, Arial, sans-serif;
      text-align: right;
      font-weight: 400;
      margin-top: 25px; }
    .vont-block.testimonials .carousel-cell .testimonial-source-title {
      text-align: right;
      margin-top: 5px;
      padding-bottom: 10px; }
  .vont-block.testimonials .flickity-prev-next-button {
    top: -10px;
    border-radius: 0;
    transform: none;
    text-transform: uppercase;
    border-top: 2px solid;
    border-left: 2px solid;
    border-right: 5px solid;
    border-bottom: 5px solid;
    font-size: 16px;
    font-size: 1rem;
    border-color: #e85609;
    background-color: #fff;
    /*
        :hover {
            border-color:#fff;
            background-color:$red;
        }
*/ }
    .vont-block.testimonials .flickity-prev-next-button.previous {
      left: inherit;
      right: 100px; }
    .vont-block.testimonials .flickity-prev-next-button.next {
      right: 50px; }

.vont-block.carousel {
  padding: 0px;
  position: relative;
  /*
    .flickity-page-dots {
        li.dot {
             background-color:#fff;
        }
    }
*/ }
  .vont-block.carousel .carousel {
    width: 100%; }
  .vont-block.carousel .carousel-cell {
    width: 100%;
    width: 75%;
    width: 60%;
    padding: 0px; }
    .vont-block.carousel .carousel-cell .carousel-cell-inner {
      padding: 0px 20px 0px 20px; }
    .vont-block.carousel .carousel-cell .carousel-image img {
      width: 100%;
      height: auto; }
  .vont-block.carousel .flickity-prev-next-button {
    top: calc(50% - 12px);
    border-radius: 0;
    transform: none;
    text-transform: uppercase;
    border-top: 2px solid;
    border-left: 2px solid;
    border-right: 5px solid;
    border-bottom: 5px solid;
    font-size: 16px;
    font-size: 1rem;
    border-color: #e85609;
    color: #e85609;
    background-color: #fff;
    /*
        :hover {
            border-color:#fff;
            background-color:$red;
        }
*/ }
    .vont-block.carousel .flickity-prev-next-button.previous {
      left: 20px; }
    .vont-block.carousel .flickity-prev-next-button.next {
      right: 20px; }

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0; }

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1; }

.promo-outer-wrapper {
  padding: 20px 0px; }
  .promo-outer-wrapper .promo-wrapper .promo-block {
    text-align: center; }
    .promo-outer-wrapper .promo-wrapper .promo-block .promo-block-image {
      overflow: hidden; }
      .promo-outer-wrapper .promo-wrapper .promo-block .promo-block-image img {
        width: 100%;
        max-width: 100%; }
      .promo-outer-wrapper .promo-wrapper .promo-block .promo-block-image i {
        font-size: 30px;
        font-size: 1.875rem; }

.carousel-outer-wrapper {
  overflow: hidden; }
  .carousel-outer-wrapper .main-item-wrapper .main-single-wrapper {
    display: none; }
    .carousel-outer-wrapper .main-item-wrapper .main-single-wrapper.active {
      display: flex;
      flex-flow: column; }
    .carousel-outer-wrapper .main-item-wrapper .main-single-wrapper .right {
      padding: 0px 15px; }
  .carousel-outer-wrapper .carousel-wrapper {
    position: relative;
    margin-top: 20px;
    padding: 0px 35px; }
    .carousel-outer-wrapper .carousel-wrapper button.flickity-button {
      max-width: 50px;
      background-color: transparent;
      border: none;
      position: absolute;
      top: 50%;
      left: -10px; }
      .carousel-outer-wrapper .carousel-wrapper button.flickity-button.next {
        left: auto;
        right: -10px; }
    .carousel-outer-wrapper .carousel-wrapper .flickity-viewport {
      overflow: hidden; }
    .carousel-outer-wrapper .carousel-wrapper .single-wrapper {
      width: 200px;
      margin: 0px 10px; }
      .carousel-outer-wrapper .carousel-wrapper .single-wrapper .single-link {
        border-bottom: none;
        border-top: 5px solid transparent;
        display: block; }
        .carousel-outer-wrapper .carousel-wrapper .single-wrapper .single-link h3 {
          font-size: 16px;
          font-size: 1rem; }
        .carousel-outer-wrapper .carousel-wrapper .single-wrapper .single-link img {
          width: 100%;
          max-width: 100%; }
      .carousel-outer-wrapper .carousel-wrapper .single-wrapper.active .single-link {
        border-top: 5px solid red; }

.grid-outer-wrapper {
  margin: 15px 0px; }
  .grid-outer-wrapper h2 {
    padding: 0px 15px;
    text-align: center; }
  .grid-outer-wrapper .grid-wrapper {
    align-items: stretch;
    width: 100%; }
    .grid-outer-wrapper .grid-wrapper .read-more-button {
      display: block;
      margin: 0 auto; }
    .grid-outer-wrapper .grid-wrapper .single-grid-item {
      margin-bottom: 15px;
      border: 1px solid #ccc; }
      .grid-outer-wrapper .grid-wrapper .single-grid-item .featured-image-wrapper img {
        max-width: 100%;
        width: 100%;
        height: auto; }
      .grid-outer-wrapper .grid-wrapper .single-grid-item .single-grid-item-content {
        padding: 10px; }
        .grid-outer-wrapper .grid-wrapper .single-grid-item .single-grid-item-content a.single-item-read-more {
          display: inline-block;
          margin-top: 15px; }
          .grid-outer-wrapper .grid-wrapper .single-grid-item .single-grid-item-content a.single-item-read-more:after {
            content: " \00BB"; }

.channel-nav-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0px;
  border: none;
  background-color: #f5f4f2;
  width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  height: 45px;
  line-height: 45px;
  color: #0c0703;
  background-image: url("/wp-content/themes/VontKickoff2020/library/images/menu-arrow-down.png");
  background-repeat: no-repeat;
  background-position: 90% center; }

.cta-wrapper {
  padding: 15px;
  text-align: left; }
  .cta-wrapper.fade {
    /*Fade in option selected, fade in effect via JS in Block code*/
    display: none; }
    .cta-wrapper.fade.show-cta {
      position: fixed;
      display: block;
      bottom: 0px;
      width: 100%;
      z-index: 101; }

.expandable-block {
  display: flex;
  flex-flow: column; }
  .expandable-block .single-expandale-wrapper {
    flex: 1 1 100%;
    padding: 15px 0px; }
    .expandable-block .single-expandale-wrapper ~ .single-expandale-wrapper {
      border-top: 1px solid #ccc; }
    .expandable-block .single-expandale-wrapper .single-expandale-title {
      font-weight: bold;
      padding-left: 10px;
      cursor: pointer; }
      .expandable-block .single-expandale-wrapper .single-expandale-title:before {
        content: url("/wp-content/themes/VontKickoff2020/library/images/menu-arrow-down.png");
        position: relative;
        top: -2px;
        left: -5px;
        display: inline-block; }
    .expandable-block .single-expandale-wrapper .single-expandale-content {
      display: none;
      padding-left: 20px; }
    .expandable-block .single-expandale-wrapper.active-expandable .single-expandale-title:before {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      top: 0px; }
    .expandable-block .single-expandale-wrapper.active-expandable .single-expandale-content {
      display: block; }

.vont-block.image-content {
  position: relative; }
  .vont-block.image-content .image-overlay-content {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    padding: 50px;
    box-sizing: border-box;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center; }
    .vont-block.image-content .image-overlay-content h2, .vont-block.image-content .image-overlay-content h3, .vont-block.image-content .image-overlay-content h4, .vont-block.image-content .image-overlay-content h5, .vont-block.image-content .image-overlay-content p, .vont-block.image-content .image-overlay-content ul li {
      color: white; }
    .vont-block.image-content .image-overlay-content h2 {
      font-size: 1.2rem; }
    .vont-block.image-content .image-overlay-content h3 {
      font-size: 1.1rem; }
  .vont-block.image-content.content-position-left-top .image-overlay-content {
    align-items: flex-start;
    justify-content: flex-start; }
  .vont-block.image-content.content-position-left-center .image-overlay-content {
    align-items: center;
    justify-content: flex-start; }
  .vont-block.image-content.content-position-left-bottom .image-overlay-content {
    align-items: flex-end;
    justify-content: flex-start; }
  .vont-block.image-content.content-position-right-top .image-overlay-content {
    align-items: flex-start;
    justify-content: flex-end; }
  .vont-block.image-content.content-position-right-center .image-overlay-content {
    align-items: center;
    justify-content: flex-end; }
  .vont-block.image-content.content-position-right-bottom .image-overlay-content {
    align-items: flex-end;
    justify-content: flex-end; }
  .vont-block.image-content.content-position-center-top .image-overlay-content {
    align-items: flex-start;
    justify-content: center; }
  .vont-block.image-content.content-position-center-center .image-overlay-content {
    align-items: center;
    justify-content: center; }
  .vont-block.image-content.content-position-center-bottom .image-overlay-content {
    align-items: flex-end;
    justify-content: center; }
  .vont-block.image-content .row {
    max-width: 100%; }
  .vont-block.image-content img {
    width: 100%; }
    .vont-block.image-content img.desktop-image {
      display: none; }
  .vont-block.image-content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2); }

.banner-block img {
  width: 100%; }
  .banner-block img.desktop-image {
    display: none; }

.banner-block.no-mobile-image img.desktop-image {
  display: block; }

.bread-crumbs-wrapper {
  padding: 10px; }
  .bread-crumbs-wrapper a {
    border-bottom: none; }
    .bread-crumbs-wrapper a:hover {
      border-bottom: none; }
  .bread-crumbs-wrapper .divider {
    display: inline-block;
    margin: 0px 3px; }

.blog-feed-wrapper {
  padding: 20px 10px; }
  .blog-feed-wrapper .single-blog-item {
    flex: 1 1 100%; }

.wp-block-media-text .wp-block-media-text__media img {
  height: auto; }

.wp-block-columns .wp-block-column {
  flex-basis: 100% !important; }

.wp-block-columns.industries-columns {
  padding-left: 8%;
  padding-right: 8%; }
  .wp-block-columns.industries-columns p {
    padding: 0px; }
  .wp-block-columns.industries-columns .wp-block-column:nth-child(2n) {
    margin-left: 0; }
  .wp-block-columns.industries-columns .wp-block-column:last-child p {
    padding-right: 0px; }
  .wp-block-columns.industries-columns .wp-block-media-text {
    grid-template-columns: 30% 1fr; }
    .wp-block-columns.industries-columns .wp-block-media-text .wp-block-media-text__media img {
      height: auto; }
    .wp-block-columns.industries-columns .wp-block-media-text .wp-block-media-text__content p {
      margin: 0px;
      padding: 0px; }
    .wp-block-columns.industries-columns .wp-block-media-text .wp-block-media-text__content .has-large-font-size {
      font-size: 28px;
      white-space: nowrap; }

/* Slideshow Block */
.vont-block.slideshow #slideshow-wrapper {
  margin-top: 0px;
  clear: both;
  position: relative;
  overflow: visible; }
  .vont-block.slideshow #slideshow-wrapper .cycle-slideshow img {
    width: 100%;
    height: auto; }
  .vont-block.slideshow #slideshow-wrapper #slides .slide {
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
    .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-image img {
      width: 100%; }
    .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay {
      position: absolute;
      left: 0px;
      right: 0px;
      clear: both;
      background-color: white;
      display: block;
      line-height: normal;
      text-align: center;
      padding: 20px 40px 20px 40px; }
      .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .line1 {
        font-weight: normal;
        font-size: 29px;
        color: #000;
        line-height: 32px; }
      .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .line2 {
        font-weight: normal;
        font-size: 18px;
        color: #000;
        line-height: 27px;
        margin-top: 20px; }
        .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .line2 i {
          /* font awesome arrow */
          margin-left: 5px; }
      .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .slide-links {
        margin-top: 20px; }
        .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .slide-links a.button {
          display: block;
          padding: 0px 20px;
          max-width: 300px;
          margin: 0px auto;
          border-radius: 20px;
          color: #fff;
          font-size: 20px;
          line-height: 40px;
          margin-bottom: 0px;
          margin-bottom: 10px; }
          .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .slide-links a.button:last-child {
            margin-bottom: 0px; }
      .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay p {
        margin: 0px;
        padding: 0px; }
      .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay a {
        text-decoration: none; }
  .vont-block.slideshow #slideshow-wrapper .cycle-slideshow {
    width: 100%; }
  .vont-block.slideshow #slideshow-wrapper .cycle-slide {
    width: 100%; }
  .vont-block.slideshow #slideshow-wrapper .cycle-slideshow img {
    width: 100%;
    height: auto; }
  .vont-block.slideshow #slideshow-wrapper .cycle-pager {
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 102;
    width: 100%;
    text-align: center; }
    .vont-block.slideshow #slideshow-wrapper .cycle-pager span {
      color: #ccc;
      opacity: .6;
      font-size: 48px;
      line-height: 48px;
      padding: 0px 3px; }
      .vont-block.slideshow #slideshow-wrapper .cycle-pager span.cycle-pager-active {
        opacity: 1; }
      .vont-block.slideshow #slideshow-wrapper .cycle-pager span:hover {
        cursor: pointer; }
  .vont-block.slideshow #slideshow-wrapper .cycle-prev, .vont-block.slideshow #slideshow-wrapper .cycle-next {
    display: none; }

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0; }

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1; }

.wp-block-button {
  /* handle hovers */ }
  .wp-block-button a {
    font-family: "sofia-pro", Verdana, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 2px solid;
    border-left: 2px solid;
    border-right: 5px solid;
    border-bottom: 5px solid;
    font-size: 17px;
    -moz-transition: all .4s ease !important;
    -webkit-transition: all .4s ease !important;
    -o-transition: all .4s ease !important; }
  .wp-block-button.has-red-border-color .wp-block-button__link.has-black-background-color.has-white-color:hover {
    border-color: #fff;
    background-color: #e85609;
    color: #fff; }
  .wp-block-button.has-red-border-color .wp-block-button__link.has-white-background-color.has-black-color:hover {
    border-color: #000;
    background-color: #e85609;
    color: #fff; }
  .wp-block-button.has-white-border-color .wp-block-button__link.has-red-background-color.has-white-color:hover {
    border-color: #000;
    background-color: #fff;
    color: #000; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem 0rem; }

/* post meta */
.byline {
  color: #999; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85rem;
    margin: 4px 0 7px;
    text-align: center; }

/* end .wp-caption */
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination {
  margin-top: 40px;
  margin-bottom: 0px; }
  .pagination a:hover {
    color: black; }
  .pagination ul.pagination {
    margin-left: 0px;
    padding-left: 0px; }
    .pagination ul.pagination li {
      display: inline-block !important; }
      .pagination ul.pagination li a {
        box-sizing: border-box;
        display: inline-block;
        padding: 0.5em 1em;
        margin-left: 2px;
        text-align: center; }
      .pagination ul.pagination li.current a {
        color: #e85609; }

/******************************************************************
COMMENT STYLES
******************************************************************/
.commentlist {
  /* vcard */
  /* end .commentlist .vcard */
  /* comment content */
  /* end .commentlist .comment_content */
  /* comment reply link */ }
  .commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.7335em 10px;
    /* end .commentlist li ul.children */ }
    .commentlist li:last-child {
      margin-bottom: 0; }
    .commentlist li ul.children {
      margin: 0; }
  .commentlist li[class*=depth-] {
    margin-top: 1.1em; }
  .commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0; }
  .commentlist li:not(.depth-1) {
    margin-left: 10px;
    margin-top: 0;
    padding-bottom: 0; }
  .commentlist .vcard {
    margin-left: 50px; }
    .commentlist .vcard cite.fn {
      font-weight: 700;
      font-style: normal; }
    .commentlist .vcard time {
      float: right; }
      .commentlist .vcard time a {
        color: #999;
        text-decoration: none; }
        .commentlist .vcard time a:hover {
          text-decoration: underline; }
    .commentlist .vcard img.avatar {
      position: absolute;
      left: 10px;
      padding: 2px;
      border: 1px solid #cecece;
      background: #fff; }
  .commentlist .comment_content p {
    margin: 0.7335em 0 1.5em;
    font-size: 1rem;
    line-height: 1.5em; }

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em;
      /* form validation */ }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none; }
      .respond-form form input[type=text] ::-webkit-input-placeholder,
      .respond-form form input[type=email] ::-webkit-input-placeholder,
      .respond-form form input[type=url] ::-webkit-input-placeholder,
      .respond-form form textarea ::-webkit-input-placeholder {
        font-style: italic;
        color: #696969;
        font-size: 14px;
        font-size: 0.875rem; }
      .respond-form form input[type=text] :-moz-placeholder,
      .respond-form form input[type=email] :-moz-placeholder,
      .respond-form form input[type=url] :-moz-placeholder,
      .respond-form form textarea :-moz-placeholder {
        font-style: italic;
        color: #696969;
        font-size: 14px;
        font-size: 0.875rem; }
      .respond-form form input[type=text] ::-moz-placeholder,
      .respond-form form input[type=email] ::-moz-placeholder,
      .respond-form form input[type=url] ::-moz-placeholder,
      .respond-form form textarea ::-moz-placeholder {
        font-style: italic;
        color: #696969;
        font-size: 14px;
        font-size: 0.875rem; }
      .respond-form form input[type=text] :-ms-input-placeholder,
      .respond-form form input[type=email] :-ms-input-placeholder,
      .respond-form form input[type=url] :-ms-input-placeholder,
      .respond-form form textarea :-ms-input-placeholder {
        font-style: italic;
        color: #696969;
        font-size: 14px;
        font-size: 0.875rem; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em; }

/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

/* no comments */
.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  background-color: #222222;
  color: #fff;
  padding: 70px 20px;
  /* set a default footer link style so if IOS creates a link out of a phone number, it's handled */ }
  .footer a {
    color: #fff;
    text-decoration: none; }
  .footer p {
    color: #fff; }
  .footer #inner-footer {
    padding: 0px 2%; }
    .footer #inner-footer ul#menu-footer-menu li {
      list-style-type: none; }
    .footer #inner-footer .logo-row {
      align-items: flex-start; }
    .footer #inner-footer #footer-address {
      padding-left: 20px;
      font-size: 14px;
      font-size: 0.875rem; }
      .footer #inner-footer #footer-address p {
        margin: 0px;
        padding: 0px;
        font-size: 14px;
        font-size: 0.875rem; }
    .footer #inner-footer #footer-logo {
      max-width: 100%;
      height: auto;
      margin-top: 6px; }
    .footer #inner-footer .tagline {
      margin-top: 10px;
      font-size: 15px;
      font-size: 0.9375rem;
      font-family: "Rockwell Nova W15 Light", serif;
      width: 100%; }
    .footer #inner-footer .social-icons {
      margin-top: 20px;
      font-size: 20px;
      font-size: 1.25rem;
      width: 100%;
      margin-bottom: 40px; }
      .footer #inner-footer .social-icons a {
        text-decoration: none;
        padding-right: 10px; }
        .footer #inner-footer .social-icons a:last-child {
          padding-right: 0; }
        .footer #inner-footer .social-icons a:hover {
          color: #3d6d87; }
    .footer #inner-footer nav.menu,
    .footer #inner-footer nav.links {
      clear: both;
      padding-right: 40px; }
      .footer #inner-footer nav.menu ul,
      .footer #inner-footer nav.links ul {
        list-style: none;
        display: block;
        margin: 0px;
        padding: 0px; }
        .footer #inner-footer nav.menu ul li,
        .footer #inner-footer nav.links ul li {
          /* level 1 */
          position: relative;
          width: 100%;
          font-size: 13px;
          font-size: 0.8125rem; }
          .footer #inner-footer nav.menu ul li a,
          .footer #inner-footer nav.links ul li a {
            display: block;
            padding: 6px 0px 6px 0px; }
            .footer #inner-footer nav.menu ul li a:hover,
            .footer #inner-footer nav.links ul li a:hover {
              text-decoration: underline; }
          .footer #inner-footer nav.menu ul li:first-child a,
          .footer #inner-footer nav.links ul li:first-child a {
            padding-top: 0px; }
      .footer #inner-footer nav.menu.main-menu a,
      .footer #inner-footer nav.links.main-menu a {
        font-size: 16px;
        font-size: 1rem; }
    .footer #inner-footer .specialties-menu-wrapper {
      margin-top: -36px;
      /* pull the header up */ }
      .footer #inner-footer .specialties-menu-wrapper h3 {
        font-family: "sofia-pro", Verdana, Arial, sans-serif;
        font-weight: 300;
        font-size: 16px;
        font-size: 0.875rem;
        margin: 0px;
        padding: 0px;
        margin-bottom: 14px;
        text-transform: uppercase; }
    .footer #inner-footer .links-wrapper nav.links {
      margin-top: 20px; }
      .footer #inner-footer .links-wrapper nav.links ul li {
        display: inline-block;
        width: auto;
        border-right: 1px solid #fff;
        padding: 0px 10px; }
        .footer #inner-footer .links-wrapper nav.links ul li:first-child {
          padding-left: 0px; }
        .footer #inner-footer .links-wrapper nav.links ul li:last-child {
          border-right: 0; }
        .footer #inner-footer .links-wrapper nav.links ul li a {
          display: inline-block;
          padding-bottom: 0px; }

.copyright {
  font-size: 12px;
  font-size: 0.75rem; }

#blog-subscribe-form-wrapper {
  margin-top: 30px; }

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/* Create reponsive embeds/YouTube */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

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

a.button,
#desktop-menu ul.menu li a.menu-button.button,
#desktop-menu ul.menu li ul.dropdown li a.button {
  margin: 0px;
  text-transform: uppercase;
  padding: 8px 20px;
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #fff !important;
  background-color: #777777;
  border-bottom: none; }
  a.button::after,
  #desktop-menu ul.menu li a.menu-button.button::after,
  #desktop-menu ul.menu li ul.dropdown li a.button::after {
    content: " \00BB"; }
  a.button.black,
  #desktop-menu ul.menu li a.menu-button.button.black,
  #desktop-menu ul.menu li ul.dropdown li a.button.black {
    color: #fff !important;
    background-color: #000; }
  a.button.red,
  #desktop-menu ul.menu li a.menu-button.button.red,
  #desktop-menu ul.menu li ul.dropdown li a.button.red {
    color: #fff !important;
    background-color: #af272f; }
    a.button.red:hover,
    #desktop-menu ul.menu li a.menu-button.button.red:hover,
    #desktop-menu ul.menu li ul.dropdown li a.button.red:hover {
      background-color: #851e24; }
  a.button.gray,
  #desktop-menu ul.menu li a.menu-button.button.gray,
  #desktop-menu ul.menu li ul.dropdown li a.button.gray {
    color: #fff !important;
    background-color: #777777; }
    a.button.gray:hover,
    #desktop-menu ul.menu li a.menu-button.button.gray:hover,
    #desktop-menu ul.menu li ul.dropdown li a.button.gray:hover {
      background-color: #5e5e5e; }
  a.button.full-width,
  #desktop-menu ul.menu li a.menu-button.button.full-width,
  #desktop-menu ul.menu li ul.dropdown li a.button.full-width {
    width: 100%; }
  a.button:hover,
  #desktop-menu ul.menu li a.menu-button.button:hover,
  #desktop-menu ul.menu li ul.dropdown li a.button:hover {
    color: #000;
    background-color: #5e5e5e; }

#desktop-menu ul.menu li a.menu-button.button,
#desktop-menu ul.menu li ul.dropdown li a.button {
  padding: 0px 20px; }

/**************************
blocks
**************************/
.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.alignwide {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }
  .alignwide img {
    max-width: 1024px; }

.wp-block-image img, .wp-block-image.alignfull img, .wp-block-image.alignwide img {
  height: auto; }

/* Block Visibility */
.vont-block {
  display: none; }

.vont-block.show-on-desktop {
  display: none; }

.vont-block.show-on-tablet {
  display: none; }

.vont-block.show-on-mobile {
  display: block; }

.gb-block-container.border-box {
  box-sizing: border-box; }

.gb-block-layout-column-inner p:last-of-type {
  margin-bottom: 0px; }

.gb-block-layout-column-inner figure {
  margin: 0px; }

.gb-block-layout-column-inner img {
  width: 100%;
  height: auto; }

.wp-block-embed.is-type-video {
  margin: 0px; }

/* Some block-specific styling here to prevent us from having to create a custom block */
.hp-about-outer-wrapper {
  /*
    background-image: url('/wp-content/themes/VONT2020/library/images/hexagon-blue-cropped.png');
    background-repeat: no-repeat;
    background-position: right center;
*/ }

h2.case-studies-intro {
  max-width: 60%;
  margin: 0px;
  padding: 0px; }

.contact-columns {
  font-family: "Rockwell Nova W15 Regular", serif; }
  .contact-columns h3 {
    font-family: "sofia-pro", Verdana, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 0.9375rem; }
  .contact-columns p {
    margin-top: 0; }
  .contact-columns .social-icons {
    padding-top: 3px;
    padding-left: 8%; }

.gb-block-container.cta-wrapper h1, .gb-block-container.cta-wrapper h2, .gb-block-container.cta-wrapper h3, .gb-block-container.cta-wrapper h4, .gb-block-container.cta-wrapper h5 {
  margin: 0px; }

.gb-block-container.cta-wrapper p {
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 0px;
  font-family: "Rockwell Nova W15 Regular", serif; }
  .gb-block-container.cta-wrapper p:last-of-type {
    margin-bottom: 0px; }

.gb-block-container.client-logos {
  padding: 50px; }
  .gb-block-container.client-logos h3 {
    margin: 0px;
    margin-bottom: 30px; }
  .gb-block-container.client-logos .wp-block-image {
    margin: 0px;
    text-align: center; }
    .gb-block-container.client-logos .wp-block-image img {
      max-width: 125px;
      margin-bottom: 20px;
      height: auto; }
  .gb-block-container.client-logos .gb-layout-columns-4,
  .gb-block-container.client-logos .gb-layout-columns-5,
  .gb-block-container.client-logos .gb-layout-columns-6 {
    overflow-x: visible; }

.gb-block-container.aligncenter .gb-container-content {
  text-align: center; }

.gb-block-container.fast-facts h2 {
  margin: 0px;
  font-size: 70px;
  font-size: 4.375rem;
  line-height: 1em;
  margin-bottom: 20px; }

.gb-block-container.fast-facts p {
  margin: 0px;
  padding: 0px; }

.gb-block-container.fast-facts .gb-layout-columns-2 .gb-layout-column-wrap .gb-block-layout-column .gb-layout-columns-2 {
  margin-bottom: 50px; }
  .gb-block-container.fast-facts .gb-layout-columns-2 .gb-layout-column-wrap .gb-block-layout-column .gb-layout-columns-2:last-child {
    margin-bottom: 0px; }

/* eliminate auto padding of nested wp-block-media-text blocks */
.gb-block-container .wp-block-media-text h1, .gb-block-container .wp-block-media-text h2, .gb-block-container .wp-block-media-text h3, .gb-block-container .wp-block-media-text h4, .gb-block-container .wp-block-media-text h5, .gb-block-container .wp-block-media-text p, .gb-block-container .wp-block-media-text ul, .gb-block-container .wp-block-media-text ol {
  padding-left: 0px;
  padding-right: 0px; }

.breadcrumbs {
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  padding-left: 8%;
  padding-right: 8%;
  font-size: 0.8125rem; }
  .breadcrumbs a {
    color: #e85609;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 0.8125rem; }

.entry-content .gb-block-layout-column-inner ul {
  margin-left: 1.4em; }

.entry-content ul {
  column-count: 1;
  margin-left: 3em;
  list-style: disc outside url("/wp-content/themes/VONT2020/library/images/bullet-orange.svg"); }
  .entry-content ul li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari, Opera */
    page-break-inside: avoid;
    /* Firefox */
    break-inside: avoid;
    /* IE 10+ */
    break-inside: avoid-column;
    padding-bottom: 10px; }

.yellow-border {
  position: relative;
  display: inline-block; }

.yellow-border a,
a.yellow-border {
  -moz-transition: all .4s ease !important;
  -webkit-transition: all .4s ease !important;
  -o-transition: all .4s ease !important; }
  .yellow-border a:after,
  a.yellow-border:after {
    content: ' ';
    height: 15px;
    background-color: #FFAC00;
    width: calc(100% + 10px);
    position: absolute;
    left: -5px;
    bottom: -5px;
    z-index: -1;
    -moz-transition: all .4s ease !important;
    -webkit-transition: all .4s ease !important;
    -o-transition: all .4s ease !important; }
  .yellow-border a:hover:after,
  a.yellow-border:hover:after {
    content: ' ';
    height: calc(100% + 10px);
    background-color: #FFAC00;
    width: calc(100% + 10px);
    position: absolute;
    left: -5px;
    bottom: -5px;
    z-index: -1; }

h2.yellow-border {
  padding-left: 0px;
  padding-right: 0px; }

/* specific post types */
body.single article .entry-content .featured-image-wrapper {
  margin-top: 30px; }
  body.single article .entry-content .featured-image-wrapper img {
    width: 100%;
    height: auto; }

body.single article .entry-content a {
  color: #3d6d87; }
  body.single article .entry-content a:hover {
    text-decoration: underline; }

body.single-vont_case_study {
  box-sizing: border-box; }
  body.single-vont_case_study h1 {
    margin-top: 60px;
    margin-bottom: 15px; }
  body.single-vont_case_study .main-content {
    padding-top: 50px;
    padding-bottom: 50px; }
  body.single-vont_case_study .top-section .description-link {
    display: flex;
    padding-bottom: 20px; }
    body.single-vont_case_study .top-section .description-link h2.short-description {
      font-size: 21px;
      font-size: 1.3125rem;
      margin: 0px;
      padding-right: 20px; }
    body.single-vont_case_study .top-section .description-link .wp-block-button {
      margin-left: auto;
      margin-right: 15px; }
      body.single-vont_case_study .top-section .description-link .wp-block-button a {
        white-space: nowrap;
        display: flex; }
      body.single-vont_case_study .top-section .description-link .wp-block-button i.fa {
        margin-left: 40px; }
  body.single-vont_case_study .top-section h3 {
    font-size: 15px;
    font-size: 0.875rem;
    text-transform: uppercase;
    margin: 0px;
    margin-right: 10px;
    padding-right: 0;
    font-family: "sofia-pro", Verdana, Arial, sans-serif;
    font-weight: 700; }
  body.single-vont_case_study .top-section .services-wrapper {
    /*
            display:flex;
            align-items: center;
*/ }
    body.single-vont_case_study .top-section .services-wrapper .services-list {
      display: block;
      padding-left: 8%;
      padding-right: 8%; }
      body.single-vont_case_study .top-section .services-wrapper .services-list .service-name {
        display: inline-block;
        padding-right: 5px;
        font-size: 14px;
        font-size: 0.8125rem;
        color: #919191; }
        body.single-vont_case_study .top-section .services-wrapper .services-list .service-name:last-child {
          padding-right: 0; }
  body.single-vont_case_study .top-section .people-wrapper {
    /*
            display: flex;
            align-items: center;
*/
    margin-top: 20px; }
    body.single-vont_case_study .top-section .people-wrapper .people-list {
      display: block;
      padding-left: 8%;
      padding-right: 8%;
      margin-top: 8px; }
      body.single-vont_case_study .top-section .people-wrapper .people-list .person-wrapper {
        display: inline-block;
        padding: 0px 5px; }
        body.single-vont_case_study .top-section .people-wrapper .people-list .person-wrapper img {
          max-width: 35px; }
  body.single-vont_case_study .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study {
    display: block; }
    body.single-vont_case_study .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study .image-wrapper {
      width: 100%; }
    body.single-vont_case_study .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study .info-wrapper {
      width: 100%; }

body.single-post {
  box-sizing: border-box; }
  body.single-post .main-content {
    padding-top: 50px;
    padding-bottom: 50px; }
  body.single-post .left-column {
    box-sizing: border-box;
    padding-right: 0px; }
    body.single-post .left-column img {
      max-width: 100%; }
    body.single-post .left-column h1 {
      margin-top: 20px;
      margin-bottom: 5px; }
    body.single-post .left-column h2 {
      font-family: "Rockwell Nova W15 Bold", serif; }
      body.single-post .left-column h2 strong {
        font-weight: normal; }
  body.single-post .right-column .people-wrapper {
    margin-bottom: 48px;
    padding-left: 8%;
    padding-right: 8%; }
    body.single-post .right-column .people-wrapper .written-by {
      text-transform: uppercase;
      font-size: 13px;
      font-size: 0.8125rem;
      color: #aaa;
      margin-bottom: 4px; }
    body.single-post .right-column .people-wrapper.single-person .person {
      display: flex;
      align-items: center; }
      body.single-post .right-column .people-wrapper.single-person .person .image {
        padding-right: 10px;
        max-width: 100px; }
        body.single-post .right-column .people-wrapper.single-person .person .image img {
          width: 100%; }
      body.single-post .right-column .people-wrapper.single-person .person .details .name {
        font-family: "Rockwell Nova W15 Regular", serif;
        margin: 0px;
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 4px; }
      body.single-post .right-column .people-wrapper.single-person .person .details .title {
        font-size: 12px;
        font-size: 0.75rem;
        margin-bottom: 4px; }
      body.single-post .right-column .people-wrapper.single-person .person .details .social i {
        color: #aaa; }
    body.single-post .right-column .people-wrapper.single-person.vont .person {
      display: block; }
    body.single-post .right-column .people-wrapper.multiple-people .written-by {
      margin-bottom: 8px; }
    body.single-post .right-column .people-wrapper.multiple-people .people-list {
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 24px;
      line-height: 1.5rem; }
  body.single-post .right-column #category-list {
    padding-left: 8%;
    padding-right: 8%; }
    body.single-post .right-column #category-list h3 {
      margin: 0;
      margin-bottom: 5px;
      font-size: 1.2rem; }
    body.single-post .right-column #category-list a:hover {
      color: #3d6d87;
      text-decoration: underline; }
  body.single-post #related-blog-issues {
    padding-left: 8%;
    padding-right: 8%; }
    body.single-post #related-blog-issues .part-of {
      text-transform: uppercase;
      font-size: 13px;
      font-size: 0.8125rem;
      color: #aaa;
      margin-bottom: 6px; }
    body.single-post #related-blog-issues .issue-name {
      font-family: "Rockwell Nova W15 Regular", serif;
      font-size: 17px;
      font-size: 1.0625rem;
      margin-bottom: 20px; }
      body.single-post #related-blog-issues .issue-name a:hover {
        cursor: default; }
    body.single-post #related-blog-issues .chapters-wrapper .chapter-wrapper {
      margin-bottom: 20px; }
      body.single-post #related-blog-issues .chapters-wrapper .chapter-wrapper .chapter-name {
        font-size: 16px;
        font-size: 1rem;
        text-transform: uppercase;
        position: relative;
        padding-left: 20px;
        border-bottom: 1px solid #000;
        padding-bottom: 10px;
        margin-top: 10px;
        margin-bottom: 10px; }
        body.single-post #related-blog-issues .chapters-wrapper .chapter-wrapper .chapter-name:before {
          content: '+';
          color: #e85609;
          position: absolute;
          left: -5px;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 16px; }
        body.single-post #related-blog-issues .chapters-wrapper .chapter-wrapper .chapter-name:hover {
          cursor: pointer; }
      body.single-post #related-blog-issues .chapters-wrapper .chapter-wrapper .posts-wrapper {
        display: none; }
      body.single-post #related-blog-issues .chapters-wrapper .chapter-wrapper .chapter-post {
        position: relative;
        border-left: 2px solid #bbb9b3;
        padding: 10px 0px 10px 20px; }
        body.single-post #related-blog-issues .chapters-wrapper .chapter-wrapper .chapter-post.current {
          position: relative; }
          body.single-post #related-blog-issues .chapters-wrapper .chapter-wrapper .chapter-post.current:before {
            position: absolute;
            left: -8px;
            top: 15px;
            color: #e85609;
            content: ' ';
            background-color: #e85609;
            border-radius: 50%;
            width: 14px;
            height: 14px; }
      body.single-post #related-blog-issues .chapters-wrapper .chapter-wrapper.open .chapter-name:before {
        content: '\2013';
        left: -3px; }
      body.single-post #related-blog-issues .chapters-wrapper .chapter-wrapper.open .posts-wrapper {
        display: block; }
      body.single-post #related-blog-issues .chapters-wrapper .chapter-wrapper.last .chapter-name {
        border-bottom: 0px; }
  body.single-post .related-posts {
    margin-bottom: 40px; }
    body.single-post .related-posts .vont-block.blog .blog-inner .post {
      margin-bottom: 40px;
      flex-wrap: wrap; }
      body.single-post .related-posts .vont-block.blog .blog-inner .post .content {
        width: 100%;
        order: 2; }
        body.single-post .related-posts .vont-block.blog .blog-inner .post .content h3 {
          margin-top: 0px !important;
          font-size: 1.25rem; }
      body.single-post .related-posts .vont-block.blog .blog-inner .post .image-wrapper {
        display: block;
        width: 100%;
        order: 1;
        margin-bottom: 10px; }
      body.single-post .related-posts .vont-block.blog .blog-inner .post .excerpt {
        display: none; }

body.single-vont_person .top-wrapper {
  padding-top: 40px; }
  body.single-vont_person .top-wrapper .left-column,
  body.single-vont_person .top-wrapper .middle-column,
  body.single-vont_person .top-wrapper .right-column {
    padding-left: 8%;
    padding-right: 8%; }
  body.single-vont_person .top-wrapper .left-column .image-wrapper {
    float: right;
    padding-right: 20px;
    padding-top: 40px;
    width: 185px;
    height: 185px; }
    body.single-vont_person .top-wrapper .left-column .image-wrapper img {
      width: 100%; }

body.single-vont_person .breadcrumbs {
  padding: 0px; }

body.single-vont_person h1 {
  margin: 0px;
  margin-top: 20px; }

body.single-vont_person .title {
  margin-top: 10px;
  font-size: 17px;
  font-size: 1.0625rem; }

body.single-vont_person .short-bio {
  margin-top: 20px;
  font-family: "Rockwell Nova W15 Light", serif;
  font-size: 21px;
  font-size: 1.3125rem; }

body.single-vont_person .contact-info-wrapper {
  margin-top: 60px;
  font-family: "Rockwell Nova W15 Regular", serif; }
  body.single-vont_person .contact-info-wrapper h3 {
    color: #e85609;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 0.9375rem;
    margin: 0px;
    font-family: "sofia-pro", Verdana, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 5px; }

body.single-vont_person .bio {
  margin-top: 35px; }

body.single-vont_person .related-posts {
  margin-top: 75px; }

body.single-vont_person .vont-block.blog {
  margin-bottom: 40px; }
  body.single-vont_person .vont-block.blog .blog-inner .post {
    width: 100%;
    display: block;
    margin-bottom: 40px; }

body.category .main-content {
  margin-top: 50px;
  margin-bottom: 50px; }

.bounce-in-top {
  -webkit-animation: bounce-in-top 1.1s both;
  animation: bounce-in-top 1.1s both;
  animation-fill-mode: both; }

/* ----------------------------------------------
 * Generated by Animista on 2020-2-21 7:39:39
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; } }

@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; } }

/* Tooltips */
.tooltipster-sidetip.tooltipster-borderless .tooltipster-content {
  text-align: center;
  line-height: 1.23em; }

/*
.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
	background: #000;
	border: 0;
	border-radius: 0;
	
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #000;
	border-top-color: rgba(0, 0, 0, 1);
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-content {
    background: #000;
	color: #fff;
	padding: 12px;
	text-align:center;
}
*/
/*
MEDIUM
*/
@media (min-width: 640px) {
  /******************************************************************

Stylesheet: Medium Stylesheet

Styles apply to 40.063em and up.

******************************************************************/
  html {
    font-size: 110%; }
  /*********************
NAVIGATION STYLES
*********************/
  #full-menu-wrapper .full-menu-inner {
    display: flex;
    flex-direction: row;
    align-items: stretch; }
  #full-menu-wrapper .left-side {
    flex-basis: 55%;
    padding-top: 100px;
    transform: translateX(-40px);
    transition: all 1s; }
  #full-menu-wrapper .right-side {
    flex-basis: 45%;
    padding-top: 100px;
    transform: translateX(40px);
    transition: all 1s; }
  #full-menu-wrapper img#menu-logo {
    width: 100%;
    max-width: 150px;
    padding-left: 40px;
    padding-bottom: 20px; }
  #full-menu-wrapper img#menu-ethos-logo {
    width: 100%;
    max-width: 100px; }
  #full-menu-wrapper .intro-copy {
    display: block;
    font-size: 20px;
    font-size: 1.1363rem;
    padding-left: 40px;
    padding-right: 80px; }
  #full-menu-wrapper .ethos-wrapper-mobile {
    display: none; }
  #full-menu-wrapper .ethos-wrapper-desktop {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 80%;
    background-image: url("/wp-content/themes/VONT2020/library/images/hexagon-cropped-20-percent.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    padding-left: 70px;
    padding-top: 200px;
    padding-bottom: 40px; }
    #full-menu-wrapper .ethos-wrapper-desktop .ethos-copy {
      text-align: left;
      font-size: 15px;
      font-size: 0.852272727rem;
      max-width: 60%;
      padding-left: 20px;
      font-weight: 300; }
    #full-menu-wrapper .ethos-wrapper-desktop a {
      display: inline-block; }
    #full-menu-wrapper .ethos-wrapper-desktop .ethos-wrapper-desktop-inner {
      align-items: top; }
      #full-menu-wrapper .ethos-wrapper-desktop .ethos-wrapper-desktop-inner .also-see {
        margin-top: -10px;
        font-size: 12px;
        padding-bottom: 6px; }
  #full-menu-wrapper nav.menu {
    clear: both;
    padding-right: 40px; }
    #full-menu-wrapper nav.menu ul {
      list-style: none;
      display: block;
      margin: 0px;
      padding: 0px; }
      #full-menu-wrapper nav.menu ul li {
        /* level 1 */
        position: relative;
        width: 100%; }
        #full-menu-wrapper nav.menu ul li a {
          display: block;
          padding: 8px 0px 8px 0px;
          font-size: 0.833333333rem;
          line-height: 1rem; }
    #full-menu-wrapper nav.menu.main-menu a {
      font-size: 20px;
      font-size: 1.136363636rem;
      font-size: 1.25rem; }
  #full-menu-wrapper nav.links ul {
    padding-right: 40px;
    list-style: none;
    display: block;
    float: left; }
    #full-menu-wrapper nav.links ul li {
      display: block; }
      #full-menu-wrapper nav.links ul li a {
        display: block;
        padding: 3px 0px 5px 0px;
        font-size: 16px;
        line-height: 1.5em; }
  #full-menu-wrapper .right-side-copy {
    display: block;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-right: 60px;
    font-size: 0.909090909rem;
    line-height: 1.193181818rem; }
  #full-menu-wrapper .right-side-heading {
    display: none; }
  #full-menu-wrapper .social-icons {
    margin: 40px 0px 20px 0px; }
    #full-menu-wrapper .social-icons a {
      margin-right: 10px; }
      #full-menu-wrapper .social-icons a:last-child {
        margin-right: 0; }
  #full-menu-wrapper #industries-menu-wrapper nav.menu ul li a {
    padding-top: 8px;
    padding-bottom: 8px; }
  body.admin-bar #full-menu-wrapper.open .full-menu-inner .left-side {
    margin-top: 0px; }
  /*********************
POSTS & CONTENT STYLES
*********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */
    /*
    .alignleft,
    img.alignleft {
        margin-right: 1.5em;
        display: block;
        float: left;
    }

    .alignright,
    img.alignright {
        margin-left: 1.5em;
        display: block;
        float: right;
    }

    .aligncenter,
    img.aligncenter {
        margin-right: auto;
        margin-left: auto;
        display: block;
        clear: both;
    }
*/ }
    .entry-content .alignleft {
      margin-right: 1.5em;
      display: block;
      float: left; }
    .entry-content .alignright {
      margin-left: 1.5em;
      display: block;
      float: right; }
    .entry-content .aligncenter {
      margin-right: auto;
      margin-left: auto;
      display: block;
      clear: both; }
  /* end .entry-content */
  /*********************
SIDEBARS & ASIDES
*********************/
  .widget {
    padding: 0 10px;
    margin: 2.2em 0; }
  #sidebar-right-wrapper {
    order: 3; }
  /*********************
FOOTER STYLES
*********************/
  .footer #inner-footer .links-wrapper nav.links {
    margin-top: 0px; }
    .footer #inner-footer .links-wrapper nav.links ul li {
      display: block;
      width: 100%;
      border-right: 0;
      padding: 0px; }
      .footer #inner-footer .links-wrapper nav.links ul li a {
        padding-left: 0px;
        padding-right: 0px; }
  /* Block Visibility */
  .vont-block.show-on-desktop {
    display: none; }
  .vont-block.show-on-tablet {
    display: block; }
  .vont-block.show-on-mobile {
    display: block; }
  /* Blocks */
  .wp-block-button a {
    font-size: 17px; }
  .vont-block .hexagon {
    display: none; }
  .has-hexagon {
    position: relative; }
    .has-hexagon .hexagon {
      display: block;
      position: absolute;
      width: 400px;
      height: 400px;
      background-repeat: no-repeat;
      background-size: contain;
      z-index: -1; }
    .has-hexagon.has-hexagon-on-right .hexagon {
      right: -127px;
      top: 0px;
      background-position: right top; }
    .has-hexagon.has-blue-hexagon .hexagon {
      background-image: url("/wp-content/themes/VONT2020/library/images/hexagon-blue-full.svg"); }
  .vont-block.case-studies-grid .case-studies-grid .case-study {
    width: 48%;
    margin-bottom: 3%; }
  .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study {
    width: 100%; }
  .vont-block.page-banner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative; }
    .vont-block.page-banner.darken::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3); }
    .vont-block.page-banner .overlay {
      position: absolute;
      left: 0px;
      width: 100%;
      bottom: 0px; }
      .vont-block.page-banner .overlay .overlay-inner {
        background: transparent;
        padding: 0px 8% 70px 8%; }
        .vont-block.page-banner .overlay .overlay-inner .overlay-text-line-1,
        .vont-block.page-banner .overlay .overlay-inner h1.overlay-text-line-1 {
          font-family: "Rockwell Nova W15 Regular", serif;
          color: #fff;
          font-size: 45px;
          font-size: 2.556818182rem; }
        .vont-block.page-banner .overlay .overlay-inner .overlay-text-line-2 {
          font-family: "Rockwell Nova W15 Light", serif;
          color: #fff;
          font-size: 25px;
          font-size: 1.420454545rem;
          margin-top: 12px; }
    .vont-block.page-banner .overlay-page-title {
      display: block;
      position: absolute;
      top: 36px;
      left: 0px;
      padding-left: 8%;
      color: #fff;
      text-transform: uppercase;
      font-size: 15px;
      font-size: 0.852272727rem;
      width: 100%; }
    .vont-block.page-banner.height-mobile-short {
      height: 100px; }
    .vont-block.page-banner.height-mobile-tall {
      height: 178px; }
    .vont-block.page-banner.height-desktop-short {
      height: 420px; }
    .vont-block.page-banner.height-desktop-tall {
      height: 550px; }
    .vont-block.page-banner.banner-type-video.height-desktop-short {
      height: 400px; }
    .vont-block.page-banner.banner-type-video.height-desktop-tall {
      height: 400px; }
    .vont-block.page-banner.banner-type-video .video-wrapper {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      overflow: hidden;
      width: 100%;
      height: 100%; }
    .vont-block.page-banner.banner-type-video video.background-video {
      position: absolute;
      height: 100%;
      width: 100vh;
      min-width: 100%;
      min-height: 56.25vw;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .vont-block.blog .blog-inner .post,
  body.category .blog-inner .post,
  body.single-post .related-posts .vont-block.blog .blog-inner .post {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .vont-block.blog .blog-inner .post .content,
    body.category .blog-inner .post .content,
    body.single-post .related-posts .vont-block.blog .blog-inner .post .content {
      width: 52%; }
    .vont-block.blog .blog-inner .post .image-wrapper,
    body.category .blog-inner .post .image-wrapper,
    body.single-post .related-posts .vont-block.blog .blog-inner .post .image-wrapper {
      width: 40%;
      display: block; }
  .vont-block.blog .blog-inner .categories,
  body.category .blog-inner .categories,
  body.single-post .related-posts .vont-block.blog .blog-inner .categories {
    font-size: 17px;
    line-height: 1.5em; }
  .vont-block.people-grid {
    padding: 0px 20px; }
    .vont-block.people-grid .people-grid {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      justify-content: space-between;
      padding: 0px;
      box-sizing: border-box; }
      .vont-block.people-grid .people-grid .person {
        width: 50%;
        margin: 0px;
        margin-bottom: 20px;
        display: flex;
        align-items: center; }
        .vont-block.people-grid .people-grid .person .image-wrapper {
          width: 40%;
          padding-right: 15px; }
          .vont-block.people-grid .people-grid .person .image-wrapper img {
            max-width: 100%; }
        .vont-block.people-grid .people-grid .person .info-wrapper {
          width: 60%;
          padding-right: 15px; }
  .vont-block.fast-facts {
    padding: 60px 20px; }
    .vont-block.fast-facts .fast-facts-inner-wrapper {
      max-width: 960px;
      margin: 0px auto;
      display: flex;
      align-content: center;
      justify-content: space-between;
      padding: 0px; }
      .vont-block.fast-facts .fast-facts-inner-wrapper .copy {
        width: 20%;
        text-align: right; }
      .vont-block.fast-facts .fast-facts-inner-wrapper .data-wrapper {
        width: 75%; }
        .vont-block.fast-facts .fast-facts-inner-wrapper .data-wrapper .fast-fact {
          display: flex;
          margin-bottom: 65px;
          justify-content: space-between;
          align-items: flex-end; }
          .vont-block.fast-facts .fast-facts-inner-wrapper .data-wrapper .fast-fact:last-child {
            margin-bottom: 0px; }
          .vont-block.fast-facts .fast-facts-inner-wrapper .data-wrapper .fast-fact .value {
            width: 48%;
            font-size: 4.375rem;
            line-height: 1em;
            text-align: right; }
          .vont-block.fast-facts .fast-facts-inner-wrapper .data-wrapper .fast-fact .value-copy {
            width: 48%;
            margin-bottom: 12px; }
            .vont-block.fast-facts .fast-facts-inner-wrapper .data-wrapper .fast-fact .value-copy p {
              margin: 0px; }
  .vont-block.testimonials .carousel-cell {
    width: 100%; }
    .vont-block.testimonials .carousel-cell .carousel-cell-inner {
      padding: 0px 60px; }
  .gb-2-col-wideright.five-seven > .gb-layout-column-wrap {
    grid-template-columns: 1fr; }
  body.single-post .left-column {
    padding-right: 130px;
    padding-right: 40px; } }

/*
LARGE
*/
@media (min-width: 1024px) {
  /******************************************************************

Stylesheet: Large Stylesheet

Styles apply to 55.063em and up.

******************************************************************/
  html {
    font-size: 120%; }
  .desktop-only {
    display: flex; }
  .mobile-only {
    display: none; }
  .menu-wrappers {
    width: 100%; }
  #full-menu-wrapper .left-side {
    flex-basis: 65%;
    padding-top: 100px; }
  #full-menu-wrapper .right-side {
    flex-basis: 35%;
    padding-top: 100px; }
  #full-menu-wrapper .right-side-copy {
    padding-right: 100px; }
  #full-menu-wrapper .intro-copy {
    max-width: 700px; }
  #full-menu-wrapper .ethos-wrapper-desktop .ethos-wrapper-desktop-inner .also-see {
    margin-top: -15px;
    font-size: 12px;
    padding-bottom: 6px; }
  #full-menu-wrapper #industries-menu-wrapper nav.menu ul li a {
    padding-top: 8px;
    padding-bottom: 8px; }
  /*********************
LAYOUT & GRID STYLES
*********************/
  header.site-header a#logo {
    margin-left: 0px; }
  header.site-header .header-inner {
    margin-left: calc( (8% / 2) + 10px);
    margin-right: calc( (8% / 2) + 10px); }
  #menu-trigger {
    position: absolute;
    top: 20px;
    right: 0px; }
  #menu-close {
    position: absolute;
    top: 14px;
    right: 50px; }
  /* constrain and center each row */
  .row {
    max-width: calc(100% - (2 * 8%)); }
    .row.align-full {
      max-width: 100%;
      padding: 0px 15px; }
    .row.align-wide {
      max-width: 80%;
      padding: 0px 15px; }
  h2.sixty-percent-on-desktop,
  h3.sixty-percent-on-desktop,
  h4.sixty-percent-on-desktop,
  p.sixty-percent-on-desktop {
    max-width: 60%;
    margin-left: 0px;
    margin-right: 0px; }
  h2.seventy-percent-on-desktop,
  h3.seventy-percent-on-desktop,
  h4.seventy-percent-on-desktop,
  p.seventy-percent-on-desktop {
    max-width: 70%;
    margin-left: 0px;
    margin-right: 0px; }
  #content > h1,
  #content > h2,
  #content > h3,
  #content > h4,
  #content > h5,
  #content > h6,
  #content > p,
  #content > ul,
  #content > ol,
  #content > .wp-block-columns,
  #content > img {
    max-width: 1024px;
    margin: 0px auto; }
    #content > h1.align-full,
    #content > h2.align-full,
    #content > h3.align-full,
    #content > h4.align-full,
    #content > h5.align-full,
    #content > h6.align-full,
    #content > p.align-full,
    #content > ul.align-full,
    #content > ol.align-full,
    #content > .wp-block-columns.align-full,
    #content > img.align-full {
      max-width: 100%;
      padding: 0px 15px; }
    #content > h1.align-wide,
    #content > h2.align-wide,
    #content > h3.align-wide,
    #content > h4.align-wide,
    #content > h5.align-wide,
    #content > h6.align-wide,
    #content > p.align-wide,
    #content > ul.align-wide,
    #content > ol.align-wide,
    #content > .wp-block-columns.align-wide,
    #content > img.align-wide {
      max-width: 80%;
      padding: 0px 15px; }
  /*****************
Blocks
*****************/
  /* some defaults */
  .entry-content {
    /* REMOVE DEFAULT PADDING set in base 
    */ }
    .entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content ul, .entry-content ol {
      padding-left: 0px;
      padding-right: 0px; }
    .entry-content .wp-block-columns.industries-columns {
      padding-left: 0;
      padding-right: 0; }
      .entry-content .wp-block-columns.industries-columns p {
        padding-left: 0px;
        padding-right: 20px; }
      .entry-content .wp-block-columns.industries-columns .wp-block-column:nth-child(2n) {
        margin-left: 2em; }
  .wp-block-button a {
    font-size: 17px; }
  .single header h1,
  .single header h2 {
    padding-left: 0px;
    padding-right: 0px; }
  #top-right-hexagon {
    background-image: url("/wp-content/themes/VONT2020/library/images/hexagon-orange-full.svg");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 700px;
    height: 650px;
    position: absolute; }
  #top-left-hexagon {
    background-image: url("/wp-content/themes/VONT2020/library/images/hexagon-yellow-full.svg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 700px;
    height: 700px;
    position: absolute;
    top: -200px;
    left: -400px;
    overflow: hidden;
    z-index: -1; }
  #bottom-left-hexagon {
    background-image: url("/wp-content/themes/VONT2020/library/images/hexagon-yellow-full.svg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 700px;
    height: 400px;
    position: absolute;
    bottom: 0px;
    left: -400px;
    overflow: hidden;
    z-index: -1; }
  body.header-type-tall #menu-trigger {
    z-index: 3; }
  body.header-type-tall #top-right-hexagon {
    top: -250px;
    right: -200px;
    z-index: 2; }
  body.header-type-tall #top-left-hexagon {
    background-image: url("/wp-content/themes/VONT2020/library/images/hexagon-yellow-full.svg");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 700px;
    height: 700px;
    position: absolute;
    top: -250px;
    left: -90px;
    z-index: -1;
    overflow: hidden; }
  body.header-type-tall .page-banner {
    z-index: 4; }
  body.header-type-short #menu-trigger {
    z-index: 4; }
  body.header-type-short #top-right-hexagon {
    top: -515px;
    right: -350px;
    z-index: 3; }
  body.header-type-short .page-banner {
    z-index: -1; }
  .vont-block.case-studies-grid,
  .vont-block.blog,
  .breadcrumbs {
    padding-left: 0px;
    padding-right: 0px; }
  .entry-content .vont-block.case-studies-grid, .entry-content .vont-block.blog {
    max-width: none; }
  .vont-block.case-studies-grid .case-studies-grid {
    display: flex;
    justify-content: space-between; }
    .vont-block.case-studies-grid .case-studies-grid .case-study {
      width: 22%;
      margin-right: 4%;
      /* style first row as half width */
      /* remove right margin from last (4th) item in row starting at column 6 */ }
      .vont-block.case-studies-grid .case-studies-grid .case-study:nth-child(1), .vont-block.case-studies-grid .case-studies-grid .case-study:nth-child(2) {
        width: 48%; }
      .vont-block.case-studies-grid .case-studies-grid .case-study:nth-child(2) {
        margin-right: 0; }
      .vont-block.case-studies-grid .case-studies-grid .case-study:nth-child(4n+6) {
        margin-right: 0; }
      .vont-block.case-studies-grid .case-studies-grid .case-study:last-child {
        margin-right: auto; }
  .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study {
    width: 48%; }
  .vont-block.job-listings .jobs-inner {
    padding-left: 0px;
    padding-right: 0px; }
  .vont-block.page-banner .overlay .overlay-inner {
    padding-left: 0px; }
    .vont-block.page-banner .overlay .overlay-inner .overlay-text-line-1,
    .vont-block.page-banner .overlay .overlay-inner h1.overlay-text-line-1 {
      font-size: 2.34375rem; }
    .vont-block.page-banner .overlay .overlay-inner .overlay-text-line-2 {
      font-size: 1.302083333rem; }
  .vont-block.page-banner .overlay-page-title {
    padding-left: 40px;
    padding-left: 0px; }
  .vont-block.page-banner.alignfull .overlay .overlay-inner {
    padding-left: 0px; }
  .vont-block.page-banner.alignfull .overlay-page-title {
    padding-left: 0px; }
  .vont-block.page-banner.banner-type-video.height-desktop-short {
    height: 500px; }
  .vont-block.page-banner.banner-type-video.height-desktop-tall {
    height: 500px; }
  .promo-outer-wrapper {
    padding: 40px 0px; }
    .promo-outer-wrapper .promo-wrapper .promo-block .promo-block-image i {
      font-size: 50px;
      font-size: 2.604166667rem; }
  .carousel-outer-wrapper .main-item-wrapper .main-single-wrapper.active {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    justify-content: space-between; }
  .channel-nav-wrapper .channel-nav ul {
    padding-left: 0px; }
    .channel-nav-wrapper .channel-nav ul li {
      list-style-type: none;
      padding: 5px; }
      .channel-nav-wrapper .channel-nav ul li.current_page_item a {
        border-bottom-width: 3px; }
  .vont-block.image-content .image-overlay {
    max-width: 100%; }
  .vont-block.image-content img.mobile-image {
    display: none; }
  .vont-block.image-content img.desktop-image {
    display: block;
    min-width: 100%; }
  .vont-block.image-content .image-overlay-content h2 {
    font-size: 1.5625rem; }
  .vont-block.image-content .image-overlay-content h3 {
    font-size: 1.375rem; }
  .vont-block.people-grid {
    padding: 0px 20px; }
    .vont-block.people-grid .people-grid {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      justify-content: space-between;
      padding: 0px;
      box-sizing: border-box; }
      .vont-block.people-grid .people-grid .person {
        width: 25%;
        margin: 0px;
        margin-bottom: 20px;
        display: flex;
        align-items: center; }
        .vont-block.people-grid .people-grid .person .image-wrapper {
          width: 50%;
          padding-right: 15px; }
          .vont-block.people-grid .people-grid .person .image-wrapper img {
            max-width: 100%; }
        .vont-block.people-grid .people-grid .person .info-wrapper {
          width: 50%;
          padding-right: 15px; }
  /* Slideshow Block */
  .vont-block.slideshow #slideshow-wrapper {
    margin-top: 0px;
    clear: both;
    position: relative;
    overflow: visible; }
    .vont-block.slideshow #slideshow-wrapper .cycle-slideshow img {
      width: 100%;
      height: auto; }
    .vont-block.slideshow #slideshow-wrapper #slides .slide {
      width: 100%;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; }
      .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-image img {
        width: 100%; }
      .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay {
        position: fixed;
        top: 20%;
        right: 0px;
        left: 60%;
        bottom: 20%;
        height: 60%;
        clear: both;
        background-color: white;
        display: block;
        line-height: normal;
        text-align: left;
        display: flex;
        align-items: center;
        padding: 50px;
        box-sizing: border-box; }
        .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .line1 {
          color: #000;
          font-weight: normal;
          font-size: 42px;
          line-height: 42px; }
          .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .line1 b, .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .line1 strong {
            font-weight: normal; }
        .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .line2 {
          font-weight: normal;
          font-size: 19px;
          line-height: 30px;
          color: #000;
          margin-top: 15px; }
          .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .line2 i {
            /* font awesome arrow */
            margin-left: 5px; }
          .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .line2 b, .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .line2 strong {
            font-weight: 700; }
        .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .slide-links {
          margin-top: 20px; }
          .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .slide-links a.button {
            display: inline-block;
            width: auto;
            padding: 0px 20px;
            border-radius: 20px;
            color: #fff;
            margin-right: 10px;
            font-size: 20px;
            line-height: 40px;
            margin-bottom: 0px; }
            .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay .slide-links a.button:last-child {
              margin-right: 0px; }
        .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay p {
          margin: 0px;
          padding: 0px; }
        .vont-block.slideshow #slideshow-wrapper #slides .slide .slide-overlay a {
          text-decoration: none; }
    .vont-block.slideshow #slideshow-wrapper .cycle-slideshow {
      width: 100%; }
    .vont-block.slideshow #slideshow-wrapper .cycle-slide {
      width: 100%; }
    .vont-block.slideshow #slideshow-wrapper .cycle-slideshow img {
      width: 100%;
      height: auto; }
    .vont-block.slideshow #slideshow-wrapper .cycle-pager {
      display: block;
      bottom: 10px;
      left: 0;
      right: 0;
      position: absolute;
      z-index: 102;
      width: 100%;
      text-align: center; }
      .vont-block.slideshow #slideshow-wrapper .cycle-pager span {
        color: #ccc;
        opacity: .6;
        font-size: 48px;
        line-height: 48px;
        padding: 0px 3px; }
        .vont-block.slideshow #slideshow-wrapper .cycle-pager span.cycle-pager-active {
          opacity: 1; }
        .vont-block.slideshow #slideshow-wrapper .cycle-pager span:hover {
          cursor: pointer; }
  .banner-block.align-full {
    padding-left: 0px;
    padding-right: 0px; }
  .bread-crumbs-wrapper {
    padding-left: 0px;
    padding-right: 0px; }
  .blog-feed-wrapper {
    padding-left: 0px;
    padding-right: 0px; }
  .entry-content ul.two-column {
    column-count: 2; }
    .entry-content ul.two-column li {
      padding-right: 30px; }
  .cta-wrapper {
    text-align: left; }
  .gb-layout-columns-2.five-seven > .gb-layout-column-wrap {
    grid-template-columns: 5fr 7fr; }
  /* Block visibility */
  .vont-block.show-on-mobile {
    display: none; }
  .vont-block.show-on-tablet {
    display: none; }
  .vont-block.show-on-desktop {
    display: block; }
  .contact-columns .social-icons {
    padding-left: 0%; }
  /* specific post types */
  body.single-vont_case_study .top-section .services-wrapper {
    display: flex;
    align-items: center; }
    body.single-vont_case_study .top-section .services-wrapper .services-list {
      display: inline-block;
      padding-left: 0;
      padding-right: 0; }
  body.single-vont_case_study .top-section .people-wrapper {
    display: flex;
    align-items: center;
    float: right;
    margin-top: 0px; }
    body.single-vont_case_study .top-section .people-wrapper .people-list {
      padding-left: 0;
      padding-right: 0;
      margin-top: 0; }
  body.single-vont_case_study .top-section .description-link {
    padding-bottom: 45px; }
  body.single-vont_case_study .main-content article .entry-content > h2,
  body.single-vont_case_study .main-content article .entry-content > h3,
  body.single-vont_case_study .main-content article .entry-content > h4,
  body.single-vont_case_study .main-content article .entry-content > h5,
  body.single-vont_case_study .main-content article .entry-content > h6,
  body.single-vont_case_study .main-content article .entry-content > h7,
  body.single-vont_case_study .main-content article .entry-content > p {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; }
  body.single-vont_case_study .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study {
    display: flex; }
    body.single-vont_case_study .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study .image-wrapper {
      width: 50%; }
    body.single-vont_case_study .vont-block.case-studies-grid.layout-image-on-right .case-studies-grid .case-study .info-wrapper {
      width: 50%; }
  body.single-vont_person .top-wrapper {
    padding-left: 0px;
    padding-right: 0px; }
    body.single-vont_person .top-wrapper .left-column,
    body.single-vont_person .top-wrapper .middle-column,
    body.single-vont_person .top-wrapper .right-column {
      padding-left: 0;
      padding-right: 0; }
  body.single-vont_person .vont-block.blog .blog-inner {
    display: flex;
    justify-content: space-between; }
    body.single-vont_person .vont-block.blog .blog-inner .post {
      width: 48%;
      display: flex; }
  body.single-post .related-posts .vont-block.blog .blog-inner {
    display: flex;
    justify-content: space-between; }
    body.single-post .related-posts .vont-block.blog .blog-inner .post {
      width: 48%;
      display: flex;
      flex-wrap: nowrap; }
      body.single-post .related-posts .vont-block.blog .blog-inner .post .content {
        order: 1; }
      body.single-post .related-posts .vont-block.blog .blog-inner .post .image-wrapper {
        order: 2;
        width: 40%;
        margin-bottom: 0; }
  body.single-post .entry-content h2 {
    font-size: 25px; }
  body.single-post .entry-content p, body.single-post .entry-content li {
    font-size: 18px;
    line-height: 1.8em; }
  body.single-post .entry-content li {
    line-height: 1.6em; }
  body.single-post .left-column {
    padding-right: 130px; }
  body.single-post .right-column .people-wrapper {
    padding-left: 0%;
    padding-right: 0%; }
  body.single-post .right-column #category-list {
    padding-left: 0%;
    padding-right: 0%; }
    body.single-post .right-column #category-list .categories {
      font-size: 17px;
      line-height: 1.5em; }
  body.single-post .right-column #related-blog-issues {
    padding-left: 0%;
    padding-right: 0%; } }

/*
XLARGE
*/
@media (min-width: 1200px) {
  /******************************************************************

Stylesheet: X-Large Stylesheet

Styles apply to 70.063em and up.


******************************************************************/ }

/*
XXLARGE
*/
@media (min-width: 1440px) {
  /******************************************************************

Stylesheet: XX-Large Stylesheet

Styles apply to 120.063em and up.

******************************************************************/ }

/*
PRINT STYLESHEET
*/
@media print {
  /******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }

@media (max-width: 600px) {
  .no-side-padding-mobile-only {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .padding-20-mobile-only {
    padding-left: 20px !important;
    padding-right: 20px !important; }
  .padding-side-8-percent-mobile-only {
    padding-left: 8% !important;
    padding-right: 8% !important; } }

@media (min-width: 1400px) {
  .vont-block.wider-row {
    margin-left: calc(-1 * 8% / 2);
    margin-right: calc(-1 * 8% / 2);
    overflow: visible; }
    .vont-block.wider-row .row {
      max-width: 1300px;
      max-width: calc(100% - 8%); }
  .row .row {
    max-width: 100%; }
  .vont-block.page-banner .overlay .overlay-inner {
    padding-left: 0px; } }

@media (min-width: 1024px) {
  .entry-content {
    /* force some padding right before we switch to large */ }
    .entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content ul, .entry-content ol,
    .entry-content .vont-block.case-studies-grid,
    .entry-content .vont-block.blog {
      /*
        	padding-left:8%;
        	padding-right:8%;
*/ }
      .entry-content p .row, .entry-content h1 .row, .entry-content h2 .row, .entry-content h3 .row, .entry-content h4 .row, .entry-content h5 .row, .entry-content ul .row, .entry-content ol .row,
      .entry-content .vont-block.case-studies-grid .row,
      .entry-content .vont-block.blog .row {
        max-width: none; }
  .single header h1,
  .single header h2,
  .single header h3 {
    /*
        padding-left:8%;
        padding-right:8%;
*/ } }

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