/*
Theme Name: Dave Quiggle
Description: Woo Child Theme for Dave Quiggle
Author: Tech Guy Consulting
Author URI: http://techguyconsulting.net
Template: canvas
Version: 1.0
*/

@import url("../canvas/style.css");

/* ===== Web Fonts ===== */

@font-face {
    font-family: 'centurygothic';
    src: url('fonts/centurygothic.eot');
    src: url('fonts/centurygothic.eot') format('embedded-opentype'), url('fonts/centurygothic.woff2') format('woff2'), url('fonts/centurygothic.woff') format('woff'), url('fonts/centurygothic.ttf') format('truetype'), url('fonts/centurygothic.svg#centurygothic') format('svg');
}

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('fonts/websymbols-regular-webfont.eot');
    src: url('fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/websymbols-regular-webfont.woff') format('woff'), url('fonts/websymbols-regular-webfont.ttf') format('truetype'), url('fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

ul.nav li.current_page_item a,
ul.nav li.current_page_parent a,
ul.nav li.current-menu-ancestor a,
ul.nav li.current-cat a,
ul.nav li.current-menu-item a {
    background: transparent;
    color: #fff;
}

#loopedSlider.business-slider .content {
    display: none;
}

#navigation ul.nav > li a:hover,
#navigation ul.nav > li a:hover {
    background: rgb(53, 51, 47)
}

