/*
Theme Name: HR Strategies
*/

@import url('https://fonts.googleapis.com/css?family=Muli');

body{color:#828282;font-family:'Muli',Arial,Helvetica,sans-serif;}

a{color:#025196;}
a:hover{text-decoration:underline;}

h1{font-size:70px;line-height:70px;font-weight:normal;}
h2{font-size:30px;line-height:38px;font-weight:normal;}
h3{font-size:24px;line-height:30px;font-weight:normal;color:#025196;}

blockquote, blockquote p{margin:1em;}

strong{font-weight:700;}

hr{}

.hide{display:none;}

.entry-content ul, .entry-content ol{margin:1em 2em;padding:0;}
.entry-content ul li{padding: 2px 0 3px 0;margin:0 0 0 1px;}
.entry-content ol li{padding: 2px 0 3px 0;margin:0 0 0 1px;}

img{max-width:100%;height:auto;}

.inner {width:90%;max-width:1170px;}

.mobile-show{display:none;}

.button-blue{color:#025196;text-decoration:none;display:inline-block;padding:5px 10px;border-radius:5px;}
.button-blue:hover{background:#025196;color:#fff;text-decoration:none;}

/* HEADER */
header{-webkit-box-shadow:0 4px 4px -2px #ccc;-moz-box-shadow:0 4px 4px -2px #ccc;box-shadow: 0 4px 4px -2px #ccc;position:relative;z-index:8;}

#logo{display:inline-block;width:24.5%;padding:10px 0;}
#logo img{max-width:100%;height:auto;}
#logo span{color:#025196;display:block;font-size:13px;text-align:center;padding-top:5px;}
#header-right{display:inline-block;width:75%;}
#header-right-top .inner-shadow{color:#333;display:inline-block;padding:20px 0;-webkit-box-shadow:inset 3px -3px 10px 0px rgba(204,204,204,.3);-moz-box-shadow:inset 3px -3px 10px 0px rgba(204,204,204,.3);box-shadow:inset 3px -3px 10px 0px rgba(204,204,204,.3);margin-right:-4px;width:24.5%;text-align:center;}
#header-right-top .inner-shadow:hover{color:#025196;text-decoration:none;}
#header-right-top .phone{color:#025196;padding-bottom:18px;}
#header-right-top .phone a{color:#025196;}
#header-right-top .phone i{position:relative;left:-5px;top:-2px;font-size:24px;}
#header-right-top .sign-in{margin:16px 0;display:inline-block;background:#787878;color:#fff;padding:5px 0;border-radius:5px;width:24.5%;text-align:center;margin-left: 30px;}
#header-right-top .sign-in:hover{background:#025196;text-decoration:none;}

.menu-toggle{display:none;margin:1em auto 0;border:0;}
nav#main-nav{background:#025196;margin-top:10px;padding:2px 0;}
nav#main-nav ul.menu{display:table;width:100%;}
nav#main-nav ul.menu > li{display:table-cell;text-align:center;position:relative;width:auto;}
nav#main-nav a{display:block;padding:.5em 1em;color:#fff;text-transform:uppercase;border-right:1px solid #fff;}
nav#main-nav a:hover{background:rgba(0,0,0,.25);}
nav#main-nav #menu-item-39 a{border-right:1px solid transparent;}
nav#main-nav li.active a, nav#main-nav  li.current_page_item a, nav#main-nav a:hover{position:relative;text-decoration:none;}
nav#main-nav ul li ul{height:auto;width:auto;min-width:100%;display:none;position: absolute;top: auto;text-align:center;background:#025196;}
nav#main-nav ul li ul li{width:auto;white-space:nowrap;}
nav#main-nav ul li:hover ul{display:block;}
nav#main-nav ul li ul a{border-right:0;border-bottom:1px solid #fff;}
nav#main-nav ul li ul a:hover{}
nav#main-nav ul.menu > li#menu-item-674,nav#main-nav ul.menu > li#menu-item-675{display:none;}

/* CONTENT */
.small,small{font-size:80%;}
.textcenter, .center{text-align:center;}
.textright{text-align:right;}
.alignleft{float: left;margin: 0.375em 1.75em 1.75em 0;}
.alignright{float: right;margin: 0.375em 0 1.75em 1.75em;}
.aligncenter{clear: both;display: block;margin: 0 auto 1.75em;}

table {width:100%;}
table tr:nth-child(even) td {background:#ccc;}

.bottom-shadow{-webkit-box-shadow:0 4px 4px -2px #ccc;-moz-box-shadow:0 4px 4px -2px #ccc;box-shadow: 0 4px 4px -2px #ccc;}
.dark-text{color:#000;}
.transparent-button button{background-color:rgba(0,0,0,.25)!important;color:#000!important;border:1px solid #000!important;padding:8px 20px!important;}
.transparent-button button:hover{background-color:rgba(0,0,0,.5)!important;}


/* FRONT PAGE */
#home-hero{height:579px;}
.hero-text{font-size:24px;}
#home-hero .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{background-color:#025196!important;color:#fff!important;border-color:#fff!important;}
#home-hero .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{background-color:#fff!important;color:#025196!important;}

/* STANDARD PAGES WITH SIDEBAR */
.icon-row a{color:#828282;display:block;text-align:center;font-size:14px;}

.about-us-sidebar h2{font-size:22px;text-transform:uppercase;margin:0;padding:10px 20px;background:#025196;color:#fff;}
.about-us-sidebar ul{list-style-type:none;margin:0;padding:0;}
.about-us-sidebar ul li{background-color: #F1F3F4;padding:10px 20px;}
.about-us-sidebar ul li:nth-child(2n){background-color: #E6E8E9;}
.about-us-sidebar ul li a{color:#828282;}
.about-us-sidebar ul li:hover{background-color:#025196;}
.about-us-sidebar ul li:hover a{color:#fff;text-decoration:none;}

.social-icons{text-align:center;}
.social-icons a{font-size:50px;margin:0 5px;}
.social-icons a:hover{color:#e65400;text-decoration:none;}

.grid-2 {display:flex;flex-wrap:wrap;}
.grid-2 .item{display:block;width:50%;}

.services a.center,.industries a.center{display:block;text-align:center;padding:5px 0;}
.services a.center:hover,.industries a.center:hover{background:#025196;color:#fff;text-decoration:none;border-radius:5px;}

#hero{height:315px;}

/* WHAT HOW BENEFITS */
#what-how-benefits h4 a{font-size:50px!important;}
#what-how-benefits h4 a .vc_tta-title-text{color:#025196;}
#what-how-benefits h4 a .vc_tta-icon{font-size:45px!important;display:inline-block;width:100px;text-align:center;}
#what-how-benefits .vc_tta-panel-heading{background-color:#fff;border-color:transparent;}
#what-how-benefits .vc_tta-panel-body{background-color:#f2f1f1;border-color:transparent;}

/* CONTACT US */
#contact-us{text-align:center;}
#contact-us input[type="text"],#contact-us input[type="tel"],#contact-us input[type="email"]{width:95%;}
#contact-us textarea{width:95%;}
#contact-us .recaptcha{margin:0 auto;}

/* TESTIMONIALS*/
.testimonials-slide{display:flex!important;flex-direction:column;justify-content:center;background-size:cover;background-position:center center;}
.testimonials-slide .slide-inner{padding:0 15%;text-align:center;color:#fff;font-style:italic;}
.testimonials-slide .slide-inner .testimonial-name{display:block;margin-top:10px;}
.testimonials-carousel .prev{position:absolute;left:0;background:#025196;color:#fff;z-index:999;text-align:center;padding:14px 8px 9px 5px;font-size:20px;top:50%;transform:translateY(-50%);cursor:pointer;}
.testimonials-carousel .next{position:absolute;right:0;background:#025196;color:#fff;z-index:999;text-align:center;padding:14px 5px 9px 8px;font-size:20px;top:50%;transform:translateY(-50%);cursor:pointer;}
.testimonials-carousel .prev:hover, .testimonials-carousel .next:hover{background:#022645;}

#testimonial-page-grid p,#testimonial-page-grid h4{color:#fff;}

/* POSTS */
.hover-rows {
}
.hover-rows .hover-row {
	width: 100%;
	display: flex;
	height: 183px;
}
.hover-rows .hover-row .image {
	width: 183px;
}
.hover-rows .hover-row .image img {
	width: 163px;
	height: 163px;
	margin: 10px;
	display: block;
}
.hover-rows .hover-row .text {
	position: relative;
	width: 100%;
	height: 100%;
}
.hover-rows .hover-row:hover .text .title {
	display: none;
}
.hover-rows .hover-row .text .title {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.hover-rows .hover-row .text .title h3 {
	position: absolute;
	top: 50%;
	left: 2em;
	transform: translateY(-50%);
	margin: 0;
	font-weight: bold;
}
.hover-rows .hover-row .text .spoiler {
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.hover-rows .hover-row:hover .text .spoiler {
	display: block;
}
.hover-rows .hover-row .text .spoiler p,.hover-rows .hover-row .text .spoiler ul{
	margin: 0.5em;
	padding: 10px 20px;
	background-color: #F2F1F1;
	border-radius: 5px;
	z-index: 1;
}
.hover-rows .hover-row .text .spoiler .arrow {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 10px;
	height: 10px;
}

.blog-entry{margin-bottom:40px;}
.blog-entry h2{margin-top:0;}
.blog-thumbnail{text-align:center;}
.blog-entry .more-link{text-align:right;}
.blog-entry .more-link a{display:inline-block;padding:20px 40px;background:#F1F3F4;border-radius:20px;}
.blog-entry .more-link a:hover{text-decoration:none;background:#025196;color:#fff;}
.pagination{text-align:center;}
.pagination h2{display:none;}

.post-header{margin:40px 0;}
.post-header h2{color:#025196;}
.post-featured-image{text-align:center;}
.post-content{margin-bottom:40px;}

/* FORMS */
.wpcf7{padding:10px!important;background:#025196;border-radius:5px;margin:40px 0!important;}
.wpcf7 h2{margin-top:0;color:#fff;}
form .col-50{padding:0;}
.recaptcha{padding-bottom:20px;}
input[type="text"],input[type="tel"],input[type="email"]{max-width:95%;border:0;margin:5px auto;padding:5px 10px;color:#828282;font-family:'Muli',Arial,Helvetica,sans-serif;}
textarea{width:97%;max-width:100%;margin:5px auto;padding:5px 10px;color:#828282;font-family:'Muli',Arial,Helvetica,sans-serif;overflow:hidden;}
.about-us-sidebar input[type="text"],.about-us-sidebar input[type="tel"],.about-us-sidebar input[type="email"]{max-width:100%;}
.about-us-sidebar textarea{width:100%;}
input[type="submit"]{margin:0 auto;background:#e65400;color:#fff;text-transform:lowercase;padding:5px 40px;border:0;border-radius:5px;margin-right:10px;cursor:pointer;}
input[type="submit"]:hover{background:#000;}


/* FOOTER */
footer.site-footer{background:#025196;}
#footer-nav ul{list-style-type:none;margin:0 0 30px 0;padding:0;display:inline-block;}
#footer-nav ul li{display:inline-block;padding:2px 10px;border-right:1px solid #fff;}
#footer-nav ul li:last-child{border:0;}
#footer-nav ul li a{color:#fff;}
footer .social-icons{margin-left:5px;}
footer .social-icons a{color:#fff;font-size:30px;margin:0 5px;}
footer .social-icons a:hover{color:#e65400;text-decoration:none;}
.copyright{color:#fff;display:inline-block;float:right;padding-top:5px;}

/* MEDIA QUERIES */

@media only screen and (max-width : 1025px) {
	nav#main-nav a,.services a,.industries a{font-size:.8em;}
	.social-icons a{font-size:35px;}
	.wpcf7 h2{font-size:20px;}
	.vc_custom_1497261312132{background-position:center center;}
}

@media only screen and (max-width : 780px) {
	.mobile-hide{display:none!important;}
	.mobile-show{display:block!important;}
	body.home #mobile-contact.mobile-show{display:none!important;}
	.col-10,.col-20,.col-25,.col-30,.col-33,.col-40,.col-50,.col-60,.col-66,.col-70,.col-75,.col-80,.col-90{float:none;width:100%;}
	header{padding-bottom:1em;}
	.menu-toggle{display:block;margin:0;}
	nav#main-nav{display:none;position:absolute;top:0;right:0;}
	nav#main-nav .inner{padding:0;width:100%;}
	nav#main-nav ul{float:none;display:block;width:40%;}
	nav#main-nav ul.menu > li{float:none;display:block;}
	nav#main-nav a{display:block;font-size:18px;border-right:0;border-bottom:1px solid #fff;}
	nav#main-nav ul.menu > li#menu-item-674,nav#main-nav ul.menu > li#menu-item-675{display:block;}
	nav#main-nav ul.menu > li#menu-item-39 a{border-bottom:0;}
	nav#main-nav ul.menu > li ul{display:none;}
	#logo{display:block;width:100%;text-align:center;margin-bottom:20px;}
	#logo span{font-size:24px;}
	#logo img{margin:0 auto;width:75%;height:auto;}
	#header-right{display:flex;align-items:center;width:100%;}
	#header-right-top{display:flex;align-items:center;width:100%;}
	#header-right .phone, #header-right .sign-in{display:inline-block;width:37.4%;}
	#header-right button{width:24.5%;background-color:transparent;color:#025196;font-size:32px;}
	h1{font-size:60px;line-height:60px;}
	.grid-6 .item{width:49.5%!important;}
	#home-hero{text-align:center;height:350px;}
	#home-hero .vc_col-sm-6{width:100%;}
	input[type="text"], input[type="tel"], input[type="email"],textarea{max-width:100%;width:100%;}
	body.home .vc_col-sm-6{width:100%!important;}
	.vc_col-sm-9{width:100%!important;}
	footer.site-footer{text-align:center;}
	.copyright{float:none;display:block;text-align:center;}
	.blog-entry h2{margin-top:1em;}
}

@media only screen and (max-width : 640px) {
	.grid-6 .item{width:100%!important;}
	footer #footer-nav{display:none;}
	h1{font-size:40px;line-height:40px;margin-top:0;text-align:center!important;}
	.header-text-bubble.free-consult{margin:0 auto!important;}
	#home-hero p,#home-hero a{font-size:16px;}
	#what-how-benefits h4 a{font-size:30px!important;}
	.testimonials-slide .slide-inner{padding-top:40px;padding-bottom:40px;}
}

@media only screen and (max-width : 400px) {

}