@charset "utf-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/
@import url(css.css);

body {
  font-weight: 300;
  font-size: 16px;
  font-family: Lato, Roboto, Helvetica, Arial, sans-serif;
  color: #2d2d2d;
  font-weight: 400;
}

.italic {
  font-style: italic;
}

strong {
  font-weight: 900;
}

.stripe {
  padding: 3.5rem 0 3rem 0;
}

.white { color: #fff; }
.blue { color: #35586c; }
.purple { color: #7a369e; }
.darkgray { color: #2d2d2d; }

.bg-white { background-color: #ffffff; }
.bg-gray { background-color: #f4f4f4; }
.bg-blue { background-color: #35586c; }
.bg-purple { background-color: #7a369e; }
.bg-grid { background-image: url('../pics/bg-grid-noise.png'); border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; } 
.bg-grid-p { background-image: url('../pics/bg-grid-noise-p.png'); border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; } 
.industry-stripe { background: url("../pics/consulting.jpg") center center no-repeat fixed;  border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
.fa-stack br { display: none; }

.bottom-spacer { padding-bottom: 2rem; }

/* Back to top button */

a.back-to-top {
  display: none;
  width: 40px;
  height: 40px;
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 20px;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
  background-color: #c7c7c7;
  border-radius: 5px;
  text-align: center;
  transition: all .3s ease;
}
  a.back-to-top:hover { background-color: #7a369e; }
  
/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

a.white:hover { color: #fff; font-weight: 400; }
a.white.blog-banner:hover { text-decoration: underline; }
a.white:visited { color: #fff; }
a.cta-purple { background-color: rgba(122,54,158,1); }
a.cta-purple:hover { background-color: rgba(100,49,122,1); }
a.social-media { color: #29323b; transition: all .3s ease; }
a.social-media.youtube:hover { color: #bb0000; }
a.social-media.linkedin:hover { color: #4875B4; }
/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1, h2, h3, h4, h5, h6 {
  font-family: Lato, Roboto, Helvetica, Arial, sans-serif;
}
h1 {
  font-weight: 900;
}
h2 {
  font-weight: 800;
}
h3 {
  font-weight: 500;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

/*********************
NAVIGATION STYLES
*********************/
.top-bar {
  padding: 0;
  height: 100px;
  background-color: #29323b;
  z-index: 50;
  font-size: 16px;
  font-weight: 400;
}
.top-bar ul {
  background-color: #29323b;
}
.top-bar .title-area {
  z-index: 1; }
.top-bar .active>a { background-color: #3e3f48; }
.top-bar .active>a:hover { background-color: #3e3f48; }
.menu>li>a:hover { background-color: #2c2d35; }
.off-canvas { background: #29323b; }
.is-accordion-submenu-parent>a:after { border-color: #fff transparent transparent; }
.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }
.off-canvas.position-right { height: 100vh; }

.menu>li>a {
  padding: 0 1rem;
  line-height: 100px;
  color: #fff;
}
/*.vertical>li>a { line-height: 30px; }*/
.menu>li .is-dropdown-submenu {
  border: none;
}
.menu>li .is-submenu-item a {
  line-height: 36px;
  background-color: #29323b;
}
.menu>li .is-submenu-item a:hover {
  background-color: #3e3f48;
}
.pain-points-menu i {
  padding-bottom: 1rem;
}

@media screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
    border: none;
  }
}
@media ( max-width: 640px ) {
  .top-bar .top-bar-left { width: 90% !important; }
  .top-bar .top-bar-right { width: 10% !important; }
}
/*********************
CARD STYLES
*********************/
.card {
  border: 1px solid #f4f4f4;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border-radius: 3px;
  background-color: #fff;
  min-height: 247px;
  padding: 2rem 2rem;
}

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

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  color: #999; }

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

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

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

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

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

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/* Custom Blog Styles */

.article {
  padding-bottom: 1rem;
}
.blog-header {
  font-size: 1.5525rem;
  font-weight: 400;
}
.widget {
  padding-bottom: 1rem;
}



/*********************
CUSTOM STYLES
*********************/
.logo-strip {
  padding-top: 2rem;
}
.industry-stripe {
  background: url("../pics/consulting.jpg") center center no-repeat fixed;
}
.member-avatar {
  width: 122px;
  height: 122px;
  padding: 2px 2px;
  border: 1px solid #ebebeb;
}
.member-avatar-main {
  width: 284px;
  height: 284px;
  padding: 4px 4px;
  border: solid 1px #ebebeb;
}
.no-list-style {
  list-style: none;
}
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

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

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

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em;
  background-color: #29323b;
  font-size: 0.8375rem;
  font-weight: 700;
  color: rgba(255,255,255,0.3);
}
.footer-list, .footer-logo {
  list-style: none;
}
.footer-list .button {
  padding: .5rem 2rem;
}
.footer #inner-footer {
  padding: 7px 0 0 0;
  border-top: 1px solid rgba(255,255,255,0.3);
}
.footer .copyright {
  font-weight: 700;
  font-size: 0.8375rem;
  padding-top: 1rem;
}

.footer .social-links {
  font-size: .8375rem;
  padding-top: .5rem;
  color: #29323b;
  float: right;
}

.footer .footer-list a {
  color: rgba(255,255,255,0.3);
  transition: opacity 0.3s ease;
}
.footer .footer-list a:visited {
  color: rgba(255,255,255,0.3);
}
.footer .footer-list a:hover {
  color: rgba(255,255,255,0.6);
}
/*********************
FOUNDATION STYLES
*********************/

.follow-on-linkedin {
  font-weight: 400;
  font-size: 0.8375rem;
  background-color: #4875B4;
  padding: 2px 10px;
  border-radius: 20px;
}
.follow-on-linkedin i {
  margin-right: 5px;
}

.team-line {
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}

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

/* SLIDE STYLES */

/*.slide-1 { background: url('/web/20200930222156im_/https://www.hrstrategiesconsulting.com/wp-content/themes/jointswp/assets/images/home1.jpg') top center no-repeat; background-size: cover; padding-top:100px; height: 500px; }
.slide-2 { background: url('/web/20200930222156im_/https://www.hrstrategiesconsulting.com/wp-content/themes/jointswp/assets/images/placeholder-hr-data.jpg') center center no-repeat; background-size: cover; padding-top:100px; height: 500px; }
.slide-3 { background: url('/web/20200930222156im_/https://www.hrstrategiesconsulting.com/wp-content/themes/jointswp/assets/images/brooks-brothers.jpg') center center no-repeat; background-size: cover; padding-top:100px; height: 500px; }
.slide-4 { background: url('/web/20200930222156im_/https://www.hrstrategiesconsulting.com/wp-content/themes/jointswp/assets/images/hrsc-business-card-banner.jpg') center center no-repeat; background-size: cover; padding-top:100px; height: 500px; }
.slide-5 { background: url('/web/20200930222156im_/https://www.hrstrategiesconsulting.com/wp-content/themes/jointswp/assets/images/sc-h01-vegas17-v6.jpg') top center no-repeat; background-size: cover; padding-top: 100px; height: 500px; }*/
.slide-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
}
.shadow {
  text-shadow: 0 0 7px rgba(0,0,0,0.5);
}
a.white-button {
  border: 1px solid #fff;
  border-radius: 20px;
  padding: .5rem 1rem;
  transition: all .3s ease;
  color: #fff;
}
a.white-button:hover {
  background-color: #fff;
  color: #29323b;
}
.spacer {
  padding-top: 1rem;
}

/* Contact Form 7 Styles */
.wpcf7 textarea  {
  height: 200px;
}

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }
/*
     FILE ARCHIVED ON 22:21:56 Sep 30, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:33:11 Oct 07, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 16.316
  load_resource: 98.126
  PetaboxLoader3.resolve: 45.076
  PetaboxLoader3.datanode: 52.149
*/