/*
Theme Name: overstockart
Theme URI: http://www.overstockart.com/
Author: compman
Author URI: http://www.clevercodelab.com/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* global */


@font-face {
    font-family: 'Proxima Nova';
    /* src: url('css/fonts/Proxima Nova-Regular.otf'); */
    src: url('https://cdn.overstockart.com/blog/wp-content/themes/overstockart/css/fonts/Proxima-Nova-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Proxima Nova';
}

img {
    max-width: 100%;
}

ul, ol {
    margin-bottom: 28px;
}

ul li, ol li {
    font-size: 16px;
    line-height: 2.4rem;
}

ul li {
    margin-bottom: 0.3rem;
}

article ol li {
    font-size: 16px !important;
    line-height: 1.0em;
    /*margin: 0 0 2.6rem -1rem;*/
}

article ol li h3 {
    font-size: 16px !important;
    line-height: 2em !important;
    font-weight: normal !important;
    text-align: right !important;
}

article ol li em {
    display: block;
    font-size: 16px;
    line-height: 1.0em;
    text-align: left;
}

/* Home Page Style */

h2 {
    font-family: 'Proxima Nova', serif;
}

a:active,
a:focus {
    text-decoration: none;
    color: #000;
}

#main {
    position: relative;
}

.about-author:after,
.artwork p:after {
    clear: both;
    content: "";
    width: 0;
    height: 0;
    display: block;
}

.post-content a {
    color: #53618f;
    font-weight: bold;
}

.post-content a:hover {
    /* color: #333; */
    color: #53618f;
}

.about-author .img-holder {
    width: 97px;
    height: 97px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}

.about-author img {
    max-width: 100%;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.view-portfolio {
    margin-top: 20px;
}

.post-content .view-portfolio a {
    display: inline-block;
    color: #FFF;
    min-height: 40px;
    line-height: 20px;
    text-transform: capitalize;
    background-color: #53618f;
    padding: 15px;
    font-weight: bold;
    opacity: 1;
    text-align: center;
}

.post-content .view-portfolio a:hover {
    opacity: 0.85;
    text-decoration: none;
}


/* Sidebar */

.artwork {
    float: right;
    margin-bottom: 12px;
    /* min-width: 300px; */
    min-width: 297px;
}

.artwork h3 {
    font-size: 16px;
    font-weight: bold;
    color: #222;
    margin-bottom: 15px;
}

.artwork > a {
    margin-bottom: 5px;
}

.artwork p > a {
    margin-bottom: 15px;
    display: block;
    /* font-weight: bold; */
    color: #53618f;
}

.artwork p {
    display: block;
    margin-bottom: 0;
}

.artwork p:nth-of-type(1) span:nth-of-type(1) {
    font-style: italic;
    max-width: 240px;
}

.artwork .artist-url,
.artwork span:nth-of-type(1) {
    float: left;
}

.artwork .artwork-url,
.artwork span:nth-of-type(2) {
    float: right;
}

.artwork .artist-url,
.artwork .artwork-url {
    font-weight: bold;
}

.post-content a:focus,
.post-content a:hover,
.artwork p > a:focus,
.artwork p > a:active {
    text-decoration: none;
}


/* .artwork a:hover {
    color: #333;
} */


/* Search Page */

.page-template-template-search #primary h2 {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 22px;
    font-family: 'Proxima Nova';
}

.form-container {
    margin: 20px 0;
    position: relative;
}

.form-container input,
.form-container button {
    border: none;
    color: #999999;
    line-height: 70px;
}

.form-container input[type="text"] {
    width: 100%;
    display: block;
    height: 70px;
    line-height: 70px;
    padding: 0 22px;
    background-color: #e9e9e9;
    font-size: 32px;
    outline: none;
}

.form-container input[type="text"]:focus {
    border: none;
}

.form-container input[type="text"]::-webkit-input-placeholder {
    color: #999999;
}

.form-container input[type="text"]:-moz-placeholder {
    color: #999999;
}

.form-container input[type="text"]::-moz-placeholder {
    color: #999999;
}

.form-container input[type="text"]:-ms-input-placeholder {
    color: #999999;
}

.form-container button {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 16px;
    background-color: transparent;
    font-size: 28px;
    outline: none;
}

.form-container button:hover {
    color: #000;
}

.popular-search ul {
    list-style-type: none;
    padding: 0;
}

.popular-search li {
    margin-bottom: 15px;
}

.popular-search a {
    color: #53618f;
    font-size: 22px;
    font-weight: bold;
}

.popular-search a:hover {
    color: #333;
}

.popular-posts .wpp-thumbnail {
    display: block;
    float: none;
}

.popular-posts .post-element {
    height: 480px;
}

.search-results h2 {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 22px;
    font-family: 'Proxima Nova';
}

.loader {
    height: 60px;
}

#loader {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    color: #333;
    z-index: 5000;
    left: 0;
    /* bottom: 190px; */
}

#loader .feedback-overlay {
    background-color: transparent;
    background: url(https://cdn.overstockart.com/blog/wp-content/themes/overstockart/images/ajax-loader.gif) center 0 no-repeat;
    width: 32px;
    height: 32px;
    left: 50%;
    margin-left: -15px;
    /*margin-left: -32px;*/
    top: 3px;
}

.jr-insta-username a,
.twitter-credit a {
    color: #333;
}

.jr-insta-username a:hover,
.twitter-credit a:hover {
    color: #000;
}

