/**
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */


/* Small smartphone sizes and down */
@media only screen and (max-width: 480px) {
/*
      Float Region blocks example:
      In smaller screen sizes we can remove the float and widths so all blocks
      stack instead of displaying horizonally. The selector used here is an
      "attribute selector" which will match on any float block class. Use your
      inspector or Firebug to get the classes from the page output if you need
      more granular control over block alignment and stacking.
      
      "Float Region blocks" is an extension for floating blocks in regions, see
      your themes appearance settings, under the Extensions tab.
    */
.region[class*="float-blocks"] .block {
	float: none;
	width: 100%;
}
}

/* larger devices and view ports */
@media only screen and (max-width: 500px) {
/* nav */
div#menu-bar #superfish-1 {
	font-size: 9px;
}
}

@media only screen and (max-width: 640px) {
/* branding */
#site-name {
	font-size: 33px;
	letter-spacing: -1px;
}
/* nav */
div#menu-bar #superfish-1 {
	font-size: 11px;
}
/* landing page blocks */
.floatingblocklist.fifty li {
	clear: both;
	margin: 0 auto;
	width: 95%;
}
.floatingblocklist.fifty {
	margin: 0 auto;
	width: 95%;
}
}

@media only screen and (max-width: 565px) {
/* nav */
#branding {
	background: none;
}
#logo {/*
      display: none;*/
	margin-left: 0;
}
div#menu-bar #superfish-1 {
	font-size: 10px;
}
#name-and-slogan {
	width: 100%;
	margin: 0;
}
/* slider */
.flexslider .slides img {
	width: 90%;
	margin: 0 auto 10px auto;
	border: 1px solid #ddd;
}
.flexslider .slide-content-wrapper {
	float: left;
	width: 90%;
	display: block;
	clear: both;
	text-align: center;
}
.flexslider .slide-title {
	display: block;
	clear: both;
}
.flexslider .slide-summary {
	display: none;
}
}

@media only screen and (max-width: 768px) {
/* logo */
#logo {
	margin-top: 7px;
}
#logo img {/*
      height: 75px;
      width: 75px;*/
}
/* branding */
#site-name {
	font-size: 35px;
	letter-spacing: -1px;
}
#site-slogan {
	font-size: 11.5px;
	letter-spacing: -1px;
}
/* nav */
#menu-bar #superfish-1 {
	font-size: 12px;
}
#menu-bar #superfish-1 .sf-depth-1 > a {
	padding: 10px 0 0 0;
}
#menu-bar #superfish-1 > li.sf-item-6 > a {
	line-height: 30px;
}
#menu-bar #superfish-1 > li.sf-item-7 > a {
	line-height: 30px;
}
#superfish-1 li.last ul {
	left: auto;
	right: -9px;
}
#menu-bar #superfish-1 > li.sf-item-6 ul {
	left: -155px;
}
/* slider */
.flexslider .slide-title {
	font-size: 1.5em;
	margin-top: 5px;
}
.flexslider .slide-summary {
	display: none;
}
}

@media only screen and (max-width: 959px) {
/* nav */
#menu-bar #superfish-1 > li > a {
	/* force word wrap at narrow widths */
	word-spacing: 100px;
}
#menu-bar #superfish-1 > li.sf-item-4 {
	/* except for 'issues and legislation' because it has 3 words and would wrap wrong */
	word-spacing: normal;
}
}

@media only screen and (min-width: 960px) {
/* nav */
    /* custom forced nav widths for super wide view */
#menu-bar #superfish-1 > li > a {
	line-height: 35px!important;
	word-spacing: normal;
}
#menu-bar #superfish-1 > li.sf-item-1 {
	width: 15%;
}
#menu-bar #superfish-1 > li.sf-item-2 {
	width: 13%;
}
#menu-bar #superfish-1 > li.sf-item-3 {
	width: 20%;
}
#menu-bar #superfish-1 > li.sf-item-4 {
	width: 20%;
	word-spacing: normal;
}
#menu-bar #superfish-1 > li.sf-item-5 {
	width: 13%;
}
#menu-bar #superfish-1 > li.sf-item-6 {
	width: 10%;
	/* vertically center 'students' */
	line-height: 38px;
}
#menu-bar #superfish-1 > li.sf-item-7 {
	width: 9%;
	/* vertically center 'contact' */
	line-height: 38px;
}
}