body {
    background: #000;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width:481px) and (max-width:609px) {

    h3.nav-toggle {
        display: none !important;
    }

    nav#navigation {
        display: none !important;
    }

    #wrapper {
        margin: 0 auto;
        width: 96% !important;
        background-color: #000 !important;
        overflow: hidden;
        position: relative;
        min-height: 99%;
    }

    .nav-toggle {
        display: none;
    }

    .mobile-menu nav ul {
        display: none;
        background-color: #231f20;
        padding-top: 10px;
    }

    .mobile-menu nav ul li a {
        font-family: "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 12.5px;
        letter-spacing: 1.25px;
        text-transform: uppercase;
        color: #fff;
        padding: 0 15px;
    }

    nav {
        position: relative;
    }

    a#pull {
        display: block;
        background-color: #231f20;
        width: 100%;
        position: relative;
        height: 20px;
        padding-top: 8px;
        padding-bottom: 2px;
        color: #fff;
        text-decoration: none;
        text-indent: 15px;
        font: 16px/12px "centurygothic";
        text-transform: uppercase;
        text-align: left;
    }

    a#pull:after {
        content: "";
        background: url(images/nav-icon.png) no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 5px;
    }

    .mobile-menu nav ul li:hover > ul {
        display: block !important;
    }

    .social-media a {
        display: block;
        text-indent: -9999px;
        width: 31px;
        height: 31px;
        float: left;
        margin-right: 5px;
    }

    .social-media {
        position: absolute;
        height: auto;
        overflow: hidden;
        right: 0;
        top: 24px;
    }

    #logo {
        margin-top: -22px;
        margin-bottom: 10px;
    }

    .social-media a.instagram {
        background: url(images/social_instagram.png) no-repeat center top;
    }

    .social-media a.instagram:hover {
        background: url(images/social_instagram.png) no-repeat center bottom;
    }

    .social-media a.facebook {
        background: url(images/social_facebook.png) no-repeat center top;
    }

    .social-media a.facebook:hover {
        background: url(images/social_facebook.png) no-repeat center bottom;
    }

    .social-media a.twitter {
        background: url(images/social_twitter.png) no-repeat center top;
    }

    .social-media a.twitter:hover {
        background: url(images/social_twitter.png) no-repeat center bottom;
    }

    .social-media a.email {
        background: url(images/social_email.png) no-repeat center top;
        margin-right: 0 !important;
    }

    .social-media a.email:hover {
        background: url(images/social_email.png) no-repeat center bottom;
    }

    #loopedSlider {
        height: auto;
        overflow: hidden;
        width: 100% !important;
        margin-top: -43px;
    }

    .portfolio-thumb {
        max-width: 210px;
        height: auto;
        overflow: hidden;
        margin: 3px 0.5% 3px 0.5%;
        width: 32%;
        float: left;
    }

    .home #main-portfolio {
        margin-top: -30px;
    }

    .portfolio-thumb img {
        max-width: 100%;
        height: auto;
    }

    #footer {
        border-top: none !important;
         
        width: 100% !important;
        color: #737373;
        font-family: "centurygothic";
        height: auto;
        overflow: hidden;
        padding: 5px 0;
    }

    #footer .col-left {
        margin-bottom: 0 !important;
    }

    #footer p {
        line-height: 1.4;
    }

    #copyright p,
    #copyright p a,
    #credit p {
        font-family: "centurygothic";
        color: #737373;
        font-size: 12px;
        line-height: 1.4;
        margin-bottom: 5px;
    }

    .col-right {
        width: 100%;
        text-align: center;
    }

    .col-left {
        width: 100%;
        text-align: center;
    }

    .post-type-archive-portfolio h2 {
        color: #888888;
        font-family: "centurygothic";
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 400;
        padding-left: 8px;
        margin-bottom: 15px;
        font-size: 12px;
        text-align: center;
    }

    #portfolio .post {
        height: auto;
        overflow: hidden;
        border-bottom: none;
    }

    #portfolio .group.portfolio-img a.thumb {
        margin-right: 0px;
        height: auto;
    }

    #portfolio a.thumb {
        display: block;
        margin: 0px;
    }

    #portfolio .group.portfolio-img h3 {
        display: none;
        visibility: hidden;
    }

    .entry img,
    img.thumbnail,
    #portfolio .group.portfolio-img img {
        height: auto;
        padding: 0px;
        padding-top: 0px;
        background: rgba(30, 35, 37, 1);
        border: 0;
    }

    #portfolio .group.portfolio-img {
        float: left;
        margin: 3px 0.5%;
        max-width: 210px;
        width: 32%;
        height: auto;
    }

    #portfolio .group.portfolio-img img {
        max-width: 100%;
        height: auto;
    }

    #portfolio .group.portfolio-img a.thumb {
        margin-bottom: 0;
    }

    #sidebar {
        margin-top: -60px;
    }

    .single-portfolio #content {
        margin-top: -50px;
    }

    .archive #content {
        margin-top: -50px;
    }

    .post .title,
    .page .title,
    .post .title a:link,
    .post .title a:visited,
    .page .title a:link,
    .page .title a:visited {
        font-weight: normal;
        color: #858b8a;
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .entry,
    .entry p {
        color: #fff !important;
        font: 300 12px/1.5em Tahoma, sans-serif;
    }

    .entry p {
        margin-bottom: 1.2em;
    }

}

@media only screen and (max-width:300px) {}

