/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

html.no-js {
    margin-top: 0 !important;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/************************* Desktop Styles *************************/

body {
    background: url("../img/header-bg.jpg") top center no-repeat;
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, p {
    margin: 0;
    padding: 0;
}

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

a {
    text-decoration: none;
}

.top-nav {
    height: 75px;
    background: url("../img/nav-bg.jpg") top center repeat-x;
    position: fixed;
    z-index: 9999999; /*Ridiculous giant number necessary because of ads*/
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.top-nav .fa-close {
    display: none;
}

#menu-close:hover, #menu-open:hover {
    color: #692198;
}

.top-nav .fa-bars {
    display: none;
}

.home-link {
    width: 75px;
    height: 75px;
    display: block;
    float: left;
    background: url("../img/nav-logo-sprite.jpg") top left;
    background-size: 100%;
}

.afrobella-light {
    display: none;
}

.afrobella-light img {
    display: none;
}

.home-link:hover {
    background: url("../img/nav-logo-sprite.jpg") bottom left;
    background-size: 100%;
}

.nav-links {
    padding: 0 18px;
    float: left;
}

.nav-links .fa-circle {
    color: #dad4a7;
    font-size: 3px;
    vertical-align: middle;
    padding: 5px;
}

.nav-links li {
    float: left;
    padding: 25px 10px;
}

.top-nav a {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 25px;
    display: block;
}

.top-nav a:hover {
    color: #692198;
}

.nav-links .page-link {
    color: #fdf8cf;
}

.nav-right {
    float: right;
    padding: 0 20px;
}

.search-form {
    float: left;
    margin: 20px;
}

#searchsubmit {
    height: 35px;
    width: 35px;
    background: rgba(120, 52, 16, 0.6) url("../img/search-submit.gif") center center no-repeat;
    background-size: 29px;
    font-size: 0;
    border-radius: 0;
}

.search-form:hover #searchsubmit {
    background: rgba(120, 52, 16, 0.6) url("../img/search-submit-light.gif") center center no-repeat;
    background-size: 29px;
}

.search-form input {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    border: none;
    background: rgba(120, 52, 16, 0.6);
    height: 15px;
    float: left;
    border-radius: 0;
}

.nav-social {
    float: left;
}

.nav-social li {
    float: left;
    padding: 25px 8px;
}

.nav-social a {
    font-size: 20px;
}

.wrapper {
    width: 1040px;
    padding: 0 40px;
    margin: 0 auto;
}

header {
    padding-top: 75px;
    border-bottom: 1px solid #84a933;
    margin-bottom: 45px;
}

.afrobella-logo {
    width: 23.5%;
    padding: 30px 0;
}

.content-area {
    width: 66.66%;
    float: left;
}

.featured-post {
    font-family: 'Open Sans', sans-serif;
    color: #262626;
    font-size: 16px;
    margin-bottom: 40px;
}

.featured-image-wrapper {
    position: relative;
}

.featured-image-wrapper img {
    width: 100%;
    height: auto;
}

.featured-post-title-wrapper {
    background: rgba(253, 248, 207, 0.4);
    padding: 0px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.post-meta {
    padding: 0 25px;
    color: #5e280a;
}

.post-right {
    padding-left: 27.5%;
}

.single .post-meta {
    padding: 0;
    margin-bottom: 30px;
}

.more-posts .post-meta {
    margin-bottom: 3px;
    padding: 0;
    width: 100%;
    float: left;
}

.featured-post-title-wrapper .fa-circle, .more-posts .fa-circle, .single .post-meta .fa-circle {
    font-size: 3px;
    padding: 5px;
    vertical-align: middle;
}

.post-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 1;
    color: #5e280a;
    margin-bottom: 5px;
    margin-top: 5px;
}

.post-title a {
    color: #5e280a;
}

.post-title a:hover {
    color: #682098;
}

a {
    color: #e58d00;
}

a:hover {
    color: #682098;
}

.post-cat, .post-date, .share, #twitter .timePosted {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

