/* $Id: zen_midnight.css,v 1.1.2.1 2009/05/21 23:23:52 garrettalbright Exp $ */

/*
 * ZEN STYLES
 *
 * This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
 * file, but instead copy this CSS to their own stylesheets.
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See the
 * drupal6-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 *
 *   Book Navigation  See line 74  of Zen's drupal6-reference.css file
 *   Forum            See line 197 of Zen's drupal6-reference.css file
 *   Menus            See line 667 of Zen's drupal6-reference.css file
 *   News Aggregator  See line 20  of Zen's drupal6-reference.css file
 *   Polls            See line 287 of Zen's drupal6-reference.css file
 *   Search           See line 320 of Zen's drupal6-reference.css file
 *   User Profiles    See line 945 of Zen's drupal6-reference.css file
 */


/** body **/
html {
  /* background-color: #E8D8B7; */
}

body {
  margin: 0;
  padding: 0px;
  /* https://wallpaperset.com/underwater-backgrounds */
  /* https://wallpaperset.com/w/full/c/c/2/444040.jpg */
  /* background: #0543a8 url(images/w2o-background-top.png) center top no-repeat fixed; */
  /* background: #0543a8 url(images/w2o-background-top.jpg) center top no-repeat;
  background-size: 100% 644px; */
  background: #081742 url(images/background4.jpg) center top no-repeat;
  background-size: 100% 789px;
  color: white;
}

a {
  /* color: #46eeba; */
  color: #FF8C00;
  text-decoration: none;
}

a:hover {
  color: #fff8ee;
  text-decoration: underline;
}

hr {
  border-color: #6277AF;
}

.node-inner .content img {
  height: auto !important;
  max-width: 100% !important;
}
/* Fix the front page images in the TD that get squished with this new image responsive setup */
#node-2 .content td img {
  min-width: 175px;
}


input, textarea, select {
  background: #fff;
  color: #000;
}

input[type=radio], input[type=checkbox] {
  background: transparent;
}

/* CSS */
select,
input[type=submit] {
  appearance: none;
  background-color: #F8F8F9;
  border: 1px solid rgba(27, 31, 35, 0.35);
  border-radius: 6px;
  box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
  box-sizing: border-box;
  color: #24292E;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px;
  list-style: none;
  padding: 6px 16px;
  position: relative;
  transition: all 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: break-word;
  transition-duration: 0.2s;
}

input[type=submit]:hover {
  background-color: #ddd;
  color: #000000;
  border: 1px solid rgba(27, 31, 35, 0.65);
  text-decoration: none;
  transition-duration: 0.05s;
}

input[type=submit]:disabled {
  background-color: #FAFBFC;
  border-color: rgba(27, 31, 35, 0.15);
  color: #959DA5;
  cursor: default;
}

input[type=submit]:active {
  background-color: #EDEFF2;
  box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset;
  transition: none 0s;
}

input[type=submit]:focus {
  outline: 1px transparent;
}

input[type=submit]:before {
  display: none;
}

input[type=submit]:-webkit-details-marker {
  display: none;
}


/* Make the search form smaller and cleaner  in the header */
#search-box div.form-item {
  display: inline-block;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

#search-box input {
  display: inline-block;
  font-size: 0.75rem;
  height: 24px;
  margin: 0;
  border: 0;
  vertical-align: top;
  padding: 2px 5px;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
}
#search-box input[type=submit] {
}
#search-box input[type=submit]::-moz-focus-inner {
  border: 0;
}



a:active, a:focus {
  outline: none !important;
}

th.active img {
  margin-left: 5px
}

#page {}

#page-inner {}


#header {
  z-index: 101;
}

#header-inner {}

#logo-title {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: flex;
}

#logo {
  flex: 1 1 auto;
  width: auto;
  object-fit: contain;
  object-position: center;
}

#woe-logo {
  margin-left: 10px;
  flex: 1 1 165px;
  max-width: 165px;
  background: transparent url(images/woe-logo-2025.png) center right no-repeat;
  background-size: contain;
}

#logo a {
  height: 100%;
  width: auto;
  overflow: hidden;
  display: inline-block;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0;
}

img#logo-image {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}

h1#site-name, div#site-name {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover {
  text-decoration: underline;
}

#header-blocks {
  overflow: visible;
}

.breadcrumb {
  padding-bottom: 0;
  margin-bottom: 1rem;
  font-size: 0.8rem;
}

body.section-admin .breadcrumb {
  display: block
}

#content h2.title {
  border-bottom: 0px solid #356;
  padding-bottom: 2px;
}

div.messages

/* Important messages (status, warning, and error) for the user */
  {}

div.status

/* Normal priority messages */
  {}

div.warning, tr.warning

/* Medium priority messages */
  {
  /* border: 1px solid #f0c020; */
  /* Drupal core uses: 1px solid #f0c020 */
}

div.error, tr.error

/* High priority messages. See also the .error declaration below. */
  {}

div.tabs

/* See also the tabs.css file. */
  {}

.help

/* Help text on a page */
  {
  margin: 1em 0;
}

.more-help-link

/* Link to more help */
  {
  font-size: 0.85em;
  text-align: right;
}

#content-area

/* Wrapper for the actual page content */
  {
  min-height: 80px;
}

#content-area .node-inner>div.content {
  min-height: 100px;
}

.pager

/* A list of page numbers when more than 1 page of content is available */
  {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a, .pager strong.pager-current {
  padding: 3px 6px;
  display: inline-block;
  border: 1px solid #3F6A7F;
}

.pager a:hover {
  border: 1px solid #46EEBA;
}

.item-list .pager li {
  padding: 0em;
  display: inline-block;
}

.pager li.pager-current {
  border: 1px solid #46EEBA;
  padding: 3px 6px;
}

.pager-first a, .pager-previous a, .pager-next a, .pager-last a {}

.feed-icons

/* The links to the RSS or Atom feeds for the current list of content */
  {
  margin: 1em 0;
}

#content-bottom

/* Wrapper for any blocks placed in the "content bottom" region */
  {}


/** navbar **/
#navbar {
  clear: both;
  color: #fff;
  margin: auto;
  overflow: visible;
  /* background: #0f1c49 url(images/navbar-bg.jpg) center top no-repeat scroll; */
  background-color: #0f1c49;
  background-image: url(images/navbar-bg.jpg);
  background-size: cover;
  width: 100%;
}



/* the secondary links block is the footer menu */
#block-menu-secondary-links {
  background: #101b49;
}

#block-menu-secondary-links h2 {
  display: none;
}
#block-menu-secondary-links ul {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  overflow: visible;
  box-sizing: border-box;
  margin: 1rem 0;
  padding: 0;
}


#block-menu-secondary-links div.edit,
#block-menu-secondary-links::after {
  display: none;
}

#block-menu-secondary-links li {
  list-style: none;
  flex: 1 1 auto;
  text-align: center;
}

#block-menu-secondary-links li,
#block-menu-secondary-links a {
  box-sizing: border-box;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  font-size: 1em;
  display: block;
  text-transform: uppercase;
  line-height: normal;
}
#block-menu-secondary-links a {
  padding: 5px;
  text-decoration: none;
  color: #fff;
}
#block-menu-secondary-links a:hover {
  background: #1B326F;
}




/* Override Jquery UI dialog styles */
.ui-dialog {
  max-width: 90% !important;
}

