/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
:root{

	--content-margin: 4rem;
	--max-content-width: 1920px;
	--max-inner-width:1400px;
	--base-margin-horizontal: 64px;
	--base-margin-vertical: 80px;
	--dark-blue: rgb(15, 27, 51);
	--light-blue: #35699B;
	--light-gray-title-color: rgb(207, 213, 234);
	--light-gray-back: rgb(246, 248, 251);
	--blue-title-color: rgb(53, 105, 155);
	--middle-blue-title: rgb(143, 162, 200);
	--light-blue-back: rgb(28, 44, 76);
	--middle-gray-color: rgb(91, 100, 114);
	--gold-color: rgb(198, 161, 91);
}
.logo,.logo a h3{
	color:white;
	font-style: bold;
}
.page-headline.subheader_included.-left{
	display: none;
}
#masthead .page-container{
	padding-left:var(--base-margin-horizontal);
	padding-right:var(--base-margin-horizontal);
}
.sticky-nav-holder{
	display:none;
}
.flex-div{
	display:flex;
	align-items: center;
}

.view-all{
	margin-left: auto;
	float:right;
	color:white !important;
}
.single-team-member{
	background: rgb(15, 27, 51);
}
.header-background-img{
	height: 500px;
	position: relative;
	width: 100vw;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}
.left-image-holder .wpb_single_image{
	text-align: left !important;
}
.left-image-holder .vc_column-inner{
	padding-left:0 !important;
}
.max-width-row{
	max-width: var(--max-content-width);
}
.wwa-row{
	display:flex;
	gap:40px;
	justify-content:space-between;
	margin-top:30px;
}
.wwa-row-item{
	padding:15px 15px;
	max-width:40%;
	border-top: 2px solid rgb(53, 105, 155);
}
.wwa-item-title{
	font-size:20px;
	font-weight:500;
	margin-bottom:25px;
}
.im-linear-background, .im-dark-background{
	position: absolute; 
	inset: 0px; 
	opacity: 0.7;
}
.im-linear-background{
	background: repeating-linear-gradient(135deg, rgb(22, 35, 63) 0px, rgb(22, 35, 63) 18px, rgb(26, 42, 74) 18px, rgb(26, 42, 74) 36px);
	padding-top:50px;
}
.im-dark-background{
	background: rgb(15, 27, 51);
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}
.im-excerpt{
	color:white !important;
	max-width: 50%;
}
img.background-image{
	bottom:0;
	position: absolute;
	width: 100vw;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}
.inside{
	margin-left:var(--base-margin-horizontal);
	margin-right:var(--base-margin-horizontal);
	position: absolute;
	top:50%;
	transform: translateY(-50%);
}
.inside .header-title-holder h1{
	font-size: clamp(3.05rem, calc(2.8vw + 0.25rem), var(--clb-titles-h1-font-size));
}
.im-h1-parts{
	display: block;
}
.inside .header-title-holder h1{
	color:white !important;
	margin-bottom:25px;
}
.inside .slug-holder{
	color: var(--gold-color) !important;
}
 
.left{
	z-index:900 !important;
}
#menu-primary{
	width:100%;
	text-align:center;
}
#menu-primary li:last-child{
	color:white;
	height:60%;
	align-self:center;
	margin-right:10px;
	float:right;
	border: 1px solid var(--gold-color);
	margin-left:50px;
}
#menu-primary li:last-child a{
	color:white;
	font-weight: 600;
	padding:10px 15px;
}
#menu-primary li:last-child span::before{
	display:none;
}
#masthead, .site-footer-copyright .page-container{
	max-width: var(--max-content-width);
	margin-left: auto;
	margin-right: auto;
}
.header:not(.header-sidebar):not(.header-8){
	border-bottom:none;
}

