/* $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
 * 
 */

#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-fid-1,
.taxonomy-subterm-responsive,
.taxonomy-nodes-responsive
{
	display: none;
}
#index-page .views-field-field-short-title-value,
#index-page	.views_slideshow_controls_text
		{
			display: none;
		}

@media screen and (max-width:980px) {
	#fixed-banner,
	#navigation,
	#email-signup-button,
	#orr-pubs-button,
	#search-box,
	#orr-dwh-button,
	#featured-news-index .views-field-title,
	#featured-news-index .views_slideshow_controls_text_pause,
	#featured-news-index .views-field-teaser,
	#orr-blog-index,
	#orr-site-follow,
	#year-in-review-button,
	#index-r2b2-node,
	#index-r2b4,
	#index-r2b5 .pane-content,
	.pane-addthis-0,
	.taxonomy-node-grid
		{
			display: none;
		}
	.no-sidebars,
	.region-page-closure,
	.with-navigation,
	.with-navigation .region-sidebar-first,
	.with-navigation .region-sidebar-second,
	.panels-flexible-region-3-row_a_box_1,
	.panels-flexible-row-3-5,
	.panels-flexible-row,
	.panels-flexible-region,
	.front-page-boxes,
	.accordion-active,
	.views-field-field-short-title-value,
	.taxonomy-nodes-responsive,
	#logo,
	#content,
	#page-wrapper,
	#featured-news-index,
	#responsive-banner,
	#responsive-on-our-radar,
	#responsive-publications,
	#responsive-maps-spatial-data,
	#nos-required-footer
		{
			float: none !important;
			width: 100% !important;
			height: auto !important;
			margin: 0 !important;
			padding: 0;
			border-style: none;
			display: block;
		}
	#index-page
		.views-field-field-short-title-value
			{
				z-index: 1;
				display: block;
			}
	.widget_pager_bottom,
	.views-field-field-image-1-fid,
	.panels-flexible-region-3-new_box_5,
	.panels-flexible-region-3-new_box_4_,
	.views-slideshow-controls-bottom,
	.panel-region-separator
		{
			display: none;
		}
	.breadcrumb
		{
			/* font-size: 3em; */
			line-height: initial;
		}
	#page,
	.pane-search-result,
	.site-map-taxonomys,
	.page-customerror-404
		{
			line-height: normal !important;
		}
	#content
		{
			font-size: 3em;
		}
	#header
		{
			font-size: 5em;
			height: initial !important;
		}
	#index-page .front-page-boxes .pane-title a
		{
			color: black;
		}
	#responsive-banner
		img
			{
				float: left;
				height: 2em;
				padding: 1%;
			}
	#responsive-banner
		{
			clear: both;
			padding: 1%;
			color: white;
			background-color: black;
			font-family: Arial, Arial, "Arial BlackMT", san-serif;
			line-height: normal;
		}
	#header
		a
			{
				color: white;
			}
	#mobile-jump-menu,
	#mobile-search-box
		{
			display: inline-table;
			margin: 0;
			padding: 2%;
			background-color: black;
			width: 100%;
		}
	#mobile-search-box,
	#edit-submit,
	#edit-search-theme-form-1, #edit-jump
		{	
			font-size: .6em;
		}
	#edit-search-theme-form-1
		{
			width: auto;
			background-color: #CACACA;
			margin-right: 1.4em;
		}
	#edit-jump
		{
			width: 90%;
		}
	#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;
		}
	#featured-news-index .front-page-boxes
		{
			position: absolute;
			top: 0;
		}
	#featured-news-index
		{
			position: relative;
			box-shadow: none;
		}
	#featured-news-index
		.views-field-field-short-title-value
			{
				display: block;
				font-weight: 900;
				line-height: initial;
				padding: 3%;
				background-color: rgba(0,0,0,.5);
				position: absolute;
				top: 0em;
			}
	#featured-news-index a
		{
			color: white;
		}
	#featured-news-index .views-field-field-image-1-fid-1
		{
			display: block;
			position: relative;
		}
	#featured-news-index img
		{
			margin: 0 !important;
			width: 100% !important;
			height: auto !important;
		}
	#featured-news-index .views-slideshow-controls-top
		{
			position: absolute;
			top: 5em;
			z-index: 10;
			display: block;
			width: 100%;
		}
	#featured-news-index
		.views_slideshow_controls_text
			{
				display: block;
				width: 100%;
				font-size: .6em;
			}
	#featured-news-index
		.views_slideshow_controls_text
			a
				{
					color: white;
				}
	#featured-news-index
		.views_slideshow_controls_text_previous,
		.views_slideshow_controls_text_next
			{
				display: inline-block;
				padding: 2%;
				background-color: rgba(0,0,0,.5);
			}
	#featured-news-index
		.views_slideshow_controls_text_previous
			{
				border-radius: .0em .3em .3em .0em;
			}
	#featured-news-index
		.views_slideshow_controls_text_next
			{
				float: right;
				border-radius: .3em .0em .0em .3em;
			}
	#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
		.accordion-header
			{
				background-color: white;
				background-image: url(/sites/all/themes/orr/images/closed.gif);
			}
	#responder-tools-index
		.accordion-header-active
			{
				background-image: url(/sites/all/themes/orr/images/open.gif);
			}
	#responder-tools-index
		.views-field-title,
		.views-field-teaser,
		.accordion-content
			{
				margin: 2%;
				padding: 2%;
				line-height: initial;
			}
	#responsive-on-our-radar
		.views-field-field-short-title-value
			{
				margin: 2%;
				padding: 2%;
				line-height: initial;
			}
	#nos-required-footer
		{
			font-size: .6em;
			padding: 3%;
			line-height: 2;
			background-color: black;
			color: white;
		}
		
	#nos-required-footer br
		{
			padding: 2em 0 2em 0;
		}
	
	/* Style the taxonomy term pages */
	#taxonomy-term
		.panels-flexible-column-last
			{
				display: none;
			}
	#taxonomy-term
		.panels-flexible-column-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%;
				/* position: absolute;
				bottom: 0em; */
				background-color: rgba(255,255,255,0.7);
			}
	#taxonomy-term
		.panels-flexible-column-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-teaser,
		.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
		.pane-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-region
			{
				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;
				width: 100% !important;
				max-width: 100%;
				position: relative;
			}
	#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 .views-field-field-image-1-fid {
		display: inline;
	}
	#taxonomy-term-annual-report .imagefield
	{
		width: 100%;
		height: auto;
	}
	#taxonomy-term-annual-report .views-field-title,
	#taxonomy-term-annual-report .views-field-body {
		font-size: 0.8em;
		position: absolute;
		left: 4%;
		width: 80%;
		background-color: rgba(255,255,255,0.6);
		margin: .6em;
		padding: .6em;
	}
	#taxonomy-term-annual-report .views-field-title {
		font-size: 1em;
		top: 4%;
		line-height: initial;
		font-weight: 800;
		margin-bottom: 0em;
	}
	#taxonomy-term-annual-report .views-field-body {
		top: 33.8%;
		left: 4.5%;
		width: 81%;
		height: 63%;
		margin-top: 0em;
		padding-top: 0em;
		overflow-y: scroll;
	}
	#taxonomy-term-annual-report .panel-region-separator {
		display: none;
	}
	#taxonomy-term-annual-report .views_slideshow_controls_text,
	#taxonomy-term-annual-report .views-slideshow-controls-bottom {
		display: inline;
		position: absolute;
		top: 17%;
		z-index: 50;
	}
	#taxonomy-term-annual-report .views-slideshow-controls-bottom a {
		color: white;
	}
	#taxonomy-term-annual-report .views_slideshow_controls_text_previous,
	#taxonomy-term-annual-report .views_slideshow_controls_text_next	{
		width: 0.8em;
		height: 10em;
		font-size: 0.8em;
		line-height: initial;
		padding: 0.2em;
		background-color: rgba(0,0,0,0.8);
	}
	#taxonomy-term-annual-report .views_slideshow_controls_text_pause {
		display: none;
	}
	#taxonomy-term-annual-report .views_slideshow_controls_text_previous {
		border-radius: .0em .3em .3em .0em;
		float: left;
	}
 	#taxonomy-term-annual-report .views_slideshow_controls_text_next {
		border-radius: .3em .0em .0em .3em;
		float: right;
	}
	#taxonomy-term-annual-report .views_slideshow_slide_counter {
		font-size: 0.6em;
		position: absolute;
		float: right;
		top: 6.6%;
		color: white;
		background-color: rgba(0,0,0,0.6);
		z-index: 49;
		padding: 6px;
		border-radius: .0em .0em .0em .5em;
	}
	#taxonomy-term-annual-report .panels-flexible-region-inside	{
		background-color: black;
	}
	#taxonomy-term-annual-report .panels-flexible-region-90-body_region {
		width: 100%;
	}
	#taxonomy-term-annual-report .report-title {
		display: inline;
		position: relative;
		float: left;
		top: auto;
		left: auto;
		z-index: 48;
		font-size: 0.8em;
		font-weight: 800;
		color: rgba(255,255,255,0.8);
		padding-left: 0.2em;
		/* display: none; */
	}
	#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;
	}
}