/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/*------------------------------------*\
  ##INDEX
\*------------------------------------*/

/*

-- MAIN STYLES      h1, h2, p, standard spacing of rows in a section
-- BUTTONS          Button color options, plus Wistia watch video button styles
-- LISTS & TABLES   Color square bullet lists
-- NAVIGATION       Controls navigation and menus
-- FOOTER           Footer links

-- HOME PAGE        Home page styles
-- PRODUCT PAGES    Common styles found on all Product Pages (Text Inspection, Braille, etc.), individual product page styles @ bottom of this section.
-- CONTACT FORMS    Styles for Contact Forms 7 plugin 
-- POP-UPs          Styling for pop up windows
-- TILES            Base styling for "Tile" sections (ex: Customer page)
-- ACCORDIONS       Styles for Accordions (FAQs)
-- SLIDERS          Styles for Sliders (Customer Quotes, etc.)

-- PRICING PAGE     Specific styles for pricing/plans page
-- WEBINAR PAGE     Specific styles for webinars page
-- WHY GV PAGE      Specific styles for why gv page
-- CUSTOMERS PAGE   Specific styles for the customer page 
-- ESKO PAGE 		Specific styles for esko page
-- CAREERS PAGE 	Specific styles for careers page
-- DOWNLOAD PAGE 	Specific styles for download page
-- PARTNER PAGE 	Specific styles for partner page
-- ACG PAGE 		Specific styles for artwork creation guide page
-- DIGITAL INSP     Specific styles for digital inspection page
-- GV VS EYEC       Specific styles for eyec-alternative page
-- INDUSTRY         Specific styles for eyec-alternative page
-- COMPLIANCE       Specific styles for eyec-alternative page

-- NEWS POSTS       Specific styles for news/event articles

-- ReCAPTCHA       Hide icon/logo fron displaying on website





/*------------------------------------*\
  ##MAIN STYLES 
\*------------------------------------*/


@font-face {
    font-family: HKGrotesk-Regular; 
    src: url(/wp-content/themes/Divi-Child-Theme/fonts/HKGrotesk-Regular.eot); 
    src: url(/wp-content/themes/Divi-Child-Theme/fonts/HKGrotesk-Regular.ttf);
    src: url(/wp-content/themes/Divi-Child-Theme/fonts/HKGrotesk-Regular.otf);
    src: url(/wp-content/themes/Divi-Child-Theme/fonts/HKGrotesk-Regular.woff);
    src: url(/wp-content/themes/Divi-Child-Theme/fonts/HKGrotesk-Regular.woff2);
}

html {
    scroll-behavior: auto;
}


body {
    font-family: "HKGrotesk-Regular", "Open-Sans", Arial;
    overflow-x: hidden; 
}

#logo {
    max-height: 35% !important;
}

h1, h2 {
    font-weight: bold !important;
    line-height: 1.3; 
}


/* For sections where you want the spacing between rows to be the site-standard, add class 'section-standard-row-spacing' */
.section-standard-row-spacing .et_pb_row {
    padding-bottom: 5%; 
}

/* For sections headers with black backgrounds - turns text white */

.section-header-whitetext h1, .section-header-whitetext p, .section-header-whitetext .wistia-watch-video-link {
    color: white; 
}

/* Hide the side panel on Search Results */

.search.search-results #sidebar {
    display: none; 
}

/*------------------------------------*\
  ##BUTTONS 
\*------------------------------------*/

/* Available colors as classes: 

   - red
   - black
   - white
   - dark-grey
   - transparent-red
   - transparent-black

   NOTE: For dark backrounds, add class "black-background" to have the text remain white on hover. 
*/

/* Applies to All Buttons */

.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover, .et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce a.button:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce button.button:hover, .et_button_no_icon.et_button_left.woocommerce input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button:hover, .et_button_no_icon.woocommerce #content input.button, .et_button_no_icon.woocommerce #content input.button.alt, .et_button_no_icon.woocommerce #content input.button.alt:hover, .et_button_no_icon.woocommerce #content input.button:hover, .et_button_no_icon.woocommerce #respond input#submit, .et_button_no_icon.woocommerce #respond input#submit.alt, .et_button_no_icon.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.woocommerce #respond input#submit:hover, .et_button_no_icon.woocommerce a.button, .et_button_no_icon.woocommerce a.button.alt, .et_button_no_icon.woocommerce a.button.alt:hover, .et_button_no_icon.woocommerce a.button:hover, .et_button_no_icon.woocommerce button.button, .et_button_no_icon.woocommerce button.button.alt, .et_button_no_icon.woocommerce button.button.alt:hover, .et_button_no_icon.woocommerce button.button:hover, .et_button_no_icon.woocommerce input.button, .et_button_no_icon.woocommerce input.button.alt, .et_button_no_icon.woocommerce input.button.alt:hover, .et_button_no_icon.woocommerce input.button:hover, .et_button_no_icon.woocommerce-page #content input.button, .et_button_no_icon.woocommerce-page #content input.button.alt, .et_button_no_icon.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.woocommerce-page #content input.button:hover, .et_button_no_icon.woocommerce-page #respond input#submit, .et_button_no_icon.woocommerce-page #respond input#submit.alt, .et_button_no_icon.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.woocommerce-page #respond input#submit:hover, .et_button_no_icon.woocommerce-page a.button, .et_button_no_icon.woocommerce-page a.button.alt, .et_button_no_icon.woocommerce-page a.button.alt:hover, .et_button_no_icon.woocommerce-page a.button:hover, .et_button_no_icon.woocommerce-page button.button, .et_button_no_icon.woocommerce-page button.button.alt, .et_button_no_icon.woocommerce-page button.button.alt:hover, .et_button_no_icon.woocommerce-page button.button:hover, .et_button_no_icon.woocommerce-page input.button, .et_button_no_icon.woocommerce-page input.button.alt, .et_button_no_icon.woocommerce-page input.button.alt:hover, .et_button_no_icon.woocommerce-page input.button:hover, .woocommerce input.button, .woocommerce input.button:hover 
{
    border-radius: 10%/50% !important;
    padding: 2px 35px !important;
}

