/*!
 * Start Bootstrap - Grayscale v5.0.6 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */

#mainNav {
  min-height: 56px;
  background-color: #fff;
}

#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.75rem;
  color: #3075bb;
  border: 1px solid #3075bb;
}

#mainNav .navbar-toggler:focus {
  outline: none;
}

#mainNav .navbar-brand {
  color: #161616;
  font-weight: 700;
  padding: .9rem 0;
}

#mainNav img {
  width: 17rem!important;
}

#mainNav .navbar-nav .nav-item:hover {
  color: fade(white, 80%);
  outline: none;
  background-color: transparent;
}

#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
  outline: none;
  background-color: transparent;
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    /*background-color: transparent;
    -webkit-transition: background-color 0.3s ease-in-out;*/
    transition: background-color 0.3s ease-in-out;
  }
  #mainNav .navbar-brand {
    padding: .5rem 0;
    color: rgba(255, 255, 255, 0.5);
  }
  #mainNav .nav-link {
    -webkit-transition: none;
    transition: none;
    padding: 2rem 1.5rem;
    color: #236092;
  }
  #mainNav .nav-link:hover {
    color: #fb9a2d;
  }
  #mainNav .nav-link:active {
    color: white;
  }
  #mainNav.navbar-shrink {
    background-color: #fff;
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #236092;
  }
  #mainNav.navbar-shrink .nav-link {
    color: #236092;
    padding: 1.5rem 1.5rem 1.25rem;
    border-bottom: 0.25rem solid transparent;
  }
  #mainNav.navbar-shrink .nav-link:hover {
    color: #3075bb;
  }
  #mainNav.navbar-shrink .nav-link:active {
    color: #467370;
  }
  #mainNav.navbar-shrink .nav-link.active {
    color: #fb9a2d;
    outline: none;
    border-bottom: 0.25rem solid #fb9a2d;
  }
}

.masthead {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 35rem;
  padding: 15rem 0;
  background: url("https://hitstrat.com/wp-content/themes/HIT/img/bg-masthead.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.masthead h1 {
  font-family: 'Varela Round';
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.8rem;
  color: #236092;
}

.masthead h2 {
/*  max-width: 20rem;
*/  font-size: 1rem;
  color: #236092;
}

@media (min-width: 768px) {
  .masthead h1 {
    font-size: 4rem;
    line-height: 4rem;
  }
}

@media (min-width: 992px) {
  .masthead {
    height: 100vh;
    padding: 0;
  }
  .masthead h1 {
    font-size: 6.5rem;
    line-height: 6.5rem;
    letter-spacing: 0.8rem;
  }
  .masthead h2 {
/*    max-width: 30rem;
*/    font-size: 1.25rem;
  }
}

.btn {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  padding: 1.25rem 2rem;
  font-family: 'Varela Round';
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: .15rem;
  border: 0;
}

.btn-primary {
  background-color: #fb9a2d;
}

.btn-primary:hover {
  background-color: #f04a23;
}

.btn-primary:focus {
  background-color: #f04a23;
  color: white;
}

.btn-primary:active {
  background-color: #467370 !important;
}

.hitteam-section {
  padding-top: 5rem;
  padding-bottom: 7rem;
/*  background: -webkit-gradient(linear, left top, left bottom, from(#161616), color-stop(75%, rgba(22, 22, 22, 0.9)), to(rgba(22, 22, 22, 0.8)));
  background: linear-gradient(to bottom, #161616 0%, rgba(22, 22, 22, 0.9) 75%, rgba(22, 22, 22, 0.8) 100%);*/
/*  background-color: #236092;
*/}

.hitteamintro-section {

  background-color: #236092;
}

.hitteamintro-section p {
  color: white;
}

.about-section {
  padding-top: 5rem;
  padding-bottom: 7rem;
  background-color: #ffffff;
/*  color: white;
*//*  background: -webkit-gradient(linear, left top, left bottom, from(#161616), color-stop(75%, rgba(22, 22, 22, 0.9)), to(rgba(22, 22, 22, 0.8)));
  background: linear-gradient(to bottom, #161616 0%, rgba(22, 22, 22, 0.9) 75%, rgba(22, 22, 22, 0.8) 100%);*/
/*  background-color: #236092;
*/}

.projects-section {
  padding: 10rem 0;
}

.projects-section .featured-text {
  padding: 2rem;
}

@media (min-width: 992px) {
  .projects-section .featured-text {
    padding: 0 0 0 2rem;
    border-left: 0.5rem solid #fb9a2d;
  }
}

.projects-section .project-text {
  padding: 3rem;
  font-size: 90%;
}

@media (min-width: 992px) {
  .projects-section .project-text {
    padding: 5rem;
  }
  .projects-section .project-text hr {
    border-color: #fb9a2d;
    border-width: .25rem;
    width: 30%;
  }
}

.signup-section {
  padding: 10rem 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, 0.1)), color-stop(75%, rgba(22, 22, 22, 0.5)), to(#161616)), url("https://hitstrat.com/wp-content/themes/HIT/img/bg-signup.jpg");
  background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.5) 75%, #161616 100%), url("https://hitstrat.com/wp-content/themes/HIT/img/bg-signup.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.signup-section .form-inline input {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  padding: 1.25rem 2rem;
  height: auto;
  font-family: 'Varela Round';
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  border: 0;
}

