/**
 * 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    */
  --grey98:		     #fafafa;   /*   0      0      0      1.96 */
  --light-cyan:		     #ccecec;   /*  13.6    0      0      7.45 */
  --mid-blue-green:	     #007ddd;   /*  37.9    0      0     19.2  */
  --light-sea-green:	     #05d2c4;   /* 100      0      0     35    */
  --dark-cyan:		     #009595;   /* 100      0      0     41.6  *


  --white-color:	     var(--grey98); 
  --aero-90:                 rgba(126, 194, 239, 0.9);    /* --aero, opacity 0.9 */
  --cyan-blue:               #5680b9;    /* --cyan-blue  */
  --aero-blue:               #7ec2ef;    /* --aero */
  --diver-blue:              #3a4f9b;    /* --diver-blue */
  --dark-charcoal:           #333333;    /* --dark-charcoal */

  --nav-hv:		     var(--cyan-blue);		/* default is --brilliant-cornflower */
  --nav-bkg:		     var(--aero-90);
  --nav-bkg-hv:		     var(--cyan-blue);
  --nav2-bkg:		     var(--aero-blue);
  --navp-bkg:		     var(--cyan-blue);
  --lnk-btn-bkg:             var(--mid-blue-green);
  --lnk-btn-bkg-hv:          var(--dark-cyan);
  --lnk-btn-txt:             var(--dark-charcoal):
  --hm-cta2-bkg:	     var(--light-cyan);
  --hm-cta3-bkg:	     var(--mid-blue-green);
  --hm-cta-bkg-hv:	     var(--mid-blue-green);
/*--hm-cta-hv-txt:	     var(--light-cyan); */		/* default is --white-color */
  --hl-txt-bkg:		     var(--mid-blue-green);
  --hl-txt-bkg-hv:	     var(--mid-blue-green);
/* --foot-bkg:		     var(--diver-blue); */		/* default is --dark-azure-2 */
  --mhighlt-arrow-bkg:	     var(--light-cyan);
  --mhighlt-publ-bkg:	     var(--mid-blue-green);
  --mactn-blkgrid-bkg-hv:    var(--mid-blue-green);		/* default is --brilliant-cornflower */
  --mactn-blkgrid-bkg:	     var(--mid-blue-green);
  --pgr-lnk-bkg-hgl:	     var(--mid-blue-green);
  --ssb-menu-bkg:	     var(--light-sea-green);
  --ssb-menu-lnk:	     var(--white-color);
/*--ssb-menu-lnk-hv:	     var(--mid-blue-green); */		/* default is --vivid-yellow */
}




.m-logo {
  --logo-w: 285px;
/*  background-color: var(--mid-blue-green);*/
}

.m-logo img {
  --logo-w: 350px;
  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; } }

/* Addition smaller size to fit on screen */
/*
  @media (max-width: 375px) {
    .m-logo img {
      width: calc(48 / 85 * var(--logo-w));
      height: 48px; } }
*/



/* Other CSS below */
/* --------------- */


.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(--mid-blue-green);
  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 .area--display-standard > ul > li > a:hover {
  color:var(--dark-charcoal) !important;
}
.m-mega-nav > ul li.is-hovered a {
  color:var(--dark-charcoal) !important;
}


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

.m-fixed-bar .back-to-top button {
/* background: url(../img/icon-back-to-top-tangerine.svg); */
  background: url(../../NOC8X-main/img/icon-back-to-top-dark.svg); }

.cc-by {
  color: rgba(250,250,250,0.75);
  font-size: 12.5px;
  line-height: 0px;
  position: sticky;
  bottom: 0;
  transform-origin: bottom right;
  transform: rotate(-90deg) translate(calc(100% + 5px), calc(var(--gap) - 9px));
}


#hero .image {
  background-image: url('../../../sites/default/files/images/Banner_pteraster.jpg'); }

/* Medin style overrides 2023 by CC */

.m-landing-hero .text-content {
   background-color: var(--amber-red);
   color: var(--dark-charcoal);
}

.m-landing-hero .title-content h1 {
   color: var(--white-color) !important;
   font-weight: bolder;
   //text-shadow: none !important;
}

.m-action-block-grid > ul li a .text-content {
   background-color: var(--amber-red);
}
.m-action-block-grid > ul li a:hover .text-content {
   background-color: var(--mid-blue-green);
}
.m-action-block-grid > ul li a .text-content {
   color: var(--dark-charcoal);
}
.m-site-footer {
   background-color: var(--mid-blue-green);
}

.m-site-footer .social-networks li a:hover {
   color: var(--dark-charcoal);
}
.m-site-footer .footer-navigation a:hover {
   color: var(--dark-charcoal);
}
.m-site-footer .email-signup a:hover {
   color: var(--dark-charcoal);
}
.m-site-footer .email-signup ul {
  padding: 0;
  padding-top: 0px;
  margin: 0;
  list-style: none !important;
  padding-top: 6px !important;
}

.m-cta-content--outline {
  border: 4px solid var(--cyan-blue);
}
.m-cta-content {
  background: var(--mid-blue-green);
}

.m-download-list li a {
  background: var(--aero-blue);
}
.m-download-list li a:hover {
  background: var(--cyan-blue);
} 
.m-action-list li a {
  background: var(--aero-blue);
}
.m-action-list li a:hover {
  background: var(--cyan-blue);
}
.m-action-list {
  background: var(--aero-blue);
}
.m-link-list {
  border: 4px solid var(--cyan-blue);
  padding: 40px;
}

.m-side-image a {
 color: var(--white-color);
}
.m-side-image a:hover {
  color: #333;
}