@media only screen and (max-width:480px) {

    h3.nav-toggle {
        display: none !important;
    }

    nav#navigation {
        display: none !important;
    }

    #wrapper {
        margin: 0 auto;
        width: 96% !important;
        background-color: #000 !important;
        overflow: hidden;
        position: relative;
        min-height: 99%;
    }

    .nav-toggle {
        display: none;
    }

    .mobile-menu nav ul {
        display: none;
        background-color: #231f20;
        padding-top: 10px;
    }

    .mobile-menu nav ul li a {
        font-family: "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 12.5px;
        letter-spacing: 1.25px;
        text-transform: uppercase;
        color: #fff;
        padding: 0 15px;
    }

    nav {
        position: relative;
    }

    a#pull {
        display: block;
        background-color: #231f20;
        width: 100%;
        position: relative;
        height: 20px;
        padding-top: 8px;
        padding-bottom: 2px;
        color: #fff;
        text-decoration: none;
        text-indent: 15px;
        font: 16px/12px "centurygothic";
        text-transform: uppercase;
        text-align: left;
    }

    a#pull:after {
        content: "";
        background: url(images/nav-icon.png) no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 5px;
    }

    .mobile-menu nav ul li:hover > ul {
        display: block !important;
    }

    .social-media a {
        display: block;
        text-indent: -9999px;
        width: 31px;
        height: 31px;
        float: left;
        margin-right: 5px;
    }

    .social-media {
        position: absolute;
        height: auto;
        overflow: hidden;
        right: 0;
        top: 24px;
    }

    #logo {
        margin-top: -22px;
        margin-bottom: 10px;
    }

    .social-media a.instagram {
        background: url(images/social_instagram.png) no-repeat center top;
    }

    .social-media a.instagram:hover {
        background: url(images/social_instagram.png) no-repeat center bottom;
    }

    .social-media a.facebook {
        background: url(images/social_facebook.png) no-repeat center top;
    }

    .social-media a.facebook:hover {
        background: url(images/social_facebook.png) no-repeat center bottom;
    }

    .social-media a.twitter {
        background: url(images/social_twitter.png) no-repeat center top;
    }

    .social-media a.twitter:hover {
        background: url(images/social_twitter.png) no-repeat center bottom;
    }

    .social-media a.email {
        background: url(images/social_email.png) no-repeat center top;
        margin-right: 0 !important;
    }

    .social-media a.email:hover {
        background: url(images/social_email.png) no-repeat center bottom;
    }

    #loopedSlider {
        height: auto;
        overflow: hidden;
        width: 100%;
        margin-top: -43px;
    }

    #footer {
        border-top: none !important;
         
        width: 100% !important;
        color: #737373;
        font-family: "centurygothic";
        height: auto;
        overflow: hidden;
        padding: 5px 0;
    }

    #footer .col-left {
        margin-bottom: 0 !important;
    }

    #footer p {
        line-height: 1.4;
    }

    #copyright p,
    #copyright p a,
    #credit p {
        font-family: "centurygothic";
        color: #737373;
        font-size: 12px;
    }

    .col-right {
        width: 100%;
        text-align: center;
    }

    .col-left {
        width: 100%;
        text-align: center;
    }

    .post-type-archive-portfolio h2 {
        color: #888888;
        font-family: "centurygothic";
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 400;
        padding-left: 8px;
        margin-bottom: 15px;
        font-size: 12px;
        text-align: center;
    }

    #portfolio .group.portfolio-img a.thumb {
        margin-bottom: 1em;
        margin-right: 0px;
        height: auto;
    }

    #portfolio a.thumb {
        display: block;
        margin: 0px;
    }

    #portfolio .group.portfolio-img h3 {
        display: none;
        visibility: hidden;
    }

    .entry img,
    img.thumbnail,
    #portfolio .group.portfolio-img img {
        height: auto;
        padding: 0px;
        padding-top: 0px;
        background: rgba(30, 35, 37, 1);
        border: 0;
    }

    .post .title,
    .page .title,
    .post .title a:link,
    .post .title a:visited,
    .page .title a:link,
    .page .title a:visited {
        font-weight: normal;
        color: #858b8a;
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .entry,
    .entry p {
        color: #fff !important;
        font: 300 12px/1.5em Tahoma, sans-serif;
    }

    .entry p {
        margin-bottom: 1.2em;
    }

}