.contact-section {
  padding: 5rem 0 0;
}

.contact-section .card {
  border: 0;
  border-bottom: 0.25rem solid #fb9a2d;
}

.contact-section .card h4 {
  font-size: 0.8rem;
  font-family: 'Varela Round';
  text-transform: uppercase;
  letter-spacing: 0.15rem;
}

.contact-section .card hr {
  border-color: #fb9a2d;
  border-width: 0.25rem;
  width: 3rem;
}

.contact-section .social {
  margin-top: 5rem;
}

.contact-section .social a {
  text-align: center;
  height: 3rem;
  width: 3rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  line-height: 3rem;
  color: rgba(255, 255, 255, 0.3);
}

.contact-section .social a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.contact-section .social a:active {
  color: #fff;
}

body {
  font-family: 'Varela Round','Varela Round';
  font-weight: 300;
  letter-spacing: 0.0625em;
  color: #5b6670;
}

a {
  color: #3075bb;
}

a:focus, a:hover {
  text-decoration: none;
  color: #fb9a2b;
}

.bg-black {
  background-color: #236092 !important;
}

.bg-primary {
  background-color: #3075bb !important;
}

.text-primary {
  color: #3075bb !important;
}

footer {
  padding: 5rem 0;
}

.hitribute {
  font-weight: bold;
  color: #fb9a2d;
}

#about p {
  text-align: justify;
/*  color: #236092;*/
  font-size: .8rem;
/*  margin-bottom: .5rem;*/
}

#hitteam p {
  text-align: justify;
/*  margin-bottom: .5rem;*/
}


.names {
  text-align: center;
  color: #fb9a2d;
  text-transform: uppercase;
  letter-spacing: .3rem;
  font-weight: bold;
  font-size: 1.2rem;
}

.headshot {
  display: block;
  width: 12rem;
  margin-bottom: 1rem;
  border-radius: 100px;
  max-width: 100%;
  margin: 0 auto;
}

.headshotFP {
  display: block;
  width: 10rem;
  border-radius: 100px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}

.briefstyle {
  display: block;
  width: 10rem;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}

.jobtitle {
  font-weight: bold;
  margin-bottom: .5rem;
  text-align: center!important;
}

.jobsubtitle {
  font-style: italic;
  font-size: 0.8rem;
  margin-bottom: .5rem;
  text-align: center!important;
}

.jobdesc {
  font-size: .8rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
}

#mission {
  font-size: .8rem;
  margin-bottom: 2rem;
}

h2 {
  font-size: 2.5rem;
  color: #236092;
  margin-top: 4rem;
  margin-bottom: 1rem!important;
}

.objectives {
  font-size: .8rem;
  margin-bottom: .5rem;
  text-align: justify;
  color: #236092;
}

