/* sX-Small devices (portrait phones, less than 576px)*/
@media only screen and (max-width: 575px) {
  .logo {width: 100px;}
  .navbar.topwave {height: 50px;} 
  .topwave {height: 50px;}
  .life-at-vmd .benefits { height: 271px; }
  .life-at-vmd iframe {width: 450px;} 
}
/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) {
  .modal-dialog {
    max-width: 700px;
    margin: 1.75rem auto;
  }
  .life-at-vmd .benefits { height: 293px; }
  .life-at-vmd iframe {width: 100%;} 
}
/* Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 768px) {
  .modal-dialog {max-width: 600px;} 
  .life-at-vmd .modal-dialog {max-width: 674px;} 
  .typewriter h1 {font-size: 25px;} 
  .life-at-vmd .benefits {height: 350px; width: 90%;}
  .life-at-vmd .extras {height: 462px; width: 90%;}
}
/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .life-at-vmd .benefits {height: 250px; width: 50%;}
  .life-at-vmd .extras {height: initial; width: 50%;}
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .life-at-vmd .benefits {height: 306px; width: 50%;}
  .life-at-vmd .extras {height: 404px; width: 50%;}
  .travel-claim-sub-head { min-height: 90px; }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .life-at-vmd .benefits {height: 363px; width: 50%;}
  .life-at-vmd .extras {height: 480px; width: 50%;}
  .travel-claim-sub-head { min-height: initial; }
}



/**************************
 * shared styles
 * ***********************/