.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover, .et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce a.button:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce button.button:hover, .et_button_no_icon.et_button_left.woocommerce input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button:hover, .et_button_no_icon.woocommerce #content input.button, .et_button_no_icon.woocommerce #content input.button.alt, .et_button_no_icon.woocommerce #content input.button.alt:hover, .et_button_no_icon.woocommerce #content input.button:hover, .et_button_no_icon.woocommerce #respond input#submit, .et_button_no_icon.woocommerce #respond input#submit.alt, .et_button_no_icon.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.woocommerce #respond input#submit:hover, .et_button_no_icon.woocommerce a.button, .et_button_no_icon.woocommerce a.button.alt, .et_button_no_icon.woocommerce a.button.alt:hover, .et_button_no_icon.woocommerce a.button:hover, .et_button_no_icon.woocommerce button.button, .et_button_no_icon.woocommerce button.button.alt, .et_button_no_icon.woocommerce button.button.alt:hover, .et_button_no_icon.woocommerce button.button:hover, .et_button_no_icon.woocommerce input.button, .et_button_no_icon.woocommerce input.button.alt, .et_button_no_icon.woocommerce input.button.alt:hover, .et_button_no_icon.woocommerce input.button:hover, .et_button_no_icon.woocommerce-page #content input.button, .et_button_no_icon.woocommerce-page #content input.button.alt, .et_button_no_icon.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.woocommerce-page #content input.button:hover, .et_button_no_icon.woocommerce-page #respond input#submit, .et_button_no_icon.woocommerce-page #respond input#submit.alt, .et_button_no_icon.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.woocommerce-page #respond input#submit:hover, .et_button_no_icon.woocommerce-page a.button, .et_button_no_icon.woocommerce-page a.button.alt, .et_button_no_icon.woocommerce-page a.button.alt:hover, .et_button_no_icon.woocommerce-page a.button:hover, .et_button_no_icon.woocommerce-page button.button, .et_button_no_icon.woocommerce-page button.button.alt, .et_button_no_icon.woocommerce-page button.button.alt:hover, .et_button_no_icon.woocommerce-page button.button:hover, .et_button_no_icon.woocommerce-page input.button, .et_button_no_icon.woocommerce-page input.button.alt, .et_button_no_icon.woocommerce-page input.button.alt:hover, .et_button_no_icon.woocommerce-page input.button:hover, .woocommerce input.button, .woocommerce input.button:hover
{
    border-radius: 10%/50% !important;
    padding: 2px 35px !important;
}


/* Specific Color Options */ 

.et_pb_button.red-button, .red-button {
    border-width: 2px;
    border-style: solid;
    border-color: #ea3632 !important;
    background: #ea3632 !important;
    color: white !important;
    font-weight: bold;
}

.et_pb_button.red-button:hover, .red-button:hover {
    border-width: 2px;
    border-style: solid;
    border-color: #ea3632 !important;
    background: transparent !important;
    color: #ea3632 !important; 
    font-weight: bold;
    cursor: pointer;
}

.et_pb_button.dark-grey-button, .dark-grey-button {
    border-width: 2px;
    border-style: solid;
    border-color: #393b3f !important;
    background: #393b3f !important;
    color: white !important;
    font-weight: bold;
}

.et_pb_button.dark-grey-button:hover, .dark-grey-button:hover {
    border-width: 2px;
    border-style: solid;
    border-color: #393b3f !important;
    background: transparent !important;
    color: #393b3f !important;
    font-weight: bold; 
}

/* On black backgrounds, keep text white on hover */
.et_pb_button.red-button.black-background:hover, .red-button.black-background:hover {
    border-width: 2px;
    border-style: solid;
    border-color: #ea3632 !important;
    background: transparent !important;
    color: white !important; 
    font-weight: bold;
}

.et_pb_button.black-button, .black-button {
    border-width: 2px;
    border-style: solid;
    border-color: #000 !important;
    background: #000 !important;
    color: white !important;
    font-weight: bold;
}

.et_pb_button.black-button:hover, .black-button:hover {
    border-width: 2px;
    border-style: solid;
    border-color: #000 !important;
    background: transparent !important;
    color: #000 !important; 
    font-weight: bold;
}

.et_pb_button.white-button, .white-button {
    border-width: 2px;
    border-style: solid;
    border-color: #000 !important;
    background: #fff !important;
    color: #000 !important;
    font-weight: bold;
}

.et_pb_button.white-button:hover, .white-button:hover {
    border-width: 2px; 
    border-color: #000 !important;
    border-style: solid;
    background: #000 !important;
    color: #fff !important; 
    font-weight: bold;
    cursor: pointer;
}

.et_pb_button.white-button.black-background, .white-button.black-background {
    border-width: 2px;
    border-style: solid;
    border-color: #000 !important;
    background: #fff !important;
    color: #000 !important;
    font-weight: bold;
}

.et_pb_button.white-button.black-background:hover, .white-button.black-background:hover {
    border-width: 2px; 
    border-color: #fff !important;
    border-style: solid;
    background: transparent !important;
    color: #fff !important; 
    font-weight: bold;
}

.et_pb_button.transparent-black-button, .transparent-black-button {
    border-width: 2px; 
    border-color: #000 !important;
    border-style: solid;
    background: transparent !important;
    color: #000 !important;
    font-weight: bold;
}

.et_pb_button.transparent-black-button:hover, .transparent-black-button:hover {
    border-width: 2px; 
    border-color: #000 !important;
    border-style: solid;
    background: #000 !important;
    color: #fff !important; 
    font-weight: bold;
}

.et_pb_button.transparent-red-button, .transparent-red-button {
    border-width: 2px; 
    border-color: #ea3632 !important;
    border-style: solid;
    background: transparent !important;
    color: #ffffff !important;
    font-weight: bold;
}

.transparent-red-button:hover, .transparent-red-button:hover {
    border-width: 2px; 
    border-color: #ea3632 !important;
    border-style: solid;
    background: #ea3632 !important;
    color: #fff !important; 
    font-weight: bold;
}


/* The "Watch Video" text next to the wistia video launchers */

.wistia-img-and-link { 
    display: inline-block;
}

.wistia-img-and-link img { 
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition-transition: 0.2s;
}

.wistia-img-and-link:hover { 
    cursor: pointer;
}

.wistia-img-and-link img { 
    vertical-align: middle
}

.wistia-watch-video-link { 
    color: #393b3f; 
    font-weight: bold;
    font-size: 1.5em;
    vertical-align: middle;
}

.wistia-watch-video-link.black-background {
    color: white !important;
}

.button-disabled {
    pointer-events: none;
    background: gray !important;
    opacity: 0.3;
    border: gray !important;
}

/*------------------------------------*\
  ##LISTS & TABLES 
\*------------------------------------*/ 

.red-square-bullet-list {
    list-style-type: square !important;
    color: #ea3632;
}

.red-square-bullet-list-item {
    color: black; 
}

.red-square-bullet-list li {
    margin-bottom: 15px; 
}

.red-square-bullet-list-item.black-background {
    color: white !important;
  }

/*------------------------------------*\
  ##NAVIGATION 
\*------------------------------------*/

/* Speeds up the transition of the side-sliding menu. */
.et_header_style_slide #page-container {
    -webkit-transition: left .2s cubic-bezier(.77,0,.175,1),margin-top .4s ease-in-out!important;
    -moz-transition: left .2s cubic-bezier(.77,0,.175,1),margin-top .4s ease-in-out!important;
    transition: left .2s cubic-bezier(.77,0,.175,1),margin-top .4s ease-in-out!important;
}
  
.et_slide_in_menu_container {
    transition: right .2s cubic-bezier(.77,0,.175,1);
    -webkit-transition: right .2s cubic-bezier(.77,0,.175,1);
    -moz-transition: right .2s cubic-bezier(.77,0,.175,1);
}