.missionobj {
  text-align: center;
  color: #fb9a2d;
  text-transform: uppercase;
  letter-spacing: .3rem;
  font-weight: bold;
  margin-top: 1rem!important;
}

#philosophy p {
  font-size: .8rem;
  margin-bottom: 2rem;
}

#philo {
  max-width: 40%!important;
  margin: 0 auto;
  display: block;
}

#usthem {
  max-width: 100%!important;
  margin: 0 auto;
  display: block;
}

.mt-2 {
  margin-top: 1.5rem!important;
}


.staboiti {
 /* position: relative;
  line-height: .5em;*/
  text-transform: uppercase;
  text-align: left;
  color: #236092;
  margin-bottom: 4rem!important;

}
.staboiti:after {
     background: none repeat scroll 0 0 #fb9a2d;
     bottom: -8px;
     content: "";
     display: block;
     height: 4px;
     position: relative;
     width: 50px;
 }


/* Publications styling START */

#publications-section {
  padding-top: 5rem;
  padding-bottom: 7rem;
  background-color: #236092;
  color: white;
}

.publicationsexcerpt {
  text-align: justify;
  color: white;
  font-size: .8rem;
  margin-bottom: 4rem;
}

.publicationsdate {
  text-align: left;
  color: grey;
  font-size: .5rem;
}

.publicationstitle {
  text-align: left;
}


/* publications styling end */


.aboutcircle {
  background-color: #236092;
  border-radius:100px;
  width: 10rem;
  height: 10rem;
  margin: 0 auto;
  margin-bottom: 1rem;
}

.aboutcircle p {
  color: #fff!important;
  text-align: center!important;
  vertical-align: middle;
  line-height: 10rem;
  font-weight: 900;
  font-size: 1rem!important;
}

#abouttranslators {
  width: 25rem;
}

li { 
  text-align: left;
}

#beforebrieflinks {
  margin: 4rem 0 4rem 0;
}

.servicepic {
  max-width: 100%;
}



/* show featured image on publications */

.issuecontentimage {
    margin: 0 0 1rem 0;
    min-height: 8rem;
    max-width: 8rem;
}


/* Single News Item Styling */

.news_item-title {
  text-align: center;
  color: #fb9a2d;
  text-transform: uppercase;
  letter-spacing: .3rem;
  font-weight: bold;
  margin: 4rem 0 4rem 0;
}


.news_item-date {
  text-align: left;
  color: #236092;
  font-weight: bold;
  margin-bottom: 0;
}


.news_item-type {
  text-align: left;
  font-style: oblique; 
}

.news_item-image-content {
  max-width: 100%;
}

/* END Single News Item Styling  */

/* START Homepage News Section Styling  */

.press__article {
  background: #236092;
  padding: 15px 25px;
  height: 350px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  position: relative;
  transition: 0.3s;
  border-right:10px solid #fff;
}
  @media (max-width: 768px) {
    .press__article {
      height: auto;
      margin-bottom: 20px;
      padding: 25px;
      border-right:none; } }
  .press__article:hover, .press__article:focus, .press__article:focus-within {
    background: #FB9A2D; }
    .press__article:hover .entry-category,
    .press__article:hover .post-list__byline, .press__article:focus .entry-category,
    .press__article:focus .post-list__byline, .press__article:focus-within .entry-category,
    .press__article:focus-within .post-list__byline {
      color: #236092;
      text-align: left; }
  .press__article .link__abs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .press__article .entry-category {
    color: #FB9A2D;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.3s;
    text-align: left; }
  .press__article h6 {
    font-size: 17px;
    color: #ffffff!important;
    text-align: left;
    margin-top: 15px; }
    .press__article h6 a {
      color: #fff!important;
      text-align: left; }
  .press__article p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left; }
  .press__article .post-list__byline {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    transition: 0.3s;
    color: grey!important;
    text-align: left; }

.entry-category li {
  text-align: left!important;
}

.menu {
  margin: 0;
list-style-type: none;
padding-left: 0!important;

}