.modal-header {display: none;}
.pill-blue {
  background-color: #344767;
  color: #fff;
  font-size: .9rem;
}
.pill-dark-blue { background-color: #202D53; }
.pill-purple { background-color: #7928CA; }
nav #form1 { visibility: hidden; }
.bg-light-blue { background-color: #2eadcd; }
.bg-orange { background-color: #ed8023; }
.bg-dark-blue { background-color: #212d53; }
.bg-gradient-orange { background-image: linear-gradient(90deg, #ee7524 0%, #f09e21 100%); }
.bg-gradient-green { background-image: linear-gradient(90deg, #65ac5e 0%, #4e8e76 100%); }
.bg-gradient-blue { background-image: linear-gradient(90deg, #2b6992 0%, #7fbed0 100%); }
.bg-gradient-pink { background-image: linear-gradient(90deg, #d72f7d 0%, #ed8023 100%); }
/* top nav shared styles */
.dropdown-item:hover,
.dropdown-item:focus {color: #EF8022; background: none}
.dropdown-menu {background-color: rgba(255, 255, 255, 0.90);}
.dropdown-menu::before {opacity: 0.90;}
.text-blue { color: #025b7b; }
.text-orange, .text-orange:hover { color: #ed8023 }
.numberCircle {
    border-radius: 50%;
    width: 64px;
    height: 64px;

    background: none;
    border: 6px solid #fff;
    color: #fff;
    text-align: center;

    font-size: 32px;
    font-weight: bold;
}

/**************************
 * page background gradient styles
 * ***********************/
.mask-gradient-blue-1 {background-image: url('../img/shapes/waves-white.svg'), linear-gradient(#0A6698 0%, #05334C 100%);}

.mask-gradient-blue-2 {background-image: linear-gradient(#1a5482 0%, #113655 100%);}
.mask-gradient-blue-3 {background-image: linear-gradient(10deg,  #3A416F  0%, #141727 100%)}
.mask-gradient-green-1 {background-image: linear-gradient(310deg, #37B34A 0%, #028e17 100%);}
.mask-gradient-orange-1 {background-image: linear-gradient(310deg, #EF8022 0%, #e26804 100%);}
.mask-gradient-orange-2 { background-image: linear-gradient(310deg, #e26804 0%, #1A5482 100%);}


/* ************************
 * home page specifc styles
 * ***********************/
.home .page-header h2,
.home .page-header p {
  text-shadow: 3px 3px 3px #113655; 
}
/* TypeWriter Styles */
.typewriter {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.typewriter h2 {
  color: #fff;
  font-family: Open Sans;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .02em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(60, end),
    blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}


/* ************************
 * life at vmd page specifc styles
 * ***********************/
.life-at-vmd ::marker {color:#EF8023;}
.life-at-vmd li{text-align: left;}
.life-at-vmd .modal-content {margin-top: 100px;}
.life-at-vmd .modal-backdrop {position: inherit !important;}
.life-at-vmd #myVideo {
  left: 0;
  top: -35px;
  min-width: 100%;
  position: absolute;
  min-height: 100%;
}



/* ************************
 * case studies page specifc styles
 * ***********************/
.case-studies .modal-content {padding: 25px 25px 50px 25px;}



/* ************************
 * claim form mci page specifc styles
 * ***********************/
.claim-form-mci .branding21.formFooter {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  background-color: #0a1551;
  display: none;
}
.claim-form-mci .form-all {
  max-width: 1000px;
  width: 100%;
}
.claim-form-mci .avatar-xxl {
  width: 125px !important;
  height: 130px !important;
}
.claim-form-mci .form_table {
  border: 0px solid #F7FCFA !Important;
}



/* ************************
 * claim form page specifc styles
 * ***********************/
.claim-form .branding21.formFooter {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  background-color: #0a1551;
  display: none;
}
.claim-form .form-all {
  max-width: 1000px;
  width: 100%;
}
.claim-form .avatar-xxl {
  width: 125px !important;
  height: 130px !important;
}
.claim-form .form_table {
  border: 0px solid #F7FCFA !Important;
}



/* ************************
 * hero images
 * ***********************/
.devsecops .page-header { background-image: url("../img/vmd/hero-devsecops.jpg"); }
.cip-cop .page-header { background-image: url("../img/vmd/hero-cop.jpg"); }
.cloud-modernization .page-header { background-image: url("../img/vmd/hero-cloud-modernization.jpg"); }
.home .page-header { background-image: url('../img/vmd/Homepage_Hero_Image.jpg'); }
.cybersecurity .page-header { background-image: url('../img/vmd/greenabstractbg.jpg'); }
.agile-engineering .page-header { background-image: url('../img/vmd/Gradient-Blue-Abstract.jpg'); }
.agile-transformation .page-header { background-image: url('../img/vmd/hero-agile-transformation.jpg'); }
.cyber-strategy .page-header { background-image: url('../img/vmd/hero-cybersecurity-strategy.jpg'); }
.cyber-engineering .page-header { background-image: url('../img/vmd/hero-cybersecurity-engineering.jpg'); }
.cyber-resiliency .page-header { background-image: url('../img/vmd/hero-cybersecurity-resiliency.jpg'); }
.critical-infrastructure .page-header { background-image: url('../img/vmd/orange-bg.jpg'); }
.travel-with-vmd .page-header { background-image: url('../img/vmd/TravelVMD header.jpg'); }
.insights .page-header { background-image: url('../img/vmd/Insights_Hero_Image.jpg'); }
.press-releases .page-header { background-image: url('../img/vmd/Press_Hero_Image.jpg'); }
.case-studies .page-header { background-image: url(../img/vmd/case-study.jpg); }
.contract-vehicles .page-header { background-image: url('../img/vmd/Contract_Vehicles_Hero_Image.jpg'); }
.cio-sp3 .page-header { background-image: url('../img/vmd/hero-ciosp3.jpg'); }
.tsa-spp .page-header { background-image: url('../img/vmd/TSA_Security_Press_Image.jpg'); }
.seaport-nxg .page-header { background-image: url('../img/vmd/hero-seaport.jpg'); }
.gsa-mas .page-header { background-image: url('../img/vmd/gsa.jpg'); }
.employee-portal .page-header { background-image: url('../img/vmd/hero-employee-portal.jpg'); }
.contact-us-simple .page-header { background-image: url('https://raw.githubusercontent.com/creativetimofficial/public-assets/master/soft-ui-design-system/assets/img/tasks.jpg'); }
.about-us .page-header { background-image: url('../img/vmd/RJConcepts_VMD_PICNIC_PatrickMason_1010.00_00_02_11.Still026.png'); }
.transportation-security .page-header { background-image: url("../img/vmd/hero-transportation-securtiy.jpg"); }
.career .page-header {
  background-image: url("../img/vmd/hero-jobs.jpg");
  background-position-y: top;
}