.menu-item {
    border-top: 1px solid #c9ced6;
}
  
.et_slide_menu_top {
background: none;
padding: 10px 40px;
}

#mobile_menu_slide {
padding-top: 10px !important;
}
  
#mobile_menu_slide li a {
    color: black; 
    font-weight: bold;
}

#row-custom-nav {
    padding: 27px 0;
}

#custom-header-nav li {
    display: inline;
}

.nav-link {
    font-size: 16px; 
    margin: 0 25px; 
    color: white; 
    font-weight: bold; 
}

.nav-link:hover {
    text-decoration: underline; 
}

/*Dropdown menu when you hover over contact link - English only*/

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: white;
    color: #fff;
    text-align: center;
    padding: 2px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 105%;
    left: 50%;
    margin-left: -130px; 
    width: 175px; 
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}
  
.tooltip:hover .tooltiptext {
    visibility: visible;
}
    
.tooltip:hover .tooltiptext:lang(fr) {
    visibility: hidden;
}
    
.tooltip:hover .tooltiptext:lang(de) {
    visibility: hidden;
}
    
.tooltip:hover .tooltiptext:lang(es) {
    visibility: hidden;
}
    
.tooltip:hover .tooltiptext:lang(it) {
    visibility: hidden;
}
    
.tooltip:hover .tooltiptext:lang(pt-BR) {
    visibility: hidden;
}

.tooltiptext table {
    text-align: left; 
    font-size: 16px; 
    background: white; 
    color: black; 
    border: none; 
    margin: 0 auto;
    border-radius: 4px;
}

.tooltiptext td {
    padding: 0 !important;
    border: none !important; 
    font-size: 16px; 
}

.tooltiptext a {
    color: black; 
}

.tooltiptext a:hover {
    color: #ea3632; 
}

.tooltiptext td.contact-option-icon {
    padding: 5px !important; 
}


#log-in-link {
    position: absolute;
    right: 58px;
    top: 28px;
}

#nav-cta {
    position: absolute;
    right: 150px;
    top: 29px;
    border-radius: 10%/50% !important;
    cursor: pointer;
    color: white; 
    font-size: 16px; 
}

#nav-cta:lang(fr){
    right: 175px; 
}
  
#nav-cta:lang(de){
    right: 180px; 
}
  
#nav-cta:lang(es){
    right: 185px; 
}
  
#nav-cta:lang(it){
    right: 162px; 
}
  
#nav-cta:lang(pt-BR){
    right: 147px; 
}

#nav-cta a {
    margin-left: 5px; 
}

#nav-cta a:hover {
    text-decoration: none;
}

#cta-divider {
    height: 22px;
    width: 1px;
    background-color: #ea3632;
    position: absolute; 
    top: 30px; 
    right: 135px; 
}
  
#cta-divider:lang(fr) {
    right: 166px;
}
  
#cta-divider:lang(de){
    right: 170px; 
}
  
#cta-divider:lang(es){
    right: 178px; 
}
  
#cta-divider:lang(it){
    right: 150px; 
}
  
#cta-divider:lang(pt-BR){
    right: 136px; 
}

.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid white;
    position: absolute;
    right: 9px;
    top: -5px;
}

#contact-us-nav-cta {
    color: white; 
    margin: 0 !important; 
}

#contact-us-nav-cta:hover {
    text-decoration: underline !important; 
}

#menu-item-28626 {
    display: none;
}

/*ENGLISH*/
@media only screen and (max-width: 1050px) {
    .nav-link, #log-in-link, #nav-cta, #cta-divider {
        display: none;
    }

    #menu-item-28626 {
        display: block;
    }
}

/*FRENCH*/
@media only screen and (max-width: 1225px) {
    .nav-link:lang(fr), #log-in-link:lang(fr), #nav-cta:lang(fr), #cta-divider:lang(fr) {
        display: none;
    }

    #menu-item-28626:lang(fr) {
        display: block;
    }
}

/*SPANISH*/
@media only screen and (max-width: 1200px) {
    .nav-link:lang(es), #log-in-link:lang(es), #nav-cta:lang(es), #cta-divider:lang(es), .nav-link:lang(it), #log-in-link:lang(it), #nav-cta:lang(it), #cta-divider:lang(it) {
        display: none;
    }

    #menu-item-28626:lang(es), #menu-item-28626:lang(it) {
        display: block;
    }
}

/*PORTUGUESE*/
@media only screen and (max-width: 1275px) {
    .nav-link:lang(pt-BR), #log-in-link:lang(pt-BR), #nav-cta:lang(pt-BR), #cta-divider:lang(pt-BR) {
        display: none;
    }

    #menu-item-28626:lang(pt-BR) {
        display: block;
    }
}



/*------------------------------------*\
  ##FOOTER 
\*------------------------------------*/

/* Hide the default footer */
#footer-widgets {
    display: none; 
}

@media only screen and (min-width: 980px) {
    #compare-differences-header-image {
        min-width: 120%; 
    }
}
  
.footer-header {
   font-size: 16px; 
  font-weight: bold;
  color: white;
}
  
.footer-header a {
  color: white;
}
  
.footer-header a:hover {
  color: #ea3632;
}

.footer-list {
  list-style: none !important;
  padding: 0 !important; 
}

.footer-list li {
   font-size: 14px !important; 
  color: #f6f6f6
}
  
.footer-list li a {
  color: #f6f6f6
}
  
.footer-list li a:hover {
  color: #EA3632
}

#footer-all-white-logo {
    float: none;
    width: 40%;
}

@media screen and (max-width: 980px) {
    #footer-all-white-logo {
        float: none;
        width: 25%;
    }
}


/***** Start Footer Language Menu ******/

@media only screen and (min-width: 981px) {
    #footer-language-selector {
        position: absolute; 
        right: 40px;
        top: 15px; 
    } 

    #language-menu li { 
        float:left;
    }

    #language-menu ul ul.arrow-bottom:after {
        content: " ";
        position: absolute;
        right: 50px;
        bottom: -15px;
        border-top: 15px solid #ffffff;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: none;
        display: block;
    }	

    #language-menu ul ul {
        position: absolute;
        bottom: 60px;
    }   

    #language-menu ul li a { 
        text-align:left;
    }
}

@media only screen and (min-width: 1480px) {
    #footer-language-selector {
        position: absolute; 
        right: 0;
        top: 15px; 
    } 
}

#language-menu {
	padding: 0px;
	margin: 0 auto;
}
#language-menu ul { 
	padding:0px;
	margin:0px;
}

#language-menu li { 
    margin:0px;
    list-style:none;
    position:relative;
}

#language-menu ul li a { 
	text-decoration:none;
	display: block;
	color: #393b3f;
    border: 0px solid #f6f6f6;
    font-size: 16px;
}

#language-menu ul ul {
    padding: 10px;
	display: none;
	background:#ffffff;
	border: 1px solid #f6f6f6;
	box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.1);
}

#language-menu ul li:hover ul{ 
	display:block;
	color: #393b3f;
}

