/**
 * 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  */
  --green:		     #53dba2;	/*  45     0      23     16    */
  --blue:		     #597DB2;	/*  91     18      0     311   */
  --dark-cyan:		     #009595;	/* 100      0      0     41.6  */
/*--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 */

  --dark-gray-95;	     rgba(13, 13, 13, 0.95);	/* --dark-gray, opacity 0.95 */
  --green:	     	     rgba(83, 219, 162);	/* --green */
  --green-95:	     	     rgba(83, 219, 162, 0.95);	/* --green, opacity 0.95 */
  --blue:	     	     rgba(117, 218, 255);	/* --blue */
  --blue-95:	     	     rgba(117, 218, 255, 0.95);	/* --blue, opacity 0.95 */ 
  --sea-blue-95:	     rgba(81, 185, 224, 0.95);	/* --blue, opacity 0.95 */
  --white:		     rgba(255, 255, 255, 1);	/* --grey95, opacity 0.9 */ 

/* inspire colours */
  --grey95-90:		     rgba(242, 242, 242, 0.9);	/* --grey95, opacity 0.9 */ 
  --flood-blue:		     #6ED0E6;	/* 100      0      0     35    */
  --flood-blue-90:	     rgba(110, 208, 230, 0.9);	/* --blue */
  --dark-blue:		     #5B5981;	/* 100      0      0     35    */
  --dark-blue-90:	     	     rgba(91, 89, 129, 0.9);	/* --blue */
  --light-blue:		     #4E8AA4;	/* 100      0      0     35    */
  --light-blue-90:	     	     rgba(78, 138, 164, 0.9);	/* --blue */


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




.m-logo {
  --logo-w: 285px;
  background-color: var(--grey95-90);}
.m-logo img {
  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('../images/PhotoEd_Baynes.jpg'); background-position: 0% 50%; }

/*.content a {text-decoration: underline;}*/

/*.site-navigation li ul li a {color: #fff; background-color: var(--nav-bkg);}*/


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


.m-action-list > ul li.is-hovered a {
    color: white;
    background: var(--nav-bkg-hv);
}


th {
    font-family: var(--bold-font);
    font-weight: normal;
    background-color: var(--nav-bkg);
}

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

.m-mega-nav .area .area--display-standard > ul li.is-hovered a {
    color: white;
    background: var(--nav-bkg-hv);
}

.m-cta-list.m-cta-list ul li a {
	background: var(--green);
}


.m-action-list ul a {
	background: var(--green);
}

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

.m-fixed-bar .wrap {
  height: 60px;
  padding: 6px 100px;
  position: relative;
  background-color: var(--nav-bkg);
}

.m-mega-nav > ul a {
    color: white;
}


hr {
    border-top: 3px solid #ccc;
    
}
.m-article h2 {
    color: #51b9e0;
}

[id^=accordion] .panel-heading .accordion-toggle {
    background-color: var(--flood-blue-90);
}


.partnerimage {
  display: block;
  width: 25%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #6ed0e6;
}

.container:hover .overlay {
  opacity: 1;
}

.imagetext {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.center 
{
  text-align:center;
}


.description p
{
  font-size: 18px;
}



h3-c {
    line-height: 1.4;
    text-align: center;
}


.m-action-block-grid > ul li a .image {
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    opacity: 1;
border-radius:50%;

}


.m-action-block-grid > ul li a .image + .text-content {
    margin-top: 4px;
    left: -5px;
    margin-left: 0;
    margin-bottom: 30px;
}