#twitter .timePosted a {
    color: #a3a3a3;
}

#twitter .timePosted a:hover {
    color: #e58d00;
}

.post-meta i, .post-cat, .featured-post-title-wrapper .post-date, .post-meta .post-date {
    float: left;
}

.post-cat ul {
    list-style: none;
    float: left;
}

.post-cat ul li {
    float: left;
}

.post-cat ul li:after {
    content: "/";
}

.post-cat ul li:last-child:after {
    content: "";
}

.post-cat li, .post-cat li a {
    color: #5e280a;
}

.post-cat li a:hover {
    color: #682098;
}

.single .post-cat li, .single .post-cat li a {
    color: #a3a3a3;
}

.single .post-cat li a:hover {
    color: #682098;
}

.content-area .featured-post p {
    margin: 15px 0;
}

.read-all {
    color: #e58d00;
    font-weight: 600;
    font-style: italic;
}

.read-all:hover {
    color: #682098;
}

.social-links {
    color: #682098;
}

.share {
    padding-right: 5px;
}

.social-links i {
    padding: 2px;
    vertical-align: middle;
}

.social-links a {
    color: #682098;
}

.social-links a:hover {
    color: #e68d00;
}

.social-links .fa-circle {
    font-size: 3px;
    padding: 5px;
    color: #8f8f8f;
}

.social-links .comment-count, .popular-post .comment-count, .single .comment-count {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #e58d00;
}

.social-links .comment-count:hover, .popular-post .comment-count:hover, .single .comment-count:hover {
    color: #682098;
}

.single .comment-count {
    display: block;
    float: left;
}

.popular-post a {
    color: #262626;
}

.more-posts {
    padding: 35px 0;
    border-top: 1px solid #969696;
}

.archive-page .more-posts:first-child {
    border-top: none;
}

.post-image, .more-posts .wp-post-image  {
    width: 21.5%;
    margin-right: 6%;
    float: left;
    height: auto;
}

.more-posts .post-meta,.single .post-meta {
    color: #a3a3a3;
}

.more-posts p, .content-area p {
    margin: 0 0 15px;
}

.ad-container {
    background: url("../img/ad-bg.jpg");
    background-size: cover;
    padding: 20px;
    border-top: 1px solid #969696;
}

.more-posts:last-child {
    border-bottom: 1px solid #969696;

}

.sidebar {
    float: right;
    width: 29%;
    margin-left: 4.3%;
    clear: right;
}

.sidebar img, .content-area img, .content-area iframe {
    max-width: 100%;
}

.ad-placeholder {
    margin: 0 auto 40px;
    display: block;
}

.sidebar-links {
    border-top: 1px solid #a24e0d;
}

.sidebar-links .fa-arrow-circle-right {
    color: #f8b342;
    font-size: 24px;
    float: left;
    width: 10%;
    margin-top: 12%;
}

.visit-store {
    font-family: "Montserrat", sans-serif;
    color: #e58d00;
    font-size: 26px;
    display: inline-block;
    float: left;
    line-height: 26px;
    padding: 4px 0 8px;
}

.visit-store:hover {
    color: #682098;
}

.visit-store span {
    color: #682198;
    font-size: 18px;
    line-height: 18px;
}

.visit-store-image {
    float: left;
    width: 90%;
}

.sidebar-link {
    display: block;
    background: #fff;
}

.sidebar-link:hover .fa-arrow-circle-right {
    color: #682098;
}

.banner-bg {
    padding-top: 40px;
    background: url("../img/banner-bg.jpg") top center no-repeat;
    background-size: 100%;
}

.sidebar-bottom-sections {
    border-top: 2px solid #7b056f;
    padding-bottom: 20px;
}

.sidebar-bottom-sections h3 {
    color: #e58d00;
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    font-weight: bold;
    padding: 25px 0;
}

.sidebar-bottom-sections i {
    float: right;
    font-size: 22px;
    margin-top: 5px;
}

