/* $Id: orr-responsive.css,v 1 2014/11/23 12:09:53 seumas.gagne Exp $ */

/**
	* @file
	* Layout Styling
	*
	* Define CSS classes to style the Office of Response and Restoration web site
	* 
*/
/* hide the responsive items by default */
#responsive-banner,
#mobile-jump-menu,
#mobile-search-box,
#responsive-pubs-button,
#responsive-on-our-radar,
#responsive-publications,
#responsive-maps-spatial-data
{
	display: none;
}

.views-field-field-image-1-1,
.taxonomy-subterm-responsive,
.taxonomy-nodes-responsive
{
	display: none;
}
#index-page .views-field-title-1,
#index-page	.views-slideshow-controls-text
{
	display: none;
}
/* hide the things that the responsive layout doesnt want */
@media screen and (max-width:980px) {
	body {
		position: absolute;
	}
	#page,
	#nos-required-footer
	{
		width: auto;
	}
	#fixed-banner,
	#navigation,
	#email-signup-button,
	#orr-pubs-button,
	#search-box,
	#orr-dwh-button,
	#mission-statement,
	#featured-news-index .views-field-title,
	#featured-news-index .views_slideshow_controls_text_pause,
	#featured-news-index .views-field-body,
	#orr-blog-index,
	#orr-site-follow,
	#year-in-review-button,
	#special-feature-button,
	#news-archive-button,
	#index-r2b2-node,
	#index-r2b4,
	#index-r2b5 .pane-content,
	.pane-addthis-0,
	.taxonomy-node-grid
	{
		display: none;
	}
	.panels-flexible-row,
	.taxonomy-nodes-responsive
	{
		display: block;
		margin: 0 !important;
		padding: 0;
	}
	.panels-flexible-region,
	.front-page-boxes,
	#logo,
	#content,
	#page,
	#featured-news-index,
	#responsive-on-our-radar,
	#responsive-publications,
	#responsive-maps-spatial-data
	{
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0;
		border-style: none;
		display: block;
	}
	#index-page
	.views-field-title-1
	{
		z-index: 1;
		display: block;
	}
	.widget_pager_bottom,
	.views-field-field-image-1,
	.panels-flexible-region-116-row_2_box_5,
	.panels-flexible-column-116-row_2_box_4,
	.views-slideshow-controls-bottom,
	.panel-column-separator
	{
		display: none;
	}
	#index-page .panels-flexible-row-116
	{
		padding-top: 0;
	}
	.breadcrumb
	{
		/* font-size: 3em; */
		line-height: initial;
	}
	#page,
	.pane-search-result,
	.site-map-taxonomys,
	.page-customerror-404
	{
		line-height: normal !important;
	}
	#content
	{
		position: relative;
		top: -20px;
	}
	#header
	{
		font-size: 1.2em;
		height: initial !important;
	}
	#index-page .front-page-boxes .pane-title a
	{
		color: black;
	}
	#responsive-banner
	img
	{
		float: left;
		height: 1.2em;
		padding: 1%;
	}
	#responsive-banner
	{
		clear: both;
		color: white;
		background-color: #215579;
		line-height: normal;
		position: relative;
		top: -20px;
		display: block;
		height: 1.9em;
	}
	#header
	img
	{
		top: 0;
	}
	#header
	a
	{
		color: white;
	}
	#mobile-jump-menu,
	#mobile-search-box
	{
		display: inline-table;
		margin: 0;
		background-color: #215579;
		width: 100%;
	}
	#mobile-search-box
	{
		position:relative;
		top: -2px;
	}
	#edit-jump .d-2,
	#edit-jump .d-3
	{
		display:none;
	}
	#search-theme-form
	{
		float: right;
	}
	#mobile-jump-menu .pane-title
	{
		display: none;
	}
	#index-page .front-page-boxes
	{
		box-shadow: none;
		background-color: white;
	}
	#index-page .front-page-boxes .pane-title
	{
		height: auto;
		padding: 3%;
		background-color: #e7e9d8;
		color: black;
		text-align: center;
	}
	#index-page .image_1
	{
		display: none;
	}
	#featured-news-index .front-page-boxes
	{
		position: absolute;
		top: 0;
	}
	#featured-news-index
	{
		position: relative;
		box-shadow: none;
	}
	#featured-news-index
	.views-field-title-1
	{
		display: block;
		font-weight: 900;
		line-height: initial;
		padding: 3%;
		width: 94%;
		background-color: rgba(0,0,0,.5);
		position: absolute;
		top: 0em;
	}
	#featured-news-index a
	{
		color: white;
	}
	#featured-news-index .views_slideshow_cycle_slide,
	#featured-news-index .views-slideshow-cycle-main-frame
	{
		width: auto !important;
		height: auto;
	}
	#featured-news-index img
	{
		width: 100%;
		height: auto;
	}
	#featured-news-index .views-field-field-image-1-1
	{
		display: block;
		position: relative;
		z-index: -1;
	}
	#featured-news-index img
	{
		margin: 0 !important;
		max-width: 100%;
		height: auto !important;
	}
	#featured-news-index .views-slideshow-controls-top
	{
		position: absolute;
		top: 6em;
		z-index: 10;
		display: block;
		width: 100%;
	}
	#featured-news-index .vscc_controls_previous,
	#featured-news-index .vscc_controls_next	{
		line-height: 0em;
		font-size: 1em;
		padding: 0.4em;
		background-color: rgba(0,0,0,0.8);
	}
	#featured-news-index .vscc_controls_pause {
		display: none;
	}
	#featured-news-index .vscc_controls_previous {
		border-radius: .0em .3em .3em .0em;
		float: left;
	}
	#featured-news-index .vscc_controls_next {
		border-radius: .3em .0em .0em .3em;
		right: auto;
		position: relative;
		float: right;
	}
	#incident-news-index
	.pane-content
	{
		font-size: 1em;
		line-height: initial;
		background-color: white;
	}
	#incident-news-index
	li
	{
		padding: 2%;
	}
	#responder-tools-index
	.pane-title
	{
		margin-top: -0.2em;
	}
	#responder-tools-index
	.pane-content
	{
		font-size: 1em;
	}
	#responder-tools-index
	.views-accordion-header
	{
		background-color: white;
	}
	#responder-tools-index
	.ui-state-active
	{
	}
	#responder-tools-index
	.views-field-title-1,
	.views-field-body,
	.accordion-content
	{
		margin: 2%;
		padding: 2%;
		line-height: initial;
	}
	#responsive-on-our-radar
	.views-field-title-1
	{
		margin: 2%;
		padding: 2%;
		line-height: initial;
	}
	#nos-required-footer
	{
		font-size: .6em;
		padding: 3%;
		line-height: 2;
		background-color: #215579;
		color: white;
	}
	#nos-required-footer a {
		color: white;
	}
	#nos-required-footer br
	{
		padding: 2em 0 2em 0;
	}
	
	/* Style the taxonomy term pages */
	#taxonomy-term
	.panels-flexible-region-last
	{
		display: none;
	}
	#taxonomy-term
	.panels-flexible-region-first
	{
		width: 100%;
	}
	#taxonomy-term
	img
	{
		width: 100%;
		height: auto;
	}
	#taxonomy-term
	.taxonomy-term-image-caption,
	.taxonomy-image-caption
	{
		width: 100%;
		font-size: .8em;
		line-height: initial;
		padding: 3%;
		background-color: rgba(255,255,255,0.7);
	}
	#taxonomy-term
	.panels-flexible-region-inside,
	.panels-flexible-region
	{
		padding: 0;
		margin: 0;
	}
	#taxonomy-term
	.taxonomy-subterm-grid,
	.taxonomy-subterm-list
	{
		display: none;
	}
	#taxonomy-term
	.taxonomy-term-image,
	.taxonomy-term-image-right
	{
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: none !important;
		position: relative;
	}
	#taxonomy-term
	.taxonomy-term-image,
	.taxonomy-term-image-right
	p
	{
		margin: 0;
		padding: 0;
	}
	#taxonomy-term
	.taxonomy-term-textblock,
	.taxonomy-subterm-responsive,
	.views-field-title,
	.views-field-body,
	.views-field-body,
	.views-field-field-image-credit-value,
	.views-field-created
	{
		display: block;
		margin: 1%;
		padding: 1%;
		line-height: initial;
	}
	#taxonomy-term
	.taxonomy-subterm-responsive
	.views-field-description
	{
		display: none;
	}
	#taxonomy-term
	.taxonomy-nodes-responsive
	.pane-content
	{
		margin-left: 1em;
		border-left-style: solid;
		border-color: black;
		border-width: 2px;
	}
	#taxonomy-term
	.taxonomy-node-grid
	td
	{
		width: auto;
		margin: 4%;
		border-left-style: solid;
		border-color: black;
		border-width: 6px;
	}
	/* Style the image galleries */
	#orr-image-gallery
	.views-slideshow-controls-topviews-slideshow-controls-top
	{
		display: none;
	}
	
	/* Style the nodes */
	
	/* hide the first image on product-type nodes */	
	.node-type-product
	.field-name-field-image-1
	{
		display: none !important;
	}
	#node
	p
	{
		margin: 1%;
		padding: 1%;
	}
	#node
	.panels-flexible-column-last
	{
		display: none;
	}
	#node
	.panels-flexible-column-first
	{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#node
	.panels-flexible-column-inside,
	.panels-flexible-column
	{
		padding: 0;
		margin: 0;
	}
	#node
	.pane-node-title,
	.node-subtitle
	{
		display: block;
		margin: 1% !important;
		padding: 1% !important;
		line-height: initial;
	}
	#node
	.node-textblock,
	.scroll-anchor-menu
	{
		display: block;
		float: none !important;
		/* clear: both; */
		margin: 1%;
		padding: 1%;
		line-height: initial;
	}
	#node
	#scroll-anchor-menu
	ul
	{
		padding: .2em;
		margin: .5em;
		z-index: 2;
		width: 40%;
		border: black 2px solid;
		float: right;
	}
	#node
	#scroll-anchor-menu
	li
	{
		float: none;
		background-color: transparent;
		font-weight: 400;
		font-size: .8em;
	}
	#node
	.scroll-anchor-menu
	li
	{
		padding: 3%;
	}
	#node
	img
	{
		width: 100%;
		height: auto;
	}
	#node
	.node-image
	{
		float: none !important;
		display: block;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
	#node
	.node-image-caption
	{
		float: none !important;
		display: block;
		padding: 3%;
		width: 100% !important;
		max-width: 100%;
		line-height: initial;
		background-color: rgba(255,255,255,.7);
	}
	#node
	.product-node-image-1
	{
		display: none;
	}
	/* Style the image galleries */
	#orr-image-gallery
	{
		margin: .1em;
	}
	#orr-image-gallery
	.views_slideshow_main
	{
		width: 100%;
	}
	#orr-image-gallery
	h2,
	.views-field-title
	{
		margin: 0;
		margin-bottom: 0;
	}
	#orr-image-gallery-term-description
	.pane-content
	{
		display: none;
	}
	#orr-image-gallery
	.views-slideshow-controls-top
	{
		display: none;
	}
	#orr-image-gallery
	.views-slideshow-controls-bottom
	{
		width: 100%;
		display: block;
		float: none;
		clear: both;
		margin: 1%;
	}
	#orr-image-gallery
	.views-slideshow-controls-bottom
	{
		width: 100%;
		display: block;
		float: none;
		clear: both;
		margin: 1%;
	}
	#orr-image-gallery
	.imagefield-field_image_1
	{
		display: block;
		float: none;
		margin: 0;
		clear: both;
		boxshadow: none;
		width: 100%;
	}
	#orr-image-gallery
	.views-field-field-image-1-fid
	{
		display: block;
		float: none;
		margin: 0;
		clear: both;
		boxshadow: none;
		width: 100%;
	}
	#orr-image-gallery
	.views-row
	{
		width: 100% !important;
	}
	#orr-image-gallery
	img
	{
		width: 100% !important;
	}
	/* Embiggen the external and mailto icons */
	span.ext
	{
		background: url(/sites/all/themes/orr/images/extlink-responsive.gif) right center no-repeat;
		padding-right: 30px;
	}
	span.mailto
	{
		background: url(/sites/all/themes/orr/images/mailto-responsive.gif) right center no-repeat;
		padding-right: 30px;
	}
	
	/* Style the annual report galleries */
	#taxonomy-term-annual-report #mobile-jump-menu {
		display: none;
	}
	#taxonomy-term-annual-report .views_slideshow_cycle_slide,
	#taxonomy-term-annual-report .views-slideshow-cycle-main-frame {
		width: auto !important;
		height: auto;
	}
	#taxonomy-term-annual-report img {
		width: 100%;
		height: auto;
	}
	#taxonomy-term-annual-report .panels-flexible-row-last {
		display:none;
	}
	#taxonomy-term-annual-report .views-field-field-image-1-1 {
		display: inline;
	}
	#taxonomy-term-annual-report .views-field-field-image-1-1 img
	{
		max-width: 100%;
		height: auto;
	}
	#taxonomy-term-annual-report .views-field-title,
	#taxonomy-term-annual-report .views-field-body {
		position: absolute;
		background-color: rgba(255,255,255,0.55);
		margin: .6em;
		padding: .4em;
	}
	#taxonomy-term-annual-report .views-field-title {
		font-size: 1em;
		top: 4%;
		left: 6.5%;
		width: 80%;
		line-height: initial;
		font-weight: 800;
		margin-bottom: 0em;
		min-height: 2.72em;	
	}
	#taxonomy-term-annual-report .views-field-body {
		font-size: 0.8em;
		top: 29.3%;
		left: 7%;
		height: 60%;
		width: 80.5%;
		margin-top: 0em;
		padding-top: 0em;
		overflow-y: scroll;
	}
	#taxonomy-term-annual-report .panel-column-separator {
		display: none;
	}
	#taxonomy-term-annual-report .views-slideshow-controls-bottom img {
		width: auto;
		height: auto;
	}
	#taxonomy-term-annual-report .views-slideshow-controls-bottom {
		font-size: 1em;
		width: 100%;
		top: 40%;
	}
	#taxonomy-term-annual-report .vscc_controls_previous,
	#taxonomy-term-annual-report .vscc_controls_next	{
		line-height: 0em;
		font-size: 1em;
		padding: 0.4em;
		background-color: rgba(0,0,0,0.8);
	}
	#taxonomy-term-annual-report .vscc_controls_pause {
		display: none;
	}
	#taxonomy-term-annual-report .vscc_controls_previous {
		border-radius: .0em .3em .3em .0em;
		float: left;
	}
	#taxonomy-term-annual-report .vscc_controls_next {
		border-radius: .3em .0em .0em .3em;
		right: auto;
		position: relative;
		float: right;
	}
	#taxonomy-term-annual-report .views_slideshow_slide_counter {
		font-size: 0.4em;
		position: absolute;
		float: right;
		top: 0;
		color: white;
		background-color: rgba(0,0,0,0.6);
		z-index: 49;
		padding: 3px;
		border-radius: .0em .0em .0em .5em;
	}
	#taxonomy-term-annual-report .panels-flexible-column-inside	{
		background-color: black;
	}
	#taxonomy-term-annual-report .panels-flexible-column-90-body_region {
		width: 100%;
	}
	#taxonomy-term-annual-report .report-title {
		display: inline;
	position: relative;
	float: left;
	top: auto;
	z-index: 48;
	font-size: 0.8em;
	font-weight: 800;
	color: rgba(255,255,255,0.8);
	padding-left: 0.2em;
	}
	#taxonomy-term-annual-report .current-chapter {
	display: inline-block;
	position: relative;
	top: auto;
	left: auto;
	z-index: 47;
	font-size: 0.8em;
	font-weight: 800;
	color: white;
	padding-left: 0.2em;
	/* display: none; */
	}
	#taxonomy-term-annual-report .pane-term-list {
	font-size: .8em;
	}
	#taxonomy-term-annual-report .pane-term-list .pane-title {
	/* float: left;
	padding: 4px 12px; */
	display: none;
	}
	#taxonomy-term-annual-report .pane-term-list ol {
	padding: 0;
	margin: 0;
	}
	#taxonomy-term-annual-report .panels-flexible-row {
	margin: 0;
	padding: 0;
	}
	#taxonomy-term-annual-report .pane-term-list a {
	color: white;
	}
	#taxonomy-term-annual-report .pane-term-list li {
	/* float: left; */
	padding: 12px 12px;
	margin-right: 0;
	background-color: rgba(106, 166, 177, 1);
	/* border-radius: .6em .6em 0 0; */
	border-radius: .6em;
	color: white;
	list-style-type: none;
	width: 47.499%;
	}
	#taxonomy-term-annual-report .pane-term-list .first {
	float: left;
	}
	#taxonomy-term-annual-report .pane-term-list .last {
	float: right;
	}
	}