.dialog-modal {
  font-size: 16px;
  line-height: 22px;
}




#navbar-inner {
  /* padding: 5px 0px; */
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  overflow: visible;
  box-sizing: border-box;
}

#block-nice_menus-1, #block-nice_menus-1 div.block-inner, #block-nice_menus-1 div.content {
  width: 100%;
  overflow: visible;
  box-sizing: border-box;
}


/* sub navigation bar that contains menu blocks for second and tertiary levels */
#navbar2 {
  clear: both;
}
#navbar2 ul,
#navbar2 li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#navbar2 ul.menu {
  display: block;
  /* flex-wrap: wrap; */
  /* justify-content: space-between; */
  /* gap: 0.75rem 2.25rem; */
  text-align: center;
  margin: 0.5rem 0;
  line-height: 1.2em;
  /* border-bottom: 1px solid #415b92; */
}
#navbar2 li {
  line-height: 0.875rem;
  border: 0;
}
/* first level - flex horizontally */
#navbar2 div > ul.menu > li {
  flex: 0 1 auto;
  margin-bottom: 1rem;
}
/* second level, just make a vertical block menu */
#navbar2 div > ul.menu li > ul {
  display: block;
  font-size: 0.825rem;
}

#navbar2 li a {
  /* font-weight: bold; */
  box-sizing: border-box;
  padding: 0.125rem 0;
  display: block;
}
#navbar2 div.edit {
  display: none;
}

/* third level menu block */
#navbar2 .menu-block-3 {
  font-size: 0.9em;
  padding-left: 40px;
}
#navbar2 .menu-block-3 ul.menu:before {
  content: "¿";
  color: #415b92;
  font-size: 2rem;
  line-height: 0;
  font-family: symbol;
  display: block;
  transform: scale(-1, 1);
  position: absolute;
  left: 0;
  top: 0;
}




























#primary {}

#primary ul.links li {
  color: #fff;
}

#primary ul.links li.delimiter {
  border-right: 1px solid #000;
  width: 1px;
  padding: 0;
  margin: 0;
  height: 30px;
}

#primary ul.links li a {
  color: #fff;
  height: 30px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  width: 150px;
}

#primary ul.links li a:hover {
  text-decoration: none;
  background: #AF8E36;
}




#secondary

/* Secondary links */
  {}


/* hide the sidebars on the block building page */
body.page-admin-build-block #sidebar-left,
body.page-admin-build-block #sidebar-right,
body.page-admin-build-block-list #sidebar-left,
body.page-admin-build-block-list #sidebar-right {
  display: none;
}


/** sidebar-left **/
#sidebar-left {}

#sidebar-left-inner {}




/** sidebar-right **/
#sidebar-right {
  line-height: 1.666rem;
  font-size: 0.888888rem;
}

#sidebar-right-inner {}


/** footer **/
#footer {
  color: #fff;
  min-height: 250px;
  /* background: #0543a8 url(images/w2o-background-bottom.jpg) center top no-repeat;
  background-size: 100% 555px; */
}

#footer-inner {
  overflow: auto;
  margin: auto;
  font-size: 0.7em;
  padding: 5px 0px;
}

#footer-inner table {
  margin: 0
}

#footer .block {
  margin: 0
}

#footer p {
  margin: 0
}

#footer a {
  color: #eee;
  text-decoration: underline;
}

#footer a:hover {
  color: #fff;
  text-decoration: none;
}

#footer-style {
  display: none;
}





.node-unpublished div.unpublished,
.comment-unpublished div.unpublished {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word;
}


/* "New" or "Updated" marker for content that is new or updated for the current user */
.marker {
  color: #c00;
}

.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
  position: relative;
}

/* Wrapper for submitted and terms data */
.node .meta {
  margin-bottom: 15px;
  font-size: 11px;
}

/* terms on the ocean-space pages */
body.node-type-ocean-space .terms {
  font-weight: bold;
}

body.node-type-ocean-space .terms span {
  font-weight: normal;
}

/* Node's content wrapper */
.node .content {
  overflow: auto;
  position: relative;
  width: 100%;
  padding: 1px 0px;
  /* this seems to remove the vertical scroll bar weirdness */
  display: block;
}

.node div.links {
  margin: 1em 0;
}

div.node-links {
  width: 100%;
  overflow: auto;
  margin-top: 20px;
  clear: both;
}

ul.links {
  margin: 0;
  margin-top: 2px;
  padding: 0;
  display: inline;
}

div.views-admin-links ul.links {
  margin: 0;
}

ul.links.page_links,
ul.links.node_links {
  padding: 0;
  text-align: left;
  position: relative;
  display: block;
  overflow: hidden;
}


#resources-link {
  margin-top: 25px;
  font-size: 14px;
  text-align: left;
}

ul.links.inline {
  display: inline;
}

ul.links li {
  float: left;
  list-style-type: none;
  padding: 0;
  padding-right: 5px;
}
ul.links.inline li {
  float: none;
}


#comments {
  margin: 1em 0;
}

#comments-title {
  font-size: 1.25em;
}

.comment-inner.clear-block {
  display: inline-block;
}


.comment-unpublished {
  background-color: transparent;
  border: 1px dotted #6799CF;
}

.new {
  color: #c00;
}

.comment div.links {
  margin: 1em 0;
}


/** Drupal blocks **/
.block {
  margin-bottom: 1em;
}


.block h2.title {
  border-bottom: 1px solid #415B92;
}


body.section-admin table td {
  padding: 2px 4px;
}

#block-user-1 {
  margin: 40px 0;
}

#block-user-1 ul.menu li {
  line-height: 1em;
  margin: 5px 0;
}

.more-link {
  text-align: right;
}

#user-login-form {
  text-align: left;
}


li a.active {
  color: #000;
}


.form-item,
.form-checkboxes,
.form-radios {
  margin: 1em 0;
}

.views-exposed-form .form-item, .views-exposed-form .form-submit {
  margin-top: 0.33em;
}
.views-exposed-form .views-exposed-widgets {
  margin: 2rem 0;
  padding: 0;
}

.views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
div.views-exposed-form .views-exposed-widget label,
div.views-exposed-form .views-exposed-widget .views-widget,
div.views-exposed-form .views-exposed-widget .form-item,
div.views-exposed-form .views-exposed-widget select,
div.views-exposed-form .views-exposed-widget .form-submit {
  margin: 0;
  float: none;
  display: inline-block;
  vertical-align: top;
  height: 2rem;
}



.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid #c00;
}

.form-item label {
  display: block;
  font-weight: bold;
}

.form-item label.option {
  display: inline;
  font-weight: normal;
}

.form-required {
  color: #c00;
}

.form-item .description {
  font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item {
  margin: 0.4em 0;
}


.container-inline div, .container-inline label {
  display: inline;
}

.tips {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}

#user-login-form ul {
  margin-bottom: 0;
}

#user-login-form li.openid-link,
/* The "Log in using OpenID" links. */
#user-login li.openid-link {
  margin-top: 1em;
  margin-left: -20px;
  /* Un-do some of the padding on the ul list. */
  padding-left: 20px;
  background-position: left center;
}

#user-login-form li.user-link,
/* The "Cancel OpenID login" links. */
#user-login li.user-link {
  margin-top: 1em;
  list-style-type: disc;
  list-style-position: outside;
}

