/*
The styles in this stylesheet only apply to resolutions 768px and up

CALCULATING DIMENSIONS:
----------------------
The layout is fluid. The sote wrapper (.col-full) has a fixed pixel max-width.
All subsequent dimensions are calculated based on that fixed pixel width, using the formula: target / context = result
Credit - http://www.alistapart.com/articles/fluidgrids/

-----
INDEX
-----

1. Global dropdown styles
2. Top Navigation
3. Main navigation dropdown menus
 -3.1 General dropdown menus
4. Containers & Columns
5. Footer widgets
6. IE Fixes

*/
/*----------------------*/
/*----------------------*/
 .home #header {
    background: #323232 url(http://quadrantholdings.com/wp-content/themes/quadrantscrollider/css/images/bg-slider.png);
  }
  .home #featured-wrap {
    position: relative;
    background: #323232 url(http://quadrantholdings.com/wp-content/themes/quadrantscrollider/css/images/bg-slider.png);
  }
  .home.has-slider #content {
    box-shadow: 0 -12px 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 -12px 20px 0 rgba(0, 0, 0, 0.15);
  }
  .home #content.page {
    box-shadow: 0 0 0 0 #888888;
    -webkit-box-shadow: 0 0 0 0 #888888;
  }
  .home .block a {
    color: #5596a5;
  }
  /* 4.1 Homepage */
  .section-title p span {
    display: inline;
  }
  .home #navigation ul.nav > li a {
    color: #939393;
  }
  .home #navigation ul.nav li.current_page_item a,
  .home #navigation ul.nav li.current_page_parent a,
  .home #navigation ul.nav li.current-menu-ancestor a,
  .home #navigation ul.nav li.current-cat a,
  .home #navigation ul.nav li.li.current-menu-item a {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0px 9px 1px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: inset 0 0px 9px 1px rgba(0, 0, 0, 0.11);
  }
  .home #header {
    background: none;
  }
  .home #home-widgets .block {
    float: left;
  }
  .home #home-widgets.columns-3 .block {
    margin-right: 3.63%;
    width: 30.91%;
  }
  .home #home-widgets.columns-3 .block.home-widget-3 {
    margin-right: 0;
  }
  .home #home-widgets.columns-2 .block {
    margin-right: 3.8%;
    width: 48.1%;
  }
  .home #home-widgets.columns-2 .block.home-widget-2 {
    margin-right: 0;
  }
  #home-widget-fullwidth .widget_woo_newsfromblog h3 span {
    max-width: 30%;
  }
  #home-widget-fullwidth .widget_woo_newsfromblog .section-blog .flex-viewport {
    margin-left: -2px;
  }
  #home-widget-fullwidth .widget_woo_newsfromblog .section-blog ul li article {
    width: 31.1%;
    margin-right: 2.93%;
    margin-left: 2px;
  }
  #home-widget-fullwidth .widget_woo_newsfromblog .section-blog ul li article:nth-child(3) {
    margin-right: 0;
  }
  .has-slider #navigation ul.nav > li a {
    color: #333;
   /* text-shadow: 1px 1px 0 #000000;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);*/
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
  }
  .has-slider #navigation ul.nav > li a:hover {
    color: #ccc;
  }
  .has-slider #navigation ul.nav > li ul li a {
    color: #939393;
    text-shadow: 0 3px 3px #ffffff;
  }
  .has-slider #navigation ul.nav > li ul li a:hover {
    color: #4a4a4a;
  }
  .has-slider #navigation ul.nav li.current_page_item a,
  .has-slider #navigation ul.nav li.current_page_parent a,
  .has-slider #navigation ul.nav li.current-menu-ancestor a,
  .has-slider #navigation ul.nav li.current-cat a,
  .has-slider #navigation ul.nav li.li.current-menu-item a {
    background: rgba(0, 0, 0, 0.12);
  }
  .has-slider body {
    overflow-y: scroll;
  }
  .has-slider #content-top {
  position:fixed;
   	min-width:1025px;
    top: 0;
    z-index: 0;
    width: 100%;
    background: none;
    padding: 0;
  }
  .has-slider #header {
    background-color: rgba(0, 0, 0, 0.5) 0%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5) 0%), to(rgba(0, 0, 0, 0) 100%));
    /* Saf4+, Chrome */
  
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
  
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
  
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* IE10 */
  
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* Opera 11.10+ */
  
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .has-slider #featured-wrap {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .has-slider #featured {
    margin: 0;
    max-width: 100%;
    z-index: 1;
    position: static;
  }
  .has-slider #featured header h1 {
    font-size: 2.618em;
    text-align: center;
  }
  .has-slider #featured .controls-container {
    position: static;
  }
  .has-slider #featured .flex-control-nav {
    display: block;
  }
  .has-slider #featured ul.flex-direction-nav li a {
    z-index: 99;
    width: 5.874em;
    height: 5.874em;
    top: 11.089em;
  }
  .has-slider #featured .slide .slide-content-container {
    position: absolute;
    top: 0;
    padding-top: 11.089em;
    width: 100%;
    background: none;
  }
  .has-slider #featured .slide .slide-content-container .entry {
    display: block;
    font-size: 1.2em;
  }
  .has-slider #featured .slide .slide-content-container .excerpt {
    display: none;
  }
  .has-slider #featured .slide .slide-content {
    padding: 0;
  }
  .has-slider #featured .slide.has-overlay .slide-content {
    padding: 2.244em;
    background: #000000;
    background: rgba(0, 0, 0, 0.4);
    /* MSIE */
  
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-border-radius: 1em;
    border-radius: 1em;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .has-slider body.ie #featured .slide.has-overlay .slide-content {
    background-color: none !important;
    background: transparent !important;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#50000000', endColorstr='#50000000');
    /* IE */
  
  }
  .has-slider #content {
    margin-top: 136px;
  }
  .has-slider #wrapper {
    z-index: 2;
    position: relative;
  }
  body.admin-bar.has-slider #content-top {
    top: 28px;
  }
  body.ie8 #home-widget-fullwidth .widget_woo_newsfromblog .section-blog ul li article {
    width: 30%;
  }
  
  
  /*------------------nav styles---------------------------*/
   /* 1. GLOBAL DROPDOWN STYLES (these are purely for the dropdown layout and you should only edit the width of the dropdowns) */
  ul.nav {
    position: relative;
    margin-bottom: 0;
    /* LEVEL 2 */
  
    /* LEVEL 3 */
  
  }
  ul.nav li {
    position: relative;
    float: left;
    zoom: 1;
    list-style: none;
  }
  ul.nav li a {
    display: block;
    padding: .382em 1em;
  }
  ul.nav ul {
    width: 11.089em;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999 !important;
    margin: 0;
  }
  ul.nav ul li {
    float: none;
  }
  ul.nav ul li a {
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
    /* Opera/IE 8+ */
  
  }
  ul.nav ul ul {
    left: 100%;
    top: 0;
  }
  ul.nav li:hover > ul {
    visibility: visible;
  }
  /* 2. TOP NAVIGATION (Add top navigation presentational styles here) */
  #top {
    background: #000;
  }
  #top #top-nav {
    margin-left: -1.618em;
    display: block;
  }
  #top #top-nav li a {
    text-shadow: 0 0 0 #ffffff;
  }
  #top ul.nav {
    padding: 0;
    font-size: 1em;
    /* LEVEL 2 */
  
    /* LEVEL 3 */
  
  }
  #top ul.nav > li a {
    color: #f0f0f0;
  }
  #top ul.nav > li a:hover {
    background: #111;
  }
  #top ul.nav > li:hover {
    background: #111;
  }
  #top ul.nav ul {
    background: #111;
    background: rgba(0, 0, 0, 0.9);
  }
  /* 3. MAIN NAVIGATION DROPDOWN MENUS (Add main navigation presentational styles here) */
  #navigation {
    display: block !important;
    float: right;
    clear: none;
  }
  #navigation ul.nav {
    float: right;
    background: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: inset 0 0 0 0 #888888;
    -webkit-box-shadow: inset 0 0 0 0 #888888;
    padding: 0;
    /* LEVEL 2 */
  
    /* LEVEL 3 */
  
  }
  #navigation ul.nav > li a {
    color: #939393;
    text-shadow: 1px 1px 0 #ffffff;
  }
  #navigation ul.nav > li a:hover {
    color: #3c3c3c;
    text-decoration: none;
  }
  #navigation ul.nav li.current_page_item a,
  #navigation ul.nav li.current_page_parent a,
  #navigation ul.nav li.current-menu-ancestor a,
  #navigation ul.nav li.current-cat a,
  #navigation ul.nav li.li.current-menu-item a {
    background: #e2e2e2;
    background: rgba(0, 0, 0, 0.02);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: inset 0 0px 6px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 0px 6px 1px rgba(0, 0, 0, 0.05);
  }
  #navigation ul.nav li.current_page_item ul li a,
  #navigation ul.nav li.current_page_parent ul li a,
  #navigation ul.nav li.current-menu-ancestor ul li a,
  #navigation ul.nav li.current-cat ul li a,
  #navigation ul.nav li.li.current-menu-item ul li a {
    background: #f6f6f6;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: inset 0 0 0 0 #888888;
    -webkit-box-shadow: inset 0 0 0 0 #888888;
  }
  #navigation ul.nav li.parent > a {
    position: relative;
    padding-right: 1.8em;
  }
  #navigation ul.nav li.parent > a:after {
    content: "";
    display: block;
    border: .3em solid #666;
    border-color: #666 transparent transparent transparent;
    position: absolute;
    top: 43%;
    right: .8751em;
  }
  #navigation ul.nav ul {
    background: #f6f6f6;
    border: 1px solid #e3e3e3;
    top: 24px;
    left: -1px;
  }
  #navigation ul.nav ul li {
    border-bottom: 1px solid #e3e3e3;
  }
  #navigation ul.nav ul li.current_page_item,
  #navigation ul.nav ul li.current_page_parent,
  #navigation ul.nav ul li.current-menu-ancestor,
  #navigation ul.nav ul li.current-cat,
  #navigation ul.nav ul li.li.current-menu-item {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #navigation ul.nav ul li a {
    font-family: Helvetica, "Open Sans", sans-serif;
    font-size: 18px;
  }
  #navigation ul.nav ul li:last-child {
    border-bottom: 0;
  }
  #navigation ul.nav ul ul {
    top: -1px;
    left: 100%;
  }
  h3.nav-toggle {
    display: none;
  }