/**
 * 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    */
  --light-cyan:		     #ccecec;	/*  13.6    0      0      7.45 */
  --dark-cornflower:	     #203E7A;	/*  13.6    0      0      7.45 */
  --mid-blue-green:	     #80cece;	/*  37.9    0      0     19.2  */
  --cadet-grey:		     #88acac;	/*  18.1    0      0     34.9  */
  --light-sea-green:	     #00a6a6;	/* 100      0      0     35    */
  --dark-cyan:		     #009595;	/* 100      0      0     41.6  */
  --light-blue:         #b5dde6;
/*--dark-grey-2:	     #222; */	/*   0      0      0     86.7  */

  --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 */

  --dark-gray-95:	     rgba(13, 13, 13, 0.95);	/* --dark-gray, opacity 0.95 */
  --light-blue-95:	     rgba(181, 221, 231, 0.95);	/* --light-blue, opacity 0.95 */
  --dark-cornflower-95:	     rgba(32, 62, 122, 0.95);	/* --dark-cornflower, opacity 0.95 */
  --logo-blue:	     rgba(17, 67, 171, 0.9);	/* --cadet=grey, opacity 0.95 */
  --white-color-90:	     rgba(255, 255, 255, 0.9);	/* --white-color-90, opacity 0.9 */
  --black:	     rgba(0, 0, 0, 0.9);	/* black */


  --hero-txtpanel:	     var(--dark-cornflower-95);
  /*--nav-hv:		     var(--light-cornflower);		/* default is --brilliant-cornflower */
  /*--nav-bkg-hv:		     var(--barbie-pink-95);*/
  --nav2-bkg:		     var(--dark-cornflower-95);
  --navp-txt-hv:	     var(--light-blue-95);
  --hm-cta2-bkg:	     var(--light-cyan);
  --hm-cta3-bkg:	     var(--mid-blue-green);
  --hm-cta-bkg-hv:	     var(--light-sea-green);
/*--hm-cta-hv-txt:	     var(--light-cyan); */		/* default is --white-color */
  --hl-txt-bkg:		     var(--dark-cornflower-95);
  --hl-txt-bkg-hv:	     var(--light-sea-green-95);
  --foot-bkg:		     var(--dark-cornflower);		/* default is --dark-azure-2 */
  --mhighlt-arrow-bkg:	     var(--light-cyan);
  --mhighlt-publ-bkg:	     var(--mid-blue-green);
  --mactn-blkgrid-bkg-hv:    var(--dark-cornflower-95);		/* default is --brilliant-cornflower */
  --mactn-blkgrid-bkg:	     var(--barbie-pink-95);
  --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 */

  --nav-bkg:		     var(--dark-cornflower); /* main menu background */
  --navp-bkg:		     var(--dark-cornflower); /* sub-menu background */
--grey98:		     #fafafa;*/	/*   0      0      0      1.96 */
--white-color:	     var(--white-color-90);
--nav-hv:		     var(--grey98);
--light-blue-95:	     rgba(181, 221, 231, 0.95);	/* --light-blue, opacity 0.95 */
--dark-green:	     rgba(20, 78, 94);	/* --dark-green */
--nav-bkg-hv:		 var(--logo-blue);	/* --light-blue */    
--navp-txt-hv:		 rgba(250, 250, 250, 0.9);	/* --dk-green-blue */    
}


.m-logo {background-color: var(--dark-cornflower);}

.m-mega-nav > ul li.is-hovered a {
    color: var(--navp-txt-hv);
    background: var(--nav-bkg-hv);
}

/* sub-menus area */

.m-mega-nav .area a {
    color: var(--navp-txt-hv);
}

/* the drop-down menu */
.m-mega-nav .area {
    padding: 10px 30px 3px 30px;
    
}

.m-logo img {
  --logo-w: 231px;
  width: var(--logo-w);
  height: 85px; 
margin: auto; }
  @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-fixed-bar .back-to-top button {
  background: url(../img/icon-back-to-top-white.svg); }



/*.m-link-list {
    border: 4px solid #e72686;
    padding: 40px;
}*/
.m-cta-content {
    background: var(--dark-cornflower);
    /* color: white; */
    color: var(--white-color);
    padding: 30px;
    line-height: 1.6;
    font-size: var(--sm-font-size);
}
/*.m-mega-nav .area a:hover {
   color: var(--light-cyan);
   }*/