/* makes custom fonts not all caps */

@media (min-width: 992px) {
  .fl-page-header-row .col-md-4 {width: 23%;}
  .fl-page-header-row .col-md-8 {width: 77%;}
}



ul.sub-menu li.menu-item.menu-item-type-custom.menu-item-object-custom a {
     font-size: 15px;
    text-transform: none;
    padding-left:40px;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-100LilBunny-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-100LilBunny-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-100LilBunny.ttf') format('ttf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-100LilBunnyItalic-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-100LilBunnyItalic-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-100LilBunnyItalic.ttf') format('ttf');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-200LilMondo-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-200LilMondo-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-200LilMondo.ttf') format('ttf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-200LilMondoItalic-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-200LilMondoItalic-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-200LilMondoItalic.ttf') format('ttf');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-300LilKahuna-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-300LilKahuna-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-300LilKahuna.ttf') format('ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-300LilKahunaItalic-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-300LilKahunaItalic-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-300LilKahunaItalic.ttf') format('ttf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-400LilDude-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-400LilDude-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-400LilDude.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-400LilDudeItalic-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-400LilDudeItalic-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-400LilDudeItalic.ttf') format('ttf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-500Dudette-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-500Dudette-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-500Dudette.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-500DudetteItalic-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-500DudetteItalic-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-500DudetteItalic.ttf') format('ttf');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-600Bunny-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-600Bunny-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-600Bunny.ttf') format('ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-600BunnyItalic-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-600BunnyItalic-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-600BunnyItalic.ttf') format('ttf');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-700Mondo-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-700Mondo-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-700Mondo.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-700MondoItalic-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-700MondoItalic-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-700MondoItalic.ttf') format('ttf');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-800Kahuna-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-800Kahuna-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-800Kahuna.ttf') format('ttf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-800KahunaItalic-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-800KahunaItalic-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-800KahunaItalic.ttf') format('ttf');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-900Dude-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-900Dude-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-900Dude.ttf') format('ttf');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TideSans';
    src: url('https://website.whoi.edu/wp-content/fontface/TideSans-900DudeItalic-webfont.woff2') format('woff2'), url('https://website.whoi.edu/wp-content/fontface/TideSans-900DudeItalic-webfont.woff') format('woff'), url('https://website.whoi.edu/wp-content/fontface/TideSans-900DudeItalic.ttf') format('ttf');
    font-weight: 900;
    font-style: italic;
}

.fl-row-content-wrap ul li:before {
    content: "";
    padding-right: .25em;
    color: #00B7BD;
    font-size: .8em;
}
ul#menu-main-menu {
margin-top:0
}
.fl-menu .sub-menu {
  min-width: 250px;
}
.fl-node-678175d290fc4 .menu > li.current-menu-item > a {
color: #f87db4;
color: #5d95bc;
}

ul#menu-main-menu.menu.fl-menu-horizontal.fl-toggle-arrows {
  width:560px;
}

/*.fl-node-678175d290fc4 .menu a {
    padding-left: 40px;
}*/

.fl-node-678175d290fc4 .fl-menu .sub-menu {
    background-color: #296BC9;
  background-color: #041e42;

}

.fl-node-678175d290fc4 .menu .fl-has-submenu .sub-menu {
  padding-bottom:20px;
}

ul.sub-menu li.menu-item.menu-item-type-post_type.menu-item-object-page a {
    font-family: 'TideSans-300LilKahuna', 'Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
    font-size: 15px;
    text-transform: none;
    padding-left:40px;
    padding-bottom:0px;
    letter-spacing:0;
    padding-top:0px;
    
}

body {
	background-color: #ffffff;
	color: #222222;
	font-family: 'TideSans','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif; 
    font-weight:300;
	font-size: 16px;
	line-height: 1.5;
	padding: 0;
	/*  letter-spacing: -0.5px;*/
}
h1, h2, h3, h4, h5, h6 {
	color: #041E42;
	font-family: 'TideSans','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
	font-weight: 500;
	line-height: 1.4;
	text-transform: none;
        padding:0;
        margin:0;
   	letter-spacing: 0px;
}
.hero h1, h1, h2, h3, h4, h5 {
  font-weight:300;
}
strong, b, .fl-builder-content .fl-rich-text strong{font-family: 'TideSans','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif; font-weight:500}

h1 {font-size: 45px;}
h2 {font-size: 38px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

.fl-col-small p, .fl-col-small li {
    font-size: 16px;
}

p {font-size: 18px;letter-spacing:.02em;}
.fl-col-small p {
font-size:18px;
letter-spacing:.02em;

}
a:hover {
  color: #8eaf14;
}





html, body{overflow-x:hidden;}


a:focus, a:active, a:hover {
  outline: none !important;
  border: none;
  box-shadow: none;
}
/*
ul.sub-menu li.menu-item a {
  font-family: 'TideSans-300LilKahuna','Red Hat Display', 'Helvetica', Arial, Tahoma, sans-serif;
  font-size: 15px;
  text-transform: none;
}*/
header a, header a:active, header a:hover, header a:focus {
  font-style: normal;
  text-decoration: none !important;
  letter-spacing:.02;
}
header .fl-module-content.fl-node-content {
  margin: 0px !important;
    margin-top: 0px;
}


@media (max-width: 767px) {


/*body {
margin: 0 10px;
}
*/

.fl-module-content.fl-node-content {
    padding: 10px;
    margin: 0;
}
}
