/*
* Created By: MDC Web Services
* Description:  
* Revised:
*/

/*Masthead Code*/

#siteNav {
	font-family: 'Montserrat';
}

body {
  /* font-family: 'Open Sans', sans-serif; */
  font-family: 'Montserrat';
  font-weight: 400;
}

#mdc-global-nav,
#mdc-footer-section,
.mdc-footer-bottom.hidden-print {
  font-family: 'Open Sans', sans-serif;
}

.title-name h1 {
  font-size: 24px;
  margin: 0;
}

.footer p a:link,
.footer p a:visited {
  color: #fff !important;
  text-decoration: underline;
}

.footer p a:hover,
.footer p a:active,
.footer p a:focus {
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
}

.footer i.bi:before{
  font-size: 1.15em;
  margin-right: 0.5em;
  vertical-align: middle;
  background: #cee065;
  line-height: 2.25em;
  height: 2.25em;
  width: 2.25em;
  border-radius: 50%;
  color: #333;
  text-align: center;
}


/* Skinny masthead */
.title-area {
  height: 120px;	
}

.site-masthead  {
  /* background-image: url("../img/site-bg.jpg"); */
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1565c0;
  color: #fff;
}

#siteContent {
  margin-top:0px !important;
}
.navbar-default,
#siteNav .navbar-collapse {
  background-color: #fff !important;
}

.navbar-default .navbar-nav li a, 
/*.navbar-default .navbar-nav li a:focus, */
#siteNav button.dropdown-toggle {
  color: #005dab;
}

#logo-mdcworks {
  width: 100%;
  margin-top: 10%;
  margin-bottom: 10%;
}
.title-name.title-background span {
  background-color: rgba(0, 0, 0, 0.3);
  padding-left: 12px;
  padding-right: 12px;
}
/* nav-bar hover - same size as all tabs on the  */

.navbar-default .navbar-nav>li>a {
  font-weight: 800;
  text-transform: uppercase;
}

.navbar-default .navbar-nav >.active> a, 
.navbar-default .navbar-nav >.active> a:hover, 
.navbar-default .navbar-nav >.active> a:focus, 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
  background-color: #0f76cf;
  border: 1px solid #0f76cf;
  box-shadow: none;
}

.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle {
  background-color: #0060a9;
}

/*  end nav-bar modification*/

#siteNav {
  margin-bottom: 0px;
}

.nav.navbar-nav.page-navigation {
  margin-top: 40px;
  float: right;
}

/*  left-nav  */
.sec-nav>li.active>a {
  /*text-transform: uppercase;*/
}

.well {
  margin-top: 20px;
}

.mdcworks h3 {
  margin-bottom: 20px;
  color: #1F2A3B;
  font-size: 32px;
}

.mdcworks .banner h3 {
  color: #fff;
}

.mb-20 {
  margin-bottom: 20px;
}
.mt-20 {
  margin-top: 20px;
}

.mb-40 {
  margin-bottom: 40px;
}
.mt-40 {
  margin-top: 40px;
}
.mb-40-less {
  margin-bottom: -40px;
}

.h4-mt-zero{
  margin-top: 0px;
}