#language-menu li:hover { 
    background: none;
    cursor: pointer;
}

#language-menu li a:hover { 
	color:#ea3632;
}

  
.arrow-bottom {
    padding: 15px;
    border-radius: 5px;
}

#current-language {
    color: white;
    margin: -20px !important; 
    padding: 20px;
}

#footer-language-selector {
    list-style: none;
}


/***** End Footer Language Menu ******/

.footer-social-logo {
    margin: 10px; 
}
  
#facebook-logo {
    max-width: 14px;
}
  
#twitter-logo {
    max-width: 27px;
}

#youtube-logo {
    max-width: 30px;
}

#linkedin-logo {
    max-width: 25px;
}

#footer-bottom {
    padding: 0; 
}

.footer-social-logo:hover
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: 0.25s;
    -webkit-transition: 0.25s;
}

/*------------------------------------*\
  ##HOME PAGE 
\*------------------------------------*/

.page-id-28484 h1, .page-id-28484 h2, .page-id-28484 p, .page-id-28484 .wistia-watch-video-link {
    color: white; 
}

.app-header {
    font-weight: bold;
}

.app-image {
    height: 200px; 
    max-width: 75%; 
}

.app-description {
    height: 100px;
}

#end-to-end-header {
    line-height: 1.3;
}

/* Desktop */
@media only screen and (min-width: 981px) {

    .home-page-app-grid {
        padding: 0 !important;
        border-bottom: 2px solid white; 
    }

    .home-page-app-grid-row {
        min-height: 50vh; 
        padding: 0 !important; 
    }

    .right-border {
        border-right: 2px solid white; 
    }

    .app-divimodule {
        margin-top: 100px; 
        margin-bottom: 0 !important; 
    }

    .left-divimodule {
        margin-right: 100px !important; 
    }

    .right-divimodule {
        margin-left: 100px !important; 
    }

    #gv-summit-column {
        border-right: 2px solid #ea3632;
    }

    .learn-more-button {
        margin-bottom: 100px;
    }

    #barcode-image {
        position: relative;
        right: 50px;
        top: -35px;
    }

    #home-print-inspection-image img {
        position: relative;
        top: -130px;
        left: 85px;
        height: 400px;
    }
}

/* Tablet & Mobile */
@media only screen and (max-width: 980px) {

    .learn-more-button {
        margin-bottom: 100px;
    }

    .app-image {
        display: none;
    }
/* 
    .app-description {
        height: 100px;
    } */

    #gv-summit-column {
        border-top: 2px solid #ea3632;
    }
}

@media only screen and (min-width: 1222px) {
    .home-page-line-break {
        display: none;
    }
}

 
   @media only screen and (max-width: 1221px) {
    .home-page-line-break {
        display: inline;
    }
}

.home-cta  {
    cursor: pointer; 
}
   
.home-cta img {
    max-width: 75% !important;
}
   
.mobile-cta {
    border: 1px solid transparent; 
    margin-bottom: 20px; 
    padding: 20px; 
    border-radius: 5px; 
}
   
.mobile-cta:hover {
    border-color: #ea3632;
}

/*------------------------------------*\
  ##PRODUCT PAGES 
\*------------------------------------*/

.product-page-title {
    font-weight: bold; 
}

.product-page-title-image {
    vertical-align: middle; 
    margin-right: 20px;
}

.product-page-feature {
    line-height: 1.3;
}

.blurb-feature-block {
    padding: 20px;
    background: #f6f6f6;
    border-radius: 10%;
    border: 1px solid transparent; 
}

.blurb-feature-block:hover {
   border-color: #EA3632; 
}

.blurb-feature-block h4 {
    font-weight: bold;
    text-align: center; 
}

.blurb-feature-block .downarrow {
    position: absolute;
    bottom: 0; 
    right: 0; 
}

.blurb-feature-description-print {
    height: 35px; 
}

/* i.e. Using Docuproof?... */
.legacy-product-section {
    background: #f6f6f6;
}

.barcode-type-list {
    list-style-type: square !important;
    color: #ea3632;
    padding-top: 10px !important;
    float: left; 
    padding-right: 20px !important; 
}

.barcode-type {
    color: black; 
}

.blurb-feature-block .et_pb_main_blurb_image {
    max-width: 65%; 
}

/* Print Inspection Page only */
 
.scanner-name {
    color: #ea3632;
    font-size: xx-large;
}

.scanner-block {
    border: 1px solid #C9CED6;
    padding: 20px; 
}

.scanner-attribute {
    color: #ea3632;
}

#selection-guide-button {
    border-radius: 5%/50% !important;
}

.download-spec-codemodule {
    position: absolute; 
    bottom: 20px; 
    right: 0; 
    left: 0; 
}

#scanner-section .download-spec-button {
    border-radius: 8%/50% !important;
    padding: 2px 15px !important;
}

#print-inspection-cloud-row {
    border-radius: 30px; 
}

/* This is to keep the red down-arrows even */
.blurb-feature-module .et_pb_blurb_content {
    height: 190px;
}

/* Desktop Only */
@media only screen and (min-width: 980px) {

    .product-page-header-row {
        padding-top: 100px !important;
    }

    #print-inspection-header-image {
        min-width: 120%; 
        position: relative; 
    }

    .inspection-report-img {
        width: 50%;
        position: relative;
        top: -150px;
        text-align: center;
    }

    #print-inspection-header-image {
        top: -150px;
    }


    #print-inspection-cloud-row {
        padding: 40px 0 0 0;
    }
}

/* Mobile & Tablet */

@media only screen and (max-width: 979px) {
    .inspection-report-img {
        width: 100%;
        text-align: center;
    }

    .scanner-details-module {
        text-align: center;
    }

    .blurb-feature-block .downarrow {
        display: none;
    }
}


/* Text Inspection Page only */

/* Desktop Only */
@media only screen and (min-width: 980px) {
    #detect-text-error-img {
        width: 130%; 
        margin-top: -50px;
    }

    #compare-file-format-img {
        width: 130%;
        margin-left: -130px;
        margin-top: -195px;
    }

    #foreign-languages-text {
        margin-top: 100px;
    }

    #foreign-languages-img {
        width: 150%;
        margin-left: -50px;
        margin-top: -130px;
    }
}

/* Graphics Inspection Page only */

/* Desktop Only */
@media only screen and (min-width: 980px) {
    #detect-graphics-error-img {
        width: 130%; 
        margin-top: -100px;
    }

    #compare-file-format-img {
        width: 130%;
        margin-left: -130px;
        margin-top: -195px;
    }

    #inspect-repeats-img {
        width: 130%;
        margin-top: -120px;
    }
}

/* Barcode Inspection Page only */

/* Desktop Only */
@media only screen and (min-width: 980px) {
    #grade-all-barcodes-img {
        width: 130%; 
        margin-top: -125px;
    }

    #verify-barcodes-img {
        width: 130%;
        margin-left: -130px;
        margin-top: -165px;
    }

    #support-most-img {
        width: 130%;
        margin-top: -120px;
    }
}