body {
    background: url(https://www.overstockart.com/catalog/view/theme/overstockart/img/canvas-bg-light.jpg);
    background: #f3f3f3;
    color: #f3f3f3; /* hack to hide weird js artifact from third party code */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body > * {
    color: #333;
}

a:hover {
    text-decoration: none;
}

a,
button,
.post-element img {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.home h3,
.archive h3,
.category h3,
.tag h3,
.single h3,
.search h3 {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    /* margin: 0 0 14px; */
    margin: 2px 0 9px;
}

.search h4,
.search h4 a,
.home h4,
.post-element h4,
.home h4 a,
.post-element h4 a,
.tag h4,
.tag h4 a,
.archive h4,
.archive h4 a,
.category h4,
.category h4 a {
    font-family: 'Proxima Nova', serif;
    font-weight: 600;
    font-size: 21px;
    font-size: 1.9rem;
    text-align: center;
    /* margin-bottom: 14px; */
    margin-bottom: 0;
    color: #333;
    /* min-height: 53px; */
}

.home .post-instagram h4,
.home .post-instagram h4 a,
.home .post-wide h4,
.home .post-wide h4 a {
    min-height: 30px;
}

.showcase-detail a,
.post-element h3 a {
    color: #333;
}

.showcase-detail a:hover,
.home h4 a:hover,
.search h4 a:hover,
.archive h4 a:hover,
.category h4 a:hover,
.tag h4 a:hover,
.post-element h3 a:hover,
.tag-list a:hover {
    /*color: #337AB7; <- old*/
    color: #000;
}

.tag-list a:hover {
    /* border-color: #ccc;*/
    border-color: #000;
}

.home .img-holder,
.archive .img-holder,
.tag .img-holder,
.search .img-holder,
.category .img-holder {
    padding-bottom: 20px;
    position: relative;
}

.home .img-holder .play-btn,
.archive .img-holder .play-btn,
.search .img-holder .play-btn,
.tag .img-holder .play-btn,
.category .img-holder .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 80px;
    color: #FFF;
    font-size: 44px;
    text-indent: 4px;
}

.archive .img-holder .play-btn:hover,
.search .img-holder .play-btn:hover,
.home .img-holder .play-btn:hover,
.tag .img-holder .play-btn:hover,
.category .img-holder .play-btn:hover {
    background-color: #000;
}

.main-logo {
    margin-bottom: 9px;
}

.main-logo h5 {
    margin-left: 45px;
    line-height: 71px;
    margin-bottom: 0;
}

.main-logo h2 {
    font-size: 14px;
    margin-bottom: 33px;
    text-align: center;
}

.category h2 {
    margin-top: 0;
}

.single .flexslider {
    border: none;
}

.single .flex-control-paging li {
    margin-left: 0;
}

.single .flex-control-paging a {
    width: 10px;
    height: 10px;
}

.flexslider .slides {
    overflow: hidden;
}

.main-logo a {
    font-weight: bold;
    color: #333;
}

header .nav {
    height: 40px;
    margin-bottom: 20px;
}

header .nav li {
    margin-right: 2px;
    width: 16.51%;
    float: left;
    background-color: #fff;
}

header .nav li:last-of-type {
    margin-right: 0;
}

header .nav a {
    text-align: center;
    font-weight: bold;
    color: #333;
    line-height: 40px;
    padding: 0;
    font-size: 14px;
}

header .nav a:hover,
header .nav a:focus,
header .nav a:active {
    color: #ae0011;
    background-color: #fff;
}

.showcase {
    margin-bottom: 20px;
    color: #333;
    background-color: #fff;
    height: 460px;
    height: 410px;
}

.showcase .img-holder {
    padding: 20px;
}

.showcase-detail {
    padding: 0 20px;
}

.home .showcase-detail h4 {
    margin-bottom: 0;
}

/* this is a hacky css-only solution to that might be better solved with ellipsis.js */
.excerpt-container p {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mail-list-container {
    background-color: #fff;
    height: 460px;
    height: 410px;
}

.mail-list-container h3 {
    padding-top: 80px;
    width: 255px;
    margin: 0 auto;
    margin-bottom: 5px;
    text-align: center;
    font-family: 'Proxima Nova', serif;
    font-weight: 600;
    font-size: 42px;
}

.mail-list-container p {
    width: 255px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

::-webkit-input-placeholder {
    color: #333;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #333;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #333;
}

:-ms-input-placeholder {
    color: #333;
}

.mail-list-container form {
    margin-top: 32px;
}

.mail-list-container input,
.mail-list-container button {
    margin-left: 50px;
    width: 240px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border: none;
}

.mail-list-container input {
    font-size: 14px;
    background-color: #f3f3f3;
}

.mail-list-container button,
.sign-up-big button {
    background-color: #222;
    margin-top: 10px;
    color: #FFF;
    font-weight: bold;
}

.mail-list-container button:hover,
.sign-up-big button:hover {
    background-color: #000;
}

.sign-up-big input {
    margin-right: 4px;
}
.sign-up-big button {
    padding: 0
}

.post-element {
    background-color: #fff;
    padding: 20px;
    color: #333;
    text-align: center;
    height: 440px;
    margin-bottom: 20px;
}

.instagram-icon {
    font-size: 36px;
    padding-bottom: 8px;
    padding-top: 10px;
}

.post-instagram .saatchi-insta-thumb a:hover {
    color: #000;
}

.load-more-btn {
    font-weight: bold;
    color: #333;
    display: block;
    width: 105px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 2px solid #666;
    margin: 0 auto 20px;
}

.load-more-btn:hover {
    /*border-color: #23527c;*/
    color: #000;
    border-color: #000;
}

.sign-up-big .post-element {
    height: 170px;
}

.home .sign-up-big h4 {
    margin-bottom: 3px;
    font-size: 28px;
}

.home .recent-tweet h4 {
    margin-bottom: 14px;
    margin-top: 18px;
}

.home .recent-tweet .post-element {
    width: 100%;
}

.sign-up-big input {
    border: none;
    background-color: #f3f3f3;
    width: 237px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}

.sign-up-big button {
    width: 83px;
    height: 40px;
    border: none;
}

.white-box {
    background-color: #fff;
    height: 105px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 15px;
}

.white-box .logo {
    display: inline-block;
    width: 310px;
    height: 70px;
    background: url(https://cdn.overstockart.com/blog/wp-content/themes/overstockart/images/footer-logo.png) 0 0 no-repeat;
    margin-left: 40px;
    margin-right: 20px;
    /* border-right: 1px solid #e9e9e9; */
    background-size: auto 100%;
}
.appstore {
    width: 112px;
    height: 33px;
    display: block;
    float: left;
    background: url(https://cdn.overstockart.com/blog/wp-content/themes/overstockart/images/appstore-btn.jpg) 0 0 no-repeat;
    margin: 0 15px 0 80px;
}

.social li {
    list-style-type: none;
    margin-right: 5px;
    display: inline-block;
}

.social a {
    width: 34px;
    height: 34px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #333;
    color: #FFF;
    text-align: center;
    line-height: 34px;
    font-size: 20px;
    position: relative;
}

.social a:hover {
    background-color: #000;
}

.social li:nth-of-type(1) a:hover {
    background-color: #3c5a98;
}

.social li:nth-of-type(2) a:hover {
    background-color: #41c6f2;
}

.social li:nth-of-type(3) a:hover {
    background-color: #f51421;
}

.social li:nth-of-type(4) a:hover {
    background-color: #e62117;
}

.social li:nth-of-type(5) a:hover {
    background-color: #ac1586;
}

.social li:nth-of-type(6) a:hover {
    background-color: #e64451;
}

.social li:nth-of-type(6) a i {
    font-size: 16px;
    top: 8px;
}

.social li:nth-of-type(7) a:hover {
    background-color: #cd201f;
}

.social .fa {
    left: 9px;
    position: absolute;
    top: 7px;
}
.social .fa-facebook, .social .fa-tumblr {
    left: 11px;
    position: absolute;
    top: 7px;
}
.social .fa-pinterest {
    left: 8px;
    position: absolute;
    top: 7px;
}

.copy {
    text-align: center;
    margin: 30px 0;
}

.copy p {
    margin: 0;
}


/* Inside Pages */

.archive .post-element,
.search .post-element,
.tag .post-element,
.category .post-element,
.single .post-element {
    min-height: 460px;
    height: auto;
    text-align: left;
    position: relative;
}

.archive .post-element .img-holder,
.search .post-element .img-holder,
.tag .post-element .img-holder,
.category .post-element .img-holder,
.single .post-element .img-holder {
    text-align: center;
}

.archive .post-element p,
.archive h3,
.search .post-element p,
.search h3,
.tag .post-element p,
.tag h3,
.category .post-element p,
.category h3,
.single .post-element p,
.single h3 {
    text-align: left;
}

.home p,
.tag p,
.archive .post-element p,
.search .post-element p,
.category p {
    font-size: 14px;
    text-align: center;
}

.date-info,
.about-info {
    padding-bottom: 8px;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 15px;
}

.date-info,
.about-info,
.tag-info {
    width: 83%;
}

.date-info p {
    margin-bottom: 5px;
}

.about-info h3 {
    margin-bottom: 3px;
    line-height: 18px;
}

.about-info p {
    line-height: 20px;
    color: #303030;
}

.tag-info h3 {
    margin-bottom: 10px;
}

.tag-info ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tag-info ul a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    border: 2px solid #666666;
    color: #222;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 18px;
    word-wrap: break-word;
}

.archive .sign-up-big .post-element,
.search .sign-up-big .post-element,
.tag .sign-up-big .post-element,
.category .sign-up-big .post-element,
.single .sign-up-big .post-element {
    height: 170px;
    min-height: 0;
    text-align: center;
}

.archive .sign-up-big .post-element p,
.search .sign-up-big .post-element p,
.tag .sign-up-big .post-element p,
.category .sign-up-big .post-element p,
.single .sign-up-big .post-element p {
    text-align: center;
}

.post-wrapper {
    margin-top: 20px;
}

.post-content {
    padding: 0;
}

.post-content h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.post-content h1 {
    color: #333;
    font-size: 36px;
    font-family: 'Proxima Nova', serif;
    font-weight: 600;
}

.post-content h2 {
    font-family: 'Proxima Nova', serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 12px;
}

/*.post-content article h2 {
    font-size: 21px;
}*/
.post-content article h3 {
    line-height: 2rem;
    margin-bottom: 0;
    display: inline;
}
.post-content article h3:not(:last-of-type):after {
	content: ', ';
}
.single .post-content h1 {
    margin: 3px 0 9px 0;
}

.post-content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 28px;
}

.post-content q {
    color: #000;
    font-size: 36px;
    text-align: center;
    font-family: 'Proxima Nova', serif;
    line-height: 40px;
    display: block;
    margin: 44px 0 41px;
}

.post-content q:before,
.post-content q:after {
    content: "\"";
}

.post-content article img {
    max-width: 100%;
    height: auto;
}

.videoWrapper {
    margin: 1.25rem 0 0;
    position: relative;
    min-height: 259px;s
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

div.videoWrapper {
    margin: 0;
    padding: 0;
}

.about-author {
    background-color: #f3f3f3;
    clear: both;
    padding: 15px 20px 20px;
}

.about-author .img-holder {
    float: left;
    margin: 6px 15px 23px 0;
}

.about-author h2 {
    margin: 0 0 10px;
    font-size: 14px;
    font-family: 'Proxima Nova';
}

.about-author p {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

.about-author a {
    color: #53618f;
}

.about-author a:hover {
    text-decoration: none;
}

.post-content .comment-wrapper {
    margin-top: 30px;
}

.right-sidebar {
    padding-left: 40px;
}

.might-like-section h2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 15px;
}

.archive .post-element,
.search .post-element,
.tag .post-element,
.might-like-section .post-element,
.category .post-element {
    /* height: 460px; */
    height: 510px;
}

.archive h3,
.search h3,
.tag h3,
.might-like-section h3,
.category h3 {
    text-align: center;
}

.archive .might-like-section p,
.search .might-like-section p,
.tag .might-like-section p,
.category .might-like-section p,
.single .might-like-section p {
    text-align: center;
}


/* Social share */

.archive .container,
.search .container,
.tag .container,
.category .container,
.single .container {
    position: relative;
}

.social-list {
    position: fixed;
    margin-left: -68px;
    margin-top: 2px;
}

article .social-list {
    display: block;
    height: 57px;
    position: relative;
    margin: 0 0 20px;
}

.social-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

article .social-list li {
    float: left;
    margin-right: 1px;
}

article .social-list a {
    height: 45px;
    padding-top: 2px;
}

.social-list a .fa {
    line-height: 42px;
}

article .social-list a:hover {
    color: #fff;
}

.social-list li {
    margin-bottom: 1px;
}

.social-list a {
    display: block;
    width: 45px;
    height: 44px;
    background-color: #cccccc;
    text-align: center;
    color: #FFF;
    line-height: 42px;
    font-size: 24px;
}

.social-list a.counter {
    font-size: 14px;
    font-weight: bold;
}

.social-list a {
    opacity: 0.8;
}

.social-list a:hover {
    opacity: 1;
}

.social-list li:nth-of-type(1) a {
    background-color: #3c5a98;
}

.social-list li:nth-of-type(2) a {
    background-color: #41c6f2;
}

.social-list li:nth-of-type(3) a {
    background-color: #f51421;
}

.social-list li:nth-of-type(4) a {
    background-color: #0177b5;
}

.social-list li:nth-of-type(5) a {
    background-color: #333;
}

.category p,
.tag p {
    text-align: left;
}

.category .post-element p {
    text-align: center;
}

.archive .sign-up-big .post-element,
.search .sign-up-big .post-element,
.home .sign-up-big .post-element,
.tag .sign-up-big .post-element,
.category .sign-up-big .post-element {
    height: auto;
}

.archive .post-element,
.search .post-element,
.tag .post-element,
.category .post-element,
.home .post-element {
    /* height: 462px; */
    /* height: 510px; */
    height: 485px;
    height: 440px;
}

.home .post-instagram .post-element,
.home .post-wide .post-element {
    height: 462px;
    height: 440px;
}

.post-element img:hover {
    opacity: 0.85;
}

.post-element .country-flag:hover {
    opacity: 1;
}

.showcase .img-holder {
    text-align: center;
}

.showcase .img-holder a {
    display: inline-block;
}


/* Newsletter */


/* .sign-up-big .email-error,
.mail-list-container .email-error {
    border: solid 1px red;
    background-color: #FFDADA;
}

.sign-up-big .email-valid,
.mail-list-container .email-valid {
    border: solid 1px green;
    background-color: #AFFFAF;
} */

.mail-list-container .content,
.sign-up-big .content {
    position: relative;
    width: 100%;
}

.mail-list-container .feedback,
.sign-up-big .feedback {
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    background: rgba( 255, 255, 255, 1);
    padding: 0 0 10px 0;
    top: 0;
}

.mail-list-container .feedback span,
.sign-up-big .feedback span {
    color: red;
    margin: 20px 0 0 0;
    display: block;
    text-align: center;
}

.mail-list-container {
    position: absolute;
    z-index: 1;
    max-width: 340px;
}

.mail-list-container .close-btn, .slider-overlay .close {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(https://cdn.overstockart.com/blog/wp-content/themes/overstockart/images/close-btn.png) no-repeat;
    z-index: 2;
}


/* Newsletter design updates */

.sign-up-big .post-element {
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
}

.mail-list-container .feedback,
.sign-up-big .feedback {
    display: none;
    height: 100%;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 30px;
    background: transparent;
}

.sign-up-big .feedback {
    margin-left: -40px;
    margin-top: 9px;
}

.mail-list-container .feedback span,
.sign-up-big .feedback span {
    color: #F00;
    display: block;
    text-align: center;
    margin: 2px auto 0px;
    width: 234px;
    background: #F3F3F3;
    height: 35px;
    line-height: 35px;
}

.feedback-overlay {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba( 255, 255, 255, .5);
    background-image: url(https://cdn.overstockart.com/blog/wp-content/themes/overstockart/images/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 90%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.mail-list-container .found-overlay,
.sign-up-big .found-overlay,
.mail-list-container .success-overlay,
.sign-up-big .success-overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    z-index: 1;
}

.success-overlay div,
.found-overlay div {
    height: 80px;
    position: relative;
    top: 50%;
    margin-top: -56px;
    text-align: center;
}

.success-overlay h2,
.found-overlay h2 {
    font-family: "Proxima Nova", serif;
    font-size: 40px;
    margin-bottom: 0;
}

.success-overlay p,
.found-overlay p {
    font-size: 18px;
}

.error404 .form-container button {
    top: auto;
    bottom: 0;
}


/* Single page slider */

.slider-overlay {
    width: 100%;
    height: 500px;
    background: rgba( 0, 0, 0, .9);
    position: absolute;
    z-index: -1;
    text-align: center;
}

#video,
#vimeo {
    display: inline-block;
    position: relative;
}

.flexslider .slides {
    padding-left: 0;
    list-style: none;
}

.post .img-holder img:hover {
    opacity: 1;
}

.video-holder iframe {
    max-width: 80%;
}

.post .img-holder {
    position: relative;
    z-index: 2;
    max-height: 500px;
}

.flexslider .slides li {
    position: relative;
}

.play {
    display: block;
    width: 76px;
    height: 76px;
    background: rgba( 0, 0, 0, .5);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -38px;
    top: 50%;
    margin-top: -38px;
    cursor: pointer;
    z-index: 3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.play .fa-play {
    font-size: 36px;
    color: #fff;
    margin-left: 28px;
    margin-top: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.play:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    background: rgba( 51, 153, 204, 0.9);
}

#honeypot,
.slider-overlay .youtube-player,
.slider-overlay .vimeo-player,
.video-holder,
.play.hidden {
    display: none;
}

.close {
    color: #fff;
    font-size: 28px;
    opacity: 1;
    top: 10px;
    right: 10px;
    font-weight: normal;
    position: relative;
    text-shadow: none;
}

.close:hover,
.close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: .85;
    filter: alpha(opacity=85);
}

.sign-up input[type="submit"]:focus,
.sign-up button:focus {
    outline: none;
}

.flexslider img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.slider-overlay {
    text-align: center;
}

.slider-overlay .youtube-player,
.slider-overlay .vimeo-player {
    width: 80%;
    top: 50%;
    position: relative;
}

.slider-overlay .youtube-player iframe,
.slider-overlay .vimeo-player iframe {
    width: 100%;
    height: 459px;
}

.flex-viewport,
.flexslider {
    height: 500px;
}

.flexslider .caption {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 5;
    color: #999;
}

.flexslider .slider-overlay {
    background: #fff;
}

.flexslider .slider-overlay .close {
    color: #333;
    z-index: 1;
}

.flexslider .slider-overlay .close:hover, .flexslider .slider-overlay .close:focus {
    color: #000;
}

.search .post-content h1,
.tag .post-content h1,
.category .post-content h1,
.single .post-content h1 {
    margin: 16px 0 18px 0;
}

.post-content .about-author a {
    color: #39C;
}

.flexslider .caption.dark,
.flexslider .caption.dark a {
    color: #999;
}

.flexslider .caption.light,
.flexslider .caption.light a {
    color: #fff;
}


/**
 * Mobile menu
 */

.mobile-menu {
    margin: 20px 10px;
    text-align: left;
}

.mobile-menu button {
    width: 100%;
    height: 65px;
    line-height: 65px;
    text-align: left;
    background: #fff;
    border: none;
    padding: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 28px;
    font-weight: normal;
    color: #333;
    padding: 0 20px;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
    border: none;
    background: #f2f2f2;
    color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.dropdown-toggle.btn-primary:hover, .open>.dropdown-toggle.btn-primary:hover {
    background: #dcdcdc;
}

.mobile-logo {
    display: block;
    float: left;
    width: 150px;
    height: 45px;
    background: url(https://cdn.overstockart.com/blog/wp-content/themes/overstockart/images/logo.png) no-repeat;
    background-size: 150px auto;
    margin: 8px 20px 0 0;
}

header .mobile-menu button.btn-primary:active,
header .mobile-menu.open button.btn-primary:focus,
header .mobile-menu button.btn-primary:focus {
    background: #FFF;
}

.mobile-tagline {
    display: block;
    float: left;
    height: 63px;
}

.mobile-menu .fa-chevron-down {
    float: right;
    margin-top: 17px;
}

.mobile-menu .dropdown-menu {
    width: 100%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative;
    margin-bottom: 20px;
}

.dropdown-menu>li>a {
    padding: 13px 20px;
    font-size: 28px;
    font-weight: bold;
    line-height: 46px;
    color: #53618f;
}

.dropdown-menu>li.current-menu-item a,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #333;
    background: #FBFBFB;
}

.nav .mobile-item {
    display: none;
}

.artwork img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.post-content .date-info strong:first-child {
    padding-right: 13px;
    margin-right: 12px;
    position: relative;
}

.post-content .date-info strong:first-child:after {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 13px;
    background: #333;
}

header .nav li.current-menu-item a {
    color: #000;
}

.row .load-more-btn:active,
.row .load-more-btn:focus {
    text-decoration: none;
    color: #000;
    border-color: #000;
}

.search h2 span {
    font-style: italic;
}

.you-might-like h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    font-family: 'Proxima Nova';
}

.you-might-like h3,
.you-might-like .post-element p {
    text-align: center;
}

.flexslider .slides,
.flexslider .slides li {
    height: 100%;
}

.post-content .country-flag {
    width: auto;
    /*height: 30px;
    margin-bottom: 11px;
    margin-right: 19px;*/
    height: 24px;
    margin-bottom: 8px;
    margin-right: 10px;
}

.main-logo a:focus {
    outline: none;
}

.main-logo h5 a {
    display: block;
    background: url(https://cdn.overstockart.com/blog/wp-content/themes/overstockart/images/logo.png) no-repeat;
    text-indent: -9999px;
    margin: 0 auto;
    width: 300px;
}

.main-logo h2 {
    margin-top: 5px;
    margin-bottom: 24px;
}

.main-logo h2 a {
    display: block;
    width: 210px;
    height: 18px;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 24px;
    text-indent: -9999px;
    background: url(https://cdn.overstockart.com/blog/wp-content/themes/overstockart/images/tagline.png) no-repeat;
    background-size: 210px 18px;
}

footer {
    background: #e9e9e9;
    margin-top: 40px;
    padding-top: 40px;
}

.sign-up-big h4 {
    font-family: "Proxima Nova", serif;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 28px;
}

.go-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}

.go-top.cd-fade-out {
    opacity: .5;
}

.go-top {
    display: inline-block;
    background: #bababa;
    color: #fff;
    border: none;
    position: fixed;
    z-index: 1;
    font-size: 35px;
    height: 40px;
    width: 40px;
    bottom: 40px;
    right: 20px;
    line-height: 40px;
    /* image replacement properties */
    overflow: hidden;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.go-top.cd-is-visible,
.go-top.cd-fade-out,
.no-touch .go-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.go-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.go-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}

.go-top .fa-angle-up {
    left: 8px;
    position: absolute;
    top: 0;
}

.copy p {
    font-family: "Proxima Nova", serif;
}

.flexslider .caption {
    z-index: 100;
    bottom: 5px;
    font-size: 12px;
    line-height: 20px;
    left: 70%;
}

.sign-up-big p {
    line-height: 20px;
}

.home h4 {
    margin-top: -4px;
    margin-bottom: -8px;
    max-height: 40px;
    overflow: hidden;
}

.right-sidebar h3 {
    font-size: 16px;
    line-height: 2.2rem;
}

/* Do not allow Instagram images to exceed height of 300px */
.pllex-active-slide > a {
    display: block;
    max-height: 300px;
    overflow: hidden;
}

/* added via JS to p tags that contain the text '(Image:' */
.post-content .attribution {
    font-size: 12px;
}

/* add classes to allow text to wrap images. If image has a caption, cancel the margin added to the image. */
figure.alignleft {
    float: left;
    margin: 6px 20px 10px 0;
}
figure.alignright {
    float: right;
    margin: 6px 0 10px 20px;
}

img.alignleft {
    float: left;
    margin: 6px 20px 10px 0;
}
img.alignright {
    float: right;
    margin: 6px 0 10px 20px;
}

figure.alignleft img.alignleft, figure.alignright img.alignright {
    margin: 0;
}

/* enable round crop for avatar images */
img.avatar {
    border-radius: 50%;
    float: left;
    margin-bottom: 5px;
    margin-right: 20px;
}

/* safari webkit makes inputs have rounded corners, make them square */
input {
    border-radius: 0;
    -webkit-border-radius: 0;
}
/* also, by request, kill the outline */
input:focus {
    outline: none;
}



.wp-caption {
	max-width: 100%;
}


/**
 * Responsive changes
 */

/*@media screen and (min-width: 1025px) and ( max-width: 1199px) {

    .showcase, .post-wide .post-element {
        max-width: 700px;
        margin: 0 auto 20px;
    }

    .col-md-6 .post-element {
        max-width: 340px;
        margin: 0;
    }

    .row {
        margin: 0 auto 20px;
        max-width: 740px;
        padding: 0;
    }

}*/
.author_link a{
    color: #333;
}
.nav>li.mobile-home-link {
	display: none;
}

@media screen and (min-width: 1200px) {
    .col-lg-2.hidden-xs {
        width: 14.966667%;
    }
    .col-lg-6.post-content {
        width: 52.7%;
    }
    .col-lg-4.right-sidebar {
        padding-left: 26px;
        width: 32.333333%;
    }
    header .nav li {
        width: 16.51%;
    }
    footer .col-lg-offset-1 .col-xs-12 {
        padding: 0;
    }
}


@media screen and ( min-width: 993px) and ( max-width: 1199px) {
    .col-lg-2 {
        float: left;
        width: 16.66666667%;
    }
    .col-lg-6.post-content {
        float: left;
        padding-right: 0;
        width: 51.5%;
    }
    .hidden-md {
        display: block !important;
    }
    header .hidden-md, .date-info.hidden-lg, .post-content .row.hidden-lg {
        display: none !important;
    }
    .container {
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
    .col-lg-4.main-logo {
        width: 100%;
    }
    header .nav li {
        width: 16.45%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-4.right-sidebar {
        float: right;
        width: 31.83333333%;
    }
    .right-sidebar h3 {
        text-align: left;
    }
    .post-content .view-portfolio a {
        width: 100%;
        text-align: center;
    }
    .single .sign-up-big .post-element {
        height: auto;
    }
    .social a {
        margin: 0 2px;
    }
    .flexslider .caption {
        bottom: 30px;
        max-width: none;
    }
    .artwork {
        /*background-color: #ffffff;
        border: 1px solid #dcdcdc;
        float: none;
        height: 394px;
        padding: 20px;*/
        margin: 0 0 40px 0.5rem;
        min-width: 260px;
        width: 260px;
    }
    .post-content .artwork p {
        font-size: 16px;
        max-height: 50px;
        margin-bottom: 0;
        overflow: hidden;
        padding: 0;
    }
    .artwork p > a {
        margin-bottom: 0;
    }
    .artwork a {
        display: block;
        max-height: 300px;
        overflow: hidden;
    }
    .artwork a img {
        height: auto; /* corrects small inline gap at bottom of containing div */
        display: block;
        width: 100%;/* corrects obscure Firefox bug */
        max-width: 100%;/* just in case, to force correct aspect ratio */
        height: auto !important;
        display: block;/* corrects small inline gap at bottom of containing div */
        width: 100% /* corrects obscure Firefox bug */   max-width: 100%;/* just in case, to force correct aspect ratio */
        height: auto !important;
        /*width: auto\9;    /* ie8+9 - use modernizr instead of this \9 hack *//* lt ie8 */
        -ms-interpolation-mode: bicubic;/* optionally force a minimum size if img src size is known: */
        /* min-height: 320px; /* max-height of .crop-height */
        /* min-width: 480px; /* proportional to above */
        /* optionally force a minimum size if img src size is known: */
        /*min-height: 300px; /* max-height of .crop-height */
        /*min-width: 300px; /* proportional to above */
    }
    .artwork:nth-of-type(2n) {
        float: right;
    }
    .post .img-holder {
        overflow: hidden;
        max-height: 440px;
    }
    .img-holder img {
        width: 100%;
    }
    .col-lg-4.hidden-md {
        display: block !important;
    }
    .home .post-instagram .post-element {
        height: 462px;
    }
    .mail-list-container {
        height: 460px;
        width: 320px;
        padding-top: 53px;
    }
    .mail-list-container p {
        width: 73%;
    }
    .date-info,
    .about-info,
    .tag-info {
        text-align: left;
        width: 100%;
    }
    .archive .about-info h3,
    .archive .about-info p,
    .archive .tag-info h3,
    .archive .tag-info p,
    .tag .about-info h3,
    .tag .about-info p,
    .tag .tag-info h3,
    .tag .tag-info p,
    .category .about-info h3,
    .category .about-info p,
    .category .tag-info h3,
    .category .tag-info p,
    .single .about-info h3,
    .single .about-info p,
    .single .tag-info h3,
    .single .tag-info p {
        text-align: left;
    }
    .appstore {
        margin: 0 15px 0 -6px;
    }
    #div-gpt-ad-1439336866367-0 {
        margin: 0 26px 0 -26px;
    }
}

/*@media screen and ( max-width: 992px) {
    .post-element .flexslider {
        padding-bottom: 10px;
    }
    .flexslider,
    .flex-viewport,
    .slider-overlay {
        height: auto;
    }
    .post-element .flexslider .slides li {
        padding-bottom: 50px;
    }
    .flexslider .slides .caption {
        bottom: 16px;
    }
    .flexslider .flex-direction-nav a {
        display: none;
    }
    .flexslider .flex-control-nav {
        bottom: 0;
    }
    .flexslider .flex-control-paging li a {
        width: 11px;
        height: 11px;
    }
    .go-top {
        position: relative;
        right: auto;
        margin-top: 20px;
        bottom: 20px;
        float: right;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .go-top.cd-fade-out {
        opacity: 1;
    }
}*/

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

    .flex-viewport, .flexslider {
        height: 450px;
    }

    .flex-direction-nav a {
        top: 45%;
    }

    .social-list {
        margin-left: -11px;
        width: 36%;
        z-index: 1;
    }
    .social-list a {
        width: 7%;
    }
    .social-list .fa {
        font-size: 14px;
    }
    article .social-list {
        display: block;
        height: 50px;
        width: auto;
    }
    article .social-list li {
        width: auto;
    }
    article .social-list a {
        padding-bottom: 45px;
        width: 45px;
    }
    article .social-list .fa {
        font-size: 22px;
    }
}

@media screen and ( max-width: 992px) {
    .home .post-instagram .post-element {
        height: 485px;
    }
    .post-instagram .pllexislider .slides img {
        width: auto;
        display: inline-block;
    }
    .mail-list-container {
        height: auto;
        margin-bottom: 20px;
        padding: 20px 0;
    }
    .mail-list-container h3 {
        padding-top: 0;
        width: 100%;
    }
    .mail-list-container p {
        width: 100%;
    }
    .mail-list-container .content {
        max-width: 400px;
        margin: 0 auto;
    }
    .appstore {
        margin: 0 15px 0 0;
    }
    .post-element .flexslider {
        margin-bottom: 20px;
    }
    .slider-overlay {
        height: 370px;
    }
    .flexslider .caption {
        width: 100%;
        bottom: 45px;
        left: 0%;
        right: auto;
        text-align: center;
    }
    .flex-viewport, .flexslider {
        height: 370px;
    }
    .flexslider .flex-control-nav {
        bottom: -3px;
    }
    .flexslider .caption.light {
        /*color: #999;*/
    }
    .flexslider .flex-control-paging li a.flex-active {
        background: #333;
    }
    .flexslider .flex-direction-nav a {
        top: 156px;
    }
    .artwork {
        width: 300px;
        float: none;
        display: block;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    .about-info,
    .right-sidebar,
    .tag-info {
        margin-top: 60px;
        padding-top: 60px;
        border-top: solid 1px #f3f3f3;
    }
    .post-content article .right-sidebar h3 {
		display: block;
		clear: both;
		text-align: center;
		margin-bottom: 30px;
    }
    .view-portfolio {
        margin-top: 60px;
    }
    .about-info,
    .tag-info {
        margin: 0 auto;
        margin-top: 60px;
        border-bottom: none;
    }
    .archive .about-info h3,
    .archive .about-info p,
    .archive .tag-info h3,
    .archive .tag-info p,
    .tag .about-info h3,
    .tag .about-info p,
    .tag .tag-info h3,
    .tag .tag-info p,
    .category .about-info h3,
    .category .about-info p,
    .category .tag-info h3,
    .category .tag-info p,
    .single .about-info h3,
    .single .about-info p,
    .single .tag-info h3,
    .single .tag-info p {
        text-align: center;
    }
    .tag-info {
        margin-top: 0;
    }
    .tag-info ul {
        text-align: center;
    }
    .tag-info ul a {
        display: inline-block;
        width: auto;
    }
    .tag-info ul li {
        display: inline;
    }
    .right-sidebar {
        padding-left: 10px;
    }
    .post-content {
        padding-right: 20px;
    }
    .post-content h2 {
        font-size: 23px;
    }
    #loader {
        /*margin-top: -60px;*/
        margin-top: -20px;
    }
    article .social-list {
		margin: 0 auto 15px;
		width: 230px;
		z-index: 1;
    }
}

/*@media screen and ( min-width: 960px) and ( max-width: 1199px) {
    .main-logo h5 {
        margin-left: 0;
        text-align: center;
    }
}

@media screen and ( min-width: 993px) and ( max-width: 1199px) {
    header .nav li {
        width: 186px;
    }
}

@media screen and ( min-width: 960px) and ( max-width: 992px) {
    header .nav li {
        width: 182px;
    }
}*/

@media screen and (max-width: 992px) {
	.nav>li.mobile-home-link {
		display: block;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
    }
    .col-md-6 {
        float: left;
        padding: 0;
        width: 47.3%;
        margin-left: 10px;
        margin-right: 10px;
    }
    .col-md-12 {
        float: left;
        width: 100%;
    }
    .post-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .right-sidebar {
        padding-left: 0;
        padding-right: 0;
    }
    footer .col-md-6 {
        float: left;
        padding: 0;
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }
    .white-box .logo {
        margin-left: 20px;
        margin-right: 10px;
        width: 245px;
    }
    .white-box .col-xs-12 {
        padding: 0;
    }
    .appstore {
        margin: 0 6px 0 0;
    }
    .social a {
        height: 30px;
        line-height: 32px;
        margin: 2px 0 0;
        width: 30px;
    }
    .social .fa {
        left: 6px;
        position: absolute;
        top: 5px;
    }
    .social .fa-facebook, .social .fa-tumblr {
        left: 9px;
        position: absolute;
        top: 6px;
    }
    .social .fa-pinterest {
        left: 7px;
        position: absolute;
        top: 5px;
    }
    .social .fa-instagram {
        left: 7px;
    }
    .artwork {
        border: 1px solid #f3f3f3;
        float: left;
        margin: 0 10px 20px;
        padding: 20px;
        width: 318px;
    }
    .artwork > a {
        display: block;
        height: 258px;
        overflow: hidden;
    }
    .view-portfolio {
        clear: both;
    }
    .post-content .view-portfolio a {
        display: block;
        margin: 10px auto 0;
        max-width: 285px;
    }
    .social-list {
        margin-left: -20px;
        width: 50%;
        z-index: 1;
    }
    .social-list li {
        width: 50%;
    }
    .social-list a {
        padding: 0 3px 49px 3px;
        width: 12%;
    }
    .flexslider .caption {
        width: 100%;
        bottom: 17px;
        left: 27%;
        right: auto;
        text-align: center;
    }
}

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

    /* Hide the DFP ad from mobile views and iPad portrait */

    #div-gpt-ad-1439336866367-0 {
        display: none;
    }

}

@media screen and ( max-width: 767px) {
	.post-content article .right-sidebar h3 {
		margin-bottom: 0;
	}
    /*.row {
        margin-left: -30px;
        margin-right: -30px;
    }*/
    .single {
        padding-bottom: 70px;
    }
    .white-box {
        display: table;
        text-align: center;
        width: 100%;
        padding-top: 37px;
    }
    .white-box .col-xs-12 {
        float: none;
    }
    .white-box .col-xs-12:nth-of-type(1) {
        display: table-footer-group;
    }
    .white-box .col-xs-12:nth-of-type(2) {
        display: table-header-group;
    }
    .white-box .col-lg-6 .col-xs-12 {
        display: table;
        text-align: center;
        width: 100%;
    }
    .white-box .col-lg-6 .col-xs-12 {
        float: none;
    }
    .white-box .col-lg-6 .appstore {
        display: block;
        float: none;
        margin: 20px auto 22px;
    }
    .white-box .col-lg-6 .social {
        padding: 0;
    }
    .white-box .logo {
		width: 245px;
    }
    footer .row:nth-child(2) {
        background: #fff;
        margin: 0 auto 18px auto;
    }
    footer .row {
        width: 100%;
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .img-holder img {
        width: 100%;
        height: auto;
    }
    .might-like-section .post-element,
    .tag .post-element,
    .category .post-element,
    .home .post-element {
        height: auto;
    }
    .home .post-instagram .post-element,
    .home .post-wide .post-element {
        height: auto;
    }
    .social-list {
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 9999;
        margin: 0;
        padding: 15px 0;
        background-color: #f3f3f3;
        text-align: center;
    }
    .social-list li {
        display: inline-block;
        margin: 0 3px;
    }
    .social-list a {
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
    .social-list li:nth-of-type(1) a {
        background-color: #3c5998;
	width: 36px;
	height: 36px;
    }
    .social-list li:nth-of-type(2) a {
        background-color: #00aced;
	width: 36px;
	height: 36px;
    }
    .social-list li:nth-of-type(3) a {
        background-color: #f51421;
	width: 36px;
	height: 36px;
    }
    .social-list li:nth-of-type(4) a {
        background-color: #0177b5;
	width: 36px;
	height: 36px;
    }
    .social-list li:nth-of-type(5) a {
	width: 36px;
	height: 36px;
    }
    .post-element .flexslider {
        padding-bottom: 10px;
    }
    .flexslider,
    .flex-viewport,
    .slider-overlay {
        height: auto;
    }
    .post-element .flexslider .slides li {
        padding-bottom: 50px;
    }
    .flexslider .slides .caption {
        bottom: 16px;
    }
    .flexslider .flex-direction-nav a {
        display: none;
    }
    .flexslider .flex-control-nav {
        bottom: 0;
    }
    .flexslider .flex-control-paging li a {
        width: 11px;
        height: 11px;
    }
    .go-top {
        position: relative;
        right: auto;
        margin-top: 20px;
        bottom: 20px;
        float: right;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .go-top.cd-fade-out {
        opacity: 1;
    }
    .go-top .fa-angle-up {
        left: 14px;
        position: absolute;
        top: 5px;
    }
    #main > .row > .col-lg-12 {
        padding-bottom: 20px;
    }
    .right-sidebar {
        margin-top: 20px;
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    .artwork {
        border-bottom: 1px solid #f3f3f3;
        height: auto;
        margin: 10px 0 10px;
        max-height: 440px;
        padding: 20px 0;
        width: 100%;
    }
    .post-content .artwork p {
        font-size: 16px;
        max-height: 50px;
        margin-bottom: 0;
        overflow: hidden;
        padding: 0;
    }
    /*.post-content article > div:not(.right-sidebar) {
        padding: 0 15px 0;
    }*/
    .post-content article > div.date-info {
        padding: 0;
        width: 100%;
    }
    .right-sidebar .artwork > a {
        display: block;
        max-height: 300px;
        overflow: hidden;
    }

    .artwork p:nth-of-type(1) span:nth-of-type(1) {
        max-width: 200px;
        display: block;
    }
    .artwork .artist-url, .artwork .artwork-url {
        font-weight: bold;
        max-width: 170px;
    }
    .artwork .artwork-url {
        max-width: auto;
    }
    .post-content article > div.view-portfolio {
        border-bottom: 1px solid #f3f3f3;
        margin-top: 14px;
        padding: 0;
    }
    .post-content .view-portfolio a {
        display: block;
    }
    .view-portfolio p {
        margin-bottom: 15px;
    }
    .post-content .comment-wrapper {
        margin-top: 10px;
        padding: 0;
    }

    .social-list {
        padding: 10px 0 6px;
    }
    .social-list li {
        margin: 0 6px;
    }
    .social-list a {
        height: 36px;
        position: relative;
        width: 36px;
    }
    .social-list a .fa {
        font-size: 21px;
        left: 10px;
        position: absolute;
        top: 6px;
		line-height: 25px;
    }
    .social-list {
		
    }
    .social-list a .fa-twitter,
    .social-list a .fa-envelope {
        left: 8px;
    }
    .social-list a .fa-pinterest,
    .social-list a .fa-linkedin {
        left: 9px;
    }
    .social-list a .fa-envelope {
        left: 8px;
        top: 6px;
    }

    .single .post-element .date-info p {
        padding: 0;
    }

    blockquote {
        padding: 0 0 0 20px;
        margin: 0 0 20px;
    }

    .about-author {
        padding: 15px 20px 20px;
    }

    article p iframe {
        height: 161px;
        width: 100%;
    }

    article .social-list a {
    	padding-bottom: 31px;
    }

    .date-info,
    .about-info,
    .tag-info {
        width: 94%;
    }

    figure {
        margin-bottom: 20px;
        width: 100% !important;
    }
}

@media screen and ( max-width: 640px) {
    .artwork {
        width: 100%;
        min-width: 200px;
    }
    .copy p {
        text-align: center;
    }
    .tag-info ul a {
        min-width: 70%;
    }
}

@media screen and ( max-width: 560px) {
    .mobile-menu button {
        font-size: 15px;
    }
    .mobile-logo {
		width: 130px;
		height: 35px;
		float: left;
		background-size: 130px auto;
		margin-top: 12px;
		margin-right: 13px;
    }
    .dropdown-menu>li>a {
        font-size: 20px;
    }
    .flexslider .caption.light {
        color: #999;
    }
    .flexslider .slides .caption {
        bottom: -34px;
    }
}

@media screen and ( max-width: 500px) {
    .white-box .logo {
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
        border-right: none;
    }
	.mobile-menu .fa-chevron-down {
		margin-top: 24px;
	}
	.post-content {
		padding: 0 20px;
	}
	.single .post-content p {
		text-align: justify;
	}
}

@media screen and ( max-width: 420px) {
    .container {
        padding-left: 35px;
        padding-right: 35px;
    }
	.dropdown-menu>li>a {
		padding: 5px 20px;
	}
    .mobile-menu button {
        font-size: 14px;
    }
    .mobile-logo {
		margin-top: 0px;
		margin-right: 10px;
		width: 100px;
		height: 30px;
		background-size: 100px auto;
    }
    .mobile-tagline {
        height: auto;
        line-height: 32px;
    }
    .mobile-menu .fa-chevron-down {
        margin-top: 8px;
    }
    .showcase {
        height: auto;
        padding-bottom: 20px;
    }
    .sign-up-big input {
        width: 150px;
    }
    .post-element .flexslider .slides li {
        padding-bottom: 55px;
    }
    .flexslider .slides img {
        margin-bottom: 10px;
    }
    .flexslider .slides .caption {
        /*bottom: auto;*/
        line-height: 1.4rem;
    }
    .post-element .flexslider {
        margin-bottom: 0;
    }
    .social a {
        margin: 0 3px;
    }
    .play {
        top: 38%;
    }
    .slider-overlay .youtube-player iframe,
    .slider-overlay .vimeo-player iframe {
        height: 190px;
    }
    .close {
        z-index: 100;
    }
    .slider-overlay .youtube-player,
    .slider-overlay .vimeo-player {
        margin-top: 0 !important;
        top: 0;
        width: 100%;
    }

    .post-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .post-content .country-flag {
        height: 21px;
        margin-bottom: 7px;
        margin-right: 9px;
    }
    .post-content h1 {
        font-size: 29px;
        padding: 0;
    }
    article p iframe {
        height: 179px;
        width: 100%;
    }
    .form-container input[type="text"] {
        padding: 0 20px;
    }
    /* this is needed so iPhone doesn't zoom on the input */
    input[type="email"] {
        font-size: 16px;
    }

    .go-top {
        /* Safari requires padding for Font Awesome icons */
        padding: 0 25px;
    }

}

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

	.single .sign-up-big .post-element {
		height: 200px;
	}

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

}

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

    .copy p {
        padding: 0 15%;
    }
    .sign-up-big h4 {
		font-size: 23px;
	}

}

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

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .row.post-wrapper {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 0;
    }
    .mobile-logo {
        margin-top: 10px;
        margin-right: 13px;
        float: none;
    }
    .mobile-menu {
        margin: 10px;
    }
    .mobile-menu button {
        padding: 0 15px;
    }

    .showcase .img-holder {
        padding: 15px;
    }
    .home .sign-up-big h4 {
        margin-bottom: 6px;
        font-size: 28px;
    }

    .post-element {
        padding: 15px;
    }
    .post-content {
        padding-left: 0;
        padding-right: 0;
    }
    .post-content h1 {
        font-size: 29px;
        padding: 0 15px 0;
    }
    .post-content h2 {
        padding: 0 15px 0;
    }
    .post-content h3 {
        font-size: 14px;
        margin-bottom: 0;
        padding: 0 15px 0;
    }
    .post-content .date-info strong:first-child {
        padding-right: 0;
        margin-right: 0;
        width: 100%;
        display: block;
    }
    .post-content .date-info strong:first-child:after {
        display: none;
    }
    .post-content .view-portfolio a {
        padding: 10px;
        width: 100%;
    }
    .date-info,
    .about-info,
    .tag-info {
        border: 0;
        margin: 0;
        padding: 15px 15px 0;
        border-bottom: 10px solid #f3f3f3;
        width: 100%;
    }
    .date-info {
        border: 0;
    }
    .date-info p,
    .about-info p,
    .tag-info p {
        font-size: 12px;
        line-height: 18px;
    }
    .tag-info h3 {
        margin-bottom: 5px;
    }
    .tag-info ul {
        margin-bottom: 10px;
    }

    .single .post-content h1 {
        margin: 11px 0 10px 0;
        padding: 0 15px 0;
    }
    .single .post-element p {
        padding: 0 15px 0;
    }

    .flexslider .flex-control-nav {
        bottom: 20px;
    }
    .post-content .right-sidebar h3 {
        font-size: 22px;
        margin-bottom: 10px;
        line-height: 3rem;
    }

    .right-sidebar {
        border-top: solid 10px #f3f3f3;
    }

    .artwork {
        border-bottom: 10px solid #f3f3f3;
        padding: 20px;
    }

    blockquote {
        padding: 10px 20px 10px 0;
        margin: 0 0 20px 15px;
    }

    .post-content article > div.view-portfolio {
        border-bottom: 10px solid #f3f3f3;
    }

    .about-author {
        background: #ffffff;
        border-bottom: 10px solid #f3f3f3;
        padding-top: 0;
    }

    .social a {
        margin: 0 2px;
    }

    figure {
        padding: 0 15px;
    }

    .copy p {
        padding: 0 12%;
    }

    .post-content article > div.date-info {
        padding: 0 0 0 14px;
    }

}