@media only screen and (min-width:610px) and (max-width:767px) {

    h3.nav-toggle {
        display: none !important;
    }

    nav#navigation {
        display: none !important;
    }

    #wrapper {
        margin: 0 auto;
        width: 96% !important;
        background-color: #000 !important;
        overflow: hidden;
        position: relative;
        min-height: 99%;
    }

    .nav-toggle {
        display: none;
    }

    .mobile-menu nav ul {
        display: none;
        background-color: #231f20;
        padding-top: 10px;
    }

    .mobile-menu nav ul li a {
        font-family: "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 12.5px;
        letter-spacing: 1.25px;
        text-transform: uppercase;
        color: #fff;
        padding: 0 15px;
    }

    nav {
        position: relative;
    }

    a#pull {
        display: block;
        background-color: #231f20;
        width: 100%;
        position: relative;
        height: 20px;
        padding-top: 8px;
        padding-bottom: 2px;
        color: #fff;
        text-decoration: none;
        text-indent: 15px;
        font: 16px/12px "centurygothic";
        text-transform: uppercase;
        text-align: left;
    }

    a#pull:after {
        content: "";
        background: url(images/nav-icon.png) no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 5px;
    }

    .mobile-menu nav ul li:hover > ul {
        display: block !important;
    }

    .social-media a {
        display: block;
        text-indent: -9999px;
        width: 31px;
        height: 31px;
        float: left;
        margin-right: 5px;
    }

    .social-media {
        position: absolute;
        height: auto;
        overflow: hidden;
        right: 0;
        top: 24px;
    }

    #logo {
        margin-top: -22px;
        margin-bottom: 10px;
    }

    .social-media a.instagram {
        background: url(images/social_instagram.png) no-repeat center top;
    }

    .social-media a.instagram:hover {
        background: url(images/social_instagram.png) no-repeat center bottom;
    }

    .social-media a.facebook {
        background: url(images/social_facebook.png) no-repeat center top;
    }

    .social-media a.facebook:hover {
        background: url(images/social_facebook.png) no-repeat center bottom;
    }

    .social-media a.twitter {
        background: url(images/social_twitter.png) no-repeat center top;
    }

    .social-media a.twitter:hover {
        background: url(images/social_twitter.png) no-repeat center bottom;
    }

    .social-media a.email {
        background: url(images/social_email.png) no-repeat center top;
        margin-right: 0 !important;
    }

    .social-media a.email:hover {
        background: url(images/social_email.png) no-repeat center bottom;
    }

    #loopedSlider {
        height: auto;
        overflow: hidden;
        width: 96% !important;
        padding: 15px 2% 0px 2%;
        margin-top: -43px;
    }

    .portfolio-thumb {
        max-width: 210px;
        height: auto;
        overflow: hidden;
        margin: 3px 0.5% 3px 0.5%;
        width: 32%;
        float: left;
    }

    .portfolio-thumb img {
        max-width: 100%;
        height: auto;
    }

    .home #main-portfolio {
        margin-top: -30px;
    }

    #footer {
        box-sizing: border-box;
        border-top: none !important;
        width: 100% !important;
        color: #737373;
        font-family: "centurygothic";
        padding: 1em;
    }

    #footer .col-left {
        margin-bottom: 0 !important;
    }

    #footer p {
        line-height: 1.4;
        text-align: center;
        margin-bottom: 5px;
    }

    #copyright p,
    #copyright p a,
    #credit p {
        font-family: "centurygothic";
        color: #737373;
        font-size: 12px;
    }

    .col-right, .col-left {
        float: none;
        clear: both;
        margin-bottom: 1em;
    }

    .post-type-archive-portfolio h2 {
        color: #888888;
        font-family: "centurygothic";
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 400;
        padding-left: 8px;
        margin-bottom: 15px;
        font-size: 12px;
        text-align: center;
    }

    #portfolio .post {
        height: auto;
        overflow: hidden;
        border-bottom: none;
    }

    #portfolio .group.portfolio-img a.thumb {
        margin-bottom: 0;
        margin-right: 0px;
        height: auto;
    }

    #portfolio a.thumb {
        display: block;
        margin: 0px;
    }

    #portfolio .group.portfolio-img h3 {
        display: none;
        visibility: hidden;
    }

    .entry img,
    img.thumbnail,
    #portfolio .group.portfolio-img img {
        height: auto;
        padding: 0px;
        padding-top: 0px;
        background: rgba(30, 35, 37, 1);
        border: 0;
    }

    #portfolio .group.portfolio-img {
        float: left;
        margin: 3px 0.5%;
        max-width: 210px;
        width: 32%;
        height: auto;
        overflow: hidden;
    }

    #portfolio .group.portfolio-img img {
        max-width: 100%;
        height: auto;
    }

    .archive #content {
        margin-top: -50px;
    }

    #sidebar {
        margin-top: -60px;
    }

    .single-portfolio #content {
        margin-top: -50px;
    }

    .post .title,
    .page .title,
    .post .title a:link,
    .post .title a:visited,
    .page .title a:link,
    .page .title a:visited {
        font-weight: normal;
        color: #858b8a;
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .entry,
    .entry p {
        color: #fff !important;
        font: 300 12px/1.5em Tahoma, sans-serif;
    }

    .entry p {
        margin-bottom: 1.2em;
    }

}