.header-wrap.page-container{
    margin-left:0px;
    margin-right:0px;
    width:100%;
}
header .page-container:not(.-full-w){
    max-width:unset;
}
.author-container, #vc_load-inline-editor{
    display:none;
}
.light-gray-title, .talent-solutions-excerpt, .benefit-counter, .benefit-desc, .im-benefit-item.last-item{
	color: var(--light-gray-title-color);
}
.gold-text{
	color: var(--gold-color) !important;
}
.dark-text{
	color:var(--dark-blue) !important;
}
.benefit-desc{
	max-width: 90%;
}
.middle-gray-text {
	color:var(--middle-gray-color) !important;
}
.upper-line{
	width:28px;
	height:2px;
	background-color: var(--dark-blue);
}
.im-benefit-grid-holder{
	display:flex;
	gap:0px;
	width:100%;
}
.im-benefit-item{
	padding:30px 30px;
    border:1px solid gray;
}
.im-benefit-item h2{
	color:white !important;
}
.im-benefit-item.last-item{
	background-color: var(--light-blue);
}
.benefit-title{
	font-weight: 600;
	color:white;
	margin:20px 0px;
}

.before-footer{
	height:500px;
	width:100%;
	background-image:url('/wp-content/uploads/2026/08/footer-img.jpg'); 
	background-size:cover;
	background-position:center;
	display:flex;
	flex-direction:column;
	gap:20px; 
	color:white;
	position: relative;
	z-index: 0;
	justify-content: center;
	border-bottom: 1px solid var(--gold-color);
}
#footer-cover{
	position:absolute;
	width: 100%;
	height: 100%;
	background-color: var(--dark-blue);
	opacity: 0.9;
	top:0;
	left:0;
	z-index: -1;
}
.before-footer::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}
.view-all::after{
	content:" →";
}

.before-footer h2{
	color:white;
}

.contact-btn{
    padding:10px 15px;
    background-color: var(--light-blue);
    color:white;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-weight: bold;
    border:none;
}
.footer-p{
	color:var(--middle-blue-title);
}
.contact-btn a{
	width:100%;
	height:100%;
}
.second-footer-holder{
	background-color: var(--dark-blue);
	max-width: var(--max-content-width);
	padding-left:64px;
	padding-right:64px;
}
.footer-contact-block{
	padding-left:64px;
	width:60%;
	z-index:1;
}
.second-footer-row{
	display: flex;
	justify-content: space-between;
}
.footer-menu-list{
	list-style-type: none;
}	
.footer-menu-list a{
	color:var(--light-gray-title-color) !important;
}
.gray-title, .footer-p, .footer-p a{
	color: var(--light-gray-title-color) !important;
}
.blue-title{
	color:var(--blue-title-color);
	margin-bottom:25px;
}
.white-mid-title{
	font-size: 1.2rem;
	color:white;
}
.footer-p-box{
	color: var(--light-gray-title-color);
	width:100%;
	border: 1px solid gray;
}
.second-footer-items{
	max-width:25%;
}
ul.footer-menu-list{
	padding-left:0px !important;
}
.linkedin-logo{
	padding: 5px 5px;
	background-color:var(--light-blue);
	border-radius:2px;
	color:white;
	display:inline;
}
.linkedin-logo a{
	padding:5px 5px;
}
#linkedin-link{
	color:white !important;
}
.right-footer-menu{
	float:right;
}
#menu-footer-nav-menu, #menu-footer-nav-menu-en{
	display:flex;
	gap:15px;
	float:right;
}
#menu-footer-nav-menu li, #menu-footer-nav-menu-en li {
	list-style-type:none;
	font-weight:bold;
}
.site-footer-copyright {
	background-color: var(--dark-blue);
	color: var(--light-gray-title-color);
}

#menu-mainnav{
	display:flex;
	gap:20px;
	font-weight:bold;
	float:right;
}

.map-locations ul{
    display:flex;
    gap:30px;
}

.page-container.bottom-offset, .post-page-container{
	max-width:var(--max-content-width) !important;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}
