 /* new homepage - remove page ID when ready */

@import url('https://fonts.googleapis.com/css?family=Lato:300&amp;display=swap');
.event li {
margin-bottom:20px;
}

.fl-page-header a, .fl-page-header a *, .fl-page-header a.fa {
    color: #fff !important;
}

.fl-theme-tagline {
    color: #ffffff !important;
}

.fl-widget .fl-widget-title {
     color: #5d95bc !important;
}

.fl-page-nav ul.sub-menu li a {
    text-transform: none;
color: #27668f !important;
}



/* for tables 2019 Trustees and 2019 Committees */
.contact{
		width:100%; 
		border-collapse:collapse; 
	}

.contact th {
text-align:left;
font-weight:700;
}
	.contact td{ 
		padding:7px; border:#173656 1px solid;
	}
	/* provide some minimal visual accommodation for IE8 and below */
	.contact tr{
		background: transparent;
	}
	/*  Define the background color for all the ODD background rows  */
	.contact tr:nth-child(odd){ 
		background: transparent;
	}
	/*  Define the background color for all the EVEN background rows  */
	.contact tr:nth-child(even){
		background: #dfebf4;
	}

/* styles for RSS feeds */
.fl-widget li {
    font-weight: 400;
}

span.rss-date {
    font-size: 13px;
    display: block;
    text-indent: .25em;
    text-transform: uppercase;
    letter-spacing: 1px;
}



 .fl-page-bar,
 .fl-page-nav-wrap {
     background-color: #031c33;
}


 .fl-page-header-wrap {
    background:#000;
    background-image: url(https://www2.whoi.edu/corporation/wp-content/uploads/2019/08/jelly.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 150px;
}

.fl-page-header-wrap {
    background:#173656;
    background-image: url(https://www2.whoi.edu/corporation/wp-content/uploads/2019/09/Coral_stills-09.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 150px;
}

.fl-page-header-container.container {
    background-image:none;
    height:100%;
}

 .fl-logo-text {
    margin-top: 30px;
    font-size: 36px;
    font-weight: 300;
}

 .fl-page-nav-wrap .navbar-nav > li > a {
    padding: 1em 3em 1em 0;
}

 p, li, td, th {
    font-size: 1.1em;
    font-weight: 300;
}

 h2.fl-post-feed-title {
    margin: 0;

}

 .fl-post-feed-header {
    margin-bottom: 5px;
}

 .fl-post-feed-meta {
    font-size: 14px;
    margin-bottom: 0px;
    font-style: italic;
    font-weight: 300;
}

 .fl-post-feed-content {
    padding-bottom: 10px;
}

 .fl-post-feed-post {
    margin-bottom: 15px;
}


/*
.page-id-2737 .fl-page-bar,
.page-id-2737 .fl-page-nav-wrap {
     background-color: #031c33;
}


.page-id-2737 .fl-page-header-wrap {
    background:#000;
    background-image: url(https://www2.whoi.edu/corporation/wp-content/uploads/2019/08/jelly.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 150px;
}

.page-id-2737 .fl-page-header-wrap {
    background:#173656;
    background-image: url(https://www2.whoi.edu/corporation/wp-content/uploads/2019/09/Coral_stills-09.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 150px;
}

.page-id-2737 .fl-page-header-container.container {
    background-image:none;
    height:100%;
}

.page-id-2737 .fl-logo-text {
    margin-top: 30px;
    font-size: 36px;
    font-weight: 300;
}

.page-id-2737 .fl-page-nav-wrap .navbar-nav > li > a {
    padding: 1em 3em 1em 0;
}

.page-id-2737 p {
    font-size: 1.1em;
    font-weight: 300;
}

.page-id-2737 h2.fl-post-feed-title {
    margin: 0;

}

.page-id-2737 .fl-post-feed-header {
    margin-bottom: 5px;
}

.page-id-2737 .fl-post-feed-meta {
    font-size: 14px;
    margin-bottom: 0px;
    font-style: italic;
    font-weight: 300;
}

.page-id-2737 .fl-post-feed-content {
    padding-bottom: 10px;
}

.page-id-2737 .fl-post-feed-post {
    margin-bottom: 15px;
}
*/

ul.page-numbers li:before {
    content: none!important;
    padding-right: 0em;
}

.fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers {
    padding: 5px 5px 5px 20px;
    margin: 0 15px 0 15px;
    text-align: center;
}

h1, h2, h3, h4 {
color: #173656 !important;
}

/* box */
.box-sidebar {
border:1px solid #173656;
background-color:#eeeeee;
padding:0px 10px 0 20px ;
margin:30px 0 10px;
}

.box-sidebar  a{
font-size:18px;
font-weight:700;
}

/* box */
.box {
border:1px solid #173656;
background-color:#eeeeee;
margin-right:20px;
margin-bottom:20px;
}
.box-last, .whoi-101, .quick-links, .calendar, .top-stories {
border:1px solid #173656;
background-color:#eeeeee;
margin-right:50px;
padding: 0 20px;
margin-top:40px;
height:380px;
}

h2.fl-post-feed-title {
font-size:24px;
}

.fl-page-nav .navbar-nav, .fl-page-nav .navbar-nav a {
letter-spacing:.1em;
}
/*#menu-main-menu-1.fl-page-nav .navbar-nav a {
    text-transform: uppercase;
letter-spacing:.1em;
}*/

.whoi-101, .calendar {
margin-top:0 
} 



/* hides secondary menu*/
ul#menu-secondary-menu {
    padding-top: .25em;
}

/* removes text-transform upper case from submenu */
.fl-page-nav ul.sub-menu li a {
text-transform:none;
}

/* changes font size of the directory */
.fl-module.fl-module-rich-text.directory {
font-size:.9em;
}

/* style for the quick links and calendar boxes */
.fl-module.fl-module-rich-text.quick-links,
.fl-module.fl-module-rich-text.whoi-101,
.fl-module.fl-module-rich-text.calendar,
.fl-module.fl-module-widget.press-releases. {
font-size:.95em;
background:#dddddd;
padding:0 10px 0 20px;
margin-right:20px;
margin-top:20px;
}

.fl-module.fl-module-rich-text.whoi-101 h4 {
margin-bottom:10px;
}
.fl-module.fl-module-widget.press-releases h2 {
font-size: 30px;
    line-height: 1.4;
    letter-spacing: 0px;
}


.fl-post-slider-navigation path {
    fill: #27668f;
}

.agenda h4 {
margin-top:30px;
}

/* directory image styles */
.alignleft {
max-width:120px;
height:auto;
}

.fl-photo.fl-photo-align-left {
max-width:300px;
height:auto;
margin-bottom: 20px;
}

/* Gravity Forms styling */
.ui-datepicker-month, .ui-datepicker-year{
   color: black;
}
.gform_wrapper .gf_step {
opacity: 1;
}

