/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* PMEL: */
/* Layout	Size	CSS Stylesheet						Description */
/* Mobile	All		global								Apply first to all device widths. */
/* Tablet	>=740px	pacific-marine-alpha-default		Inherit Mobile, add/override from Tablet. */
/* Desktop	>=980px	pacific-marine-alpha-default-normal	Inherit Global & Tablet; add/override from Desktop. */


/* fix firefox boxsizing issue */
* {
  -moz-box-sizing: content-box;
}

body {
  font: 14px/16px Arial, Verdana, sans-serif normal;
}

html body.admin-menu {
  margin-top: 79px !important;
}

table {
  width: 100%;
  border: none;
}

table tr:hover td,
tr.even:hover td.active, 
tr.odd:hover td.active {
  background: none;
}

img,
input,
select {
  max-width: 100% !important;
  height: auto !important;
}

sub {
  vertical-align: sub;
  font-size: 80%;
  line-height: 80%;
}

/* 8/12/14 added - tn */
sup {
	vertical-align: super;
	font-size: 80%;
	line-height: 80%;
}

a,
a:link,
a:visited {
  text-decoration: none;
  color: #4474a3;
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Verdana, sans-serif;
  margin: 10px 0;
}

h1 {
  line-height: 40px;
  /*font-variant: small-caps;*/		/* Commented out 6/27/14 - tn */
  font-size: 30px;					/* Overrides omega-text.css - tn */
}

h2,
h2.node-title,
h2.block-title {
  font-size: 22px;
  line-height: 28px;
  /*font-variant: small-caps;*/		/* Commented out 6/27/14 - tn */
  padding-bottom: 5px;
  border-bottom: 1px solid #707070;
  width: 100%;
  margin-bottom: 10px;
}

h2,
h2.node-title,
h2.block-title,
h2.block-title a {
  color: #064376;  
}

h3 {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  margin: 7px 0;
}

h3, h3 a, h3 a:link, h3 a:visited {
  color: #575757;
}

h4 {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.node .content .field {
  margin-bottom: 10px;
}

ul.menu li.leaf,
ul.menu li.collapsed,
ul.menu li.expanded {
  display: inline;
  list-style: none;
}

.region-sidebar-first ul.menu li.leaf,
.region-sidebar-first ul.menu li.collapsed,
.region-sidebar-first ul.menu li.expanded,
.region-sidebar-second ul.menu li.leaf,
.region-sidebar-second ul.menu li.collapsed,
.region-sidebar-second ul.menu li.expanded {
  display: list-item;
}

.region-sidebar-first-inner .block,
.region-sidebar-second-inner .block {
  margin-bottom: 20px;
}

.region-sidebar-first .item-list ul li {
  margin: 0 0 0 .5em;
  padding: 0.2em .5em 0 0;
}

#region-branding,
#region-menu {
  margin: 0;
  margin-bottom: 10px;
}

.logo-img {
  margin: 10px 0 0 5px;
  background: url('../images/mobile-logo.png') 0 0 no-repeat;
  background-size: contain;
  height: 90px;
  width: 100%;
}

.logo-img a {
  width: 100%;
  height: 100%;
  display: block;
}

.logo-img img {
  display: none;
}

#zone-header {
  position: relative;
}

#noaa-doc {
  float: right;
  width: 100%;
  margin-top: 10px;
}

#noaa-doc div {
  float: right;
}

#noaa-doc div.words {
  float: none;
  font-size: 12px;
  line-height: 13px;
  text-align: right;
  text-transform: uppercase;
  margin-right: 5px;
}

#noaa-doc div.words #doc {
  font-size: 9px;
  color: #555;
}

.logos .logo img {
  height: 40px;
  width: 40px;
}

#hamburger,
#search {
  display: block;
  position: absolute;
  z-index: 10;
  cursor: pointer;
  top: 10px;
}

#hamburger {
  right: 30px;
}

#search {
  right: 0px;
}

#block-search-form {
  display: none;
}

#block-search-form form {
  margin-bottom: 0;
}

#block-search-form input {
  padding: 2% 5%;
  width: 100%;
  margin: 10px 0;
  font-size: 18px;
  color: #8e8e8e;
  border-radius: 20px;
  border: 1px solid #ccc;
}

#block-system-main-menu {
  display: none;
  padding-top: 15px;
}

#block-system-main-menu li {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#block-system-main-menu li a {
  display: block;
  padding: 0 7%;
  width: 90%;
  font-size: 18px;
  line-height: 30px;
  text-decoration: none;
}

#block-system-main-menu li a:after {  
  float: right;
  margin-right: 10px;
  content: "〉";
  font-family: sans-serif;
}

#block-system-main-menu li.open > a:after {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

#block-system-main-menu li.expanded ul.menu {
  display: none;
}

#block-system-main-menu li.expanded ul.menu {
  padding: 0 10%;
}

.view-pmel-themes .widget_pager .views-slideshow-pager-field-item {
  float: left;
  width: 50%;
  color: #707070;
  text-align: center;
}

.view-pmel-themes .widget_pager .views-slideshow-pager-field-item a {
  padding: 20px;
  display: block;
  color: #2B567E;		/* Font color for non-active rotator text - tn */
}

/* Commented out 7/8/14 - tn */
/*.view-pmel-themes .widget_pager .views-slideshow-pager-field-item.active {
	background-color: #eee;
}*/

/* Font color of active rotator text - tn */
.view-pmel-themes .widget_pager .views-slideshow-pager-field-item.active a {
	color: #064376;
}

.view-pmel-themes .widget_pager .views-slideshow-pager-field-item .views-content-name {
  padding: 5%;
  width: 90%;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
}