#colophon{
	max-width:var(--max-content-width);
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.gray-back-box{
	background-color:var(--light-gray-back);
	padding:15px 10px;
}
.gray-back{
	background-color:var(--light-gray-back);
}
.blue-back-grid-holder{
	background-color: var(--dark-blue);
	padding-top:88px;
	padding-bottom:88px;
	}
.blue-back-row-p{
	color:white !important;
}
.top-margin{
	margin-top:25px;
}
.row-to-hid{
	display: none;
}
.row-with-half-vertical-margin{
	margin-bottom:calc(var(--base-margin-horizontal)/2) !important;
}
.row-with-half-vertical-margin-upper{
	margin-top:calc(var(--base-margin-horizontal)/2) !important;
}
.row-with-base-margin{
	margin-left: var(--base-margin-horizontal) !important;
    margin-right:  var(--base-margin-horizontal) !important;
}
.row-with-vertical-margin{
	margin-bottom:var(--base-margin-vertical);
}
.row-with-vertical-margin-both{
	margin-bottom:var(--base-margin-vertical);
	margin-top:var(--base-margin-vertical);
}
.team-member-contact{
	width:100%;
	background: var(--light-gray-back);
	display: flex;
	flex-direction: column;
	gap:30px;
	padding:30px;
	margin-top:40px;
}
.team-member-cat-holder{
	display: flex;
	flex-wrap: wrap;
	gap:20px;
}
.team-member-cat{
	background-color: var(--light-gray-back);
	color: var(--middle-blue-title);
	padding:5px 5px;
}
span.team-member-language ~ span.team-member-language::before {
    content: "•";
    margin: 0 8px;
}
.contact-first div, .contact-second div{
	margin-bottom:15px;
}
.contact-second div{
	border-top: 1px solid gray;
}
.little-section{
	margin-bottom:25px;
}
.single-team-member-row{
	display:flex;
	gap:80px;
}
.team-member-image img{
	margin-top:-50%;
	box-shadow: 0px 20px 20px 0 rgba(0,0,0,0.5);
}
.single-team-member-right-side{
	width:60%;
}
.solution-line span, .industry-line span{
	border: 1px solid gray;
	padding: 10px 15px;
	font-weight:600;
	margin-right:10px;
}
.industry-line span{
	background-color: var(--light-gray-back);
	color: var(--middle-blue-title);
}
.location-grid-img{
	width:400px;
}
.other-location-country{
	color:var(--gold-color);
	font-weight:600;
	text-transform: uppercase;
	margin-left:15px;
}
.other-location-item .vc_gitem-row-position-middle .vc_gitem-col{
	padding-bottom:0 !important;
}
.other-location-item .vc_gitem-row-position-middle{
	top:80% !important;
}
.vc_gitem-post-data.other-location-title{
	font-size:1.5em;
	font-weight:600;
	color:white;
	margin-left:15px;
	margin-bottom:0;
}
.other-location-title .vc_gitem-link::after{
	content:" →";
	margin-right:15px;
	float:right;
}
/* Single industry team members grid*/

