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

*/


/*----------------------*/


/*----------------------*/

@media only screen and (min-width: 768px) {
    /* 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;
        text-align: center;
        float: none;
    }
    ul.nav li {
        position: relative;
        float: none;
        zoom: 1;
        list-style: none;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    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;
        background: #FFF;
        text-align: left;
    }
    ul.nav ul li {
        float: none;
        display: block;
    }
    ul.nav ul li a {
        width: 100%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    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;
    }
    #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: none;
        clear: none;
    }
    #navigation ul.nav {
        float: none;
        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;
    }
    #navigation ul.nav>li a:hover {
        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.current-menu-item>a {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    #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 {
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    #navigation ul.nav li.parent>a {
        position: relative;
        padding-right: 1em;
    }
    #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: .2751em;
    }
    #navigation ul.nav ul {
        background: #f6f6f6;
        border: 1px solid #e3e3e3;
        top: 34px;
        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: "Open Sans", sans-serif;
        font-size: .9em;
    }
    #navigation ul.nav ul li:last-child {
        border-bottom: 0;
    }
    #navigation ul.nav ul ul {
        top: -1px;
        left: 100%;
    }
    h3.nav-toggle {
        display: none;
    }
    #sub-feature #social {
        width: 15.379em;
        margin-right: 4.236em;
    }
    #sub-feature #features {
        overflow: hidden;
    }
    #sub-feature #features ul li {
        margin: 0 5.63% 2.244em 0;
        width: 29.58%;
    }
    #sub-feature #features ul li.clear {
        margin: 0;
        width: 0;
    }
    /* 4. CONTAINERS & COLUMNS */
    #header #logo {
        float: left;
    }
    #main.fullwidth,
    .layout-full #main,
    .col-full {
        max-width: 75.998em;
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }
    #main {
        width: 62%;
        margin: 0;
    }
    .tribe-events-style-full #main,
    .events-list.tribe-bar-is-disabled #main #tribe-events-content-wrapper {
        width: 100%;
        max-width: 100%;
    }
    .tribe-events-list-separator-month+.type-tribe_events.tribe-events-first {
        padding-top: 5.25em!important;
    }
    .post .article-inner,
    .type-page .article-inner,
    .type-features .article-inner,
    .search-results .features .article-inner,
    .search-results .page .article-inner,
    .search-results .type-product .article-inner,
    .search-results .type-portfolio .article-inner {
        padding: 2.244em 2.244em 1.618em 9em;
    }
    .post .post-meta .post-avatar,
    .type-page .post-meta .post-avatar,
    .type-features .post-meta .post-avatar,
    .search-results .features .post-meta .post-avatar,
    .search-results .page .post-meta .post-avatar,
    .search-results .type-product .post-meta .post-avatar,
    .search-results .type-portfolio .post-meta .post-avatar,
    .post .post-meta .post-comments,
    .type-page .post-meta .post-comments,
    .type-features .post-meta .post-comments,
    .search-results .features .post-meta .post-comments,
    .search-results .page .post-meta .post-comments,
    .search-results .type-product .post-meta .post-comments,
    .search-results .type-portfolio .post-meta .post-comments,
    .post .post-meta .post-date,
    .type-page .post-meta .post-date,
    .type-features .post-meta .post-date,
    .search-results .features .post-meta .post-date,
    .search-results .page .post-meta .post-date,
    .search-results .type-product .post-meta .post-date,
    .search-results .type-portfolio .post-meta .post-date {
        display: block;
    }
    .type-page .article-inner {
        padding-left: 2.244em;
    }
    #post-author {
        padding: 1.387em 1.387em 2.244em 9em;
    }
    #post-entries {
        padding: 0 2.244em 1.618em 9em;
        margin: 0;
    }
    .post-share-bar {
        clear: none;
        position: absolute;
        top: .326em;
        left: 15.379em;
        margin: 0;
    }
    .woo-pagination {
        margin: 0;
    }
    #comments h3 {
        padding: 1.387em 1.387em 0 6.5em;
    }
    #comments .comment .avatar {
        float: left;
        margin: 0 1em 1em 1.387em;
    }
    #comments .comment .comment-entry {
        float: right;
        width: 83%;
    }
    #comments .comment.depth-3 .comment-entry {
        width: 79%;
    }
    #comments .comment.depth-4 .comment-entry {
        width: 70%;
    }
    #comments ul.children {
        margin: 0 0 0 9em;
    }
    #respond {
        padding: 1.618em 1.618em 1.618em 9em;
    }
    #sidebar {
        margin-top: 0;
        width: 34%;
    }
    .entry img {
        max-width: 100%;
    }
    .layout-full .entry img {
        max-width: 100%;
    }
    .layout-right-content #main {
        float: right;
    }
    .layout-right-content #sidebar {
        float: left;
    }
    .layout-full #main {
        width: 100%;
    }
    .single-portfolio.layout-left-content #main article {
        float: right;
    }
    .single-portfolio.layout-left-content #main .single-portfolio-gallery {
        float: left;
    }
    .single-portfolio.layout-full #main article {
        display: none;
    }
    .single-portfolio.layout-full #main .single-portfolio-gallery {
        float: left;
        width: 100%;
    }
    .col-left {
        float: left;
    }
    .col-right {
        float: right;
    }
    .page-template-template-contact-php .location-twitter .col-left {
        float: left;
    }
    .page-template-template-contact-php .location-twitter #office-location {
        width: 48%;
        margin: 0;
    }
    .page-template-template-contact-php .location-twitter .contact-social {
        float: right;
        width: 48%;
    }
    .page-template-template-contact-php .location-twitter .contact-social #twitter {
        margin: 0;
    }
    .section-title span {
        max-width: 80%;
    }
    /* PORTFOLIO TEMPLATE */
    .single-portfolio .portfolio {
        float: left;
        width: 26%;
    }
    .single-portfolio .single-portfolio-gallery {
        float: right;
        width: 70%;
    }
    .single-portfolio #content .portfolio-item {
        margin: 1em 0 1.618em;
    }
    #porfolio-gallery .portfolio-item.last {
        margin-right: 1.618em !important;
    }
    /* 5. FOOTER WIDGETS */
    #footer-widgets {
        padding: 2.618em 0;
    }
    #footer-widgets .block {
        margin-right: 3.8%;
        float: left;
    }
    #footer-widgets.col-1 .block {
        width: 100%;
        float: none;
    }
    #footer-widgets.col-1 .footer-widget-1 {
        margin-right: 0;
    }
    #footer-widgets.col-2 .block {
        width: 48%;
    }
    #footer-widgets.col-2 .footer-widget-2 {
        margin-right: 0;
    }
    #footer-widgets.col-3 .block {
        width: 30.75%;
    }
    #footer-widgets.col-3 .footer-widget-3 {
        margin-right: 0;
    }
    #footer-widgets.col-4 .block {
        width: 22.05%;
    }
    #footer-widgets.col-4 .footer-widget-4 {
        margin-right: 0;
    }
    /* 6. IE FIXES */
    .ie7 #top-nav {
        position: relative;
        z-index: 9999999;
    }
    .ie7 #header {
        position: relative;
        z-index: 9999999;
    }
}