#user-login li.openid-link,
/* The OpenID links on the /user form. */
#user-login li.user-link {
  margin-left: -2em;
  /* Un-do all of the padding on the ul list. */
}

/** Drupal admin tables **/
/* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
form tbody {
  border-top: 1px solid #ccc;
}

form th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

form tbody th {
  border-bottom: 1px solid #ccc;
}

form thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}




.views-edit-view * {
  color: #494949;
}

.views-edit-view input, .views-edit-view select, .views-edit-view textarea {
  background: #eee;
}

.panels-dnd {
  color: #494949;
}

div.service-links {
  margin-top: 5em
}

li.service_links_sharethis a {
  text-decoration: none
}

div.service-label {
  display: none
}

/* hide the 'bookmark/search this post with' bit */






#skip-to-nav a:link, #skip-to-nav a:visited {
  color: black;
}

#site-name a:link, #site-name a:visited, #skip-to-nav a:hover {
  color: white;
}

/**
 * Unpublished and preview stuff
 */

.preview .node {
  background-color: #222201;
  /* #ffffea */
}

.node-unpublished {
  background-color: #00286D;
  /* #fff4f4 */
}

.node-unpublished div.unpublished, .comment-unpublished div.unpublished {
  color: #27497F;
  /* #d8d8d8 */
}

/**
 * List elements
 */

li.expanded {
  list-style-image: url(images/menu-expanded.png);
}

li.collapsed {
  list-style-image: url(images/menu-collapsed.png);
}

li.leaf {
  list-style-image: url(images/menu-leaf.png);
}

li a.active-trail,
li a.active {
  color: white;
}

/**
 * Fieldsets
 */

html.js fieldset.collapsible legend a {
  background-image: url(images/menu-expanded.png);
}

html.js fieldset.collapsed legend a {
  background-image: url(images/menu-collapsed.png);
}

/**
 * Tables
 */

tbody, th, thead th, form th, form thead th, tr.even, tr.odd {
  border-color: #333;
}

tr.even, tr.odd {
  background-color: #111;
}

tr.drag {
  background-color: #331;
  /* #fffff0 */
}

tr.drag-previous {
  background-color: #220;
}

td.active {
  background-color: #222;
}

tr.selected td {
  background-color: #ccc;
}

table.sticky-header {
  background: black;
}

table.sticky-table {
  width: 100%;
  margin: 10px auto;
}


/**
 * Particular tables
 */

table.system-status-report th {
  border-bottom-color: #333;
}

/**
 * Block rearrange page
 */

.block-region {
  background-color: #990;
  /* #ff6 originally */
}

#blocks tr.region-message {
  color: #666;
}

/**
 * Tabs - primary
 */

ul.primary, ul.secondary {
  background-image: url(images/tab-bar.png);
  border-bottom-color: #444;
  /* #bbb originally */
}

ul.primary li a, ul.primary li a:hover,
ul.primary li.active a, ul.primary li.active a:hover,
ul.secondary li a, ul.secondary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:hover {
  background-image: url(images/tab-left.png);
  background-repeat: no-repeat;
  color: white;
}

ul.primary li.active a,
ul.secondary li.active a {
  border-color: #444 #444 #000;
  /* #bbb #bbb #fff originally */
}

ul.primary li a .tab, ul.primary li a:hover .tab,
ul.primary li.active a .tab, ul.primary li.active a:hover .tab {
  background: transparent url(images/tab-right.png) no-repeat scroll right 0;
}

ul.primary li a,
ul.secondary li a {
  color: #888;
  /* #777 originally */
}

ul.primary li a:hover,
ul.secondary li a:hover {
  /*background-color: #111; */
  /* #eee originally */
  border-color: #333 #333 #111;
  /* #ccc #ccc #eee originally */
}

/**
 * Tabs - secondary
 */

ul.secondary {
  line-height: normal;
  padding: 0 0 0 10px;
  background: transparent url(images/tab-bar.png) repeat-x scroll left bottom;
}

ul.secondary li, ul.secondary li.active {
  margin: 0;
  padding: 0;
  border: 0;
}

ul.secondary a, ul.secondary li.active a:hover, ul.secondary a.active {
  background: transparent url(images/tab-left.png) no-repeat scroll left -38px;
  border: 0;
  padding-left: 5px;
}

ul.secondary li a .tab {
  background: transparent url(images/tab-right.png) no-repeat scroll right -38px;
  border-width: 0;
  display: block;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 4px 13px 0 6px;
}


/**
 * Messages and such
 */

div.messages, div.status, div.warning, div.error {
  color: white;
  background-color: #330;
  /* ffc */
}

div.ok, tr.ok, .update tr.ok {
  background-color: #020;
  /* #dfd */
  color: #dfd;
  /* #020 */
}

div.error, tr.error, .update tr.error {
  background-color: #100;
  /* #fee */
  color: #f66;
  /* #900 */
}

.update tr.error .version-recommended {
  background-color: #200;
  /* #fdd */
}

div.warning, tr.warning, .update tr.warning {
  background-color: #330;
  /* #ffc */
  /*border-color: #630; /* #fc0 */
  color: white;
}

.update tr.warning .version-recommended {
  background-color: #441;
}

.update tr.unknown {
  background-color: #222;
  /* #ddd */
}

/**
 * Log entries
 */

tr.dblog-user .active {
  background-color: #220;
  /* #eed - 110 is too close to basic table row color */
}

tr.dblog-content .active {
  background-color: #002;
  /* #cce */
}

tr.dblog-page-not-found .active, tr.dblog-access-denied .active {
  background-color: #131;
  /* #cec */
}

tr.dblog-error .active {
  background-color: #350000;
  /* #eeb9b9 */
}

/**
 * Block editing links on hover
 */

div.block.with-block-editing div.edit {
  background-color: black;
  border-color: #111;
}

/**
 * Misc
 */

.progress .bar {
  background-image: url(images/progress.gif);
}


/* we don't need to  show the 'show summary in full view' box. */
.teaser-checkbox {
  display: none
}



.fck-justify-center {
  text-align: center
}

.fck-justify-left {
  text-align: left
}

.fck-justify-right {
  text-align: right
}

.fck-justify-justify {
  text-align: justify
}




body.imce, body.imce div.warning, body.imce tr.warning, body.imce .update tr.warning,
body.imce a, body.imce a.active {
  color: #000;
}

body.imce #help-box {
  right: 0;
}







div.filefield-file,
form.clear-block,
div.admin.clear-block,
ul.tabs {
  display: inline-block;
}

div.node-form>input {
  margin-top: 15px
}

legend {
  color: #fff
}




/************************       CUSTOM STYLES         **********************/


#footer-login-link {
  font-size: 10px;
  text-align: center;
  padding-top: 50px;
}

#footer-login-link a {
  color: #000;
  padding: 5px 20px
}

#footer-login-link a:hover {
  color: #f00;
}





/* menu for login/account next to the support us image/link in the header */
#block-menu-menu-login-account-menu {
  margin: 0;
  padding: 0;
  /* height: 0; */
  padding-top: 5px;
}

#block-menu-menu-login-account-menu ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}

#block-menu-menu-login-account-menu ul li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
  list-style-image: none;
  padding-left: 15px;
}

#block-menu-menu-login-account-menu ul li a {
  color: #fff;
  font-weight: bold;
  font-size: 0.88888rem;
}