.industry-team-member{
	background: var(--light-blue-back);
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.industry-team-member-title{
	margin-top:25px;
	margin-bottom: 0;
}
.industry-team-member-image-holder{
	padding:0 !important;
	width:100%;
}
.industry-wwa-row{
    display:flex;
    justify-content:space-between;
    gap:30px;
	margin-bottom:15px;
}
.industry-wwa-row-item{
    width:33.33%;
    line-height:1.5em;
    background: white;
    padding: 15px 25px;
    border:1px solid gray;
}
.industry-team-member-image-holder figure{
	max-height: 400px;
}
.industry-team-member-image-holder .wpb_single_image{
	margin-bottom:0 !important;
}
.industry-team-member-category{}
.industry-team-member .vc_gitem_row{
    position:relative !important;
    padding:0 30px;
	transform:unset !important;
}
.industry-team-member .vc_gitem-col{
	padding-top:0;
}
.industry-team-member .vc_gitem-zone-mini{
    padding:0;
}
.industry-team-member .vc_gitem-row-position-top{
	padding:0;
}
.industry-team-member::before{
	padding-top:0 !important;
}
.industry-line{
	display:flex;
	flex-wrap: wrap;
}
.industry-line span{
	margin-bottom:15px;
}
details{
background: white;
padding: 20px 20px;
border: 1px solid gray;
margin-bottom:25px;

}
details summary{
	list-style:none;
	font-weight: 700;
	font-size: 1.2em;
}
details p{
	margin-top:10px;
}
.plus-symbol{
	display:inline-block;
	transition: transform 0.3s;
	transform: rotate(0deg);
	float:right;
}
.plus-symbol:hover{
	transform: rotate(45deg);
}
.view-all.team-member-location{
    color:var(--gold-color) !important;
    margin-left:0;
    float:unset;
}
.talent-category-holder{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.talent-category{
	width:33%;
	padding:5px 5px;
	border: 1px solid gray;
	display: flex;
	align-items: center;
	font-size: .85em;
	margin-bottom: 15px;
	justify-content: center;
}
.more-cat{
	margin-left: 15px;
}
@media screen and (max-width: 764px) {
	.inside .header-title-holder h1{
		font-size: clamp(6vw, calc(2.8vw + 0.25rem), var(--clb-titles-h1-font-size));
	}
	:root{
		--base-margin-horizontal: 32px;
		--base-margin-vertical: 40px;
	}
	.inside .header-title-holder h1{
		margin-bottom:10px;
	}

	.im-excerpt{
		width:100%;
		max-width: 100%;
	}
	img.background-image{
		position:relative;
	}

	.header-background-img{
		height:fit-content;
	}

	.page-headline.subheader_included.-left{
		display: none;
	}

	.footer-contact-block{
		padding-left:0;
	    margin-left:auto;
	    margin-right:auto;
	    width:60%;
	}

	.blue-back-grid-holder{
		display: block !important;
	}

	.blue-back-grid-holder.vc_row:not(.-nospace){
		margin-left:0;
		margin-right:0;
	}
	.im-benefit-grid-holder{
		display: block;
	}
	.im-benefit-item{
		width:100% !important;
		text-align: center;
	}

	.benefit-desc,
	#full-width-grid .upper-line{
		width:100% !important;
	}

	#quality-row .im-benefit-item{
		justify-content: center !important;
		text-align: center;
	}
	.map-locations ul{
		display:grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.location-grid{
		margin-left: auto;
  		margin-right: auto;
		width: 100% !important;
	}
	.location-grid figure,.location-grid .vc_single_image-wrapper, .location-grid-img img{
		width: 100% !important;
	}
	.wwa-row-item{
		max-width: 50%;
		padding-left:0;
		padding-right:0;
	}
	.single-team-member-row{
		display: block;
	}

	.team-member-image img{
		margin-top: var(--base-margin-vertical);
	}

	.single-team-member-right-side{
		width:100%;
		margin-top: var(--base-margin-vertical);
	}

	.header-background-img.single-team-member{
		height: 200px;
	}

	.header-background-img.single-team-member .page-container{
		display: none;
	}
	.contact-line{
		margin-bottom:25px;
	}
	.team-grid .vc_column-inner,
	.people-header .vc_column-inner{
		padding-left:0 !important;
		padding-right:0 !important;
	}
}
@media screen and (max-width: 1000px) {
	.industry-wwa-row{
		display:block;
		margin-bottom:0px;
	}
	.industry-wwa-row-item{
		width:100%;
		margin-bottom:15px;
	}
	.vc_grid-item.vc_clearfix.vc_col-sm-6.vc_visible-item.fadeIn.animated{
		display: block !important;
	}
	.vc_grid-item.vc_clearfix.vc_col-sm-6.vc_visible-item.fadeIn.animated{
		width:100%;
	}
}

/* Dark mode */
body.dark-scheme header li a{
	color:white;
}