/*------------------------------------*\
  ##CONTACT FORMS 
\*------------------------------------*/

.form-disclaimer {
    font-size:11px; 
    line-height:0.2;
}

a.hover-underline {
    color: #ea3632;
    text-decoration: none;
}

a.hover-underline:hover {
    text-decoration: underline;
}

.wpcf7-form input {
    width: 95%; 
    padding: 14px; 
    font-size: 14px; 
    border-radius: 3px;
}

.wpcf7-list-item.first {
    margin-left: 0; 
}

.wpcf7-form input[type="submit"] {
  width: 50%; 
  background: #ea3632;
  color: white;
  font-weight: bold;
  font-size: 16px;
  border: 2px solid #ea3632;
}

.wpcf7-form input[type="submit"]:hover{
  background: transparent;
  color: #ea3632;
  border: 2px solid #ea3632;
}

span.wpcf7-not-valid-tip {
  padding-top: 5px; 
  font-size: 0.8em;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  border-color: #ea3632;
}

div.inline-form-padding {
padding: 20px 0px 20px 20px;
}

.wpcf7-textarea {
    width: 95%; 
    height: 100px;
    padding: 14px; 
    font-size: 14px; 
    border-radius: 3px;
    resize: vertical;
}

.wpcf7-select {
    width: 95%;
    height: 50px;
    padding: 14px;
    font-size: 14px;
    border-radius: 3px;
}

/* This code is to keep the checkmark beside the subscribe to newsletter on one line */
input[type=checkbox] {
    width: auto;
    display: inline-block;
}

.business-email-warning {
    color: #ea3632; 
    font-size: 12px; 
}

/*------------------------------------*\
  ##POP-UPs 
\*------------------------------------*/

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }
  
  /* Modal Content/Box */
  .modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
  }

  .modal-content h2 {
    line-height: 1.3; 
    font-size: 26px;
    color: #ea3632;
    border-bottom: 2px solid;
    padding: 10px; 
    padding-bottom: 15px;
  }
  
  /* The Close Button */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  .modal-content {
    text-align: center;
    line-height: 1; 
}

  @media only screen and (min-width: 980px) {
    .modal-content {
        width: 30%; 
    }
  }

  @media only screen and (max-width: 979px) {
    .modal-content {
        width: 90%; 
    }
  }


/*------------------------------------*\
  ##TILES 
\*------------------------------------*/


.tile-text, .tile-link-module {
    background: #eef8f7
}
  
  
.tile-row {
   min-height: 450px;
}

.tile {
    border: 1px solid #C9CED6;
    box-shadow: 1px 1px 18px rgba(23, 23, 23, 0.17);
    border-radius: 2px; 
}

.tile:hover {
   box-shadow: 1px 1px 18px rgba(23,23,23,0.5)
}

.tile-text-mobile {
    border-top: 1px solid #C9CED6; 
    padding: 20px 20px 40px 20px;
    margin-bottom: 0 !important; 
    font-size: medium;
}

.tile-link {
    color: #4BBDB2; 
    font-weight: bold; 
    text-align: right;
}

.tile-link-module {
   position: absolute;
   bottom: 5px;
   right: 15px;
}

.tile-img {
    padding: 30px;
    position: relative; 
}
  
.tile-text {
    border-top: 1px solid #C9CED6; 
    padding: 20px;
    text-align: center;
}
  
  
@media only screen and ( min-width: 980px ) {
    .tile-text {
        position: absolute;
        bottom: 0;
        height: 40%;
        margin-bottom: 0 !important; 
        line-height: 1.3; 
        font-size: 16px;
    }
}
  
@media only screen and ( max-width: 979px ) {
    .tile-text {
        width: 100%;
        margin-bottom: 0 !important;
        padding-bottom: 40px; 
    }
}

/*------------------------------------*\
  ##ACCORDIONS 
\*------------------------------------*/
.accordion img {
    float: right;
    width: 15px; 
    height:10px; 
    transition-property: all;
    transition-duration: 250ms;
    transition-timing-function: ease;
    position: relative;
    top: 10px;
}

.accordion {
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

.panel {
    padding: 0 20px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel p {
    padding-bottom: 20px !important; 
}

.faq-row .et_pb_code {
    margin-bottom: 0 !important; 
}

/* Hide red arrows on mobile */

@media screen and (max-width: 980px) {
    .accordion .wp-image-28681 {
      display: none;
    }
}

/*------------------------------------*\
  ##SLIDERS 
\*------------------------------------*/

.slider-customer-quote {
    font-weight: bold;
    line-height: 1.2; 
    color: #ffffff;
    }

@media screen and (min-width: 981px) {
  .slider-customer-quote {
    font-size: 45px;
    }
}

@media screen and (max-width: 980px) {
      .slider-customer-quote-credit img {
    display: none !important;
    } 
}
  

.slider-customer-quote blockquote {
    padding-left: 40px;
    border-left: 10px solid #ea3632;
}

.slider-customer-quote-credit {
    color: #ffffff;
}

.slider-customer-quote-credit img {
    float: left; 
    margin-right: 20px; 
    max-width: 7% !important;
    vertical-align: middle; 
}

/*------------------------------------*\
  ##PRICING PAGE 
\*------------------------------------*/

.price-block-features {
    list-style-type: none !important; 
 }
 
 .price-block-features li:before {
     content: "✓";
     color: #6ddae2;
     margin-left: -20px;
     margin-right: 10px;
 }
 
 .pricing-box-icon {
    max-width: 15%;
}

 @media only screen and (min-width: 980px) {
     .pricing-box-icon {
         float: left;
     }
     
     .pricing-box-description {
         width: 60%;
         line-height: 1.2;
         font-size: small;
         height: 50px;
     }
     
     .pricing-box-inspection-type {
         font-size: large;
     }
 }

 @media only screen and (min-width: 980px) and (max-width: 1026px) {
    .pricing-box-description {
        height: 75px;
    }
}

 
 @media only screen and (max-width: 1549px) {
     .pricing-box-inspection-type {
         font-size: large;
     }
 }
 
 @media only screen and (min-width: 980px) and (max-width: 1034px) {
     .pricing-box-inspection-type {
         font-size: medium;
     }
     
     
 }
 
 @media only screen and (min-width: 980px) {
     .pricing-box-type-and-desc, .pricing-box-description {
         padding-left: 10px; 
         padding-bottom: 0; 
         overflow: hidden;
     }
     
     #pricing-box-color-icon { 
         float: left;
     }
 }
 
 .add-on {
     pointer-events: none;
 }
 
 .add-on:hover {
     background: #ea3632;
 }
 
 .pricing-block {
     border: 1px solid #393b3f; 
     border-radius: 2px; 
     box-shadow: 1px 1px 18px rgba(23,23,23,0.1);
     padding: 20px;
 }
 
 .pricing-block:hover {
     box-shadow: 1px 1px 18px rgba(23,23,23,0.25);
 }
 
 #apps-pricing-table {
     border: none; 
     margin: 0 auto;
  }
  #apps-pricing-table td {
     border: none; 
     padding: 5px; 
  }
  
  @media only screen and (min-width: 980px) and (max-width: 1035px) {
      #apps-pricing-table td p {
         font-size: small; 
      }
 }

 @media only screen and (max-width: 980px) {
    #apps-pricing-table td p {
        font-size: large !important; 
    }

    .plans-app-table-label {
        text-align: center;
    }

    .pricing-box-description-module {
        text-align: center;
    }
 }

 .plans-app-table-icon {
    float: left; 
    max-width: 22%; 
    margin-right: 10px;
}