.view-pmel-themes .widget_pager .views-slideshow-pager-field-item.active .views-content-name {
  color: #3b73b6;
}


.view-what-s-new.view-display-id-page .views-exposed-widgets,
.view-pmel-in-the-media.view-display-id-page .views-exposed-widgets {
  margin-bottom: 20px;
}

.view-pmel-in-the-media.view-display-id-page .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 14px;
}

.view-what-s-new.view-display-id-page .views-row,
.view-pmel-in-the-media.view-display-id-page .views-row,
.view-featured-publications.view-display-id-page .views-row {
  clear: both;
  margin-bottom: 20px;
  width: 96%;
  padding: 2%;
  float: left;
  border-radius: 5px;
}

.view-what-s-new.view-display-id-page .views-row-odd,
.view-pmel-in-the-media.view-display-id-page .views-row-odd,
.view-featured-publications.view-display-id-page .views-row-odd {
  background: #efefef;
}

.view-what-s-new .views-row .views-field img h4 a {
  color: #575757;
  font-style: italic;
}

.node-type-news-story .field-name-field-atom,
.view-what-s-new .views-field-field-atom {
  position: relative;
  padding-bottom: 60%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}

.node-type-news-story .field-name-field-news-story-image img,
.view-what-s-new .views-field-field-news-story-image img,
.view-what-s-new .whats-new-image img,
.view-featured-publications .views-field-field-featured-pub-image img {
  background: #4B78A1;
  padding: 4px;
  margin: 0;
}

.view-featured-publications .views-field-field-featured-pub-image {
  margin-bottom: 7px;
}

/* IE11: Fixes slideshow image that is too wide when site is small (non-responsive) */
.views-slideshow-cycle-main-frame,
.views-slideshow-cycle-main-frame-row,
.views-slideshow-cycle-main-frame-row img {
  width: 100% !important;
}

.pub-date,
.img-caption,
.image-field-caption {
  font-size: 12px;
  color: #555;
  font-style: italic;
  margin-bottom: 3px;
}

.image-field-caption p {
  margin-bottom: 0;
}

.view-what-s-new .image-caption-wrapper {
}

.view-what-s-new .image-caption-wrapper .img-caption {
  padding-top: 3px;
}

.node-type-news-story .field-name-field-atom iframe,
.node-type-news-story .field-name-field-atom object,
.node-type-news-story .field-name-field-atom embed,
.view-what-s-new .views-field-field-atom iframe,
.view-what-s-new .views-field-field-atom object,
.view-what-s-new .views-field-field-atom embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.front #section-content,
.front #region-content {
  margin-bottom: 30px;
}

/** footer **/
#section-footer,
#section-footer ul.menu {
  text-align: center;
}

#section-footer {
  padding-bottom: 40px;
}

footer ul.menu li.leaf {
  margin: 0;
  padding: 0;
}

footer ul.menu li.leaf a {
  padding: 0 5px;
  border-right: 1px solid #333;
}

footer ul.menu li.first.leaf a {
  padding-left: 0px;
}

footer ul.menu li.last.leaf a {
  padding-right: 0px;
  border-right: none;
}

#block-block-3 p {
  margin: 18px 0;
  text-align: center;
}

#block-switchtheme-switch-form {
  margin-top: 20px;
}

/** node-specific **/
.views-field-field-citation p,
.field-name-field-citation p {
  font-size: 12px;
  color: #555;
}

.field-name-field-banner-image {
  background: #4B78A1;
  padding: 5px;
}

.node-type-pmel-theme #page-right .field-name-field-page-images img,
.node-type-page #page-right .field-name-field-page-images img {
	margin-bottom: 10px;
}

#block-views-related-stories-block img,
#block-views-related-stories-related-items img {
  float: left;
  margin: 0px 5px 0px 0px;
  max-width: 40% !important;
  border: 2px solid #a8b8cf;
  height: 55px !important;
  width: auto;
}

#block-views-related-stories-related-items .views-row {
  margin-bottom: 7px;
  clear: left;
  min-height: 65px;
}

#block-views-related-stories-related-items .views-field-body {
  font-size: 11px;
  line-height: 13px;
}

/* scientists view and pages */
.view-scientists .views-row {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 15px;
}

.view-scientists .views-field-field-scientist-image {
  float: left;
  margin-right: 3%;
  width: 25%;
  max-width: 100px;
  border: 3px solid #4B78A1;
}

.view-scientists .views-field-field-scientist-image img {
  margin: 0 auto;
  max-width: 150px;
}

/* featured publications */
.node-type-featured-publication .field-name-field-featured-pub-image {
  float: left;
  max-width: 40% !important;
  margin: 0 14px 0 0;
}

.node-type-featured-publication .field-name-field-featured-pub-image img {
  padding: 4px;
  background-color: #4B78A1;
  float: left;
  margin: 0 7px 7px 0;
}

.pager li.pager-first a, .pager li.pager-previous a, .pager li.pager-next a, .pager li.pager-last a {
  width: 70px;
}

.pager li.pager-previous {
  left: 70px;
}

.pager li.pager-next {
  right: 70px;
}

.dnd-atom-wrapper.atom-align-left {
  margin-right: 7px;
}

.dnd-atom-wrapper.atom-align-right {
  margin-left: 7px;
}

span.date-display-single {
font-style: italic;
}

.block-related-stories-related-items .image-field-caption {
  display: none;
}

ul.doublespace li {
  margin-bottom: 12px;	
}
/* Remove homepage title - tn */
.front h1.node-title {
	display: none;
}
/* Service Links alignment fix for social media sharing buttons – tn */
.twitter-share-button,
.service-links-facebook-share {
	vertical-align: bottom;
	padding-top: 15px;
}