h3.mb-0 {
  margin-bottom: 0px;
}
.middle-container {
  position: absolute;
  top: 40%;
}
.highlight-text {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2em;
}
.banner-quote,
.dark-background {
  background-color: #1F2A3A;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}


.banner-quote,
.blue-background {
  background-color: #0060A9;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.banner-quote h3,
.blue-background  h3 {
  color: #fff !important;
}

.banner-quote.bright-green {
  background-color: #CEE066;
  color: #000;
}
.banner-quote p {
  font-size: 39px;
  font-weight: 400;
  font-style: italic;
  line-height: 1;
  text-align: center;
  line-height: 1.2;
}

.banner-quote .author-quote {
  font-weight: 800 !important;
  font-style: normal !important;
  font-size: 19px !important;
}
.banner-quote h3,
.dark-background  h3 {
  color: #fff !important;
}

.banner-quote a:link,
.banner-quote a:visited  {
  color: #fff !important;
  text-decoration: underline;
}

.banner-quote a:hover,
.banner-quote a:active,
.banner-quote a:focus {
  text-decoration: none;
}


.elementor-icon {
  text-align: center;
  font-size: 40px;
}

.explore-nav-header {
  font-size: 15px !important;
  margin-top: -1px;
}

.img-responsive.width-80 {
  width: 80%;
}
.img-responsive.width-60 {
  width: 60%;
}

.thumbnail img.resize-explore {
  width: 75%;
}

.thumbnail img.resize-prepare {
  width: 60%;
}

.thumbnail img.resize-prepare-overview {
  width: 100%;
}

.font-white {
  color: #fff;
}
.parent {
  display: flex;
  height: 100%;
  align-content: center;
}

.parent-center {
  display: flex;
  justify-content: center;
}

.child {
  align-self: center;
  padding-left: 40px;
  padding-right: 40px;
}
.col-half-offset{
  margin-left:4.166666667%
}
.font-2x {
  font-size: 1.6em;
  margin-bottom: 20px;
  line-height: 1.2;
}

.no-bullet-list {
  list-style-type: none;
}
.no-bullet-list li {
  padding-bottom: 10px;
}

.elementor-icon-list-items {
  list-style-type: none;
  padding-left: 20px;
}
.elementor-icon-list-icon {
  padding-right: 5px;
}

.center-div {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.banner {
  background: url(../img/main-bg.jpg) no-repeat 0 0;
  background-size: cover;
  background-position: top;
  height: 46em;
  /*background-blend-mode: overlay;*/
  /*background-color: rgba(4 89 156 / 83%);*/
}

.banner.prepare {
  background: url(../img/prepare-bg-image.jpg) no-repeat 0 0;
  background-size: cover;
  background-position: top;
  height: 38em;
  /*background-blend-mode: overlay;*/
  /*background-color: rgba(4 89 156 / 83%);*/
  color: #fff;
}

.banner.explore {
  background: url(../img/career-explore-bg.jpg) no-repeat 0 0;
  background-size: cover;
  background-position: top;
  height: 38em;
  /*background-blend-mode: overlay;*/
  /*background-color: rgba(4 89 156 / 83%);*/
}

.parallax-leading {
    min-height: 38em;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.parallax-leading:before {
  content: '';
  display: block;
  position: absolute;
  /* background: rgba(0, 93, 171, 0.5); */
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.parallax-leading .banner-content {
  position: relative;
}

.parallax-leading.assessment {
  background-image: url(../img/banner-assessment.jpg);
}

.parallax-leading.blackboard {
  background-image: url(../img/banner-blackboard.jpg);
}

.parallax-leading.network {
  background-image: url(../img/banner-network.jpg);
}

.parallax-leading.internship {
  background-image: url(../img/banner-internship.jpg);
}

.parallax-leading.interview {
  background-image: url(../img/banner-interview.jpg);
}

.parallax-leading.workshops {
  background-image: url(../img/banner-workshop.jpg);
}

.parallax-leading.resume {
  background-image: url(../img/banner-resume.jpg);
  min-height: 47em;
}

.parallax-leading.government {
  background-image: url(../img/banner-government.jpg);
  min-height: 34em;
}

.parallax-leading.credentialing {
  background-image: url(../img/banner-credentialing.jpg);
  min-height: 34em;
}

.parallax-leading.studentorg {
  background-image: url(../img/banner-studentorg.jpg);
}

.parallax-leading.events {
  background-image: url(../img/banner-events.jpg);
  min-height: 34em;
}

.parallax-leading.employers {
  background-image: url(../img/banner-employers.jpg);
  min-height: 43em;
}

.parallax-leading.appointments {
  background-image: url(../img/banner-appointments.jpg);
}

.parallax-leading.presentation {
  /*background-image: url(../img/banner-appointments.jpg);*/
  background-color: #0060A9;
  min-height: 32em;
}

.parallax-leading-exploration {
    background-image: url(../img/career-explore-bg.jpg);
    min-height: 38em;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.h2banner-title {
	font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-size: 55px;
  font-weight: 700;
  line-height: 67px;
  text-align: center;
}

.banner-content {
  /* width: 60%;
  margin-left: auto;
  margin-right: auto; */
  margin-top: 12%;
}

.banner-content p {
	font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.banner-content .subpage-subheader {
  font-size: 22px;
  font-weight: 800;
}

.banner-content.explore {
  margin-top: -2%;
  padding-top: 170px;
}


.divider-separator {
  width: 100px;
  height: 10px;
  background-color: #cee065;
  /* border-radius: 5%; */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.divider-separator.mb-40 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.divider-separator-blue {
  width: 100px;
  height: 10px;
  margin-top: 20px;
  margin-bottom: 25px;
  background-color: #005dab;
}

.divider-separator-green {
  width: 100px;
  height: 10px;
  margin-top: 20px;
  margin-bottom: 25px;
  background-color: #CEE065;
}

.divider-separator.left-aligned-separator {
  margin-left: initial;
}

.banner .homepage-buttons{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.h3-mt {
  margin-top: -6px;
}

#siteContent .quicklinks a:not(.btn) {
  color: #fff;
}

#siteContent .announcements a:not(.btn) {
    color: #fff;
}

.center-aligned-content {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}


div#siteContent {
  & .dark-background  a:link,
  & .dark-background  a:visited {
      text-decoration: none !important; 
      color: #fff !important;
  }

  & .dark-background  a:hover,
  & .dark-background  a:active,
  & .dark-background  a:focus,
  & .dark-background  a.round.btn-blue:hover,
  & .dark-background  a.round.btn-blue:active,
  & .dark-background  a.round.btn-blue:focus {
    text-decoration: underline !important;
    color: #000 !important;
    /*background-color: #afce30;*/
    background-color: #fff;
  }


  & .blue-background  a:hover,
  & .blue-background  a:active,
  & .blue-background  a:focus,
  & .blue-background  a.round.btn-white:hover,
  & .blue-background  a.round.btn-white:active,
  & .blue-background  a.round.btn-white:focus {
    text-decoration: underline !important;
    color: #fff !important;
    background-color: #1F2A3A;
  }


  & .darkblue-area-full-width .pad-20 a:link,
  & .darkblue-area-full-width .pad-20 a:visited {
      text-decoration: underline !important; 
  }

  & .darkblue-area-full-width .pad-20 a:hover,
  & .darkblue-area-full-width .pad-20 a:active,
  & .darkblue-area-full-width .pad-20 a:focus {
       text-decoration: none !important;
  }

  & .darkblue-area-full-width .pad-20 a:link,
  & .darkblue-area-full-width .pad-20 a:visited,
  & .darkblue-area-full-width .pad-20 a:hover,
  & .darkblue-area-full-width .pad-20 a:active,
  & .darkblue-area-full-width .pad-20 a:focus  {
      color: #fff !important;
  }

  .darkblue-area-full-width a.round.btn-blue:hover{
    background: #fff;
    border-color: #fff;
    color: #1F2A3A;
  }
}

.center-aligned-content-explore {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -35px;
  margin-bottom: 10px;
}

.center-aligned-content-ajcenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: -35px;*/
  margin-bottom: 35px;
}

.center-aligned-content-explore.overview {
  margin-top:0px;
}

.banner.prepare .center-aligned-content{
  /* margin-top: 80px; */
}
.banner.prepare h3 {
  margin-top: 50px;
}
.mdcworks .thumbnail {
  border: none;
}

.thumbnail {
  border: none;
}

.thumbnail-title {
  font-weight: 800;
}

.thumbnail {
  background-color: transparent;
}

.footer {
  background-color: #0060AA;
  padding-top: 50px;
  padding-bottom: 50px;
  color:#fff;
}
.footer hr {
  color:#0B8BED;
}

.mdc-footer-links {
  margin-top: 0px;
}

.footer img {
  padding-right: 10px;
}

#linkedin-link:link, 
#instagram-link:link, 
#email-link:link, 
#linkedin-link:visited, 
#instagram-link:visited, 
#email-link:visited {
  text-decoration: none !important;
  color:#fff !important;
}

#linkedin-link:hover, 
#instagram-link:hover, 
#email-link:hover, 
#linkedin-link:active, 
#instagram-link:active, 
#email-link:active, 
#linkedin-link:focus, 
#instagram-link:focus, 
#email-link:focus {
  text-decoration: underline !important;
  color:#fff !important;
}


div#siteContent {
  & .round {
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none !important;
    color: #fff;
    background-color: #0976de;
    border-radius: 50px;
    padding-left: 70px;
    padding-right: 70px;
  }

  & .round.careers {
    padding-left: 45px;
    padding-right: 45px;
  }

  & .round.btn-green {
    fill: #1f2a3a;
    color: #1f2a3a;
    background-color: #afce30;
    border-color: #afce30;
    padding-left: 45px;
    padding-right: 45px;
  }

  & .round.btn-blue {
    fill: #1f2a3a;
    color: #fff;
    background-color: #0976DD;
    border-color: #0976DD;
  }

  & .round.btn-blue-white {
    color: #fff;
    background-color: #0976DD;
    border-color: #0976DD;
  }


  & .round.btn-blue:link,
  & .round.btn-green:link,
  & .round.btn-blue:visited,
  & .round.btn-green:visited{
    color: #eee;
  }

  & .round.btn-blue:hover,
  & .round.btn-green:hover,
  & .round.btn-blue:active,
  & .round.btn-green:active,
  & .round.btn-blue:focus,
  & .round.btn-green:focus {
      color: #fff;
      background-color: #1f2a3a;
      border-color: #1F2A3A;
  }

  & .round.btn-blue-white:hover{
      color: #1f2a3a;
      background-color: #fff;
  }

  & .round.btn-white {
    fill: #1f2a3a;
    color: #fff;
    background-color: #fff;
    border-color: #0976DD;
  }

  & .round.btn-white:link,
  & .round.btn-white:visited {
    color: #1F2A3A;
  }

  & .blue-white-link {
    color: #fff;
  }

  & .blue-white-link:hover {
    /*color: #AFCE30;*/
    color: #fff;
  }
}

.darkblue-area-full-width {
  padding-bottom: 35px;
  background-color:#1F2B3B;
  color: #fff;
}

.darkblue-area-full-width.content.careers {
  margin-bottom: 40px;
}

.darkblue-area-full-width h3 {
  color: #fff;
}

.careers-header {
  margin-top: 0px;
}

.pad-20 {
  padding-left: 20px;
  margin-bottom: 40px;
}
img.half-size {
  width: 50%;
}


.darkblue-area-full-width.content .text-center {
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.text-left {
  text-align: left;
}

.darkblue-area-full-width.content{
  padding-top: 20px;
  padding-bottom: 40px;
}

.darkblue-area-full-width.content p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
}


/* Events in homepage */
.mdcworks .cal-details {
  text-align: left;
  padding-left: 15px;
}
.mdcworks .cal-date .month {
  text-transform: capitalize;
  color: #005dab;
  background-color: transparent;
}
.mdcworks .cal-date .day {
  color: #005dab;
  font-size: 22px;
  padding-top: 5px;
}
.mdcworks .cal-date {
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  box-shadow: none;
}
.mdcworks .cal-details .time {
  margin-top: -10px;
  margin-bottom: 0px;     
}
.mdcworks .cal-details .location {
  margin-top: -5px;
  margin-bottom: 0px;   
}
.mdcworks .cal-details h4 {
  font-weight: 500;
  font-size: 16px;
}

.mdcworks .cal-details h4 a:link, 
.mdcworks .cal-details h4 a:visited {
  text-decoration: none !important;
}

.mdcworks .cal-details h4 a:hover,
.mdcworks .cal-details h4 a:active,
.mdcworks .cal-details h4 a:focus {
  text-decoration: underline !important;
}
.display-only-mobile {
  display: none;
}

/* contact */
.gray-area-full-width.directory {
  margin-top: 0px;
  padding: 5px 15px;
}

/* figures */
.thumbnail .thumbnail-caption,
.thumbnail .thumbnail-title {
  padding-left: 0px;
}

.remove-margin {
  margin-right: 0px; 
  margin-left: 0px;
}


/*Responsive Queries*/

/*Moto G4 and older iPhone*/
@media (max-width: 360px) {
  .banner {
    height: auto;
  }
  .banner.prepare {
    height: auto;
  }
}

/*iPhone X, Google Pixel 2*/
@media (min-width: 370px) and (max-width: 480px) {
  .banner {
    height: 50em;
  }

  .banner .homepage-buttons {
    width: 100%;
  }

  /* .banner.prepare {
   height: 45em;
  } */
  .banner.prepare {
    height: auto;
  }

  /*EXPLORE CAREERS PAGES*/
  .banner-content.explore {
    padding-top: 60px;
  }

  /*CAREER EXPLORATION*/
  .parallax-leading.exploration {
    min-height: 30em;
  }

  /*CAREER ASSESSMENT*/
  .parallax-leading.assessment {
    min-height: 31em;
  }

  /*BLACKBOARD*/
  .parallax-leading.blackboard {
    min-height: 26em;
  }

  /*NETWORK*/
  .parallax-leading.network {
    min-height: 28em;
  }

  /*INTERVIEW PREP*/
  .parallax-leading.interview {
    min-height: 24em;
  }

  /*WORKSHOPS*/
  .parallax-leading.workshops {
    min-height: 24em;
  }

  /*GOVERNMENT JOBS*/
  .parallax-leading.government {
    min-height: 30em;
  }

  /*CREDENTIALING*/
  .parallax-leading.credentialing {
    min-height: 20em;
  }

  /*STUDENT ORG*/
  .parallax-leading.studentorg {
    min-height: 34em;
  }

  /*EVENTS*/
  .parallax-leading.events {
    min-height: 22em;
  }

  .banner-content.explore.internship {
    padding-top: 80px;
  }
  
  .banner-content.explore.resume {
    padding-top: 50px;
  }

  .h2banner-title {
    font-size: 45px;
  }

  /*
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #005dab;
  }

  .navbar-default .navbar-toggle:hover, 
  .navbar-default .navbar-toggle:focus {
    background-color: #fff;
  }
  */

}

@media (min-width: 480px) and (max-width: 640px) {
  .banner {
    height: 53em;
  }
  .banner.prepare {
    height: auto;
  }
  .h2banner-title {
    margin-left: 0px;
    margin-right: 0px;
  }
  .thumbnail img.resize-prepare {
    width: 40%;
  }
}

@media (max-width: 640px) {}

@media (min-width: 641px) and (max-width: 767px) {
  .banner {
    /* height: 40em; */
    height: auto;
    padding-bottom: 40px;
  }

  .banner.prepare {
    height: 55em;
  }

  .h2banner-title {
    margin-left: 0px;
    margin-right: 0px;
  }
  .thumbnail img.resize-prepare {
    width: 40%;
  }
}

@media (max-width: 767px) {
  .site-masthead {
    padding:10px 0;
    height: 100px;
  }
  .title-container {
    height: 50px;
  }
  .title-name {
    margin-top: 30px;
    width: fit-content;
  }
  .title-name h1 {
    font-size: 22px;
    font-weight: 400;
    margin-top: -30px;
  }
 
  .mdcworks .row.events .row{
    margin-bottom: 25px;
  }

  .mdcworks .cal-details {
    padding-left: 0px;
  }
  .display-only-mobile {
    display: block;
  }

  .col-xs-12.col-sm-6 .contact-form {
    width:50%;
  }
  .center-div {
    width: 100% !important;
  }
}

/*iPad Classic*/
@media (min-width: 768px) {
  .title-name h1 {
    font-size: 40px;
    font-weight: 300;
  }
  
  .title-area { 
    width: 100%; 
    position: relative;
  }
  .title-container { 
    height: 100%;
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    display: table; 
  }
  .title-name {
    display: table-cell; 
    vertical-align: middle;
  }
  .banner {
    height: 43em;
  }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  .title-name h1 {
    font-size: 37px;
  }
  .site-masthead {
      height: 100px;
  }	
  .title-name h1 {
      height: 150px;
  }	
  .mdcworks .cal-details {
    padding-left: 25px;
  }
  .banner.prepare {
    height: 55em;
  }
  .thumbnail img.resize-prepare {
    width: 40%;
  }
}

@media (min-width: 992px) {
  .title-area {
    height: 100px;	
  }
}

@media (max-width: 992px) {
  #logo-mdcworks {
    width: 40%;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 20px;
  }
  .directory .row {
    margin-bottom: 0px;
  }
  .directory .row .col-md-4 {
    margin-bottom: 30px;
  }
  .container.mb-40 .col-xs-2 {
    width: 30%;
    margin-bottom: 20px;
  }
  .thumbnail img.resize-explore {
    width: 35%;
  }
}

@media (max-width: 1024px) {

}

@media (min-width: 991px) and (max-width: 1024px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
  #logo-mdcworks {
    width: 40%;
    margin-top: 2%;
    margin-bottom: 1%;
  }

  /* .banner .homepage-buttons {
    width: 100% !important;
  } */

}

@media (max-width: 1200px) {
  .img-responsive.width-80,
  .img-responsive.width-60  {
    width: 100%;
  }
   
  .navbar-default .navbar-toggle .icon-bar {
    /* background-color: #005dab; */
    /* background-color: #888; */
    background-color: #fff;
  }

  .row.text-center.homepage-buttons .col-sm-12.col-md-4{
    margin-bottom: 20px;
    width: 100%;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}