.plans-app-table-label {
    font-weight: bold; 
    overflow: hidden;
}

@media only screen and (max-width: 980px) {
    .pricing-box-type-and-desc {
        text-align: center; 
    }
   
   #compliance-block-title {
     text-align: center;
   }
   
   .plans-app-table-icon {
     text-align: center; 
   }
   
   .plans-app-table-icon {
     float: none; 
     margin-right: 0; 
   }
   
   #apps-pricing-table td {
     text-align: center; 
   }

}

 .price-block-features li {
   font-size: 16px; 
 }
 
 .price-block-features li::before {
       margin-right: 8px !important; 
 }
 
 .price-block-feature-desc {
   font-size: 14px; 
 }
 
 @media only screen and (min-width: 980px) {
   .pricing-cta-button {
     margin-bottom: 20px; 
   }
 }
 
 #color-inspection-icon {
       position: absolute; 
   top: 0; 
   right: 0;
   max-width: 15%;
 }
 
 .add-on {
       background: #EA3632; 
   color: white; 
   padding: 2px 8px; 
   border-radius: 5px;
   font-size: 14px; 
   font-weight: bold; 
   text-align: center; 
   margin: 0 auto 10px auto; 
     max-width: 100px; 
 }
 
 #color-inspection-icon-mobile {
       max-width: 15%;
 }



/*------------------------------------*\
  ##WEBINAR PAGE 
\*------------------------------------*/

.featured-webinar {
    font-weight: bold;
	color: #ea3632;
}

  /* Hover effect for icon and text on video preview image */
.box {
  height: 410px;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.box img {
  /*position: absolute;*/
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.box .overbox {
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  height: 100%;
	width: 100%;
  padding: 180px 0px;
}
.box:hover .overbox { opacity: 1; }
.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}
.box .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}
.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.box:hover h4 {
  display: none;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}
.icon-links-title {
    text-transform: uppercase;
    font-size: 42px;
    text-align: center;
    margin-top: -30px !important;
}
@media (max-width: 1285px) {
	.box {
    height: 274px;
    position: relative;
    overflow: hidden;
    width: 265px;
    }
}

/*------------------------------------*\
  ##WHY GV PAGE 
\*------------------------------------*/

.why-gv-feature-blurb {
    background: linear-gradient(black, #393b3f); 
    padding: 20px; 
    min-height: 250px; 
}

#why-gv-watch-video-button:hover {
    cursor: pointer; 
}

.why-gv-inspection-blurb img {
    border: 1px solid #ea3632; 
    border-radius: 5px; 
    height: 105px; 
    width: 105px; 
}

.why-gv-inspection-blurb img:hover {
    background: #ea3632;
}

.difference-examples-row img {
    height: 100px; 
}

/*------------------------------------*\
  ##CUSTOMER PAGE   
\*------------------------------------*/

.customer-page-logo-grid {
    margin: auto !important;
}
  
#autumn-logo img {
    max-width: 90%; 
}
  
#autumn-logo img {
    max-width: 90%; 
}
  
#actavis-logo img {
    max-width: 85%; 
}
  
#amherst-logo img {
    max-width: 75%; 
}
  
#merz-logo img {
    max-width: 70%; 
}
  
#guerbet-logo img, #rondopak-logo img {
    max-width: 60%; 
}
  
#sealedair-logo img {
    max-width: 25%; 
}
  
  
@media only screen and ( max-width: 1025px ) {
    #customer-story-blocks-last-row {
      min-height: 500px;
    }
}

/* Styles for the individual story pages: */

.customer-story-title {
    text-align: center; 
    line-height: 1.3;
    font-size: 32px;
}

.customer-story-subtitle {
    line-height: 1.3;
    font-size: 24px; 
}
  
.customer-story-side-panel-blurb {
    padding: 25px; 
    background: #F9F9F9
}
  
#download-button {
    text-align: center;
}
  
.read-later {
	text-align: center; 
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 20px; 
}

.inline-story-img {
    float: right; 
    padding: 15px; 
}

#story-highlight {
    border-top: 1px solid darkgray; 
    border-bottom: 1px solid darkgray; 
    width: 70%; 
    margin: 25px auto;
}

#story-highlight p {
    font-size: x-large; 
    color: #ea3632; 
    padding: 25px; 
    text-align: center; 
    font-weight: bold;
}


/*------------------------------------*\
  ##ESKO PAGE   
\*------------------------------------*/
.esko-icons {
	vertical-align: middle;
	width: 100px;
	padding-right: 5px;
}

.esko-blurb p{
	text-align: center;
	line-height: 1.5em;
}

.esko-second-blurb{
	text-align: center;
	line-height: 1.5em;
	padding-top:8px;
}

.esko-section-title {
	padding-bottom: 40px;
}

.esko-slider p{
	color: #393b3f; 
    padding-left: 5%; 
    text-align: left;
	text-shadow: none;
}

/*------------------------------------*\
  ##CAREERS PAGE   
\*------------------------------------*/

#perks-table {
    border: 3px solid #6ddae2;
}
  
#perks-table h3 {
    font-weight: bold;
}
  
.office-perk-image img {
 height: 80px;
}
  
#guy-on-scooter-img {
    margin-top: -305px;
    margin-right: 0;
    text-align: right; 
}
   
#guy-on-scooter-img img {
   right: -125px;
}
  
#outer-frame {
    border: 3px solid #6DDAE2; 
    float: left; 
    margin-right: 75px;
}

#inner-employee-photo {
    position: relative; 
    left: 30px; 
    bottom: 30px;
}
  
#employee-name-title {
    font-size: 24px; 
}

.align-center {
    text-align: center;
}

.employee-quote {
    font-size: 18pt; 
    line-height: 1.5em;
}

#header-button {
    margin-top: 30px;
    white-space: nowrap;
}

#header-button:hover {
    cursor: pointer;
}

@media only screen and (max-width: 980px) {
    .office-perk-image {
        padding: 4%;
    }
}

@media only screen and (min-width: 981px) {
    .office-perk-image {
    padding: 17%;
    }
}


/*------------------------------------*\
  ##DOWNLOAD PAGE STYLES 
\*------------------------------------*/

.version-number {
    font-size: 28px;
}

.download-img {
    border: 2px solid transparent;
}

.download-img:hover {
    border: 2px solid #ea3632;
    border-radius: 12px;  
}