/* hide the popup edit menu since it overlaps the links... */
#block-menu-menu-login-account-menu div.edit {
  display: none !important;
}






/********** FRONT PAGE ***********************************/

body.front h2.title {
  display: none;
}

/* front page, hide the share this link */
body.front li.addtoany {
  display: none
}

/*
build a grid/mosaic that looks like this:
1-----------2-----------3-----------4-----------5
|                       |           |           |
|                       |     2     |     3     |
|                       |           |           |
2           1           |-----------------------|
|                       |                       |
|                       |     4     |     5     |
|                       |                       |
3-----------------------------------------------|
|           |           |           |           |
|     6     |     7     |     8     |     9     |
|           |           |           |           |
4-----------------------------------------------|
*/

#block-views-front_page_slideshow-block_2 {
  width: 100%;
  overflow: hidden;
}
#block-views-front_page_slideshow-block_2 .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* grid-template-rows: repeat(3, min-content); */
  grid-template-rows: repeat(4, 0.25fr);
  gap: 5px;
  background: #e29761;
  margin-bottom: 1rem;
}

/* default size is a small image, mostly squareish */
#block-views-front_page_slideshow-block_2 .views-row {
  box-sizing: border-box;
  align-self: stretch;
  justify-self: stretch;
  position: relative;
  /* grid is for the title to overlap the image */
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  margin: 0;
  padding: 0;
  /* the bottom row, 5-> 8 */
  grid-column: span 1;
  grid-row: span 1;
  /* aspect-ratio: 4/3; */
  overflow: hidden;
}

/* Align the title at the bottom of the slide image */
#block-views-front_page_slideshow-block_2 .views-row .views-field-field-front-link-url {
  box-sizing: border-box;
  justify-self: stretch;
  align-self: stretch;
  z-index: 0;
  grid-column: 1/2;
  grid-row: 1/2;
}
#block-views-front_page_slideshow-block_2 .views-row .views-field-title {
  box-sizing: border-box;
  justify-self: left;
  align-self: end;
  z-index: 1;
  grid-column: 1/2;
  grid-row: 1/2;
  display: none;
}
#block-views-front_page_slideshow-block_2 .views-row .views-field-body {
  display: none;
}
#block-views-front_page_slideshow-block_2 .views-row .views-field-field-front-link-url {
  overflow:hidden;
}
#block-views-front_page_slideshow-block_2 .views-row .views-field-field-front-link-url img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}


#block-views-front_page_slideshow-block_2 .views-row:nth-child(1) {
  grid-column: 1/3;
  grid-row: 1/5;
  /* aspect-ratio: 1; */
  max-height: auto;
}

/* #block-views-front_page_slideshow-block_2 .views-row:nth-child(1):before {
  content: "";
  padding-bottom: 100%;
  display: block;
} */

#block-views-front_page_slideshow-block_2 .views-row:nth-child(2) {
  grid-column: 3/4;
  grid-row: 1/3;
  /* aspect-ratio: 1; */
}
#block-views-front_page_slideshow-block_2 .views-row:nth-child(3) {
  grid-column: 4/5;
  grid-row: 1/3;
  /* aspect-ratio: 1; */
}

#block-views-front_page_slideshow-block_2 .views-row:nth-child(4) {
  grid-column: 3/4;
  grid-row: 3/5;
  /* aspect-ratio: 2/1; */
}
#block-views-front_page_slideshow-block_2 .views-row:nth-child(5) {
  grid-column: 4/5;
  grid-row: 3/5;
}
/* #block-views-front_page_slideshow-block_2 .views-row:nth-child(6) {
  grid-column: 4/5;
  grid-row: 4/5;
} */






/*******************************#################################******************************/
/*  THIS CAN BE REMOVED ONCE WE USE NEW MOSAIC / GRID LAYOUT                                  */
/*******************************#################################******************************/
#block-views-front_page_slideshow-block_1 {
  width: 100%;
  overflow: hidden;
}

#block-views-front_page_slideshow-block_1 h2.title {
  /* font-size:38px; */
  border: 0;
  /* margin:-10px 0px 15px 0px; */
}

#block-views-front_page_slideshow-block_1 div,
#block-views-front_page_slideshow-block_1 span,
#block-views-front_page_slideshow-block_1 a {
  position: relative;
}

#block-views-front_page_slideshow-block_1 .views-field-field-front-link-url a>img {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
}

#block-views-front_page_slideshow-block_1 div.views_slideshow_singleframe_pager div a img {
  height: auto;
  max-width: 100%;
  width: 100px;
  border: 1px solid #001A55;
}

#block-views-front_page_slideshow-block_1 div.views_slideshow_singleframe_slide div.views-field-title {
  margin-bottom: 5px;
}

#block-views-front_page_slideshow-block_1 div.views_slideshow_singleframe_slide div.views-field-title a {
  text-transform: uppercase;
  font-size: 1.3em;
  display: inline-block;
}

#block-views-front_page_slideshow-block_1 div.views_slideshow_singleframe_slide div.field-content p {
  margin-top: 0px;
}

#block-views-front_page_slideshow-block_1 .views_slideshow_singleframe_teaser_section {
  width: 100% !important:
}

/* the thumbnails */
#block-views-front_page_slideshow-block_1 #views_slideshow_singleframe_pager_1 {
  width: auto;
  margin: auto;
}

#block-views-front_page_slideshow-block_1 div.views_slideshow_singleframe_pager.thumbnails a.activeSlide img {
  border: 1px solid white;
}

#block-views-front_page_slideshow-block_1 div.views_slideshow_singleframe_pager {
  text-align: center;
  display: flex;
  width: 100%;
}

#block-views-front_page_slideshow-block_1 div.views_slideshow_singleframe_pager div {
  padding-left: 0;
  padding-right: 10px;
  width: auto;
  flex: 1 1 auto;
  display: inline-block;
}
/*******************************#################################******************************/
/*******************************#################################******************************/


/* divider line on the left between slideshow and programs/services */
/* body.front #content-above {
  border-bottom: 5px solid #8ed2f9;
  padding-bottom: 10px;
  margin-bottom: 20px;
} */


/* content area, front page, bottom left */
body.front #front-page-programs-services td {
  padding: 0 20px 0px 0;
  vertical-align: middle;
  height: 165px;
}

body.front #front-page-programs-services tr.spacer td {
  padding: 0;
  margin: 0;
  line-height: 1px;
  height: 1px;
}

body.front #front-page-programs-services td p {
  margin: 0;
}

body.front #front-page-programs-services hr {
  margin: 0;
  padding: 0;
}

body.front #front-page-programs-services h2.title {
  color: #9FE4FF;
  font-size: 22px;
  margin: 10px 0 10px 0;
}


/* 2025, new front page "news" block below slideshow */
body.front #block-block-16 h2.title {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
}
#block-block-16 {
  margin-bottom: 2rem;
}

table.front-latest-news-block {
  width: 100%;
  display: block;
}
table.front-latest-news-block tr {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 2rem;
}
table.front-latest-news-block td {
  line-height: 1.1rem;
}
table.front-latest-news-block td img {
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  object-fit: cover;
}















/* right sidebar, latest blog post / world ocean forum  image/description  */
div.view-world-ocean-forum div.blog-wrapper {
  width: 100%;
  overflow: visible;
  clear: both;
  margin: 15px 0 0 0;
  height: 145px;
}

