/**
 * 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  */
  --algae-green:	     #6BE0B0;	/* 100      0      0     35    */
  --dark-cyan:		     #009595;	/* 100      0      0     41.6  */
/*--dark-grey-2:	     #222;  */	/*   0      0      0     86.7  */
  --marian-blue:	     #374080;	/*  57     50      0     49.8  */
  --bright-mint:	     #75F0A1;	/*   1.3    0     32.9    5.9  */
  --cobalt-blue:	     #0a429c;	/*  93.6   57.7    0     38.8  */
  --pale-purple:	     #bbd0ff;
  --periwinkle:		     #bbd0ff;

/*--white-color:	    var(--grey98); */
  --marian-blue-85:	    rgba(55, 64, 128, 0.85);	/* --marian-blue, opacity 0.85 */
  --marian-blue-90:	    rgba(55, 64, 128, 0.9);	/* --marian-blue, opacity 0.9 */
  --marian-blue-95:	    rgba(55, 64, 128, 0.95);	/* --marian-blue, opacity 0.95 */


  --hero-txtpanel:	     var(--marian-blue-90);
  --nav-hv:		     var(--cobalt-blue);	/* default is --brilliant-cornflower */
  --nav-bkg:		     var(--marian-blue-90);
  --nav-bkg-hv:		     var(--pale-purple);
  --nav2-bkg:		     var(--marian-blue);
  --navp-bkg:		     var(--marian-blue-85);
  --hm-cta2-bkg:	     var(--light-cyan);
  --hm-cta3-bkg:	     var(--periwinkle);
  --hm-cta-bkg-hv:	     var(--periwinkle);
/*--hm-cta-hv-txt:	     var(--light-cyan); */	/* default is --white-color */
  --hl-txt-bkg:		     var(--marian-blue-90);
  --hl-txt-bkg-hv:	     var(--marian-blue-95);
  --foot-bkg:		     var(--marian-blue); */	/* default is --dark-azure-2 */
  -/imhighlt-arrow-bkg:	     var(--light-cyan);
  --mhighlt-publ-bkg:	     var(--pale-purple);
  --mactn-blkgrid-bkg-hv:    var(--periwinkle);		/* default is --brilliant-cornflower */
  --mactn-blkgrid-bkg:	     var(--marian-blue-95);
  --pgr-lnk-bkg-hgl:	    var(--periwinkle);
  --ssb-menu-bkg:	     var(--periwinkle);
  --ssb-menu-lnk:	     var(--white-color);
/*--ssb-menu-lnk-hv:	     var(--mid-blue-green); */	/* default is --vivid-yellow */
}

.m-logo{
  background: var(--marian-blue-85);
}

.m-logo img {
  /*--logo-w: 374px;*/
  --logo-w: 435px;
  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-action-list ul a:hover {
  background: var(--marian-blue);
}
.m-cta-content{
 background: var(--marian-blue-90);
}
.m-link-list {
  border: 4px solid var(--marian-blue); 
}

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



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

#hero .image {
  background-image: url('../img/LocateBanner1.jpg'); }
.m-fixed-bar .back-to-top button {
  background: url(../img/icon-back-to-top-pale-purple.svg); }