.news_item-image-home {
max-width: 100%;
padding-bottom: 20px;
}

/* END Homepage News Section Styling  */

/* START News Content Page Styling */

.div_news-item-content {
  background-color: #236092;
  padding: 20px 20px;
  margin: 0 0 30px 0;
}

.div_news-item-content-image {
  background-color: #fb9a2b;
  padding: 20px 20px;
  margin: 0 0 30px 0;
}

@media (max-width: 575px) {

  .div_news-item-content-image {
    margin-bottom: 0px;
  }
}

.news_item-title_content {
  text-align: left;
  color: #ffffff;
}
.news_item-type_content {
  text-align: left;
  color: #fb9a2b;
  margin-bottom: 0;
}

.news_item-date_content {
  text-align: left;
  color: rgb(237, 212, 212);
  font-size: .5rem;
}

.news_item-excerpt_content {
text-align: justify;
color: white;
font-size: .8rem;
}

/* END News Content Page Styling */

/* START Clients Content Page Styling */

.div_client-content {
  margin: 20px 0 40px 0;
}


.div_client-content a {
  text-decoration: underline;
}

.client_name-content {
  text-align: center;
  color: #fb9a2b;
  font-size: 1rem;
  margin-top: 15px;
}

.client_logo-content {
  max-width: 150px;
  display: block;
  margin: 0 auto;
}

/* END Clients Content Page Styling */

.keepreading {
  margin: 40px 0 0 0;
  font-size: 20px;
}


/* START Single HIT Team Member Styling */

.hit_team_member-name {
  text-align: center;
  color: #fb9a2d;
  text-transform: uppercase;
  letter-spacing: .3rem;
  font-weight: bold;
  margin: 1rem 0 0 0;
}


.hit_team_member-title {
  text-align: center;
  color: #236092;
  font-weight: bold;
  margin-bottom: 0;
}


.hit_team_member-email {
  text-align: center;
  font-style: oblique; 
}

.hit_team_member-quote {
  text-align: left;
  font-style: oblique; 
  font-style: italic;
  font-size: 0.8rem;

}

/* END Single HIT Team Member Styling  */



/* START Constant Contact Styling */

.ctct-form-footer, .ctct-form-text {
  display: none;
}

.ctct-form-header {
  color: #ffffff!important;
  font-family: VARELA ROUND!important;
  text-align: center!important;
}

.ctct-gdpr-text {
  font-size: 8px!important;
  color: rgba(255,255,255,.5)!important;
}


.ctct-gdpr-text a {
  color: rgba(255,255,255,.5)!important
}

.ctct-form-button {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  padding: 1.25rem 2rem!important;
  font-family: 'Varela Round'!important;
  font-size: 80%!important;
  text-transform: uppercase!important;
  letter-spacing: .15rem!important;
  border: 0!important;
}

.ctct-form-button {
  background-color: #fb9a2d!important;
  width: 150px!important;
  margin: 0 auto!important;
}

.ctct-form-button:hover {
  background-color: #f04a23!important;
}

.ctct-form-button:focus {
  background-color: #f04a23!important;
  color: white;
}

.ctct-form-button:active {
  background-color: #467370 !important;
}

.ctct-form-embed.form_0 .ctct-form-defaults {
  background-color: #236092!important;
  padding: 0!important;
}

#email_address_label_0 {
  color:white!important;
}

/* END Constant Contact Styling  */

/* START Twitter Widget Styling  */

#twitter-widget-0 {
  border: 2px solid #236092!important;
  border-radius: 10px!important;
}

#twitterfeed p {
  font-size: 12px!important;
  line-height: normal!important;
}

/* END Twitter Widget Styling  */

/*hover menu code*/
    /*Dropdown Css*/
    .dropdown:hover > .dropdown-menu {
      display: block;
    }
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
    .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }
    .dropdown-submenu:hover>a:after {
        border-left-color: #fff;
    }
    .dropdown-submenu.pull-left {
        float: none;
    }
    .dropdown-submenu.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }
    /*./Dropdown Css*/
/* end hover menu code*/