div.view-world-ocean-forum div.blog-wrapper div.blog-image {
  float: left;
  width: 115px;
  overflow: hidden;
}

div.view-world-ocean-forum div.blog-wrapper div.blog-image img {
  width: 82px;
  height: 125px;
}

div.view-world-ocean-forum div.blog-wrapper div.blog-description {
  font-weight: bold;
  margin: 5px 0 10px 0;
}

div.view-world-ocean-forum.view-display-id-block_1 a {
  color: #23307F;
}

div.view-world-ocean-forum div.blog-wrapper div.blog-info {
  font-style: italic;
}





/* right sidebar, the latest blog post */
div.view-world-ocean-forum div.view-content div.views-field-title a {
  font-weight: bold;
  font-size: 14px;
}

div.view-world-ocean-forum div.view-content div.field-content p {
  margin-bottom: 0.25em;
}

div.view-world-ocean-forum div.view-content div.views-field-view-node {
  float: right;
  margin-bottom: 5px;
  font-size: 10px;
}

div.view-world-ocean-forum div.view-content div.views-field-created,
div.view-world-ocean-forum div.view-content div.views-field-comment-count {
  font-size: 10px;
}

div.view-world-ocean-forum div.more-link {
  margin: 10px 0 0px 0;
  font-weight: bold;
}

/* list of many latest blog posts */
div.view-display-id-block_2 div.views-row {
  margin-bottom: 5px;
}

div.view-display-id-block_2 div.views-row .views-field-created {
  font-size: 0.9em;
  font-style: italic;
}

div.view-display-id-block_2 div.item-list {
  /* the pager */
  margin: 15px 0;
}

#block-views-latest_newsletter-block_1,
/* world ocean observer block at bottom */
/* #block-views-world_ocean_forum-block_1, /* peter's blog */
/*#block-views-00eecff57ed342012d07108002c3eb1d, */
/* right sidebar - breaking waves ocean news */
#block-views-research_vessel_feeds-block_1,
/* Ships at Sea */
#block-views-latest_newsletter-block_1 {
  background: #8ed2f9;
  margin: 0;
  color: #000;
}


#block-views-world_ocean_forum-block_1,
/* peter's blog - world ocean weekly */
/* #block-views-latest_newsletter-block_1, */
#block-mailchimp-346b97a124 {
  /* right sidebar - world ocean observer */
  background: #47c0f2;
  margin: 0;
}

#block-views-world_ocean_forum-block_1 .block-inner {
  padding: 15px;
}

#block-mailchimp-346b97a124 .block-inner {
  padding: 0px 15px 15px 15px;
}

#block-mailchimp-346b97a124 .block-inner .form-item {
  margin: 0;
  padding: 5px 0;
  font-size: 11px;
}


#block-views-research_vessel_feeds-block_1 .block-inner,
#block-views-latest_newsletter-block_1 .block-inner {
  padding: 10px 15px 15px 15px;
}

#block-views-latest_newsletter-block_1 .view-header,
#block-views-research_vessel_feeds-block_1 .view-header {
  font-weight: bold;
  padding-bottom: 5px;
}

#block-views-world_ocean_forum-block_1,
/* peter's blog */
/* #block-views-the_daily_catch-block_1, */
#block-views-world_ocean_radio-block_2 {
  /* right sidebar - world ocean radio */
  background: #47c0f2;
  margin: 0;
  color: #000;
  border: 1px solid #fff;
  border-width: 1px 0px;
}

/* #block-views-the_daily_catch-block_1 div.latest, */
#block-views-world_ocean_radio-block_2 div.latest {
  margin: 5px 0;
  font-weight: bold;
}


/* #block-views-the_daily_catch-block_1 p, */
#block-views-00eecff57ed342012d07108002c3eb1d p,
/* right sidebar - breaking waves ocean news */
#block-views-world_ocean_radio-block_2 p,
/* right sidebar - world ocean radio */
#block-mailchimp-346b97a124 p {
  /* right sidebar - world ocean observer */
  margin: 0;
  color: #000;
}

#block-views-00eecff57ed342012d07108002c3eb1d a,
/* right sidebar - breaking waves ocean news */
#block-views-research_vessel_feeds-block_1 a,
#block-views-latest_newsletter-block_1 a,
#block-block-11 a,
/* #block-views-the_daily_catch-block_1 a, */
#block-views-world_ocean_radio-block_2 a,
#block-mailchimp-346b97a124 a {
  /* right sidebar - world ocean observer */
  color: #23307F;
  text-decoration: underline;
}

#block-views-00eecff57ed342012d07108002c3eb1d a:hover,
/* right sidebar - breaking waves ocean news */
#block-views-research_vessel_feeds-block_1 a:hover,
#block-views-latest_newsletter-block_1 a:hover,
#block-block-11 a:hover,
#block-views-world_ocean_radio-block_2 a:hover,
#block-mailchimp-346b97a124 a:hover {
  /* right sidebar - world ocean observer */
  color: #000;
  text-decoration: none;
}

/* #block-views-the_daily_catch-block_1 .views-field-created, */
#block-views-world_ocean_radio-block_2 .views-field-created {
  font-size: 0.9em;
  font-style: italic;
}

/* #block-views-the_daily_catch-block_1 .view-footer, */
#block-views-world_ocean_radio-block_2 .view-footer {
  /* right sidebar - world ocean radio - footer link */
  text-align: right;
  font-weight: bold;
  margin-top: 5px;
}

#block-views-00eecff57ed342012d07108002c3eb1d .block-inner,
/* #block-views-the_daily_catch-block_1 .block-inner, */
#block-views-world_ocean_radio-block_2 .block-inner {
  /* right sidebar - world ocean radio */
  padding: 15px 15px;
}

#block-views-research_vessel_feeds-block_1 .block-inner .view-footer,
#block-views-latest_newsletter-block_1 .block-inner .view-footer,
#block-mailchimp-346b97a124 .block-inner .issues-link {
  text-align: right;
}

#block-mailchimp-346b97a124 .block-inner .issues-link a {
  color: #356295;
  font-weight: bold;
}


#block-views-world_ocean_forum-block_1

/* Peter's blog section that was moved into the middle of the right sidebar */
,
#block-views-00eecff57ed342012d07108002c3eb1d,
/* breaking waves */
#block-views-latest_newsletter-block_1 {
  border-bottom: 1px solid #fff;
}



/* hide the newsletter title on the preview page */
div.simplenews-template-body h1 {
  display: none;
}

/* line between newsletter issues on the newsletter page */
.page-category-newsletter-world-ocean-observatory-newsletter .node-type-simplenews {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #6277AF;
}


#block-views-research_vessel_feeds-block_1 h2.title,
#block-views-latest_newsletter-block_1 h2.title,
#block-views-00eecff57ed342012d07108002c3eb1d h2.title,
/* #block-views-the_daily_catch-block_1 h2.title, */
#block-views-world_ocean_radio-block_2 h2.title,
#block-mailchimp-346b97a124 h2.title {
  font-size: 1.7em;
  color: #222266;
  margin: 0 0 0.5em 0;
}


.view-the-daily-catch h2.title {
  margin-bottom: 0;
}

.view-the-daily-catch .views-row {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #6099DB;
}

.view-the-daily-catch .views-row div.node-links {
  margin: 0;
}