.download-documentation {
border: solid 1px #F2F2F2; 
padding: 10px; 
display: flex; 
align-items: center; 
justify-content: center; 
border-radius: 4px;
}

.download-documentation:hover {
    background-color: #f2f2f2;
}

.download-documentation span {
  margin-left: 10px;
}

.download-documentation img {
    float: left;
}

/*------------------------------------*\
  ##PARTNER PAGE STYLES 
\*------------------------------------*/

.custom-select select {
    display: none; /*hide original SELECT element: */
}
  
.select-selected {
    background-color: #F4F4F4;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 53px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #ea3632 transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #ea3632 transparent;
    top: 43px;
}

.select-items div,.select-selected {
    color: #393B3F;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

.select-items {
    position: absolute;
    background-color: #F4F4F4;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.missing-content {
    display: none;
}

@media screen and (min-width: 981px) {
    .missing-logo {
        width: 70% !important;
        position: relative;
        top: -15px;
    }
}

@media screen and (max-width: 980px) {
    .missing-logo {
        width: 35% !important;
        position: relative;
        top: -20px;
    }
}


.reseller-button:hover {
    cursor: pointer; 
}
     
.img-block {
    text-align: center;
}

.partner-table .subheader, .partner-table .subheader {
    background: #f2f2f2;
}

.partner-table td, .partner-table th {
    text-align: center;
}

.partner-table th {
    text-transform: uppercase;
    background: black;
    color: white !important;
    font-size: 16px;
    padding: 5px !important;
}

.partner-table td {
    font-size: 14px; 
    padding: 3px !important;
}

.featured-partner-blurb .et_pb_main_blurb_image {
    height: 100px;
    margin: 0; 
}

.reset-filter {
    color: #ea3632; 
}

.reset-filter:hover {
    cursor: pointer; 
    text-decoration: underline; 
}

.reseller-button:disabled {
    background: #C9CED6 !important; 
    border: 2px solid#C9CED6 !important; 
    pointer-events: none; 
}

/* DESKTOP */
@media screen and (min-width: 981px) {
    #become-partner-button {
        margin-right: 30px; 
    }

    .partner-description {
        height: 300px !important;
        font-size: 16px; 
    }
}

/* MOBILE & TABLET */
@media screen and (max-width: 980px) {
    #become-partner-button {
        margin-bottom: 20px; 
    }
}

@media screen and (min-width: 981px) and (max-width: 1080px) {
    .featured-partner-blurb .partner-blurb-description {
        height: 180px; 
    }
}
    
@media screen and (min-width: 1081px) {
    .featured-partner-blurb .partner-blurb-description {
        height: 160px; 
    }
}
    
    
@media screen and (max-width: 1100px) {
    .mobile-table {
        display: table;
    }
    
    .desktop-table {
        display: none;
    }
}
    
@media screen and (min-width: 1101px) {
    .mobile-table {
        display: none;
    }
    
    .desktop-table {
    display: table;
    }
}

#digiprint-logo {
    background: linear-gradient(180deg, #01a1dd 0%, #00beff 100%);
	}

@media screen and (max-width: 767px) {  
    .missing-logo, #crest-logo {
        width: 70% !important;
    }

    #shinkwang-logo, #hemetek-logo,
    #loftware-logo, #fourtablet-logo, #appleby-logo, #beijing-transwest-logo,
    #printexcol-logo, #ispv-logo, #prooftech-logo, #dc-graficki-logo, #visistem-logo, 
    #amagoo-logo, #emphor-logo, #phoenix-logo, #farb-logo, #intermarket-logo {
        width: 65%;
    }
  
    #grafisoft-logo, #four-pees-logo {
        width: 60%;
    }

    #iam-logo, #oceantech-logo, #esko-logo, #perigord-logo, #veeva-logo, #ais-logo, #zincode-logo {
        width: 40%;
    }

    #aiwe-logo, #dsl-logo {
        width: 35%;
    }

    #unitech-logo {
        width: 30%;
    }

    #digiprint-logo {
        width: 25%;
    }
	
	#blg-logo {
        width: 22%;
    }
}


@media screen and (min-width: 768px) and (max-width: 980px) {
    #shinkwang-logo, #hemetek-logo, #crest-logo, #gbv-logo,
    #loftware-logo, #fourtablet-logo, #appleby-logo, #beijing-transwest-logo,
    #printexcol-logo, #four-pees-logo, #ispv-logo, #prooftech-logo {
        width: 50%;
    }

    #grafisoft-logo, #esko-logo, #perigord-logo, #veeva-logo, #intermarket-logo {
        width: 40%;
    }

    #aiwe-logo {
        width: 35%;
    }

    #dc-graficki-logo, #visistem-logo, #amagoo-logo, #emphor-logo, #phoenix-logo, #farb-logo {
        width: 30%;
    }

    #iam-logo, #oceantech-logo, #ais-logo, #dsl-logo, #unitech-logo, #zincode-logo, #blg-logo {
        width: 20%;
    }
}


@media screen and (min-width: 981px) {
    #grafisoft-logo {
        width: 80%;
    }

    #shinkwang-logo, #hemetek-logo, #crest-logo, #gbv-logo,
    #loftware-logo, #fourtablet-logo, #appleby-logo, #beijing-transwest-logo, #emphor-logo,
    #printexcol-logo, #four-pees-logo, #ispv-logo, #prooftech-logo, #intermarket-logo {
        width: 70%;
    }

    #aiwe-logo {
        width: 65%;
    }

    #dc-graficki-logo, #visistem-logo, #amagoo-logo, #phoenix-logo {
        width: 60%;
    }

    #iam-logo, #oceantech-logo, #farb-logo {
        width: 50%;
    }

    #esko-logo, #perigord-logo, #veeva-logo, #zincode-logo {
        width: 40%; 
    }

    #ais-logo, #dsl-logo, #unitech-logo  {
        width: 30%; 
    }
	
	#blg-logo {
        width: 22%;
    }

    #dsl-logo, #digiprint-logo, #intermarket-logo, #phoenix-logo, #unitech-logo, #zincode-logo, #crest-logo, #farb-logo {
        position: relative;
    }

    #dsl-logo, #phoenix-logo {
        top: -20px;
    }

    #farb-logo {
        top: -15px;
    }

    #digiprint-logo, #intermarket-logo, #unitech-logo, #zincode-logo, #crest-logo {
        top: -10px; 
    }
}




/*------------------------------------*\
  ##ACG PAGE STYLES 
\*------------------------------------*/


.acg-section-standard-row-spacing {
    padding-top: 5%; 
}

.acg-highlighted-section {
  color: #ea3632;
  line-height: 1.6em;
  padding: 0 0 0 30px;
  vertical-align: middle;
}

.acg-divider hr {
  margin-bottom: 30px;
}

.acg-indent-text {
  padding-left: 1em;
}

.acg-indent-title {
  padding-left: 2em;
}

.acg-text-highlight {
  color:#ea3632;
}

