/* ----------------------------------------------------------------------------------
	RESPONSIVE LAYOUTS
---------------------------------------------------------------------------------- */

/* Desktop / Laptop */
@media only screen and (max-width: 1280px) {
    #slider .rslides-content { width: 277px; }
    #slider .featured-excerpt span { font-size:30px; line-height:34px; }
    #slider .rslides_tabs { width:277px; }
    #slider ul.rslides li { padding-right:277px; }
    #slider a.rslides_nav.prev { right:218px !important; }
    #slider a.rslides_nav.next { right:40px !important; }
}
@media only screen and (max-width: 960px) {
    .header-image-wrapper { }
    #pre-header .header-links #menu-main a { font-size:18px; }
    #slider .featured-excerpt span { font-size:24px; line-height:28px; }
}
	
/* iPad & Tablet */
@media only screen and (max-width: 800px) {
    /* Footer */
    #footer .one_fourth { width:47.4% }
    #footer-col3 { clear:left; }
}
@media only screen and (min-width: 851px) {
    #menu-main { display: table !important; width:100%; padding-right:120px; }
    #pre-header { padding-left:30px; padding-right:30px; }
    #content { padding:30px 30px; }
    #intro.option1 { padding-left:30px; padding-right:30px; }
    .addthis-outside { padding: 0px 30px; }

    #footer-menu > ul > li > ul {
        /* Prevent jquery animations on footer menu unless small viewports */
        display:block !important;
        height:auto !important;
    }
}
@media only screen and (max-width: 850px) {


	/* Header */
    #header { padding:0; }
    #header-responsive { display:none; }
    #logo {
        margin:0 auto !important; /*Force override of Engrave theme, which kicks the logo to the left at a smaller viewport */
        max-width:100%;
        padding:0 20px;
        box-sizing:border-box;
    }

    /*#pre-header-core .search-social-wrapper { right: -30px; }*/
    /*
    #pre-header-search { right:70px; }
    #pre-header-social { right:30px; }
    */

    /* Title area: */
    #intro.option1 { padding-left:30px; padding-right:30px; }
    .addthis-wrapper .addthis_toolbox { right:30px; }

    /* Menus: */
    #pre-header { height:50px; padding:5px 0 0 0; box-sizing:border-box; -moz-box-sizing:border-box; }
    #pre-header-core .expand-main-menu {
        display:block; width:30px; height:30px; margin: 0 0 8px 13px; float:left;
        position:relative; top:5px;
        background:transparent url('../images/menu-expander.png') no-repeat center left; cursor:pointer; text-indent:-9999px;
        -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;
    }
    #pre-header-core .expand-main-menu.menu-is-open { background-position: center right; }
    #pre-header-links-inner { display:block; width:100%; clear:both; }

    #pre-header .header-links #menu-main { display:none; padding:0; }
    #pre-header .header-links #menu-main > li > a {
        position: relative;
        background: white;
        padding: 0 30px; height: 50px; line-height:50px;
    }
    #pre-header .header-links #menu-main>li>.sub-menu>li {
        border:0;
    }
    #pre-header .header-links #menu-main>li>.sub-menu a {
        padding: 0 30px 0 50px; height:44px;
        font-size: 20px; font-weight:bold; line-height:44px;
    }
    #pre-header .header-links #menu-main .sub-menu .sub-menu a {
        padding: 0 30px 0 68px; height:44px;
        font-weight:normal;
    }
    #pre-header .header-links #menu-main .sub-menu .sub-menu a:before {
        content:"- "
    }
    #pre-header .header-links #menu-main>[class*="current"]>a {
        color: #65655e;
        background-color: white;
    }
    #pre-header .header-links #menu-main>li>.sub-menu>[class*="current"]>a {
        color: #b75348;
        background-color: white;
    }
    #pre-header .header-links #menu-main > li { position:relative; }
    #pre-header .header-links #menu-main > li .toggle {
        position:absolute; right:0; top:0; bottom:0;
        display:block; width:70px;
    }
    #pre-header .header-links #menu-main > li .toggle:after {
        content: '';
        position: absolute; right: 14px; top: 50%;
        height: 14px; width: 14px; margin-top: -5px;
        background: transparent url('../images/header-expand-collapse.png') no-repeat scroll center left;
    }
    #pre-header .header-links #menu-main > li.menu-hover .toggle:after {
        background-position: center right;
    }


    /*
    #pre-header .header-links #menu-main > li.menu-item-has-children>a:after {
        content: '';
        position: absolute; right: 14px; top: 50%;
        height: 14px; width: 14px; margin-top: -5px;
        background: transparent url('../images/header-expand-collapse.png') no-repeat scroll center left;
    }
    #pre-header .header-links #menu-main > li.menu-item-has-children.menu-hover>a:after {
        background-position: center right;
    }
    #pre-header .header-links .sub-menu li.menu-item-has-children>a:after { content:none; }
    */
    #pre-header .header-links #menu-main > li { display:block; }
    #pre-header .header-links #menu-main .sub-menu,
    #pre-header .header-links #menu-main .sub-menu .sub-menu { visibility:visible !important; position:static; }
    #pre-header .header-links .sub-menu li.menu-item-has-children>a:after { content:none; }

	/* Intro / Outro */
    .header-image-wrapper { }

    /* Extra overrides are needed to get the caption area to render below the slides on small viewports */
    #slider ul.slides { max-height:none !important; }
    #slider ul.slides > li { padding-right:0 !important; max-height:none !important; }
    #slider ul.slides > li img { display:block; }
    #slider .rslides-content { width:100%; height:171px; position:relative; }
    #slider .featured { display:table; width:100%; min-height:75px; }
    #slider .featured-excerpt { display:table-cell; vertical-align:middle; }
    #slider .featured-excerpt span { padding:15px 30px 0 30px; font-size:20px; line-height:24px; }
    #slider .featured-link { display:table-cell; vertical-align:middle; padding-right:30px }
    #slider .featured-link a { margin:0; white-space:nowrap; }
    #slider .rslides_tabs { width:100%; bottom:37px; }
    #slider a.rslides_nav { bottom:29px; }
    #slider a.rslides_nav.prev { left:150px !important; right:auto !important; }
    #slider a.rslides_nav.next { left:auto !important; right:150px !important; }

	/* Footer */
    #outroaction .action-text blockquote { font-size: 24px; line-height:30px; }
    #outroaction .action-text blockquote cite { font-size: 20px; }

	/* Sidebar */
    #sidebar { width:100%; float:none; }
    #sidebar .sidebar { width:48%; float:left; }
    #sidebar .sidebar+.sidebar { width:48%; float:right; }

	/* Blog */

	/* Post */
    #main { width:100%; float:none; }
    #main-core { margin-left:0; }

	/* Portfolio */

	/* Project */

	/* Contact */
    body .main-contact-form > div { display:block; }

	/* Widgets */

    .connection-article-back-footer { display:none; }

    /* Featured Content - Overrides for grid template */
    .featured-content-grid .category-contents.no-children { margin-right:-90px; padding-right:60px; }
    .featured-content-grid li { float:left; width:50%; padding-right:30px; box-sizing:border-box; -moz-box-sizing:border-box; }

    /* Footer */

    #outroaction-core {
        padding-left: 10px;
        padding-right: 10px;
    }

    #sub-footer:before { content:none; }
    #sub-footer-core { padding:0; }
    #footer-menu { display:block; padding:0; }
    #footer-menu > ul { margin-bottom:0; }
    #footer-menu li { display:block; float:none; }
    #footer-menu > ul > li { width:100%; margin-left:0; border-bottom: 1px solid #858384; }
    #footer-menu > ul > li > a { display:block; height:46px; line-height:46px; }
    #footer-menu > ul > li > a:before {
        content:'';
        float:left; width:38px; height:46px;
    }
    #footer-menu > ul > li.menu-item-has-children > a:before {
        content:'expand'; text-indent:-9999px;
        background: url('../images/footer-expand.png') no-repeat center center;
    }
    #footer-menu > ul > li > ul { display:none; margin-left:38px; margin-bottom:12px; }

    #sub-footer .copyright img { float:none; margin-left:auto; margin-right:auto; }
    #sub-footer .copyright { position:static; text-align:center; margin:30px auto; background-position: top center; }



}