.sidebar-bottom-sections p {
    font-family: 'Open Sans', sans-serif;
    color: #262626;
    font-size: 14px;
    line-height: 1.2;
}

.popular-post, #twitter li {
    padding-bottom: 15px;
}

.sidebar-bottom-sections .post-date, .sidebar-bottom-sections .timePosted {
    color: #a3a3a3;
    margin: 5px 0;
}

footer {
    background: #793410;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #fdf8cf;
}

.footer-nav {
    text-align: center;
    padding: 40px 0;
}

.footer-nav .fa-circle {
    color: #e58d00;
    font-size: 3px;
    vertical-align: middle;
    padding: 5px;
}

.footer-nav li {
    display: inline-block;
}

.footer-nav li:last-child {
    display: block;
}

.footer-nav a {
    color: #d0c782;
}

.footer-nav a:hover {
    color: #fff;
}

.comment {
    border: 10px solid #e2e2e2;
    margin: 20px 0;
    clear: both;
}

.comment-gravatar {
    margin: 25px;
    float: left;
}

.comment-name {
    font-size: 16px;
    margin-top: 40px;
    font-weight: 600;
}

.comment-date {
    font-size: 14px;
    color: #682198;
}

.comment-content {
    clear: both;
    padding: 0 25px 25px;
    font-size: 16px;
}

#reply-title, .comment-title {
    color: #e58d00;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: bold;
}

#author, #email, #url {
    float: left;
    background: #e2e2e2;
    margin-right: 30px;
    height: 50px;
    width: 50%;
    border: none;
    padding: 0 10px;
}

#comment {
    float: left;
    background: #e2e2e2;
    width: 96%;
    border: none;
    padding: 2%;
    margin-bottom: 15px;
}

.comment-form-comment label {
    display: none;
}

#respond label {
    line-height: 50px;
}

.form-submit #submit, .about-link {
    border: none;
    background: #e58d00;
    height: 50px;
    line-height: 50px;
    color: #fff;
    padding: 0 20px;
    font-weight: bold;
}

.form-submit #submit:hover, .about-link:hover {
    color: #692198;
}

.about-link {
    display: block;
    float: left;
    margin-top: 80px;
}

.tag-container {
    color: #878787;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    clear: both;
}

.tag-container a {
    color: #878787;
}

.tag-container a:hover {
    color: #e58d00;
}

.tag-container .post-categories, .tag-container .post-categories li, .filed-under {
    float: left;
}

.filed-under {
    padding-right: 5px;
}

.tag-container .post-categories li:after {
    content: ",";
    padding-right: 5px;
}

.tag-container .post-categories li:last-child:after {
    content: "";
}

.tagged-with {
    clear: both;
}

.displaying {
    font-style: italic;
    padding-bottom: 45px;
    font-weight: 600;
}

.displaying a {
    color: #682098;
}

.displaying a:hover {
    color: #e68d00;
}

.glam-728 {
    float: right;
    margin-top: 35px;
    width: 71.5%;
    text-align: right;
}

.glam-300 {
    margin-bottom: 40px;
}

.glam-160 {
    margin: 0 auto 40px;
    width: 160px;
    display: block;
    clear: both;
}

.glam-728, .glam-300, .glam-160 {
    max-width: 100% !important;
}

#Glam_mobile_ad, #Glam_mobile_ad * {
    max-width: 100% !important;
}

.content-area img[align=left], .alignleft {
    margin: 0 30px 30px 0;
    float: left;
}

.content-area img[align=right], .alignright {
    margin: 0 0 30px 30px;
    float: right;
}

.alignnone, .aligncenter {
    margin-bottom: 30px;
}

#form-allowed-tags {
    display: none;
}

.single {
    margin-bottom: 40px;
}

.single h3 {
    color: #e58d00;
    padding: 40px 0;
    border-top: 1px solid #e2e2e2;
    margin-top: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
}

