/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */


/**
 * ===================================
 * Add local styles to this stylesheet
 * ===================================
 *
 * (they may be applied to this theme without affecting other sub-themes)
 **/


/**
 * NOC Responsive theme uses Bootstrap v3.4.1
 * 
 * see https://getbootstrap.com/docs/3.4
 **/



:root {
/*                                           C      M      Y      K    */
  --space-blue:         #192A50;   /*  13.6    0      0      7.45 */
  --neptune-blue:       #2E57A1;   /*  37.9    0      0     19.2  */
  --aqua-blue:          #79A1C4;   /* 100      0      0     35    */
  --gentle-green:       #C3EBE8;   /* 100      0      0     41.6  */


  --nav-hv:                  var(--space-blue);                /* default is --brilliant-cornflower */
  --nav-bkg:                 var(--aqua-blue);
  --nav-bkg-hv:              var(--gentle-green);
  --nav2-bkg:                var(--aqua-blue);
  --navp-bkg:                var(--aqua-blue);
  --mactn-blkgrid-bkg-hv:    var(--gentle-green);
  --mactn-blkgrid-bkg:       var(--aqua-blue);
  --foot-bkg:                var(--space-blue);
}

.m-mega-nav > ul a {

    font-family: 'Swiss_721 W01 Bold';
    font-family: var(--bold-font);
    font-weight: normal;
   /* background: rgba(0, 9, 38, 0.7);*/
    background: rgba(19, 50, 77, 0.9);
    background-color: var(--nav-bkg);
    color: white;
    color: var(--white-color);
    padding: 10px 12px 7px;
    display: inline-block;
    font-size: 18px;
    font-size: var(--nav-FS);
    transition: all .2s;

}

.m-mega-nav > ul a:hover {
    color: var(--space-blue);
}

.m-logo img {
  --logo-w: 230px;
  width: var(--logo-w);
  height: 85px; }
  @media (max-width: 767px) {
    .m-logo img {
      width: calc(60 / 85 * var(--logo-w));
      height: 60px; } }
  @media (max-width: 500px) {
    .m-logo img {
      width: calc(52 / 85 * var(--logo-w));
      height: 52px; } }
.m-link-list{
        border:4px solid var(--aqua-blue);
}

.m-link-list h2{
        color: var(--aqua-blue);
}

.m-fixed-bar .back-to-top button {
  background: url(../img/icon-back-to-top-white.svg); }

.m-fixed-bar .wrap + .wrap {
	background-color: var(--space-blue);	
}

#hero .image {
  background-image: url('../../../sites/atlantis/files/images/Autosub.jpg');
  background-position: 50% 65%;
}