@media only screen and (min-width:768px) and (max-width:980px) {

    #wrapper {
        margin: 0 auto;
        width: 96% !important;
        background-color: #000 !important;
        overflow: hidden;
        position: relative;
        min-height: 99%;
    }

    .mobile-menu {
        display: none;
    }

    #header {
        padding: 12px 0;
        border-bottom: 15px solid #231f20;
    }

    .home #header {
        border-bottom: 0;
    }

    ul#main-nav {
        float: none !important;
        max-width: 485px;
        position: absolute;
        left: 165px;
        z-index: 999;
        top: -60px;
    }

    .home ul#main-nav {
        top: -45px;
    }

    ul#main-nav li a:link,
    ul#main-nav li a:visited {
        font-family: "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 12.5px;
        letter-spacing: 1.25px;
        text-transform: uppercase;
        color: #fff !important;
        padding: 5px 7px !important;
    }

    div#top {
        outline: 1px solid red;
        height: auto;
        overflow: hidden;
        max-width: 890px;
        padding: 0px 15px 0;
        background-color: #000;
        margin: 0 auto;
        position: relative;
        height: 70px;
    }

    .social-media a {
        display: block;
        text-indent: -9999px;
        width: 31px;
        height: 31px;
        float: left;
        margin-right: 5px;
    }

    .social-media {
        position: absolute;
        height: auto;
        overflow: hidden;
        right: 0;
        top: 24px;
    }

    .social-media a.instagram {
        background: url(images/social_instagram.png) no-repeat center top;
    }

    .social-media a.instagram:hover {
        background: url(images/social_instagram.png) no-repeat center bottom;
    }

    .social-media a.facebook {
        background: url(images/social_facebook.png) no-repeat center top;
    }

    .social-media a.facebook:hover {
        background: url(images/social_facebook.png) no-repeat center bottom;
    }

    .social-media a.twitter {
        background: url(images/social_twitter.png) no-repeat center top;
    }

    .social-media a.twitter:hover {
        background: url(images/social_twitter.png) no-repeat center bottom;
    }

    .social-media a.email {
        background: url(images/social_email.png) no-repeat center top;
        margin-right: 0 !important;
    }

    .social-media a.email:hover {
        background: url(images/social_email.png) no-repeat center bottom;
    }

    .side-nav {
        display: none !important;
    }

    #loopedSlider {
        height: auto;
        overflow: hidden;
        width: 96% !important;
        padding: 15px 2% 0px 2%;
        margin-top: -43px;
    }

    .portfolio-thumb {
        width: 22%;
        height: 120px;
        margin-bottom: 30px;
        float: left;
        margin-right: 4%;
    }

    .portfolio-thumb.right {
        margin-right: 0;
    }

    #footer {
        border-top: none !important;
        width: 100% !important;
        color: #737373;
        font-family: "centurygothic";
        padding: 0;
    }

    #footer .col-left {
        margin-bottom: 0 !important;
    }

    #footer p {
        line-height: 1.4;
        text-align: center;
        margin-bottom: 5px;
    }

    #copyright p,
    #copyright p a,
    #credit p {
        font-family: "centurygothic";
        color: #737373;
        font-size: 12px;
    }

    .col-right, .col-left {
        float: none;
    }

    .post-type-archive-portfolio h2 {
        color: #888888;
        font-family: "centurygothic";
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 400;
        padding-left: 8px;
        margin-bottom: 15px;
        font-size: 12px;
    }

    #portfolio .group.portfolio-img {
        margin: 0 6px;
    }

    #portfolio .group.portfolio-img {
        display: block;
        float: left;
    }

    #portfolio .post {
        height: 120px !important;
        overflow: hidden;
        border-bottom: none;
        padding-bottom: 30px;
    }

    #portfolio .group.portfolio-img a.thumb {
        margin-bottom: 1em;
        margin-right: 0px;
        height: auto;
    }

    #portfolio a.thumb {
        display: block;
        margin: 0px;
    }

    #portfolio .group.portfolio-img h3 {
        display: none;
        visibility: hidden;
    }

    .entry img,
    img.thumbnail,
    #portfolio .group.portfolio-img img {
        height: auto;
        padding: 0px;
        padding-top: 0px;
        background: rgba(30, 35, 37, 1);
        border: 0;
    }

    .post .title,
    .page .title,
    .post .title a:link,
    .post .title a:visited,
    .page .title a:link,
    .page .title a:visited {
        font-weight: normal;
        color: #858b8a;
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .entry,
    .entry p {
        color: #fff !important;
        font: 300 12px/1.5em Tahoma, sans-serif;
    }

    .entry p {
        margin-bottom: 1.2em;
    }
}

