/* Custom CSS LanguageWire.com. Global. Sitecore */

/* Custom styling, up to version 1.40 */
	/* Hyphens remove */
h1,h2,h3,h4,h5,h6 { word-break:keep-all;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none }

	/* Fact Items */
p a {font-weight: bold;}
.fact-large {font-size: 36px; font-weight: 900; }
.fact-medium {font-size: 28px; font-weight: 900; }
.line-padding-orange {box-shadow: 5px 0 0 #f59440, -5px 0 0 #f59440;}
.line-padding-white {box-shadow: 5px 0 0 #ffffff, -5px 0 0 #ffffff;}
.line-padding-petroleum {box-shadow: 5px 0 0 #66bfcc, -5px 0 0 #66bfcc;}
.line-padding-dark-gray {box-shadow: 5px 0 0 #333333, -5px 0 0 #333333;}
.line-padding-pomegranate {box-shadow: 5px 0 0 #eb5c6b, -5px 0 0 #eb5c6b;}

/* Responsive addons */
	/* Flex Box styling */
		/* Left box align right. Right box align left. No wrap. */
@media screen and (min-width: 681px) { 
	.flex-container {display: -webkit-flex;	display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: center; justify-content: center; }
	.flex-item-align-right {text-align: right; }
	.flex-item-align-left {text-align: left; }
	.flex-item-normal {width: 50%; padding: 0 10px 0 10px;}
	.flex-item-head-size {font-size: 32px; }
}
		/* Left box align left. Right box align left. Wrap. */
@media screen and (min-width: 441px) and (max-width: 680px) { 
	.flex-container {display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap;	flex-flow: row wrap; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: left; justify-content: left; }
	.flex-item-align-right {text-align: center; }
	.flex-item-align-left {text-align: center; }
	.flex-item-normal {width: 100%;	padding: 0 10px 0 10px;}
	.flex-item-head {order: -1; }
	.flex-item-head-size {font-size: 28px; }
}
		/* Left box align left. Right box align left. Wrap. */
@media screen and (max-width: 440px) { 
	.flex-container {display: -webkit-flex;	display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: left; justify-content: left; }
	.flex-item-align-right {text-align: center; }
	.flex-item-align-left {text-align: center; }
	.flex-item-normal {width: 100%; padding: 0 10px 0 10px;}
	.flex-item-head {order: -1; }
	.flex-item-head-size {font-size: 28px; }
}

/* Miscellaneous */
.site-content .site-header .navigation {background-color: rgba(0, 0, 0, 0.9); }
.content-block__title {font-weight: normal; }

/* Styling Footer Navigation */
.footer-nav { color: #999; font-size: 0.85rem; margin: -2rem auto -4rem auto; }
.footer-nav-container { width: 100%; margin: 0 auto 0 auto; }
.footer-nav a { color: #999; }
.footer-nav a:hover { color: #D6ECEB; text-decoration: underline;}
.footer-nav ul li { margin-left: -1.25rem; }
.footer-nav ul li::before { color: #999; }
.footer-nav-item { width:236px; padding: 0; margin: 0; text-align: center; display: inline-block; vertical-align: top; }
.footer-nav h4 { text-transform: uppercase; color: #fff; border-bottom: 1px solid #999; padding: 20px 0 6px 0; margin: 0 0 6px 0; }
.footer-nav-inner { max-width: 220px; text-align: left; margin: 0 auto 0 auto; }
@media screen and (max-width: 1000px) {
    .footer-nav { font-size: 0.85rem; }
    .footer-nav-item { width:48%; }
    .footer-nav-inner { max-width: 340px; }
}
@media screen and (max-width: 720px) {
    .footer-nav { font-size: 1rem; }
    .footer-nav-item { width:100%; }
    .footer-nav-inner { max-width: 100%; text-align: center; }
} 

/* Custom styling for version 1.50 */
.header-content {max-width:360px; text-align: left; }
.alternative-header {font-size: 2.75em; text-transform: uppercase; font-weight: 900; line-height: 1.25;}
.no-narrow { max-width: 425px; text-align: left; padding-left: 0; }
.button { padding: 15px 25px; text-transform: uppercase; font-size: 18px; }
.buttonsmall { padding: 13px 22px; text-transform: uppercase; font-size: 16px; }
#learnmore { border: 1px solid white; color: white; }
#lmsmall { border: 1px solid black; color: black; }
#lmsmallinverse { border: 1px solid white; color: white; }
#talktous { background: #F59440; color: white; }
#ttusmall { background: #F59440; color: white; }
.fact-medium { font-size: 36px; font-weight: 900; }
	/* Logo Band */
.logoband {padding: 19px 0 19px 0; text-align: center}
.logoband-image {opacity: 0.6; margin: 0 20px 0 20px; height: auto; max-width: 144px;}
	/* Segment Split */
.segment-one {max-width: 320px; margin: 0 auto;  height: 100%; float: left; padding: 30px 30px 30px 0; }
.segment-two {max-width: 290px; margin: 0 auto; height: 100%; float: left; padding: 30px 0 30px 0;}
.segment-three {max-width: 320px; margin: 0 auto; height: 100%; float: left; padding: 30px 0 30px 30px;}
.segment-link {text-transform: uppercase;} 
	/* Segment Split Mobile */
@media screen and (max-width: 960px) {
	.segment-one {max-width: 100%; margin: 0;  height: auto; float: none; padding: 30px 0 0 0; text-align: center;}
	.segment-two {max-width: 100%; margin: 0; height: auto; float: none; padding: 30px 0 0 0; text-align: center;}
	.segment-three {max-width: 100%; height: auto; margin: 0; float: none; padding: 30px 0 30px; 0; text-align: center;}
}

/* Custom styling for version 2.0 */
#welcome-cta .call-to-action-module {text-align: left;}
#welcome-cta > div > div > .background-transparrent {border-color: #fff; color: #fff;} /* Front page top CTA Get Started button */
#welcome-cta > div > div > .background-transparrent:hover {border-color: #000; color: #000; background-color: #fff;} /* Front page top CTA Get Started button */
#remove-filter > div > div > div > .column-image-container {filter: none !important;} /* Remove greyscale filter from front page three column items */
#remove-filter-add-border img {border: 1px solid #ddd;} /* Add border to the logos in the three column items. This and the following 4 stylings are also used on #development-partners and #implementation-partners */
#remove-filter-add-border .column-image-container {filter: none !important;} /* Remove greyscale filter from the three column items with logos */
#integration-connectors img {border: 1px solid #ddd;} /* Add border to the logos in the three column items. This and the following 4 stylings are also used on #development-partners and #implementation-partners */
#integration-connectors .column-image-container {filter: none !important;} /* Remove greyscale filter from the three column items with logos */
#integration-connectors .column-header-container {display:none;} /* Hide header tag from the list of logo items to reduce space after first line */
#integration-connectors .column-content {display:none;} /* Hide content tag from the list of logo items to reduce space after first line */
#integration-connectors .column-item {padding-top:0;} /* Remove top padding from the list of logo items to reduce space after first line */

#mobile-side-navigation a {border-top: 1px solid #ccc; color: #ccc; display: block; padding: 10px 15px; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease 0s;} /* Fix problems with menu items in mobile navigation */
#lw-left-align div {text-align: left;} /* General left align */
#lw-blog-narrow > div {max-width: 768px;} 
#top-services {padding: 0.125rem 0 4rem 0;} /* Technology page pull services together */
#technology-title .right-child {margin-bottom: -7px; margin-top: -48px;} /* Remove extra padding from below and above video on technology */
#feature-rich > div > div {text-align: left;} /* */
#feature-rich > div > div > table > tbody > tr > td {padding: 0 32px 8px 0;} /* */
#top-services > div > div > div > a {color: #fff;} /* Make text white on viridian background */
#top-services > div > div > div > a > div > div > i {color: #fff;} /* Make icons white on viridian background */
.logoband-effect { filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */ } /* Remove colour from logos on logo band */
.logoband-effect:hover {-webkit-filter: none; filter: none; opacity:1;}
.background-dark-viridian p {color: #fff;} /* Make text inside dark viridian background white */
.background-pomegranate p {color: #fff;} /* Make text inside dark viridian background white */
.background-pomegranate h1 {color: #fff;} /* Make text inside dark viridian background white */
#plans > .bounce-element {color: #777;} /* Tone down arrow down on plans page */
.call-to-action-module > div > a.background-no-background::after { content: "  ›"; } /* Insert › after buttons without frame */
.call-to-action-module { max-width: 40em; } /* Make call to action modules narrow */
#take-a-tour-cta {margin-bottom: -2rem; padding-top: 4rem;} /* Position platform Take a Tour CTA */
.btn {border-radius: 0; font-size: 0.875rem !important; } /* General removal of round corners on buttons and  */
.background-dark-viridian > div > div > div > a > .white-theme {color: #fff;} /* Change white-theme content on viridian background to white */
.background-dark-viridian > div > div > div > a > .white-theme > div > i {color: #fff;} /* Change white-theme content on viridian background to white */
.split-module-container > .col-width-8 > section > .narrow-container {margin: 0; max-width: 38em; text-align: left;} /* Align split module content left when item bigger than 6 */
#language-experts > div > div > .left-child > .deck:first-of-type { padding-top: 0 !important; } /* Remove content positioning in deck */
.column-text-container > .column-text-inner-container {overflow: auto !important;} /* This and following three lines: scroll bar in people testimonials. */
.column-text-container > .column-text-inner-container::-webkit-scrollbar-track {background-color: #fff;}
.column-text-container > .column-text-inner-container::-webkit-scrollbar {width: 6px; background-color: #fff;}
.column-text-container > .column-text-inner-container::-webkit-scrollbar-thumb {background-color: #eee;}
#atftbx > p {display: none;} /* Remove 'Follow' text from follow icons */
#remove-padding > .three-column-module > div > .column-item {padding: 0 20px 0 0 !important;} /* Remove padding from three-column element. Set anchor id 'remove-padding' to activate */
.hover-border > div > .column-item:hover {background-color: #095560; opacity: 0.8;} /* Set dark background hover color on three-column element */
.anchor-nav-text-container {font-size: 1em; text-transform: uppercase;} /* Set icon navigation text size and without wrap */
.sticky-menu > div > a > div > .anchor-nav-text-container {font-size: 0.75em; text-transform: uppercase;} /* Set icon sticky sub-navigation text size */
.sticky-menu > div > a > div > .anchor-nav-icon-container > i { color: #777777; font-size: 1.5rem; line-height: 24px;} /* Set sticky navigation icon size */
.anchor-nav-icon-container > i[class^='icons8'] {font-size: 3rem; } /* Set icon navigation icon size */
.accordion-grid-header {font-size: 1em !important; text-transform: uppercase; font-weight: 500;} /* */
.accordion-grid-text-container > div > h3 > a {color: #000 !important; font-weight: 500 !important;} /* */
.accordion-grid-text-container > div > p > a {color: #1E90BF !important; font-weight: normal; white-space: nowrap; } /* */
.accordion-grid-text-container > div > p > a::after { content: "  ›"; } /* Insert › after links in accordion module */
.platform-presentation-body a::after { content: "  ›"; } /* Insert › after links in platform presentation module */
.background-white-theme {border-top: 1px solid #ccc;} /* */
h1 {font-size: 3rem; font-weight: 900; padding-bottom: 1rem; } /* */
#welcome-cta h1 {font-weight: 900;} /* Keep H1 on front page as thick */
#remove-fat-h1 h1 {font-size: 2.75rem; font-weight: 500; } /* */
.article__title {font-size: 2.5rem; text-transform: none !important; font-weight: 500 !important;} /* Remove all caps from article headings. */
h2 {font-size: 1.75rem !important; font-weight: 500 !important; padding-bottom: 1rem !important;  } /* Testing same size as blog */
.article__content h2 {font-size: 1.75rem !important; font-weight: 500 !important; padding-bottom: 1rem !important;  } /* Reduce H2 size in blog */
h3 {font-size: 1.25rem !important; font-weight: 500 !important; padding-bottom: 1rem !important; } /* */
p~h3 {margin-bottom: 0 !important;} /* No margin after H3 when followed by a paragraph */
.accordion-grid-text-container h3 {padding-bottom: 0 !important;} /* No padding after H3 in accordion module */
.block-link__title h3 {display: none !important;}
h4 {font-size: 1rem; font-weight: 500; margin-bottom: 0; } /* */
h5 {font-size: 1rem; padding-bottom: 0; font-weight: normal;} /* */
h6 {font-size: 2.5rem; font-weight: 900; padding: 0; } /* Header used in Title modules */
p {padding-bottom: 0; padding-top: 0; line-height: 1.5rem; margin-bottom: 1rem;} /* */
ul {margin-top: -0.25rem; } /* */
#whr_embed_hook ul {margin-top: 0.5rem; list-style-position: outside !important;} /* Bullit positioning on Workable element */
p + ul {list-style-position: outside !important;} /* Bullit positioning in content */
h2 + ul {list-style-position: outside !important;} /* Bullit positioning after "In short" in content */
h3 + ul {list-style-position: outside !important;} /* Bullit positioning after "In short" in content */
.mktoForm {font-family: inherit; font-size: inherit; color: inherit; width: inherit;}
.site-header__logo img {height: 30px;} /* */
.split-70 {padding: 1rem 2rem 1rem 0 !important;}  /* */
.right-child > section > .image-module {padding-left: 64px;} /* Left padding on image right in split module */
.left-child > section > .image-module {padding-right: 64px;} /* Right padding on image left in split module */
.breadcrumb > li:nth-child(3) {display: none;}
table, th, td {vertical-align: top; padding-right: 1rem; padding-bottom: 1rem;}
@media (max-width: 59.9375em) { 
    .column-content { font-size: 16px !important; }
    h1 {font-size: 2rem; font-weight: 900; padding-bottom: 1rem; }
    h6 {font-size: 2rem; font-weight: 900; padding: 0; }
}
@media (max-width: 49.9375em) { 
	.sticky-menu.site-header.top-scrolled {background-color: #fff;} /* Fix mobile navigation background */
	.sticky-menu.site-header.top-scrolled svg path {fill: #ccc;} /* Fix mobile navigation icon globe color */
	.sticky-menu.site-header.top-scrolled .header-icon-btn {border-color: #ccc;} /* Fix mobile navigation icon border color */
	.sticky-menu.site-header.top-scrolled .header-icon-btn i {color: #ccc;} /* Fix mobile navigation icon color */
	.sticky-menu.site-header.top-scrolled .header-icon-btn::before {border-color: #ccc;} /* Fix mobile navigation icon border background */
	.sticky-menu.site-header.top-scrolled .header-icon-btn::after {border-color: #ccc;} /* Fix mobile navigation icon border background */
}
@media (max-width: 30em) { 
    .column-content { font-size: 16px !important; }
    h1 {font-size: 1.5rem; font-weight: 900; padding-bottom: 1rem; }
    h6 {font-size: 1.5rem; font-weight: 900; padding: 0; }
}