/* 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. */
/* Really small screens and up */
/* @media only screen and (min-width: 220px) {} */
/* Smartphone sizes and up */
/* @media only screen and (min-width: 320px) {} */
/* 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%; } }
/* Tablet sizes and up */
@media only screen and (min-width: 768px) { .site-logo .ilrf-logo .logo-wrapper a { background: transparent url("../logo.png") no-repeat 0 0; display: inline-table; height: 44px; text-indent: -9999px; width: 105px; }
  #main_menu h2.block-title { display: none; }
  #main_menu ul.nice-menu { float: right; padding: 0; }
  #main_menu ul.nice-menu li.menuparent { background: transparent none no-repeat 0 0; border: 0 none; }
  #main_menu ul.nice-menu li.menuparent a { color: #FFF; font-family: "montserratbold", sans-serif; font-size: 75%; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
  #main_menu ul.nice-menu li.menuparent ul { background-color: #000; border-top: 0 none; left: -5px; width: 220px; }
  #main_menu ul.nice-menu li.menuparent ul li { background-color: #000; border: 0 none; clear: none; float: none; padding: 0 5px; width: 100%; }
  #main_menu ul.nice-menu li.menuparent ul li a { font-family: "buenardregular", serif; font-weight: 700; text-transform: none; }
  #main_menu ul.nice-menu li.menuparent ul li ul { left: 13em; }
  #main_menu ul.nice-menu li.menuparent ul li.over { background-color: #84cdb3; border: 0 none; }
  #main_menu ul.nice-menu li.menuparent ul li.over a { color: #FFF; text-decoration: none; }
  #main_menu ul.nice-menu li.menuparent ul li.over ul li a { color: #FFF; }
  #main_menu ul.nice-menu li.menuparent ul li.over ul li.over a { color: #FFF; }
  .view-nodequeue-featured-items-banner { border-bottom: 10px solid #000; line-height: 0; position: relative; }
  .view-nodequeue-featured-items-banner .view-content { height: auto; position: relative; }
  .view-nodequeue-featured-items-banner .rslides, .view-nodequeue-featured-items-banner .views-field-field-image .field-content, .view-nodequeue-featured-items-banner .views-field-field-image .field-content img { width: 100%; }
  .view-nodequeue-featured-items-banner .views-row { position: relative; z-index: 1; }
  .view-nodequeue-featured-items-banner .views-row .views-field-field-front-page-banner-text { position: absolute; left: 20%; top: 15%; width: 70%; z-index: 10; 			/*
a:after {
				border-bottom: 10px solid $white;
				bottom: 0;
				box-shadow: 1px 1px 10px $black;
				content: "";
				height: 1px;
				left: 0;
				position: absolute;
				width: 100%;
				}
*/ }
  .view-nodequeue-featured-items-banner .views-row .views-field-field-front-page-banner-text a { color: #FFF; display: inline; font-family: "montserratbold", sans-serif; font-size: 343.75%; font-weight: 700; line-height: 100%; padding-bottom: 10px; position: relative; text-shadow: 1px 1px 10px #000; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=60, Color='#000000'); text-transform: uppercase; }
  .view-nodequeue-featured-items-banner .views-row .views-field-field-front-page-banner-text a:hover { text-decoration: none; }
  .view-nodequeue-featured-items-banner .views-row .views-field-view-node { bottom: 20%; left: 20%; position: absolute; z-index: 10; }
  .view-nodequeue-featured-items-banner .views-row .views-field-view-node a { color: #FFF; font-family: "buenardregular", serif; font-size: 125%; font-weight: 700; text-shadow: 1px 1px 10px #000; }
  .view-nodequeue-featured-items-banner a.rslides_nav { display: inline-table; height: 25px; margin-top: 18%; position: absolute; text-indent: -9999px; width: 12px; z-index: 9; }
  .view-nodequeue-featured-items-banner a.prev { background: transparent url("../images/slideshow-btn.png") no-repeat 0 top; left: 2%; }
  .view-nodequeue-featured-items-banner a.next { background: transparent url("../images/slideshow-btn.png") no-repeat 0 bottom; right: 2%; }
  .view-nodequeue-featured-items-banner .rslides_tabs { bottom: 0; margin: 0; padding: 0 2%; position: absolute; width: 100%; z-index: 9; }
  .view-nodequeue-featured-items-banner .rslides_tabs li { background-color: #e6e7e8; float: left; height: 10px; list-style: none; margin-right: 1%; text-indent: -9999px; width: 23%; }
  .view-nodequeue-featured-items-banner .rslides_tabs li.rslides_here { background-color: #84cdb3; } }
/* Desktops/laptops and up */
/* @media only screen and (min-width: 1025px) {} */
/* tablet_landscape three_col_grail */
@media only screen and (min-width: 769px) and (max-width: 1024px) { .two-sidebars .content-inner { margin-left: 33%; margin-right: 33%; }
  .sidebar-first .content-inner { margin-left: 33%; margin-right: 0; }
  .sidebar-second .content-inner { margin-right: 33%; margin-left: 0; }
  .region-sidebar-first { width: 33%; margin-left: -100%; }
  .region-sidebar-second { width: 33%; margin-left: -33%; } }
/* bigscreen three_col_grail */
@media only screen and (min-width: 1025px) { .two-sidebars .content-inner { margin-left: 33%; margin-right: 33%; }
  .sidebar-first .content-inner { margin-left: 33%; margin-right: 0; }
  .sidebar-second .content-inner { margin-right: 33%; margin-left: 0; }
  .region-sidebar-first { width: 33%; margin-left: -100%; }
  .region-sidebar-second { width: 33%; margin-left: -33%; } }
