/**
 * 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  */
  --sea-blue:                #247094;  	/* 75.7     24.3   0     42.0  */
  --bright-mint:             #75F0A1;   /* 1.3      0      32.9  5.9 */
  --cobalt-blue:             #0a429c;   /*  93.6   57.7    0     38.8  */
  --dark-sea-blue:           #1c5672;   /*                             */

/*--white-color:             var(--grey98); */
  --sea-blue-85:         rgba(36, 112, 148, 0.85);   /* --sea-blue, opacity 0.85 */
  --sea-blue-90:         rgba(36, 112, 148, 0.9);    /* --sea-blue, opacity 0.9 */
  --sea-blue-95:         rgba(36, 112, 148, 0.95);   /* --sea-blue, opacity 0.95 */


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

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

.m-logo img {
  --logo-w: 374px;
  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(--algae-green);
}
.m-cta-content{
 background: var(--sea-blue-90);
}
.m-link-list {
  border: 4px solid var(--algae-green); 
}

.m-link-list h2{
  color: var(--algae-green);
}

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

/* 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('../../../sites/chamfer/files/images/chamfer_hero_1.png'); }*/