/* Block 7 is the social media block in the header with line-awesome icons
https://icons8.com/line-awesome/howto
*/
#block-block-7 {
  color: #000;
  margin-right: -10px;
}
#block-block-7 a {
  color: #ccc;
  font-size: 1.5rem;
}
#block-block-7 a:hover {
  color: #fff;
}
#block-block-7 .edit {
  display: none;
}





/* right sidebar - info & resources / breaking waves section */
/* #block-views-00eecff57ed342012d07108002c3eb1d { */


/* the new 'featured items' section on the front page right sidebar */
#block-block-11 {
  /* background: #8ed2f9 url(images/sidebar-header-bg.png) left 2px no-repeat scroll;
  color: #000044;
  margin-bottom: 0; */
}

#block-block-11 div.block-inner {
  padding: 0 15px 20px 15px;
}

/*#block-views-00eecff57ed342012d07108002c3eb1d div.block-inner {
   padding-top:0;
   }
   */
/*#block-views-00eecff57ed342012d07108002c3eb1d div.block-inner > h2.title { */
#block-block-11 div.block-inner>h2.title {
  color: #fff;
  padding: 3px 0 15px 0;
  margin: 0 0 0px 0;
  font-size: 20px;
}

#block-views-00eecff57ed342012d07108002c3eb1d .views-row {
  margin: 20px 0;
}

#block-views-00eecff57ed342012d07108002c3eb1d .views-field-title {
  font-weight: bold;
}

#block-views-00eecff57ed342012d07108002c3eb1d .views-field-created {
  font-size: 10px;
  font-weight: bold;
}

#block-views-00eecff57ed342012d07108002c3eb1d .views-field-nothing {
  font-size: 11px;
}

#block-views-00eecff57ed342012d07108002c3eb1d .more-link {
  font-weight: bold;
}


/* breaking waves page */
body.section-breaking-waves div.views-row {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #667;
}

body.section-breaking-waves div.views-field-title {
  font-size: 1.2em;
}

body.section-breaking-waves div.views-field-created {
  font-size: 0.9em;
  font-style: italic;
  margin: 4px 0px;
}

body.section-breaking-waves div.views-field-nothing {
  font-weight: bold;
  text-align: right;
}



/* right column, the ocean classrom/partners links on each page */
#block-block-6 {
  margin-top: 2em;
}

#block-block-6 p {
  font-size: 1.5em;
  color: #8ed2f9;
  margin: 0;
}







/* Global Ocean Commission on front page sidebar */
#block-block-15 {
  margin-bottom: 35px;
}

/* Ocean Health Index OHI block on front page */
#block-block-14 {
  margin-bottom: 35px;
}

#block-block-14 h2.title {
  margin-bottom: 5px;
}

#block-block-14 .intro {
  font-weight: bold;
  color: #00BEFC;
  margin-top: 0;
}




/* COML Species of the Week */

/* the tds's in the table on the page */
#block-views-worms-block_2 h2.title {
  margin-bottom: 5px;
}

div.view-worms table.views-view-grid {
  width: 100%;
}

e div.view-worms table.views-view-grid td {
  width: 25%;
  padding: 5px;
  line-height: 14px;
}

div.view-worms table.views-view-grid div.views-field-title {
  font-size: 11px;
  font-weight: bold;
}

/* the block on the home page */
div.view-worms.view-display-id-block_2 .view-header {
  color: #00BEFC;
  font-weight: bold;
  margin: 5px 0 10px;
}

div.view-worms.view-display-id-block_2,
div.view-worms.view-display-id-block_2 .views-row,
div.view-worms.view-display-id-block_2 .views-content {
  overflow: auto;
}

div.view-worms.view-display-id-block_2 .views-field-field-coml-images-fid {
  float: left;
  margin-right: 10px;
}

div.view-worms.view-display-id-block_2 .views-field-title {
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}

div.view-worms.view-display-id-block_2 .views-field-view-node {
  float: right;
  font-size: 10px;
  margin-bottom: 5px;
}

div.view-worms.view-display-id-block_2 .view-footer {
  float: right;
  margin: 0;
  font-weight: bold;
}

div.view-worms.view-display-id-block_2 .view-footer p {
  margin: 0;
}




/* world ocean radio page */

/* the tds's in the table on the radio page */
div.view-world-ocean-radio table.views-view-grid {
  width: 100%;
}

div.view-world-ocean-radio table.views-view-grid td {
  width: 25%;
  padding: 5px;
  line-height: 14px;
}

div.view-world-ocean-radio table.views-view-grid div.views-field-title {
  font-size: 11px;
  font-weight: bold;
}

div.view-world-ocean-radio table.views-view-grid div.views-field-field-guest-value {
  font-size: 11px;
  margin: 4px 0px;
}

div.view-world-ocean-exhibits table.views-view-grid div.views-field-created,
div.view-world-ocean-radio table.views-view-grid div.views-field-created {
  font-size: 10px;
  font-style: italic;
  color: #ddd;
}

div.view-world-ocean-radio table.views-view-grid div.views-field-body,
div.view-world-ocean-radio table.views-view-grid div.views-field-field-mp3-data,
div.view-world-ocean-exhibits table.views-view-grid div.views-field-field-exhibit-summary-value {
  display: none;
}






/* new "theme-based" world ocean radio page */
/* div.view-world-ocean-radio.view-display-id-page_3 {
}
div.view-world-ocean-radio.view-display-id-page_3 .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  line-height: 1rem;
  margin-bottom: 2rem;
}

div.view-world-ocean-radio.view-display-id-page_3 .view-content div.views-field-title {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: bold;
  margin-top: 0.25rem;
}
div.view-world-ocean-radio.view-display-id-page_3 .view-content div.views-field-nothing img {
  width:100%;
  height: auto;
}

div.view-world-ocean-radio.view-display-id-page_3 .view-content div.views-field-created {
  font-size: 0.83333rem;
  font-style: italic;
  color: #ddd;
}
div.view-world-ocean-radio .view-content div.views-field-field-mp3-data {
  display: none;
}
div.view-world-ocean-radio .view-content div.views-field-tid-1 {
  font-size: 0.7222222rem;
  color: #aab;
  margin-top: 0.25rem;
} */

/* New theme based world ocean radio that starts with taxonomy terms first */
div.view-radio-themes.view-display-id-page_1 .view-content,
div.view-curriculum-themes.view-display-id-page_1 .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(max(20%, 10rem), 1fr));
  gap: 2rem;
}