/* Small Tablets & Larger Phones */
@media only screen and (max-width: 685px) {

    #sidebar { display:block !important; }
    #pre-header-links-inner { display:block !important; }
    #intro.option1 #intro-core { margin-left:0; }

	/* Main */

	/* Featured Slider */

	/* Portfolio */

	/* Single Post Share */

	/* Intro / Outro */

	/* Widgets */
/*
    .featured-content .category-link,
    .featured-content .category-link+.category-link {
        box-sizing:border-box; width:30%; margin:0px 5px 10px; padding:0; white-space:nowrap;
    }
    */
}


/* iPhone (Landscape) */
@media only screen and (min-width: 569px) {

    #pre-header-core .expand-main-menu {
        margin-left:30px;
    }
    #content { padding:30px; }

}
@media only screen and (max-width: 568px) {


    #intro.option1 .page-title, h1 { font-size: 32px; }
    h2 { font-size:28px; line-height:36px; margin-bottom:6px; }
    h3 { font-size:24px; line-height:36px; margin-bottom:4px; }
    h4 { font-size:20px; line-height:36px; }

    /*#pre-header-core .search-social-wrapper { right: -20px; }*/
    /*#pre-header-search { right:50px; }
    #pre-header-social { right:10px; }*/
    #pre-header-social { top:1px; }
    #pre-header-search { top:0px; }

    /* Title area: */
    #intro.option1 { padding-left:10px; padding-right:10px; }
    #intro.option1 .page-title, h1 { padding-right:0; }
    .wrapper-intro .addthis-wrapper { display:none; }

    #sidebar { max-width:300px; margin: 0 auto; }
    #sidebar .sidebar.sidebar { float:none; width:100%; }

	/* Main */
    .wp-caption img.caption-inset+.wp-caption-text { margin:0; position:static; }

	/* Featured Slider */
    #slider .rslides-content { height:201px; }
    #slider .featured { display:block; min-height:0; }
    #slider .featured-excerpt { display:block; }
    #slider .featured-excerpt span { padding:15px 30px 5px 30px; font-size:20px; line-height:24px; }
    #slider .featured-link { position:static; display:block; padding:0; }
    #slider .featured-link a { padding:10px 30px; }
    #slider .rslides_tabs { bottom:27px; }
    #slider a.rslides_nav { bottom:19px; }
    #slider a.rslides_nav.prev { left:80px !important; }
    #slider a.rslides_nav.next { right:80px !important; }

	/* Portfolio */

	/* Single Post */

	/* Single Post Share */

	/* Intro / Outro */
    .header-image-wrapper { }


	/* Pre-Designed Homepage */

	/* Shortcode Content */

	/* Bootstrap Menu */

    /* Contact */

	/* Widgets */

    /* De-inset Images: */
    .wp-caption.caption-inset .wp-caption-text { margin:0; position:static; }

    /* Featured Content - Overrides for grid template */

    .featured-content-grid .category-contents { margin:0 auto; padding:0; }
    .featured-content-grid .category-contents.no-children { margin:0 auto; padding:0; }
    .featured-content-grid li { width:300px; padding:0; margin:0 auto; float:none; }



}


/* iPhone (Portrait) */
@media only screen and (max-width: 320px) {

    /* Override base theme hiding of search */
    #pre-header-search { display:inline-block; }

	/* Blog */

	/* Single Post Share */

	/* Portfolio */

	/* Shortcodes */

}


/* Retina Display */
@media only screen and 
        (-webkit-min-device-pixel-ratio: 1.5), only screen and 
        (-o-min-device-pixel-ratio: 3/2), only screen and 
        (min-device-pixel-ratio: 1.5) {
}