.single h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 28px;
    line-height: 1;
    color: #5e280a;
    padding: 40px 0;
    border-top: 1px solid #e2e2e2;
    margin-top: 40px;
    clear: both;
}

.single h2:nth-child(1) {
    border-top: none;
    padding: 0;
    margin: 0;
}

.single h2:nth-child(2) {
    border-top: none;
    padding-top: 0;
}

.single h3:nth-child(2) {
    border-top: none;
    padding-top: 0;
}

.single h3:first-of-type {
    border-top: none;
    padding-top: 0;
    padding-bottom: 15px;
    margin-top: 0;
}

.single .wp-caption {
    max-width: 100%;
    text-align: center;
    color: #a3a3a3;
}

.single .wp-caption img {
    margin-bottom: 10px;
}

.single .wp-caption p {
    margin: 0;
}

.page .emphasis {
    font-weight: bold;
    display: block;
    padding-top: 20px;
}

.crest {
    width: 25%;
}

.award-container img {
    width: 79px;
    height: auto;
    float: left;
    margin: 0 25px 40px 0;
    display: block;
}

.single .post-meta .fa {
    color: inherit;
    margin-right: inherit;
}

.single .fa {
    color: #682098;
    margin-right: 20px;
}

.contact {
    color: #682098;
    line-height: 2;
    font-weight: 600;
}

.contact:hover {
    color: #e58d00;
}

#twitter .user, #twitter .interact {
    display: none;
}

.bottomcontainerBox {
    padding-bottom: 25px;
}

.thumbnail-link:hover img {
    opacity: 0.8;
}

#Glam_mobile_ad {
    padding: 10px 0;
}

#wpadminbar {
    z-index: 99999999 !important;
}

.content-area img {
    height: auto;
}

.comment-subscription-form {
    margin: 0;
}

/************************* Horizontal Tablet Styles *************************/

@media all and (max-width: 1134px) {

    .search-form {
        position: relative;
    }

    #s {
        display: none;
        position: absolute;
        right: 35px;
        top: 0px;
    }

    #searchsubmit {
        background: transparent url("../img/search-submit-light.gif") center center no-repeat;
        background-size: 29px;
        height: 35px;
        width: 35px;
    }

    .search-form:hover #s {
        display: block;
    }

    .search-form:hover #searchsubmit {
        background: rgb(120, 52, 16) url("../img/search-submit-light.gif") center center no-repeat;
        background-size: 29px;
    }

    .search-form:hover #s {
        background: rgb(120, 52, 16);
    }

    /*.afrobella-logo {
        width: 150px;
        padding: 50px 0;
    }*/

    .glam-300 {
        float: left;
    }

    .sidebar-links {
        clear: both;
    }

}

/************************* Vertical Tablet Styles *************************/


