/**
 * 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 {
  --french-navy-blue:       #012959;
  --french-navy-blue-90:    rgba(1, 41, 89, 0.9);
  --arabic-blue:            #32749F;
  --mystic-bronze:          #D1993A;
  
  --nav-bkg:                 var(--arabic-blue);
  --nav2-bkg:                var(--french-navy-blue);
  --navp-bkg:                var(--arabic-blue);
  --foot-bkg:                var(--french-navy-blue);
  --mactn-blkgrid-bkg:       var(--french-navy-blue-90);
  --mactn-blkgrid-bkg-hv:    var(--arabic-blue); 
}

.m-logo img {
/* Change to logo width and height (or scaled, keeping aspect ratio) */
  --logo-fw: 279px;
  --logo-fh: 100px;

/* Don't change following */
  --logo-w: calc((85px / var(--logo-fh)) * var(--logo-fw));
 /* width: var(--logo-w);
  height: 85px; }*/
  width:100px!important;
  }
  @media (max-width: 767px) {
    .m-logo img {
      width: calc(54 / 85 * var(--logo-w));
      height: 54px; } }
  @media (max-width: 500px) {
    .m-logo img {
      width: calc(46 / 85 * var(--logo-w));
      height: 46px; } }
  @media (max-width: 375px) {
    .m-logo img {
      width: calc(37 / 85 * var(--logo-w));
      height: 37px; } }
.m-logo{
 /* background:white;*/
 background:rgba(255, 255, 255, 0);
}


/* Other CSS below */
/* --------------- */

/*.m-index-hero .image::after {
 background-color: var(--french-navy-blue);
 opacity:1;
}*/

/*#hero .image.loaded {
    background-image: url(../img/argo-header.webp);
}*/

#hero .image.image {
  background-image: url('../img/argo-header.webp');
  /*background-position: 50% 60%;*/
}

.imgCentre img{
 margin-left:auto;
 margin-right:auto;
 display:block;
 float: none;
}

.imgCentre img.leftimg {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 100%;
}
.m-cta-content--outline {
    border: 4px solid #32749F;
}

.m-link-list {
    border: 4px solid #32749F;
}
.m-link-list h2{
    color: #32749F; 
}
.m-cta-content--outline h2, .m-cta-content--outline i {
    color: #32749F;
}
.imgCC { border-radius: 50%; overflow: hidden; float: right; margin-bottom: 20px; } /* image container */ .imgC { filter: contrast(97%); }
.goal-icon-frame {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.goal-icon-frame img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}
.gridded { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; }
	.gridded .imgBox { margin: 0; padding: 0; }
	.imgBox .inner-container, .pswp__img { padding: 0; background-color: var(--white-color); overflow: unset; }