@media only screen and (min-width:981px) {

    #wrapper {
        margin-top: 0px !important;
        width: 890px !important;
        padding: 0px 15px 0 !important;
        background-color: #000 !important;
        overflow: hidden;
        position: relative;
        min-height: 99%;
    }

    #header {
        padding: 12px 0;
        border-bottom: 15px solid #231f20;
        margin-left: -15px;
        margin-right: -15px;
    }

    .home #header {
        border-bottom: 0;
    }

    ul#main-nav {
        float: none !important;
        max-width: 485px;
        position: absolute;
        top: -60px;
        left: 165px;
        z-index: 999;
    }

    .home ul#main-nav {
        top: -45px;
    }

    ul#main-nav li a:link,
    ul#main-nav li a:visited {
        font-family: "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 12.5px;
        letter-spacing: 1.25px;
        text-transform: uppercase;
        color: #fff !important;
        padding: 5px 7px !important;
    }

    div#top {
        outline: 1px solid red;
        height: auto;
        overflow: hidden;
        max-width: 890px;
        padding: 0px 15px 0;
        background-color: #000;
        margin: 0 auto;
        position: relative;
        height: 70px;
    }

    .mobile-menu {
        display: none;
    }

    .social-media a {
        display: block;
        text-indent: -9999px;
        width: 31px;
        height: 31px;
        float: left;
        margin-right: 5px;
    }

    .social-media {
        position: absolute;
        height: auto;
        overflow: hidden;
        right: 50px;
        top: 24px;
    }

    .social-media a.instagram {
        background: url(images/social_instagram.png) no-repeat center top;
    }

    .social-media a.instagram:hover {
        background: url(images/social_instagram.png) no-repeat center bottom;
    }

    .social-media a.facebook {
        background: url(images/social_facebook.png) no-repeat center top;
    }

    .social-media a.facebook:hover {
        background: url(images/social_facebook.png) no-repeat center bottom;
    }

    .social-media a.twitter {
        background: url(images/social_twitter.png) no-repeat center top;
    }

    .social-media a.twitter:hover {
        background: url(images/social_twitter.png) no-repeat center bottom;
    }

    .social-media a.email {
        background: url(images/social_email.png) no-repeat center top;
        margin-right: 0 !important;
    }

    .social-media a.email:hover {
        background: url(images/social_email.png) no-repeat center bottom;
    }

    #logo {
        margin-left: 50px;
    }

    #loopedSlider {
        height: 275px !important;
        margin-bottom: 25px !important;
        margin-left: -15px;
        margin-right: -15px;
        width: 890px !important;
        max-width: 890px !important;
        padding: 15px 15px 23px 15px;
        margin-top: -43px;
    }

    .side-nav {
        display: none !important;
    }

    .icon:before,
    .icon:after {
        font-size: 24px;
        display: inline-block;
        font-family: "WebSymbolsRegular";
    }

    .portfolio-thumb {
        width: 210px;
        height: 120px;
        margin-bottom: 30px;
        float: left;
        margin-right: 16px;
    }

    .portfolio-thumb.right {
        margin-right: 0;
    }

    #footer {
        border-top: none !important;
        background-color: #000;
        width: 890px;
        padding: 0 15px !important;
        margin-left: -15px;
        color: #737373;
        font-family: "centurygothic";
    }

    #footer .col-left {
        margin-bottom: 0 !important;
    }

    #footer p {
        line-height: 1.4;
    }

    #copyright p,
    #copyright p a,
    #credit p {
        font-family: "centurygothic";
        color: #737373;
        font-size: 12px;
    }

    .post-type-archive-portfolio h2 {
        color: #888888;
        font-family: "centurygothic";
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 400;
        padding-left: 8px;
        margin-bottom: 15px;
        font-size: 12px;
    }

    #portfolio .group.portfolio-img {
        margin: 0 6px;
    }

    #portfolio .group.portfolio-img {
        display: block;
        float: left;
    }

    #portfolio .post {
        height: 120px !important;
        overflow: hidden;
        border-bottom: none;
        padding-bottom: 30px;
    }

    #portfolio .group.portfolio-img a.thumb {
        margin-bottom: 1em;
        margin-right: 0px;
        height: auto;
    }

    #portfolio a.thumb {
        display: block;
        margin: 0px;
    }

    #portfolio .group.portfolio-img h3 {
        display: none;
        visibility: hidden;
    }

    .entry img,
    img.thumbnail,
    #portfolio .group.portfolio-img img {
        height: auto;
        padding: 0px;
        padding-top: 0px;
        background: rgba(30, 35, 37, 1);
        border: 0;
    }

    .post-type-archive-portfolio #content {
        padding: 35px 0px 0 !important;
        margin-top: -50px;
    }

    .single-portfolio #main-sidebar-container #main {
        float: right;
        padding-right: 40px;
    }

    .two-col-left #main-sidebar-container #main,
    .two-col-right #main-sidebar-container #main {
        width: 575px !important;
    }

    #main-sidebar-container {
        position: relative;
    }

    .single-portfolio a.backLinkTop {
        clear: both;
        float: none;
        font-family: "centurygothic";
        font-size: 12px;
        color: #888888;
        padding-left: 40px;
        text-transform: uppercase;
    }

    .single-portfolio #main-sidebar-container #sidebar {
        float: left;
        width: 185px !important;
        padding-left: 40px;
    }

    .single-portfolio a.backLinkBottom {
        clear: both;
        font-family: "centurygothic";
        font-size: 12px;
        color: #888888;
        padding-right: 40px;
        text-transform: uppercase;
        float: right;
        text-align: right;
    }

    .single-portfolio h2 {
        font-family: "centurygothic";
        font-size: 20px;
        margin-top: 85px;
        font-weight: 400;
        margin-bottom: 15px;
        color: #fff;
    }

    .single-portfolio h3 {
        font-family: "centurygothic";
        font-size: 15px;
        color: #888888;
        font-weight: 400;
        margin-bottom: 15px;
    }

    .single-portfolio blockquote p {
        margin-bottom: 10px;
        font: 300 13px/1.5em "Trebuchet MS", Tahoma, sans-serif;
        color: #fff;
    }

    .single-portfolio blockquote {
        font-size: 12px;
        text-align: left;
    }

    .ssba-wrap {
        border-top: 2px solid #36322f !important;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 25px;
    }

    .galleryNav,
    .post-entries {
        border-top: 1px solid #36322f;
        padding-top: 10px;
    }

    .ssba div {
        color: #fff !important;
    }

    .fl {
        float: left;
    }

    .fr {
        float: right;
    }

    .post .title,
    .page .title,
    .post .title a:link,
    .post .title a:visited,
    .page .title a:link,
    .page .title a:visited {
        font-weight: normal;
        color: #858b8a;
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .page-id-6 #main {
        width: 814px !important;
        margin: 0 auto;
        min-height: 570px;
    }

    .one-col #main {
        float: none;
    }

    .entry,
    .entry p {
        color: #fff !important;
        font: 300 12px/1.5em Tahoma, sans-serif;
    }

    .entry p {
        margin-bottom: 1.2em;
    }
}