@media all and (max-width: 1038px) {

    .nav-links, .search-form, .nav-social, .afrobella-logo, .banner-bg {
        display: none;
    }

    .top-nav {
        height: auto;
    }


    .afrobella-light {
        display: block;
        float: left;
    }

    .afrobella-light img {
        width: 120px;
        padding: 25px 15px;
        display: block;
    }

    .top-nav .fa-bars {
        display: block;
        color: #fdf8cf;
        font-size: 40px;
        line-height: 45px;
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .content-area {
        width: 100%;
        float: none;
    }

    .featured-post:last-child {
        display: none;
    }

    .sidebar {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .tablet-hide {
        display: none;
    }

    .ad-placeholder {
        float: left;
        width: 45%;
        margin-right: 5%;
    }

    .sidebar-links {
        float: left;
        width: 45%;
        margin-left: 5%;
    }

    .more-posts:first-child {
        border-top: none;
    }

    .sidebar-bottom-sections {
        float: left;
        width: 45%;
    }

    .sidebar-bottom-sections:first-child {
        padding-right: 5%;
    }

    .sidebar-bottom-sections:last-child {
        padding-left: 5%;
    }

    header {
        border-bottom: none;
    }

    .glam-728 {
        margin-bottom: 40px;
        width: 100%;
    }

    .glam-160 {
        display: none;
    }

    .glam-300 {
        width: 50%;
        float: left;
    }

    .mode {
        border-bottom: 1px solid #a24e0d;
    }

    .sidebar-bottom {
        display: none;
    }

    .sidebar {
        margin-top: 40px;
    }

    .sidebar-links {
        clear: none;
    }

}

/************************* Horizontal Mobile Styles *************************/

@media all and (max-width: 782px) {

    .featured-post-title-wrapper {
        background: transparent;
        position: static;
        padding: 20px 0 0;
    }

    .post-meta {
        padding: 0;
    }

    .sidebar-bottom-sections h3 {
        font-size: 22px;
    }

    .featured-post p {
        margin-top: 5px;
    }

}

/************************* Vertical Mobile Styles *************************/

@media all and (max-width: 582px) {

    body {
        background: none;
    }

    .wrapper {
        padding: 0 20px;
    }

    .top-nav .fa-bars {
        font-size: 30px;
        line-height: 35px;
        top: 20px;
        right: 20px;
    }

    /*.nav-right {
        padding: 0;
    }*/

    .afrobella-light {
        padding-right: 5px;
    }

    .more-posts .post-image, .more-posts .wp-post-image {
        display: none;
    }

    .more-posts .post-meta {
        width: 100%;
        float: none;
    }

    .sidebar .sidebar-bottom-sections, .sidebar-links, .ad-placeholder {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .social-links i {
        padding: 1px;
    }

    .post-right {
        padding-left: 0;
    }

    .comment {
        background: #e2e2e2;
    }

    /*.content-area.single img {
        width: 100%;
    }*/

    .content-area.single .crest {
        width: 20%;
    }

    .content-area.single .about-link {
        margin-top: 35px;
        font-size: 14px;
    }

    .glam-300 {
        width: 100%;
        float: none;
    }

    .single .post-meta .fa-circle:nth-child(2) {
        display: none;
    }

    .single .post-meta .comment-count {
        clear: both;
    }

    .contact {
        font-size: 14px;
    }

    .mode {
        border-bottom: none;
    }

    .single .post-meta .fa-circle:last-of-type {
        display: none;
    }

}

/************************* ADAPTIVE WRAPPER *************************/

@media all and (max-width: 1134px) {
    .wrapper {
        width: 944px;
    }
}
@media all and (max-width: 1038px) {
    .wrapper {
        width: 688px;
    }
}
@media all and (max-width: 782px) {
    .wrapper {
        width: 488px;
    }
}
@media all and (max-width: 582px) {
    .wrapper {
        width: 300px;
    }
}

/************************* Retina Styles *************************/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {

    body {
        background: url("../img/header-bg-x2.jpg") top center no-repeat;
        background-size: 1319px 363px;
    }

    .top-nav {
        background: url("../img/nav-bg-x2.jpg") top center no-repeat;
        background-size: 1600px 75px;
    }

    .banner-bg {
        background: url("../img/banner-bg-x2.jpg") top center no-repeat;
        background-size: 300px 318px;
    }

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 600px)  ,
only screen and (min-resolution: 192dpi) and (max-width: 600px) {

    body {
        background: none;
    }

}

/********************** PAGINATION STYLES **************************/

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
    clear: both;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 40px;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    background: #d8d8d8;
    padding: 3px 5px;
    margin: 2px;
    color: #c713b8;
    height: 28px;
    line-height: 28px;
    width: 28px;
    display: block;
    float: left;
    text-align: center;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #fff;
    background: #e58d00;
}

.wp-pagenavi span.current {
    font-weight: bold;
}

.wp-pagenavi:before,
.wp-pagenavi:after {
    content: " ";
    display: table;
}

.wp-pagenavi:after {
    clear: both;
}

.wp-pagenavi {
    *zoom: 1;
}

@media all and (min-width: 1039px) {

    .home-link {
        display: block !important;
    }

    .home-menu {
        display: none !important;
    }

}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}