/* cascading media queries. */
@media only screen and (max-width: 361px) {
#billboard {
/*visibility: hidden !important;*/
}
#page {
	min-width: 320px !important;
	max-width: 360px !important;
	width: 100% !important;
	padding: 0;
	margin: 0;
}
#icons {
	clear: none;
	float: none;
	height: 40px !important;
	margin: 0 auto;
	width: 74px;
	padding: 0;
}
#menu-bar #superfish-1 {
/*visibility: hidden !important;*/
}
#menu-bar {
/*visibility: hidden !important;*/
}
#header .branding-elements {
	height: 130px !important;
	margin-bottom: 50px !important;
	min-width: 300px !important;
	max-width: 340px !important;
	width: 100% !important;
	padding: 0;
}
#top-page-links {
	float: none;
	font-size: 11px;
	line-height: 20px !important;
	margin: 0 auto;
	text-align: center;
}
#search-box .search-form .form-submit {
	background: url("../images/search-btn.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	border: 0 none;
	border-radius: 0;
	height: 20px;
	position: absolute;
	right: 5px;
	text-indent: -4000px;
	top: 5px !important;
	width: 20px;
}
ul#flexslider_views_slideshow_homepage_slideshow-block {
	margin: 20px 0 20px 0 !important;
	padding: 0;
}
.flex-direction-nav a {
	color: #225F9C !important;
	cursor: pointer;
	display: block;
	height: 40px;
	margin: -20px 0 0;
	opacity: 0 !important;
	overflow: hidden;
	position: absolute;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	top: 28% !important;
	transition: all 0.3s ease 0s;
	width: 45px !important;
	z-index: 10;
}
.flex-direction-nav a:hover {
	color: #225F9C !important;
	opacity: 1 !important;
}
.front .view-footer p {
	font-size: 10px !important;
}
#footer-lower p {
	float: left;
	font-size: 9px;
	width: 45%;
}
.front #features #block-block-9 {
/*	visibility: hidden !important;
	display: none !important;*/
}
.front #features .floatingblocklist {
	min-width: 280px !important;
	width: 100% !important;
}
.front #features .region-two-60-40-second #block-block-19 .block-inner {
	padding: 10px !important;
}
.front #features .region-two-60-40-second #block-block-20 .block-inner {
	padding: 10px !important;
}
.front #features .region-two-60-40-second #block-block-19 h2, .front #features .region-two-60-40-second #block-block-19 .block-content.content, .front #features .region-two-60-40-second #block-block-19 .block-inner {
	background: none repeat scroll 0 0 #0B3D6E !important;
}
.front #features .region-two-60-40-second #block-block-20 h2, .front #features .region-two-60-40-second #block-block-20 .block-content.content, .front #features .region-two-60-40-second #block-block-20 .block-inner {
	background: none repeat scroll 0 0 #729CC5 !important;
}
#footer {
	background-color: #fff !important;
}
#footer .content {
	background-color: #fff !important;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 700;
	padding: 6px 0;
	text-align: center;
}
}
/* Hiding For Immediate Release, Date and title in the body */
body.node-type-news-release-page div#content div.region-two-66-33-first div.pane-node-body > div.block-inner > div.block-content > div {
	color: red;
	display: none;
}
body.node-type-news-release-page div#content div.region-two-66-33-first div.pane-node-body > div.block-inner > div.block-content > div + p {
	color: red;
	display: none;
}
body.node-type-news-release-page div#content div.region-two-66-33-first div.pane-node-body > div.block-inner > div.block-content div ~ div {
	color: red;
	display: none;
}
body.node-type-news-release-page div#content div.region-two-66-33-first div.pane-node-body > div.block-inner > div.block-content div ~ div ~ div {
	color: #6C7073;
	display: block !important;
	visibility: visible !important;
}