a:link,
a:visited {
    color: #888888;
}

#contact-page ol.forms label {
    color: #fff;
}

#navigation .nav li ul li.parent > a:after {
    content: "\f105";
    top: 0.6em;
}

.single-portfolio h3 {
    font-family: "centurygothic";
    font-size: 15px;
    color: #888888;
    font-weight: 400;
    margin-bottom: 15px;
}

.single-portfolio h2 {
    font-family: "centurygothic";
    font-size: 20px;
    margin-top: 85px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #fff;
}

.single-portfolio blockquote p {
    font: 300 13px/1.5em "Trebuchet MS", Tahoma, sans-serif;
    color: #fff;
}

.ssba div {
    color: #fff;
}

@media only screen and (max-width:480px) {
    .page #main {
        margin-top: -50px;
    }

    .post-type-archive-portfolio #content {
        margin-top: -50px;
    }

    #loopedSlider {
        background: transparent !important;
    }

    .home #main-portfolio {
        margin-top: -50px;
    }
}

@media only screen and (max-width: 300px) {
    .portfolio-thumb {
        max-width: 210px;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 15px auto;
    }
}

@media only screen and (min-width: 300px) and (max-width:480px) {
    .portfolio-thumb {
        max-width: 210px;
        height: auto;
        overflow: hidden;
        width: 49%;
        margin: 3px 0;
    }

    .portfolio-thumb img {
        max-width: 100%;
        height: auto;
    }

    .portfolio-thumb {
        float: left;
    }

    .portfolio-thumb.even {
        float: right;
    }

    #portfolio .group.portfolio-img {
        float: left;
        margin: 5px 1%;
        width: 48% !important;
        max-width: 210px !important;
        height: auto !important;
        overflow: hidden;
        padding-bottom: 0 !important;
    }

    #portfolio .group.portfolio-img img {
        max-width: 100%;
        height: auto;
    }

    #portfolio .group.portfolio-img a.thumb {
        margin-bottom: 0 !important;
    }

    #footer p {
        line-height: 24px !important;
    }

    #copyright p,
    #copyright p a,
    #credit p {
        font-size: 11px;
    }

    #sidebar {
        margin-top: -60px;
    }

    .single-portfolio #content {
        margin-top: -50px;
    }
}

.portfolio-thumb img {
    opacity: 1;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}

.portfolio-thumb img:hover {
    opacity: 0.6;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

#loopedSlider a.flex-prev:hover,
#loopedSlider a.flex-next:hover {
    color: #d2d0d0 !important;
}

#content {
    padding-bottom: 0;
}

.csstransforms3d.csstransitions #navigation,
.csstransforms3d.csstransitions .show-nav #navigation,
.csstransforms3d.csstransitions .show-nav #inner-wrapper {
    transform: none !important;
}

#footer {
    margin-top: 30px;
}

/* hides recaptcha badge (JH2020) */
.grecaptcha-badge {
    visibility: hidden;
}