/*------------------------------------*\
  ##DIGITAL INSP PAGE STYLES 
\*------------------------------------*/

.swap-button-mobile {
    border: 1px solid #f2f2f2;
    padding: 30px 15px;
    border-left-color: #ea3632;
    border-left-width: thick;
  }
  
  .swap-button-mobile .swap-button-title {
    font-size: 18px;
  }
  
  .swap-button-mobile p {
  	font-size: medium;
    line-height: 1.5;
  }
  
  .swap-button-mobile img {
    vertical-align: middle;
  }
  
  .swap-button {
    border: 1px solid #f2f2f2;
    padding: 30px 15px;
    border-left-color: #ea3632;
    border-left-width: thick;
  }
  
  .swap-button p {
  	font-size: medium;
    line-height: 1.5;
  }
  
  .inspection-type {
    font-size: xx-large !important;
    font-weight: bold;
	}
  
  .swap-button img {
    vertical-align: middle;
  }
  
  .swap-button-feature {
    padding-bottom: 10px;
  }
  
  .swap-button-title {
    font-size: 20px;
    vertical-align: middle;
    font-weight: bold;
  }
  
	.inspection-report-feature {
    padding-bottom: 20px; 
    font-weight: bold;
  }
  
  .inspection-report-feature img {
    vertical-align: middle;
  }
  
  @media screen and (min-width: 980px) {
    #digital-inspection-header-image, #digital-inspection-video-launcher {
      width: 130%; 
    }
  }

/*------------------------------------*\
  ##GV VS EYEC PAGE STYLES 
\*------------------------------------*/

.comparison-table-row {
    padding: 20px;  
  }
  
  .comparison-table-row.gray-row {
    background: #f2f2f2; 
  }
  
  .comparison-table-data {
    font-size: 14px; 
  }
  
  .comparison-table-feature {
    text-align: center;
  	text-transform: uppercase;
  }
  
  .company-name {
    font-style: italic; 
  }

/*------------------------------------*\
  ##INDUSTRY PAGE STYLES
\*------------------------------------*/

/* Consumer Goods */

.blog-post-title {
    color: #6ddae2; 
    font-size: 16px;
    font-weight: bold;
    padding: 0; 
}

.blog-post-link {
  padding: 0;
}

.blog-post-link a {
  color: #393b3f !important; 
  font-weight: bold;
}

.blog-post-blurb {  
    font-size: 16px; 
}

.blog-post-image {
    border: 1px solid transparent; 
}

.blog-post-image:hover {
    border-color: #ea3632; 
}

.customer-quote {
    padding: 15px;
}

.customer-quote img{
    max-width: 25%; 
}

.customer-quote-column {
    background: white;
    margin-right: -25px !important;
    margin-top: 10px !important; 
}

.customer-quote-image-column {
    position: relative !important; 
    z-index: 0 !important; 
}

.customer-quote .hover-underline {
    font-size: 14px;
}

.consumer-goods-links {
    color: #393b3f; 
    text-decoration: underline; 
    font-weight: bold;
}

.middle-align-blurb h4 {
    padding-bottom: 0; 
}

.middle-align-blurb .et_pb_blurb_container {
    vertical-align: middle !important;
}

.solutions-bottom-links {
    color: #393b3f; 
    text-decoration: underline; 
    font-weight: bold;
}

.solutions-bottom-links img {
    vertical-align: middle; 
    margin-right: 10px; 
}

/* Pharmaceutical */

.blog-post-title {
    color: #6ddae2; 
    font-size: 16px;
    font-weight: bold;
      padding: 0; 
}

.blog-post-link {
  padding: 0;
}

.blog-post-link a {
  color: #393b3f !important; 
  font-weight: bold;
}

.blog-post-blurb {
    font-size: 16px; 
}

.blog-post-image {
    border: 1px solid transparent; 
}

.blog-post-image:hover {
    border-color: #ea3632; 
}

.customer-quote {
    padding: 15px;
}

.customer-quote img{
    max-width: 25%; 
}

.customer-quote-column {
    background: white;
    margin-right: -25px !important;
    margin-top: 10px !important; 
}

.customer-quote-image-column {
    position: relative !important; 
    z-index: 0 !important; 
}

.customer-quote .hover-underline {
    font-size: 14px;
}

.solutions-bottom-links {
    color: #393b3f; 
    text-decoration: underline; 
    font-weight: bold;
}

.solutions-bottom-links img {
    vertical-align: middle; 
    margin-right: 10px; 
}

.inspection-type-blurb h4 {
    padding-bottom: 0; 
}

.inspection-type-blurb .et_pb_blurb_container {
    vertical-align: middle !important;
}

.inspection-type-block-outer {
    display: inline-block;
    border: 1px solid #C9CED6;
    border-radius: 5px;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer; 
}

.inspection-type-block-inner {
    display: flex;
    align-items: center;
    padding: 4px;
}

.inspection-type-block-inner img {
    margin-right: 5px; 
}

.inspection-type-block-inner {
    color: #393b3f !important; 
}

/* Printing Industry */

.blog-post-title {
    color: #6ddae2; 
    font-size: 16px;
    font-weight: bold;
    padding: 0; 
}

.blog-post-link {
  padding: 0;
}

.blog-post-link a {
  color: #393b3f !important; 
  font-weight: bold;
}

.blog-post-blurb {
    font-size: 16px; 
}

.blog-post-image {
    border: 1px solid transparent; 
}

.blog-post-image:hover {
    border-color: #ea3632; 
}

.customer-quote {
    padding: 15px;
}

.customer-quote img{
    max-width: 25%; 
}

.customer-quote-column {
    background: white;
    margin-right: -25px !important;
    margin-top: 10px !important; 
}

.customer-quote-image-column {
    position: relative !important; 
    z-index: 0 !important; 
}

.customer-quote .hover-underline {
    font-size: 14px;
}

.consumer-goods-links {
    color: #393b3f; 
    text-decoration: underline; 
    font-weight: bold;
}

.middle-align-blurb h4 {
    padding-bottom: 0; 
}

.middle-align-blurb .et_pb_blurb_container {
    vertical-align: middle !important;
}

.solutions-bottom-links {
    color: #393b3f; 
    text-decoration: underline; 
    font-weight: bold;
}

.solutions-bottom-links img {
    vertical-align: middle; 
    margin-right: 10px; 
}

/*------------------------------------*\
  ##COMPLIANCE PAGE STYLES
\*------------------------------------*/

#compliance {
    font-weight: bold; 
}

#nested-list {
  padding-bottom: 0; 
}

.data-security-section {
  display: none;
}

#compliance-button {
      font-weight: bold; 
}

/*------------------------------------*\
  ##NEWS POSTS
\*------------------------------------*/

.news-article-title {
    font-size: 38px; 
    line-height: 1.3em;
}

.et_pb_post .section-custom-nav {
    top: -80px !important;
  }

/*------------------------------------*\
  ##ReCAPTCHA
\*------------------------------------*/

.grecaptcha-badge {
    display: none;
}