/* view all link */
div.view-radio-themes.view-display-id-page_1 .view-header p.view-all > a,
div.view-radio-themes.view-display-id-page_1 .view-footer p.view-all > a {
  display: inline-block;
  background: #FF8C00;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 15px;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


div.view-radio-themes.view-display-id-page_1 .view-content .views-row,
div.view-curriculum-themes.view-display-id-page_1 .view-content .views-row {
  aspect-ratio: 1;
  box-sizing: border-box;
  align-self: stretch;
  justify-self: stretch;
  position: relative;
  /* grid is for the title to overlap the image */
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  margin: 0;
  padding: 2px; /* match the box-shadow size so it doesn't get cut off */
}

div.view-radio-themes.view-display-id-page_1 .view-content .views-field-name,
div.view-curriculum-themes.view-display-id-page_1 .view-content .views-field-name {
  box-sizing: border-box;
  justify-self: center;
  align-self: end;
  z-index: 1;
  grid-column: 1/2;
  grid-row: 1/2;
  display: block;
  width: 100%;
  background: #FF8C00;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.view-radio-themes.view-display-id-page_1 .view-content .views-field-name *,
div.view-curriculum-themes.view-display-id-page_1 .view-content .views-field-name * {
  line-height: 1rem;
  text-align: center;
  display: block;
  box-sizing: border-box;
  color: #fff;
  /* text-shadow: 0px 0px 8px #ffffff; */
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.view-radio-themes.view-display-id-page_1 .view-content .views-field-nothing-1,
div.view-curriculum-themes.view-display-id-page_1 .view-content .views-field-nothing-1 {
  box-sizing: border-box;
  justify-self: stretch;
  align-self: stretch;
  z-index: 0;
  grid-column: 1/2;
  grid-row: 1/2;
  overflow:hidden;
  transition: all 0.2s;
}
div.view-radio-themes.view-display-id-page_1 .view-content .views-field-nothing-1 img,
div.view-curriculum-themes.view-display-id-page_1 .view-content .views-field-nothing-1 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

div.view-radio-themes.view-display-id-page_1 .view-content .views-field-nothing-1:hover,
div.view-curriculum-themes.view-display-id-page_1 .view-content .views-field-nothing-1:hover {
  box-shadow: 0px 0px 2px 2px #FF8C00;
}



/* world ocean radio page, new, the taxonomy secondary page */
div.view-radio-themes-subpage.view-display-id-page_1 .attachment,
div.view-curriculum-themes-subpage.view-display-id-page_1 .attachment {
  float:right;
}
@media (max-width: 768px) {
  div.view-radio-themes-subpage.view-display-id-page_1 .attachment,
  div.view-curriculum-themes-subpage.view-display-id-page_1 .attachment {
    float: none;
    width: 100%;
  }
}



div.view-radio-themes-subpage.view-display-id-page_1 .views-row,
div.view-curriculum-themes-subpage.view-display-id-page_1 .views-row {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

div.view-radio-themes-subpage.view-display-id-page_1 .views-field-title,
div.view-curriculum-themes-subpage.view-display-id-page_1 .views-field-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5rem;
  line-height: 3rem;
}

div.view-radio-themes-subpage.view-display-id-page_1 .views-field-created,
div.view-curriculum-themes-subpage.view-display-id-page_1 .views-field-created {
  display: inline-block;
  padding-left: 0.5rem;
  vertical-align: sub;
  color: #cccccc;
  font-size: 0.875rem;
  line-height: 3rem;
}

div.view-radio-themes-subpage.view-display-id-page_1 .views-field-body p,
div.view-curriculum-themes-subpage.view-display-id-page_1 .views-field-body p {
  margin: 0.25rem 0;
}











/*  world ocean exhibits - the view */
div.view-world-ocean-exhibits .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
}
div.view-world-ocean-exhibits .views-row div {
  font-size: 0.925rem;
  line-height: 1.5rem;
}
div.view-world-ocean-exhibits .views-row .views-field-field-exhibit-image-fid img {
  width: 100%;
  height: auto;
}



/* world ocean exhibits - the node/page */
.node-type-exhibit .field-field-exhibit-subtitle {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 15px;
}
.node-type-exhibit .field-field-exhibit-location {
  font-size: 14px;
  padding-bottom: 15px;
}
/* the gallery at the bottom of world ocean exhibits */
.view-world-ocean-exhibits-gallery .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
}
.view-world-ocean-exhibits-gallery .views-row {
}
.view-world-ocean-exhibits-gallery .views-field-field-exhibit-image-gallery-data {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}









div.qtip * {
  font-size: 12px;
}



/* world ocean radio node */
body.node-type-radio div.right {
  float: right;
  width: 125px;
  margin: 0 0 15px 15px;
}

body.node-type-radio .field-field-guest {
  font-weight: bold;
  font-size: 16px;
  color: #E8A65A;
  margin-bottom: 50px;
}

body.node-type-radio .field-field-mp3-image {
  float: right;
}

body.node-type-radio .download-link {
  font-size: 10px;
}


/* world ocean radio nav block */

div.view-display-id-block_1 .views-row {
  margin-bottom: 10px;
}

div.view-world-ocean-radio div.views-field-title {
  font-size: 14px;
}

div.view-world-ocean-radio div.views-field-title a.active {
  color: #f3ad5a;
}

div.view-world-ocean-radio div.views-field-created {
  font-style: italic;
  font-size: 10px;
}



/* radio 'recent 10' block */
#block-views-world_ocean_radio-block_1 .feed-icon {
  text-align: right;
  margin-top: 10px;
}



/* directory search page/results */
div.view-display-id-page_1 div.view-header {
  /* the 'go to directory search page header link */
  margin-bottom: 20px;
}




/* the directory page, the custom template /contemplate */
.node-type-directory-listing .field-items,
.node-type-directory-listing .field-item {
  display: inline;
  padding-left: 2px;
}



/* fckeditor template styles */
.caption_image_right {
  float: right;
  width: 250px;
  text-align: center;
  padding: 0px 0px 10px 20px;
}

.caption_image_left {
  float: left;
  width: 250px;
  text-align: center;
  padding: 0px 20px 10px 0px;
}

.caption_image_center {
  text-align: center;
  padding: 0px 0px 10px 0px;
}

.caption_image_right img, .caption_image_left img, .caption_image_center img {
  margin-bottom: 5px;
}

.caption, .caption_image_right>div, .caption_image_left>div, .caption_image_center>div {
  font-size: 10px;
  line-height: 1.1em;
}

.caption {
  text-align: center;
}




/* swf / flowplayer for the protect page video */
.field-field-prot-video .field-item {
  margin: 15px 0;
}

#widgetbox_widget_parent_0 {
  width: 520px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#quant_widgetbox_widget_parent_0 {
  /* this is somehow tripping up the scrollbar ..... weird. lets turn it off */
  display: none;
}






body.node-type-ocean-space div.node-type-ocean-space .field-field-os-powerpoint {
  padding: 5px;
  margin-top: 5px;
  background: #013277;
  border: 1px solid #E8A65A;
}

body.node-type-ocean-space div.node-type-ocean-space .field-field-os-powerpoint a {
  font-weight: bold;
}

body.node-type-ocean-space div.node-type-ocean-space a {
  color: #E8A65A;
}

body.node-type-ocean-space div.node-type-ocean-space a:hover {
  color: #fff;
}

body.node-type-ocean-space div.filefield-file {
  display: inline;
}

body.node-type-ocean-space div.filefield-icon {
  display: inline;
  float: none;
}

body.node-type-ocean-space div.filefield-icon img {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -3px;
  *overflow: hidden;
}

body.node-type-ocean-space div.node-type-ocean-space div.content>p {
  clear: both;
}

body.node-type-ocean-space .field-field-os-team-photo {
  margin-top: 25px;
}





