/**
 * 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:	     #80cece;   /*  37.9    0      0     19.2  */
  --light-sea-green:	     #00a6a6;   /* 100      0      0     35    */
  --dark-cyan:		     #009595;   /* 100      0      0     41.6  */

  --tangerine:		     #f78400;	/*   0     46.6  100      3.14 */
  --cinnabar-red:	     #ef3b2c;	/*   0     75.3   81.6    6.27 */
  --picton-blue:	     #6baed6;	/*  50.0   18.7    0     16.1  */
  --carnelian-red:	     #a50f15;	/*   0     90.9   87.3   35.3  */
  --cobalt-blue:	     #0a429c;	/*  93.6   57.7    0     38.8  */

/*--dark-grey-2:	     #222;*/    /*   0      0      0     86.7  */

/*--white-color:	     var(--grey98); */
  --light-sea-green-85:	     rgba(0, 160, 160, 0.85);	/* --light-sea-green, opacity 0.85 */
  --light-sea-green-90:	     rgba(0, 160, 160, 0.9);	/* --light-sea-green, opacity 0.9 */
  --light-sea-green-95:	     rgba(0, 160, 160, 0.95);	/* --light-sea-green, opacity 0.95 */
  --cyprus-green-95:         rgba(0, 64, 66, 0.95);     /* --cyprus-green, opacity 0.95 */
  --persian-green-90:        rgba(3, 150, 158, 0.90);   /* --persian-green, opacity 0.90 */
  --yellow-red-95:           rgba(245, 184, 84, 0.95);   /* --ywllow-red, opacity 0.95 */
  --tigers-eye-90:           rgba(227, 145, 61, 0.90);   /* --tigers-eye, opacity 0.90 */
  --light-orange-95:         rgba(245, 185, 84, 0.95);  /* --light-orange, opacity 0.95 */
  --dark-orange-95:          rgba(227, 145, 61, 0.95);  /* --dark-orange, opacity 0.95 */
  --tangerine-85:	     rgba(247, 132, 0, 0.85);	/* --tangerine, opacity 0.85 */
  --tangerine-90:	     rgba(247, 132, 0, 0.9);	/* --tangerine, opacity 0.9 */
  --tangerine-95:	     rgba(247, 132, 0, 0.95);	/* --tangerine, opacity 0.95 */
  --picton-blue-85:	     rgba(107, 174, 214, 0.85);	/* --picton-blue, opacity 0.85 */
  --picton-blue-90:	     rgba(107, 174, 214, 0.9);	/* --picton-blue, opacity 0.9 */
  --picton-blue-95:	     rgba(107, 174, 214, 0.95);	/* --picton-blue, opacity 0.95 */
  --carnelian-red-90:	     rgba(165, 15, 21, 0.9);	/* --carnelian-red, opacity 0.9 */
  --amber-90:                rgba(254, 124, 0, 0.9);    /* --amber, opacity 0.9 */
  --cyan-blue-90:            rgba(86, 128, 185, 0.9);    /* --cyan-blue, opacity 0.9 */
  --aero-90:                 rgba(126, 194, 239, 0.9);    /* --aero, opacity 0.9 */
  --amber-red:               #fe7c00;    /* --amber-red */
  --cyan-blue:               #5680b9;    /* --cyan-blue  */
  --aero-blue:               #7ec2ef;    /* --aero */
  --diver-blue:              #3a4f9b;    /* --diver-blue */
  --dark-charcoal:           #333333;    /* --dark-charcoal */

/*--hero-txtpanel:	     var(--tangerine-85); */
  --nav-hv:		     var(--cyan-blue-90);		/* default is --brilliant-cornflower */
  --nav-bkg:		     var(--aero-90);
  --nav-bkg-hv:		     var(--amber-red);
  --nav2-bkg:		     var(--picton-blue);
  --navp-bkg:		     var(--amber-90);
  --lnk-btn-bkg:             var(--diver-blue);
  --lnk-btn-bkg-hv:          var(--amber-red);
  --lnk-btn-txt:             var(--dark-charcoal):
  --hm-cta2-bkg:	     var(--light-cyan);
  --hm-cta3-bkg:	     var(--mid-blue-green);
  --hm-cta-bkg-hv:	     var(--tangerine);
/*--hm-cta-hv-txt:	     var(--light-cyan); */		/* default is --white-color */
  --hl-txt-bkg:		     var(--tangerine-90);
  --hl-txt-bkg-hv:	     var(--tangerine-95);
/* --foot-bkg:		     var(--cobalt-blue); */		/* default is --dark-azure-2 */
  --mhighlt-arrow-bkg:	     var(--light-cyan);
  --mhighlt-publ-bkg:	     var(--mid-blue-green);
  --mactn-blkgrid-bkg-hv:    var(--picton-blue);		/* default is --brilliant-cornflower */
  --mactn-blkgrid-bkg:	     var(--carnelian-red-90);
  --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 img {
  --logo-w: 250px;
  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-logo {
  background-color: var(--white-color); }

.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(--diver-blue);
  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(--diver-blue);
}

.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/medin/files/images/medin-header-bkgd-large-v2.png');
  background-position: 50% 11%; }

/* 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(--diver-blue);
}
.m-action-block-grid > ul li a .text-content {
   color: var(--dark-charcoal);
}
.m-site-footer {
   background-color: var(--cyan-blue);
}

.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(--diver-blue);
}

.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;
}