@media only screen and (min-width: 1025px) {
    .home #featured-wrap {
        position: relative;
    }
    /* 4.1 Homepage */
    .section-title p span {
        display: inline;
    }
    .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: #330033;
        text-shadow: none;
    }
    .has-slider #navigation ul.nav>li a:hover {
        color: #1b476f;
    }
    .has-slider #navigation ul.nav>li ul li a {
        color: #330033;
        text-shadow: none;
    }
    .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 {}
    .has-slider body {
        overflow-y: scroll;
    }
    .has-slider #content-top {
        top: 0;
        z-index: 0;
        width: 100%;
        background: none;
        padding: 0;
    }
    .has-slider #header {
        background: #FFF;
        background: rgba(255, 255, 255, .9);
        top: 0;
        width: 100%;
        z-index: 1;
        position: relative;
        z-index: 10;
    }
    .has-slider #featured-wrap {
        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: 3.874em;
        height: 5.874em;
        top: 22.089em;
    }
    .has-slider #featured .slide .slide-content-container {
        position: absolute;
        top: 10%;
        padding-top: 11.089em;
        padding-top: 15em;
        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: 1em 2.244em 1.2em;
        background: #321832;
        background: rgba(27, 12, 27, .5);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        -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');
    }
    .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%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
    #sub-feature {
        padding-left: 2em;
        padding-right: 2em;
        margin: 0 -2em 2.618em;
    }
    .home #wrapper {
        padding: 0;
    }
    /*
  #wrapper {
    padding: 0 2em;
  }
  */
    #footer {
        padding: 0.5em 1em 1em;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #featured ul.flex-direction-nav li a.flex-prev {
        left: 0;
    }
    #featured ul.flex-direction-nav li a.flex-next {
        right: 0;
    }
    #featured .slides {
        margin: 0;
    }
}