/**
 * 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    */
  --space-blue:         #192A50;   /*  13.6    0      0      7.45 */
  --neptune-blue:       #2E57A1;   /*  37.9    0      0     19.2  */
  --aqua-blue:          #4682B4;   /* 100      0      0     35    */
  --gentle-green:       #C3EBE8;   /* 100      0      0     41.6  */
  --msuk-light-blue:    #D1DBED;   /* 100      0      0     41.6  */
  --msuk-dark-blue:     #006899;   /* 100      0      0     41.6  */
  --msuk-beer:		#F7941C;


  --nav-hv:                  var(--space-blue);                /* default is --brilliant-cornflower */
  --nav-bkg:                 var(--msuk-light-blue);
  --nav-bkg-hv:              var(--msuk-light-blue);
  --nav2-bkg:                var(--msuk-dark-blue);
  --navp-bkg:                var(--aqua-blue);
  --mactn-blkgrid-bkg-hv:    var(--gentle-green);
  --mactn-blkgrid-bkg:       var(--aqua-blue);
 /* --foot-bkg:                var(--space-blue);*/
  --foot-bkg: 		     #000;
}


body {
    /* background: #eaeff3; */
    background-image: linear-gradient(to bottom, #006899, black);
    min-width: 320px;
    background-size: contain !important;
    background-position: center top;
}



.m-mega-nav > ul a {

    font-family: 'Swiss_721 W01 Bold';
    font-family: var(--bold-font);
    font-weight: normal;
   /* background: rgba(0, 9, 38, 0.7);*/
    background: rgba(19, 50, 77, 0.9);
    background-color: transparent;
    color: white;
    color: var(--white-color);
    padding: 10px 12px 7px;
    display: inline-block;
    font-size: 18px;
    font-size: var(--nav-FS);
    transition: all .2s;

}

.m-mega-nav > ul a:hover {
    color: #F7941C;
}

.m-mega-nav > ul li.is-hovered a {
    color: #F7941C;
     background-color: transparent;
}


.m-logo {
    display: inline-block;
       background-color: white;
   
    padding: 18px;
    position: absolute;
    top: 0;
    left: 0;
}

.m-logo img {
  --logo-w: 275px;
  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-link-list{
        border:4px solid var(--aqua-blue);
}

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

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

.m-fixed-bar .wrap + .wrap {
	background-color: var(--space-blue);	
}

#hero .image.image {
  background-image: url('../../../sites/marinescience/files/images/iStock-137052219.jpg');
  background-position: 50% 42;
}

p.intro {
    font-size: 150%;
}


.m-highlighted-content ul.item-list, .m-highlighted-content > ul {

    list-style: none;

}

.m-highlighted-content ul.item-list, .m-highlighted-content > ul {
    display: block;
    padding: 20px;
    height: 100%;
    transition: all .2s;
}


    .m-highlighted-content ul.item-list, .m-highlighted-content > ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        margin-left: 0;
width: auto;
    }


    .m-highlighted-content li {
 background: var(--msuk-light-blue);
    color: black;
 padding: 20px;
border-radius: 25px;
}


.dark-background
{

    color: white;
background-image: url(/marinescience/sites/marinescience/files/images/msuK-Background.png);
background-size: cover;
}

.dark-background2
{

    color: white;
background-image: url(/marinescience/sites/marinescience/files/images/BATHYMETRY%20bluev2.svg);
background-size: cover;
}


#main {
    margin-top: 70px;
    margin-bottom: 50px;
}

.m-landing-hero {

padding-top:300px;
}

.m-landing-hero .title-content h1 {
color: #fff
}

.btn-warning {
    color: black;
    border-color: var(--msuk-beer);
    border-width: thick;
    background-color: transparent;
}
.btn-warningW {
    color: white;
    border-color: var(--msuk-beer);
    border-width: thick;
    background-color: transparent;
}

.btn-warning:hover,.btn-warning:focus {
    background-color: var(--msuk-beer);
    border-color: var(--msuk-beer);
}
.btn-warningW:hover,.btn-warning:focus {
    background-color: var(--msuk-beer);
    border-color: var(--msuk-beer);
}
.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0px;
}