/**
 * 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-turquoise:	     #a4fbfd;	/*  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  */
  --turquoise:	   	     #00C9D9;	/* 100      0      0     35    */
  --dark-cyan:		     #009595;	/* 100      0      0     41.6  */
/*--dark-grey-2:	     #222; */	/*   0      0      0     86.7  */

/*--white-color:	     var(--grey98); */
  --turquoise-85:	     rgba(0, 201, 201, 0.85);   /* --turquoise, opacity 0.85 */
  --turquoise-90:	     rgba(0, 201, 201, 0.9);    /* --turquoise, opacity 0.9 */
  --turquoise-95:	     rgba(0, 201, 201, 0.95);   /* --turquoise, opacity 0.95 */

  --dark-gray-95;	     rgba(13, 13, 13, 0.95);	/* --dark-gray, opacity 0.95 */
  --dark-cornflower-95:	     rgba(39, 58, 143, 0.95);	/* --dark-cornflower, opacity 0.95 */
  --cadet-grey-95:	     rgba(136, 166, 166, 0.95);	/* --cadet=grey, opacity 0.95 */


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





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


#hero .image {
  background-image: url('../../../sites/c-streams/files/images/gulf-stream-green.jpg'); }


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



.m-link-list {
    border: 4px solid #e72686;
    padding: 40px;
}
.m-cta-content {
    background: #e72686;
    /* color: white; */
    color: var(--white-color);
    padding: 30px;
    line-height: 1.6;
    font-size: var(--sm-font-size);
}

.m-action-block-grid > ul li .text-content .h3 a:hover {

color: var(--lnk);
}

.right-block {
background-color: #5FB2B4;
padding: 20px;

}
.right-block p {
color: white;
}