/*  our ocean spaces styles - the view */
div.view-ocean-space-listings.view-display-id-page_1 .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem;
}
div.view-ocean-space-listings.view-display-id-page_1 .views-row div {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
div.view-ocean-space-listings.view-display-id-page_1 .views-row div label {
  font-style: italic;
  font-size: 0.875rem;
  color: #ccc;
}
div.view-ocean-space-listings.view-display-id-page_1 div.views-field-title {
  font-size: 20px;
  line-height: 1.5rem;
  margin-bottom: 5px;
}
div.view-ocean-space-listings.view-display-id-page_1 div.views-field-field-os-team-photo-fid img {
  width: 100%;
  height: auto;
}
div.view-ocean-space-listings.view-display-id-page_1 div.views-field-teaser {
  font-size: 11px;
  line-height: 15px;
  margin-top: 5px;
}


/* The page ocean space */
body.node-type-ocean-space div.views-field-field-os-team-photo-fid {
}
/* small block above ocean space listings, explaining why users can't see their item right away */
body.node-type-ocean-space .view-ocean-space-listings.view-display-id-block_2 {
  background: #256CA4;
  padding: 5px;
  border: 1px solid black;
}

/* the gallery at the bottom of ocean-space pages */
.view-ocean-space-listings-gallery .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
}
.view-ocean-space-listings-gallery .views-row {
}
.view-ocean-space-listings-gallery .views-field-field-os-team-photo-data {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}








/* facebook like button near links */
#facebook-like-link {
  overflow: hidden;
}


/* our ocean spaces page - exposed search filter */
#views-exposed-form-ocean-space-listings-page-1 .views-exposed-widget,
#views-exposed-form-ocean-space-listings-page-1 .views-widget,
#views-exposed-form-ocean-space-listings-page-1 #edit-tid-wrapper {
  display: inline;
  float: none;
  clear: none;
}
div.view-ocean-space-listings.view-display-id-page_1 div.view-filters {
  margin-bottom: 1.5em;
}




div#admin-menu {
  z-index: 2000;
  font-size: 0.75rem;
}



/* Visualization Theater */
.page-visualization-theater #content-area {
  position: relative;
  overflow: hidden; /* hide the brief scrollbar on chromium browsers during transitions */
}

.view-visualization-theater,
.view-visualization-theater .view-content {
  position: relative;
  box-sizing: border-box;
}

/* put the top, bottom, and content into a grid so we can try to overlap/group the top/middle for the next/prev links */
.view-visualization-theater .view-content {
  display: grid;
  gap: 2rem;
  margin-bottom: 1rem;
  position: relative;
}
.view-visualization-theater .views-slideshow-controls-top,
.view-visualization-theater .views_slideshow_main {
  box-sizing: border-box;
  align-self: stretch;
  justify-self: stretch;
  position: relative;
  grid-column: 1/2;
  grid-row: 1/2;
}
.view-visualization-theater .views-slideshow-controls-bottom {
  box-sizing: border-box;
  align-self: stretch;
  justify-self: stretch;
  position: relative;
  grid-column: 1/2;
  grid-row: 2/3;
}


.view-visualization-theater .views_slideshow_main {
  box-sizing: border-box;
  padding: 0 50px;
  position: relative;
}

.view-visualization-theater .views-row {
  display: block;
  box-sizing: border-box;
  align-items: center;
}
.view-visualization-theater .views-field-field-image-fid {
  text-align: center;
  box-sizing: border-box;
  align-items: center;
  margin-bottom: 2rem;
  box-sizing: border-box;
}
.view-visualization-theater .views-field-field-image-fid img {
  max-width: 99%;
  height: auto !important;
}
.view-visualization-theater .views-field-nothing {
  margin: 0;
  box-sizing: border-box;
  padding-left: 20px;
  position: relative;
}
.view-visualization-theater .views-field-nothing .title {
  font-size: 1.5rem;
  color: #fff;
  margin-bottom: 1.5rem;
  line-height: 1.75rem;
}
.view-visualization-theater .views-field-nothing .website {
  font-size: 1rem;
  text-transform: uppercase;
  position: relative;
}


/* the prev/next links */
.view-visualization-theater .views-slideshow-controls-top {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.view-visualization-theater .views-slideshow-controls-top .views_slideshow_controls {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: 50px auto 50px;
}
.view-visualization-theater .views-slideshow-controls-top .views_slideshow_next,
.view-visualization-theater .views-slideshow-controls-top .views_slideshow_previous {
  height: 100%;
  width: 45px;
  display: block;
  position: absolute;
  text-indent: -999rem;
  color: #666;
  transition: 0.2s all;
  background: rgba(0, 0, 0, 0.1);
  z-index: 999;
}
.view-visualization-theater .views-slideshow-controls-top .views_slideshow_next {
  grid-column: 3/4;
}
.view-visualization-theater .views-slideshow-controls-top .views_slideshow_previous {
  grid-column: 1/2;
}
.view-visualization-theater .views-slideshow-controls-top .views_slideshow_previous:before,
.view-visualization-theater .views-slideshow-controls-top .views_slideshow_next:before {
  text-align: center;
  top: 49%;
  height: 51%;
  font-size: 30px;
  width: 50px;
  display: block;
  position: absolute;
  text-indent: 0px;
}
.view-visualization-theater .views-slideshow-controls-top .views_slideshow_next:before {
  content: '>';
  left: 0;
  color: #ddd;
}
.view-visualization-theater .views-slideshow-controls-top .views_slideshow_previous:before {
  content: '<';
  left: 0;
  color: #ddd;
}
.view-visualization-theater .views-slideshow-controls-top .views_slideshow_next:hover,
.view-visualization-theater .views-slideshow-controls-top .views_slideshow_previous:hover {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}



.view-visualization-theater .views-slideshow-controls-bottom {
  overflow: hidden;
  text-align: center;
}
.view-visualization-theater .views-slideshow-controls-bottom img {
  border: 1px solid #000;
}
.view-visualization-theater .views-slideshow-controls-bottom .activeSlide img {
  border: 1px solid #fff;
}
.view-visualization-theater .views-slideshow-controls-bottom div a img {
  height: 50px;
  width: 50px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
/*
.view-visualization-theater .views-slideshow-controls-bottom .views_slideshow_previous,
.view-visualization-theater .views-slideshow-controls-bottom .views_slideshow_next {
  margin: 1rem 2rem;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  background: rgba(0,0,0,0.25);
  padding: 0.5rem 1rem;
  border-radius: 2px;
}
.view-visualization-theater .views-slideshow-controls-bottom .views_slideshow_previous:hover,
.view-visualization-theater .views-slideshow-controls-bottom .views_slideshow_next:hover {
  background: #FF8C00;

}
.view-visualization-theater .views-slideshow-controls-bottom .views_slideshow_previous:before {
  content: '< ';
  left: 0;
}
.view-visualization-theater .views-slideshow-controls-bottom .views_slideshow_next:after {
  content: ' >';
  right: 0;
} */











/* Ocean Curriculum */
.view-ocean-curriculum {}

.view-ocean-curriculum .view-filters {}

.view-ocean-curriculum .view-filters select {
  max-height: 100px;
}

.view-ocean-curriculum .attachment.attachment-before {
  margin-bottom: 2rem;
}

.view-ocean-curriculum .views-row {
  margin-bottom: 1.5rem;
}

.view-ocean-curriculum .views-row .title {
  font-size: 1rem;
}

.view-ocean-curriculum .views-row div.views-field-field-image-fid {
  float: left;
  width: 150px;
  margin-left: 0;
}

.view-ocean-curriculum .views-row>* {
  margin-left: 170px;
}

.view-ocean-curriculum .views-row .views-label-tid,
.view-ocean-curriculum .views-row .views-label-tid-1 {
  font-style: italic;
}


.view-world-ocean-journal .views-row {
  padding-bottom: 2rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #6277AF;
}