/*
Theme Name: Angie
Description: Responsive Blog Theme for WordPress
Theme URI: http://angie.creativehedgehog.net/
Version: 1.1.0
Author: Creative Hedgehog
Author URI: http://themeforest.net/user/hedgehogcreative
Text Domain: angie
Tags: custom-colors, featured-images, post-formats, theme-options, left-sidebar, right-sidebar, two-columns

Copyright: (c) 2019 Creative Hedgehog
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
/*===================================================================

    TABLE OF CONTENTS

    1. GENERAL STYLES
        -- FORM INPUT STYLES
    2. HEADER AND LOGO
        -- HEADER STYLES
        -- HEADER SOCIAL
        -- SEARCH
        -- LOGO
    3. PROMO BOXES AND BANNERS
        -- PROMO BOXES
        -- BANNERS
    4. NAVIGATION
        -- MAIN NAVIGATION
        -- RESPONSIVE NAVIGATION
    5. FEATURED POSTS (SLIDERS)
        -- COMMON STYLES
        -- SLIDER CONTROLS
        -- SLICK SLIDE STYLE
        -- SLIDER WIDE
        -- SLIDER BOXED
        -- SLIDER FULL
        -- CLASSIC
        -- TRANSPARENT
        -- CLASSIC
        -- MULTI POST
        -- MEDIAQUERIES
    6. PAGE TITLE
    7. BLOG POST
        -- GENERAL STYLES
        -- GRID / MASONRY LAYOUT
        -- LIST LAYOUT
        -- THUMB LINK
        -- SHARE POST SOCIAL LINKS
        -- STICKY ICON
        -- POST AUTHOR GRAVATAR
        -- POST AUTHOR SECTION
        -- POST FOOTER
        -- IMAGE / IMAGE GALLERY
        -- AUDIO POST
        -- POST ENTRY / EXCERPT
        -- READ MORE BUTTON
        -- POST TAGS
        -- RELATED POSTS
        -- COMMENTS SECTION
        -- COMMENT FORM - SEARCH FORM
        -- EDITOR PICKS
        -- PAGINATION
    8. SIDEBAR
        -- SIDEBAR GENERAL STYLES
        -- OFF CANVAS SIDEBAR - SIDEDRAWER
    9. WIDGETS
        -- AUTHOR WIDGET
        -- SOCIAL WIDGET
        -- ZILLA LIKES WIDGET
        -- POST LIST
        -- NEWSLETTER
        -- POST SLIDESHOW WIDGET
        -- TAG CLOUD
        -- ADVERTISEMENT WIDGET
        -- ABOUT WIDGET
        -- INSTAGRAM WIDGET
    10. FOOTER
        -- FOOTER GENERAL STYLES
        -- FOOTER COLUMN TITLE
        -- SOCIAL FOOTER
        -- FOOTER BOTTOM
        -- FOOTER LOGO
        -- SCROLL TO TOP
        -- PRE FOOTER - NEWSLETTER FORM
    11. WORDPRESS NATIVE AND VENDOR PLUGIN CLASSES
        -- DEFAULT POST FORMATTING STYLES
        -- WIDGET DEFAULT STYLES
        -- CONTACT FORM 7 (PLUGIN)
        -- DEFAULT GUTENBERG BLOCK STYLES
*/

/********************BEGIN RESET********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

* :focus {
    outline: 0;
}

/*******************END RESET**************************-*/


/*====CLEAR FIX - apply to any element that contains floating children which need to be cleared
=======================================================*/

.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}

.clear {
    clear: both;
}


/*==== 1. GENERAL HTML STYLES
=======================================================*/

html {
    font-size: 14px;
    overflow-x: hidden;
}

body {
    color: #232323;
    background-color: #fff;
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    background-position: center center;
    background-repeat: repeat;
    background-attachment: fixed;
    min-height: 100vh;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #121212;
    margin-bottom: 20px;
}

h1 {
    font-size: 38px;
    line-height: 1;
}

h2 {
    font-size: 24px;
    line-height: 1.2;
}

h3 {
    font-size: 18px;
    line-height: 1.4;
}

h4 {
    font-size: 16px;
    line-height: 1.3;
}

h5 {
    font-size: 13px;
    line-height: 1.3;
}

h6 {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0.5px;
    margin-top: 0;
    font-weight: normal;
}

p {
    margin-bottom: 20px;
}

a {
    color: #bbd0a4;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

a:hover {
    color: #121212;
}

ul {
    list-style-type: disc;
}

.custom-list {
    line-height: 24px;
}

hr {
    margin: 35px 0;
}

b,
strong {
    font-weight: bold;
}

pre {
    font-family: monospace;
    color: #232323;
    background: #f0f0f0;
    padding: 20px;
    margin-bottom: 30px;
    white-space: pre-wrap;
}

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

select {
    max-width: 100%;
}

table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #eaeaea;
    margin-bottom: 30px;
}

th {
    color: #121212;
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    font-weight: bold;
    font-size: 0.929em;
}

td {
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

th,
td {
    padding: 20px 12px;
}

caption {
    color: #bbd0a4;
    border-collapse: collapse;
}

.align-left {
    float: left;
    margin: 0 20px 0 0;
}

.align-right {
    float: right;
    margin: 0 0 0 20px;
}

@media only screen and (min-width: 991px) {
    .float-right { float: right; }
    .float-left { float: left; }
}

.m-top-0 {
    margin-top: 0 !important;
}

.p-top-0 {
    padding-top: 0;
}

.m-bottom-0 {
    margin-bottom: 0 !important;
}

.p-bottom-0 {
    padding-bottom: 0;
}

.last {
    margin-right: 0px !important;
}

.separator-blank {
    display: block;
    height: 40px;
}

dl {
    padding-bottom: 10px;
}

dt {
    color: #121212;
    margin-bottom: 5px;
}

dd {
    margin-left: 20px;
    margin-bottom: 20px;
}

address {
    font-style: italic;
    font-weight: 400;
    margin-bottom: 20px;
}

abbr {
    cursor: help;
}

code {
    font-family: monospace;
    background: #f0f0f0;
    color: #232323;
    padding: 3px 8px;
}

em,
var {
    font-style: italic;
    font-weight: 400;
}

form {
    overflow: hidden;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 11000;
}

#status {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -32px 0 0 -32px;
}

#status {
    display: inline-block;
    width: 64px;
    height: 64px;
    line-height: 90px;
    text-align: center;
}

#status:after {
    content: " ";
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 1px;
    border-radius: 50%;
    border: 1px solid #fff;
    border-color: #121212 transparent #121212 transparent;
    -webkit-animation: preloader-ring 1.2s linear infinite;
    animation: preloader-ring 1.2s linear infinite;
}

@-webkit-keyframes preloader-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes preloader-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.no-js #preloader {
    display: none;
}


/* FORM INPUT STYLES */

input[type=radio],
input[type=checkbox] {
    position: relative;
    border: 1px solid #c2c2c2;
    background: #fff;
    color: #232323;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 16px;
    min-height: auto;
    margin: -3px 10px 0 0;
    outline: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    -webkit-appearance: none;
    -webkit-transition: .05s border-color ease-in-out;
    -o-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
}

input[type=radio]:checked:before,
input[type=checkbox]:checked:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #121212;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

input[type=radio]:checked:before {
    content: "";
    background: #121212;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
}

input[type=radio] {
    border-radius: 50%;
}

input[type=radio]:focus {
    border-color: #c2c2c2;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="url"],
input[type="date"],
input[type="week"],
input[type="search"],
input[type="time"],
input[type="number"],
textarea {
    color: #757575;
    min-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 12px;
    border: 1px solid #eaeaea;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.8;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    cursor: pointer;
    padding: 10px 15px;
    border: none;
    font-size: 0.882em;
    color: #fff;
    background: #121212;
    font-weight: 500;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    display: inline-block;
}

select {
    padding: 10px;
    border-color: #e5e5e5;
    color: #848484;
}

@media (min-width: 1330px) {
    .container {
        width: 1300px;
    }
}

.blog-parent {
    margin-bottom: 60px;
}

.grid-size {
    width: 50px;
}

.content-section {
    padding-bottom: 0px;
    padding-top: 40px;
}

.page-wrapper .content-section:last-child {
    margin-bottom: 40px;
}

.content-section-title-wrap {
    text-align: center;
}

.content-section-title,
.comment-reply-title {
    display: inline-block;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-weight: normal;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.content-section-title-inner {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.content-section-title-inner:after {
    content: '';
    width: 1px;
    height: 20px;
    background: #949494;
    display: inline-block;
    position: absolute;
    bottom: -32px;
    left: 50%;
}

.comments-section {
    margin: 0 10%;
}


/*==== 2. HEADER AND LOGO
=======================================================*/


/*-----------------------------
    HEADER STYLES
-----------------------------*/

.header {
    z-index: 300;
    width: 100%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    margin-bottom: 20px;
}

.home .header-slider-full {
    position: absolute;
}

.header-bar-container {
    padding: 0 30px;
    position: relative;
}

.header-col-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.header-left-col.flex-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.header-right-col {
    text-align: right;
}

.header-bottom-col-right {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.header-bottom-col-left+.header-bottom-col-right {
    text-align: left;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.cart-nav {
    position: relative;
}

.header-ui-elements {
    display: inline;
    z-index: 3;
}

.header-ui-elements {
    margin-left: 20px;
    position: relative;
}

.header-ui-elements:before {
    left: -22px;
}

.header-ui-elements .cart-nav:after {
    right: -15px;
}

.header-banner .cart-nav+.search-btn-header:before {
    -webkit-transform: translate(-20px, -100%);
    -ms-transform: translate(-20px, -100%);
    transform: translate(-20px, -100%);
}

.header-banner .cart-nav+.search-btn-header {
    margin-left: 10px;
}

.header .container .header-bar-container,
.header .container .header-bottom-row,
.header .container .header-top-row {
    padding-left: 0;
    padding-right: 0;
}

.header-ui-elements a:last-child {
    margin-right: 0;
    padding-right: 0;
}

.header-ui-elements a:last-child:after {
    display: none;
}

.header-social-lead {
    font-size: 0.882em;
    font-weight: 600;
}

.no-flexbox .header-layout-1 .header-col-wrapper,
.no-flexbox .header-layout-2 .header-col-wrapper,
.no-flexbox .header-layout-3 .header-col-wrapper {
    display: table;
    width: 100%;
    vertical-align: middle;
}

.no-flexbox .header-layout-1 .header-col,
.no-flexbox .header-layout-2 .header-col,
.no-flexbox .header-layout-3 .header-col {
    display: table-cell;
    width: 33.333333%;
    vertical-align: middle;
}


/*-----------------------------
    HEADER SOCIAL
-----------------------------*/

.header-bar-content {
    position: relative;
}

.header-social {
    position: relative;
    display: inline-block;
}

.header .header-social li a {
    font-size: 15px;
}

.header-social li a {
    color: #121212;
}

.search-btn-header~.header-social {
    padding-right: 8px;
}

.social-btn {
    display: none;
    border-radius: 0;
    font-size: 18px;
    color: #fff;
    padding: 0;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    float: right;
    width: 40px;
    text-align: center;
}

.header-center {
    margin-bottom: 0;
    padding: 20px 0 15px 0;
}

.header-layout-2 {
    padding-bottom: 30px;
}

.has-full .header-center {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

.has-full .header-center:after {
    display: none;
}

.border-shadow {
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.07);
    margin-bottom: 50px;
}

.border-shadow.header-layout-2 {
    padding-bottom: 20px;
}

.no-border-space {
    margin-bottom: 50px;
}

.border-line {
    border-bottom: 1px solid #ededed;
    margin-bottom: 50px;
}

.border-line.header-layout-2 {
    padding-bottom: 20px;
}

.border-dash {
    border-bottom: 2px dashed #ededed;
    margin-bottom: 50px;
}

.border-dash.header-layout-2 {
    padding-bottom: 20px;
}

@media only screen and (max-width: 880px) {
    .has-slider .header[class*="border"] {
        border: none;
        margin-bottom: 0;
    }
    .has-slider .header[class*="border"]:after {
        display: none;
    }
}

.border-slash {
    margin-bottom: 50px;
}

.border-slash:after {
    content: '';
    width: 105vw;
    height: 7px;
    display: block;
    bottom: -7px;
    position: absolute;
    background: url(img/header-border-line-t-2.svg) repeat-x;
}

.border-slash.header-layout-2 {
    padding-bottom: 20px;
}

.border-xline {
    margin-bottom: 50px;
}

.border-xline:after {
    content: '';
    width: 105vw;
    height: 7px;
    display: block;
    bottom: -3px;
    position: absolute;
    background: url(img/header-border.svg) repeat-x;
}

.border-xline.header-layout-2 {
    padding-bottom: 20px;
}

@media only screen and (max-width: 630px) {
    .header-center .header-bar-container {
        padding: 0 20px;
    }
    .header-layout-2 .header-social-outer {
        display: none;
    }
    .header-layout-2 .header-col {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }
    .header-layout-2 .header-ui-elements {
        position: absolute;
        right: 0;
    }
}

@media only screen and (max-width: 400px) {
    .header-layout-1 .header-social {
        display: none;
    }
}

.has-bg-img {
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}

.has-bg-img:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.header-layout-1 .header-center-col {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
}

@media only screen and (max-width: 991px) {
    .header-layout-1 .header-center-col {
        display: none;
    }
}

.header-center .social-links {
    margin-left: -6px;
}

.header-center .search-btn-header:before {
    display: none;
}

.header-center .header-col-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-col {
    text-align: center;
}

.header-center .header-col-wrapper .header-col:first-child {
    text-align: left;
}

.header-center .header-col-wrapper .header-col:last-child {
    text-align: right;
}

.header-center .site-name {
    padding: 40px 0 30px 0;
}

.header-center .header-ui-elements {
    margin-left: 0;
}

.header-center .header-ui-elements .cart-nav {
    margin-right: 10px;
}

.header-center .cart-nav:after {
    display: none;
}

.header-center .cart-nav+.search-btn-header:before {
    display: none;
}

.header-layout-1 .logo {
    text-align: center;
    margin-top: -10px;
}

.header-layout-2 {
    padding-top: 0;
}

.header-layout-2 .header-bar-container {
    padding-top: 0;
}

.header-layout-2 .outer-nav {
    margin-bottom: 0;
    margin-top: -7px;
}

@media only screen and (max-width: 991px) {
    .header[class*="border"].header-layout-2 {
        padding-bottom: 0;
    }
    .header-center .site-name {
        padding: 20px 0;
    }
    .header-layout-2 .header-bar-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .header-layout-2 .sidedrawer-open {
        border: none;
        background: unset;
        width: auto;
        margin-left: 5px;
    }
    .header-layout-2 .sidedrawer-open:hover {
        color: #121212;
        background: unset;
    }
}

.header-layout-1 .header-social-outer+.header-center-col {
    text-align: center;
}

.header-layout-2 .outer-nav {
    text-align: center;
}

.header-layout-3 {
    position: relative;
    padding: 30px 0;
}

.header-layout-3 .header-col {
    text-align: unset;
}

.header-layout-3 .header-center-col {
    text-align: center;
}

.header-layout-3 .header-col-wrapper .header-col:first-child {
    text-align: left;
}

.header-layout-3 .header-col-wrapper .header-col:last-child {
    text-align: right;
}

.header-layout-3 .site-name {
    text-align: left;
    padding: 0;
}

.header-layout-3 .header-center-col {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
}

.header-layout-3 .header-social-outer {
    display: inline-block;
    position: relative;
    padding-right: 30px;
}

.header-layout-3 .header-social-outer:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #d8d8d8;
    border-radius: 50%;
    right: 15px;
    top: 50%;
    margin-top: -2px;
}

.header-layout-3 .header-bar-container {
    padding-top: 0;
}

@media only screen and (max-width: 1390px) {
    .header-layout-3 .header-social-outer {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .header-layout-3 .logo-outer {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }
    .header-layout-3 .header-social-outer {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .header-layout-3 .header-center-col {
        display: none;
    }
}

.header-layout-4 {
    margin-bottom: 50px;
    border-bottom: 1px solid #ededed;
    padding: 0;
}

.header-layout-4 .main-nav {
    text-align: left;
}

.header-layout-4 .header-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.header-layout-4 .logo-outer {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #ededed;
}

.header-layout-4 .header-col-wrapper {
    height: 110px;
}

.header-layout-4 .header-ui-elements {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-left: 1px solid #ededed;
    padding-left: 30px;
}

.header-layout-4 .header-social-outer {
    padding-right: 30px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.header-layout-4 .header-social-outer:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #d8d8d8;
    border-radius: 50%;
    right: 15px;
    top: 50%;
    margin-top: -2px;
}

.header-layout-4 .header-bar-container {
    border-bottom: 1px solid #ededed;
}

.header-layout-4 .cart-nav {
    margin-right: 10px;
}

.header-layout-4 .header-bar-container {
    border: none;
}

.before_header+.header-layout-4 {
    border-top: 1px solid #ededed;
    margin-top: 30px;
}

.before_header+.header-layout-1,
.before_header+.header-layout-2 {
    margin-top: -20px;
}

@media only screen and (max-width: 1100px) {
    .header-layout-4 .header-social-outer {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .header-layout-4 {
        margin-bottom: 20px;
    }
    .header-layout-4 .header-col {
        border: none;
    }
    .header-layout-4 .header-social-outer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .before_header+.header-layout-4 {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 630px) {
    .header-layout-4 .header-social-outer {
        display: none;
    }
}

.header-banner .header-col-wrapper {
    display: block;
}

.header-banner .header-top-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
}

.header-banner .in-header-banner-img {
    display: inline-block;
}

.header-banner .logo {
    text-align: left;
}

.header-banner .header-bottom-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 30px;
    position: relative;
}

.header-bottom-row:before,
.header-bottom-row:after {
    content: '';
    height: 1px;
    left: -50%;
    width: 150vw;
    position: absolute;
    background: #ededed;
}

.header-bottom-row:before {
    top: 0;
}

.header-bottom-row:after {
    bottom: 0;
}

.header-banner .wide .header-bottom-row {
    padding-left: 0;
    padding-right: 0;
    margin: 0 30px;
}

.in-header-banner-wrapper {
    font-size: 0;
    text-align: right;
}

.in-header-banner {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.header-banner {
    margin-bottom: 50px;
}

.header-banner .header-social-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    position: relative;
}

.header-banner .header-bar-container {
    padding: 0;
}

.header-banner .header-ui-elements {
    text-align: right;
}

.header-banner .logo-soc-outer {
    text-align: left;
}

.header-banner .header-center-col {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

@media only screen and (max-width: 1200px) {
    .header-banner .header-social-outer {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .header-banner {
        margin-bottom: 20px;
    }
    .in-header-banner {
        display: inline-block;
        margin-top: 20px;
    }
    .header-banner .logo-soc-outer {
        display: block;
    }
    .header-banner .logo {
        text-align: center;
    }
    .header-banner .header-top-row {
        display: block;
        text-align: center;
        padding-bottom: 10px;
    }
    .header-banner .header-bottom-row {
        display: block;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
    }
    .header-banner .header-bottom-row:before,
    .header-banner .header-bottom-row:after {
        display: none;
    }
    .header-banner .header-ui-elements {
        margin-left: 0;
    }
}


/*-----------------------------
    SEARCH
-----------------------------*/

.search-btn-header {
    cursor: pointer;
    position: relative;
    z-index: 5;
    font-size: 21px;
    color: #121212;
    text-align: center;
    margin-left: 0;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.header-center .search-btn-header {
    padding-left: 0;
}

.search-btn-header:hover {
    color: #bbd0a4;
}


/* Search Container */

.header .search-form {
    width: 100%;
}

.search-container .search-form {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-bottom: 3px solid #121212;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 1200px) {
    .search-container .search-form {
        width: 80%;
    }
}

.search-container .input-textbox {
    border: none;
    width: 100%;
    height: auto;
    font-size: 32px;
    padding-left: 0;
    padding-right: 30px;
    color: #333;
}

.search-container .input-textbox::-webkit-input-placeholder {
    font-size: 32px;
    color: #ddd;
    text-transform: none;
    font-family: Poppins;
}

.search-container .input-textbox:-ms-input-placeholder {
    font-size: 32px;
    color: #ddd;
    text-transform: none;
    font-family: Poppins;
}

.search-container .input-textbox::-ms-input-placeholder {
    font-size: 32px;
    color: #ddd;
    text-transform: none;
    font-family: Poppins;
}

.search-container .input-textbox::placeholder {
    font-size: 32px;
    color: #ddd;
    text-transform: none;
    font-family: Poppins;
}

.search-container {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 800;
    background-color: #fff;
    display: none;
    opacity: 0;
    position: fixed;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.header .search-container .input-textbox {
    padding: 0 15px;
    line-height: 52px;
    letter-spacing: 1px;
    width: 100%;
    border: none;
    position: relative;
    height: 63px;
    line-height: 62px;
}

.search-container .input-textbox:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

.search-container .input-textbox:focus {
    border: none;
}

.search-container .search-button {
    display: none;
}

.close-container .fa {
    color: #9C9C9C;
    font-size: 24px;
    display: inline-block;
    -webkit-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

.close-container {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 2;
    height: 44px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    margin-top: -22px;
}

.close-container:hover {
    opacity: 0.3;
}

.close-container,
.close-container .fa,
.close-container:hover .fa {
    color: #121212;
}

.no-bullet-before:before {
    display: none;
}


/*-----------------------------
    LOGO
-----------------------------*/

.logo {
    position: relative;
    z-index: 2;
}

.site-name {
    margin-bottom: 0;
}

.logo a {
    display: inline-block;
}

.site-name a {
    text-transform: none;
    font-weight: bold;
    line-height: 1;
}

.site-name-no-logo .site-name {
    padding: 0;
}

.site-name-no-logo .site-name a {
    color: #121212;
    font-size: 30px;
}

.header-layout-1 .site-name-no-logo {
    padding: 40px 0 25px 0;
    text-align: center;
}

.header-layout-2 .site-name-no-logo {
    padding: 40px 0;
    text-align: auto;
}

.header-layout-3 .site-name-no-logo {
    padding: 0;
}

.header-layout-4 .site-name-no-logo {
    text-align: left;
    padding: 0;
}

.header-layout-5 .site-name-no-logo {
    padding: 0;
}

.site-description {
    margin-top: 10px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}

.logo-image {
    margin: 0 auto;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.logo img {
    vertical-align: middle;
    display: block;
}


/*==== 3. PROMO BOXES AND BANNERS
=======================================================*/


/*-----------------------------
    PROMO BOXES
-----------------------------*/

.promo-outer {
    padding-top: 50px;
    background: #121212;
    margin-bottom: 50px;
}

.promo-image,
.promo-title {
    display: block;
}

.promo-wrapper {
    margin-bottom: 30px;
}

.promo-box {
    height: 200px;
    position: relative;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
}

.promo-link {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

.promo-link:hover:before {
    opacity: 0;
}

.promo-link:before {
    content: '';
    position: absolute;
    opacity: 0.5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-linear-gradient(left, transparent, black);
    background: -o-linear-gradient(left, transparent, black);
    background: -moz-linear-gradient(left, transparent, black);
    background: -webkit-gradient(linear, right top, right bottom, from(transparent), to(black));
    background: -webkit-linear-gradient(right, transparent, black);
    background: -o-linear-gradient(right, transparent, black);
    background: -webkit-gradient(linear, right top, left top, from(transparent), to(black));
    background: linear-gradient(to left, transparent, black);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.promo-link:after {
    content: '';
    position: absolute;
    opacity: 0.6;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px solid #fff;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

.promo-link:hover:after {
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
}

.promo-title {
    position: relative;
    color: #121212;
    background: #fff;
    font-size: 1em;
    z-index: 1;
    line-height: 360px;
    display: inline;
    padding: 10px 50px;
}

@media only screen and (max-width: 767px) {
    .promo-box {
        height: 120px !important;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

    .promo-title {
        line-height: 120px !important;
    }
}

@media only screen and (max-width: 420px) {
    .promo-box {
        width: auto;
    }
}


/*-----------------------------
    BANNERS
-----------------------------*/

.before_header.banner-wrapper {
    margin-top: 50px;
    padding-bottom: 20px;
}

.after_header.banner-wrapper {
    margin-bottom: 50px;
}

.in-banner-wrapper {
    max-width: 70%;
}

.banner-wrapper {
    text-align: center;
}

.banner-img {
    vertical-align: middle;
}

.header-center+.banner-wrapper {
    margin-bottom: 35px;
}

.banner-wrapper.before_footer {
    margin-bottom: 80px;
}

.editor-picks-container+.banner-wrapper.before_footer {
    margin-top: 40px;
}

.post-banner {
    margin-bottom: 40px;
    text-align: center;
}

.archive .post-banner.before_page_content {
    margin-bottom: 40px;
}

.before_post {
    margin-bottom: 50px;
}

.after_post {
    margin-top: 40px;
}

@media only screen and (max-width: 991px) {
    .before_post {
        margin-bottom: 30px;
    }

    .after_post {
        margin-top: 0;
        margin-bottom: 0;
    }

    .after_header.banner-wrapper {
        margin-bottom: 20px;
    }

    .before_header.banner-wrapper {
        padding: 0;
        margin-top: 20px;
    }

    .before_header+.header-layout-1,
    .before_header+.header-layout-2 {
        margin-top: 0;
    }
}

@media only screen and (max-width: 680px) {
    .before_header.banner-wrapper {
        margin-top: 0;
    }
}


/*==== 4. NAVIGATION
=======================================================*/


/*-----------------------------
    MAIN NAVIGATION
-----------------------------*/

.main-nav {
    margin: 0 auto;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.4px;
    line-height: 1;
    list-style: none;
    margin-right: -15px;
    position: relative;
    z-index: 200;
}

@media only screen and (max-width: 991px) {
    .outer-nav {
        display: none;
    }
}

.header-center .main-nav {
    margin-right: 0;
}

.header-banner .main-nav {
    margin-left: -12px;
    text-align: left;
}

.main-nav ul li {
    list-style: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.main-nav ul ul,
.main-nav ul ul li ul {
    -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
}

.main-nav>ul>li {
    position: relative;
    display: inline-block;
    padding: 15px 0;
}

.main-nav li a {
    color: #121212;
    display: block;
    position: relative;
}

.main-nav>ul>li>a {
    margin: 0 16px;
}


/* First Level Menu Item Active / Hover State */

.main-nav>ul>li>a:after {
    content: '';
    opacity: 0;
    background: #fae5a2;
    position: absolute;
    bottom: 15px;
    height: 2px;
    left: 50%;
    width: 130%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.main-nav li>a:hover:after {
    opacity: 1;
}

.main-nav .current-menu-item>a:after {
    opacity: 1 !important;
}


/* First Level menu has-children arrow */

.main-nav>ul>li.menu-item-has-children:after {
    color: #d3d3d3;
    right: 9px;
    content: "\f107";
    font-family: 'fontello';
    font-size: 14px;
    background: none;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    font-style: normal;
    display: inline-block;
    position: absolute;
    margin-left: -1px;
    top: 50%;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
}


/* Dropdown menu has-children arrow */

.main-nav>ul li ul li.menu-item-has-children>a:after {
    float: right;
    font-size: 13px;
    margin-right: -15px;
    content: "\f105";
    font-family: 'fontello';
}

.main-nav>ul>li.menu-item-has-children:hover:after {
    right: 5px;
}

.main-nav>ul>li.menu-item-has-children {
    padding-right: 14px;
}


/*  First Level Dropdown */

.main-nav>ul>li.menu-item-has-children:hover>ul.sub-menu {
    opacity: 1;
    visibility: visible;
}

.main-nav li ul li a {
    font-size: 0.909em;
    line-height: 22px;
    font-weight: normal;
    color: #121212;
    letter-spacing: 0.5px;
    -webkit-font-smoothing: antialiased;
}


/* NAV SUB MENU LEVEL 1 */

.main-nav>ul li ul {
    top: -999em;
    top: 100%;
    text-align: left;
    position: absolute;
    margin-left: 12px;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.main-nav>ul>li>ul {
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.main-nav ul li ul {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.main-nav ul li:hover>ul {
    opacity: 1;
    visibility: visible;
}

.main-nav>ul li ul li {
    position: relative;
}

.main-nav>ul li ul li a {
    display: block;
    padding: 8px 30px;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.main-nav>ul li ul li a:hover {
    color: #bbd0a4;
}

.main-nav>ul li ul li a:hover i {
    padding-right: 10px;
}

.has-menu-edge > li > .menu-edge {
    border: 5px solid rgba(255,255,255, 0.1);
    top: -20px!important;
    border-left: none;
    border-right: none;
}

.has-menu-edge > li > .menu-edge .menu-edge {
    top: -25px!important;
}

.menu-edge {
    left: -100%!important;
    z-index: 50;
}

/* NAV SUB MENU LEVEL 2 */

.has-submenu>ul>.has-submenu {
    position: relative;
}

.main-nav>ul li ul li ul {
    left: 100%;
    margin-left: 0;
    top: -20px;
}


/* dropdown menu width */

.main-nav>ul li ul {
    width: 230px;
}


/*-----------------------------
    RESPONSIVE NAVIGATION
-----------------------------*/

.header .mobile-nav-buttons {
    display: inline-block;
}

.sidedrawer .mobile-nav-buttons {
    padding-bottom: 50px;
    margin-top: -15px;
}

.slicknav_menu {
    display: none;
    background: none;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mobile-menu .slicknav_btn {
    background: none;
    z-index: 200;
    padding: 0;
    float: none;
    border-radius: 0;
    margin: 0 0 0 25px;
    right: 15px;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.slicknav_menu .slicknav_icon-bar {
    width: 14px;
}

.slicknav_nav {
    top: 100%;
    font-size: 1em;
    background: #fff;
    width: 100%;
    position: absolute;
    margin-top: 30px;
    left: 15px;
    right: 15px;
    z-index: 70;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.header .slicknav_nav {
    left: 0;
    right: 0;
}

.slicknav_nav ul {
    margin: 0;
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover {
    border-radius: 0;
    background: none;
}

.slicknav_nav a {
    padding: 15px 10px;
    margin: 0;
    color: #121212;
    font-size: 0.941em;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-weight: 600;
    -webkit-transition: color .07s linear, background-color .07s linear;
    -o-transition: color .07s linear, background-color .07s linear;
    transition: color .07s linear, background-color .07s linear;
}

.slicknav_nav a a {
    font-size: 1em;
}

.slicknav_menu .slicknav_menutxt {
    color: #121212;
    font-weight: normal;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 13px;
}

.slicknav_nav .slicknav_row {
    padding: 15px 10px;
    margin: 0;
    position: relative;
}

.mobile-menu .slicknav_nav .slicknav_arrow {
    position: absolute;
    right: 15px;
    font-size: 17px;
    color: #7d7d7d;
}

.slicknav_nav ul ul {
    padding-left: 10px;
}

.slicknav_icon-bar {
    display: none;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.slicknav_nav .menu-item {
    border-bottom: 1px solid #e5e5e5;
}

.slicknav_nav .sub-menu .menu-item:last-child {
    border: none;
}


/*==== 5. FEATURED POSTS (SLIDERS)
=======================================================*/


/*-----------------------------
    COMMON STYLES
-----------------------------*/

.slider-wrapper {
    margin-bottom: 50px;
}


/* Slide - Gallery Item -----------------------------------------*/

.post-slide-item {
    list-style: none;
    overflow: hidden;
}

.post-slide-item img {
    display: block;
}

.list-post .post-slide-item img {
    max-width: initial;
}


/* Featured Slider -----------------------------------------*/

.featured-slider {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.featured-slider .post-slide-item {
    width: inherit;
    margin: 0;
    background-position: center;
    background-size: cover;
    text-decoration: none;
    position: relative;
    top: auto;
    left: auto;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.post-slide-item-wrapper,
.slider-wide .post-slide-item-wrapper {
    height: 700px;
}

.slider-boxed:not(.is-stylish) .post-slide-item-wrapper {
    height: 600px;
}

.post-slide-item {
    height: 100%;
}

.slider-full .post-slide-item-wrapper {
    height: 700px;
}

.boxed-slider .featured-slider .post-slide-item {
    margin: 0 10px;
}

.boxed-slider-single .featured-slider .post-slide-item {
    margin: 0;
}

.boxed-slider-single .slider-deco:before,
.boxed-slider-single .slider-deco:after {
    display: block;
}

.featured-slider,
.slider-posts-holder {
    height: inherit;
}


/* Featured Post Entry -----------------------------------------*/

.featured-post-entry {
    position: absolute;
    bottom: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    -webkit-transition: bottom 0.3s linear, opacity 0.3s linear;
    -o-transition: bottom 0.3s linear, opacity 0.3s linear;
    transition: bottom 0.3s linear, opacity 0.3s linear;
}

.featured-post-entry-inner {
    position: relative;
    width: 100%;
}

.slick-current .featured-post-entry {
    opacity: 1;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
    visibility: visible;
}

.slide-header {
    z-index: 20;
    position: relative;
}

.slide-header .more-link-wrap,
.slide-header .more-link {
    margin: 0;
}

.slide-header .more-link {
    margin-left: -5px;
}

.slide-header .more-link,
.author-widget .more-link {
    padding: 0 5px;
}

.slide-header .more-link:after,
.author-widget .more-link:after {
    content: '';
    width: 100%;
    height: 50%;
    background: #f8df8f;
    position: absolute;
    z-index: -1;
    bottom: 1px;
    left: 0;
    -webkit-transition: height .1s linear;
    -o-transition: height .1s linear;
    transition: height .1s linear;
}

.slide-header .more-link:hover:after,
.author-widget .more-link:hover:after {
    height: 2px;
}

.slide-h2 {
    position: relative;
    margin: 15px 0 15px 0;
    font-weight: unset;
}

.is-stylish .slide-h2 {
    margin-top: 0;
}

.featured-post-title {
    color: #121212;
    margin-bottom: 15px;
    line-height: 1.2;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.featured-post-title:hover {
    color: #121212;
    opacity: 0.8;
}


/* Slide Meta -----------------------------------------*/

.featured-post-entry .meta {
    color: #fff;
    padding-bottom: 20px;
}

.featured-post-entry .meta a {
    color: #909090;
    -webkit-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    transition: opacity .1s linear;
}

.featured-post-entry .meta a:hover {
    color: #121212;
}

.slide-header-date~.slide-header-author:before {
    content: '';
}

.slide-header .post-header-author-wrapper {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.slide-cat {
    position: relative;
}

.slide-cat a {
    color: #212121;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 2px solid;
    padding: 8px 12px;
}

.slide-excerpt {
    padding-top: 35px;
    margin-top: 5px;
    border-top: 2px dashed #eee;
    padding-right: 15px;
}

.slide-excerpt p {
    margin-bottom: 15px;
}

.current-slide-count {
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    bottom: 40px;
}


/* Featured More Link -----------------------------------------*/

.featured-more-link i {
    padding-left: 10px;
}

.featured-more-link {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 0.786em;
    display: inline-block;
    color: #fff;
    position: relative;
    letter-spacing: 2px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.featured-more-link:hover {
    color: #fff !important;
    opacity: 0.7;
}

.featured-more-link i {
    padding-left: 10px;
}


/* Slide Effects -----------------------------------------*/

.featured-slider .post-slide-item:before {
    background: -webkit-linear-gradient(bottom, transparent, black);
    background: -o-linear-gradient(bottom, transparent, black);
    background: -moz-linear-gradient(bottom, transparent, black);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
    background: -webkit-linear-gradient(top, transparent, black);
    background: -o-linear-gradient(top, transparent, black);
    background: linear-gradient(to bottom, transparent, black);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.no-cssgradients .featured-slider .post-slide-item:before {
    background: #000;
    opacity: .3;
}


/*------------------------------------
    SLIDER CONTROLS
------------------------------------*/

.slider-nav {
    color: #fff;
    font-size: 20px;
    position: absolute;
    bottom: 10px;
    height: 50px;
    line-height: 50px;
    width: 50px;
    text-align: center;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.post-gallery .slider-nav {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto;
}

.slider-nav:hover {
    color: #fff;
    opacity: 0.8 !important;
}

.featured-slider:hover .slider-nav,
.angie-posts-container:hover .slider-nav,
.post-slideshow:hover .slider-nav {
    opacity: 1;
    visibility: visible;
}

.prev-slide,
.next-slide {
    bottom: auto;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.prev-slide {
    right: 50px;
}

.next-slide {
    right: 10px;
}


/*-----------------------------
    SLICK SLIDE STYLE
-----------------------------*/

.slide-center-style .slick-list {
    overflow: visible;
    background-color: #fff;
}

.slick-slide {
    position: relative;
}

.slick-slider-single {
    margin-top: 0;
}

.slick-slider-single .slider-posts-holder {
    overflow: hidden;
}

.slider-posts-holder {
    visibility: hidden;
}

.slider-posts-holder,
.post-slideshow {
    opacity: 0;
    visibility: hidden;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.slider-posts-holder.slick-initialized,
.post-slideshow.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.slider-posts-holder .post-slide-item,
.post-slideshow .post-slide-item {
    position: absolute;
}

.slider-posts-holder.slick-initialized .post-slide-item,
.post-slideshow.slick-initialized .post-slide-item {
    position: relative;
}

.slider-wide .featured-slider,
.slider-boxed .featured-slider {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}


/*-----------------------------
    SLIDER WIDE
-----------------------------*/

.slider-wide {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 5px;
}

.is-stylish .post-slide-item {
    float: right;
}

.tear .post-slide-item {
    width: 55%;
}

.wave-1 .post-slide-item,
.zig-zag .post-slide-item,
.brush .post-slide-item {
    width: 56%;
}

.wave-2 .post-slide-item,
.sharp .post-slide-item {
    width: 65%;
}


/*-----------------------------
    SLIDER BOXED
-----------------------------*/

.slider-boxed {
    margin-top: 5px;
    padding: 0 15px;
}


/*-----------------------------
    SLIDER FULL
-----------------------------*/

.slider-full {
    margin-top: 2px;
}

.slider-full .featured-slider {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
}

.header-layout-4+.slider-full .featured-slider,
.header-layout-5+.slider-full .featured-slider {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08);
}

.header-layout-4+.slider-full,
.header-layout-5+.slider-full {
    margin-top: -50px;
}


/*-----------------------------
    CLASSIC
-----------------------------*/

.is-classic .post-slide-item:before {
    content: '';
}

.is-classic .featured-post-entry {
    width: 740px;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.15);
    padding: 15px;
}

.is-classic .featured-post-entry-inner {
    background: #fff;
    padding: 50px 25px;
}

.is-classic .slide-header:after {
    width: 150px;
    height: 150px;
    right: 30px;
    opacity: .5;
}

.is-classic .featured-post-entry .meta {
    margin-bottom: 0;
    padding-bottom: 0;
}

.is-classic .prev-slide {
    left: 20px;
}

.is-classic .next-slide {
    right: 20px;
}

.is-classic .slide-cat.cat-text a {
    margin: 0 10px;
    padding: 0;
    position: relative;
}

.is-classic .slide-cat.cat-underline a {
    padding: 0;
    margin: 0 4px;
    position: relative;
}

.is-classic .slide-cat.cat-underline a:after {
    content: '';
    height: 1px;
    width: 100%;
    display: inline-block;
    background: #eaeaea;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.is-classic .slide-cat a {
    border: none;
    line-height: 20px;
    display: inline-block;
}

.is-classic .slide-cat.cat-text a:last-child:after {
    display: none;
}

.is-classic .slide-cat.cat-text a:after {
    content: '';
    height: 14px;
    width: 1px;
    display: inline-block;
    background: #999;
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -8px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.is-classic .slide-cat.cat-border a {
    border: 2px solid;
    padding: 6px 12px;
}

.is-classic .slide-cat.cat-bg a {
    color: #fff;
    background: #121212;
    padding: 6px 12px;
}


/*-----------------------------
    TRANSPARENT
-----------------------------*/

.is-transparent .slide-h2 a,
.is-transparent .slide-cat a,
.is-transparent .featured-post-entry .meta a {
    color: #fff;
}

.is-transparent .post-slide-item:before {
    content: '';
}

.is-transparent .featured-post-entry {
    width: 680px;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.is-transparent .featured-post-entry:after {
    content: '';
    width: 0;
    height: 2px;
    background: #fff;
    left: 0;
    bottom: 0;
    -webkit-transition: width .3s linear;
    -o-transition: width .3s linear;
    transition: width .3s linear;
    display: block;
    margin-top: 20px;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.is-transparent .slick-current .featured-post-entry:after {
    width: 100%;
}

.is-transparent .slide-header:after {
    width: 150px;
    height: 150px;
    right: 0;
    opacity: .2;
}

.is-transparent .featured-post-entry .meta {
    margin-bottom: 0;
    padding-bottom: 0;
}

.is-transparent .prev-slide {
    left: 20px;
}

.is-transparent .next-slide {
    right: 20px;
}


/*-----------------------------
    STYLISH
-----------------------------*/

.is-stylish .featured-post-entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 0 40px;
}

.is-stylish .prev-slide {
    right: 60px;
}

.is-stylish .slider-nav {
    font-size: 26px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.is-stylish .slide-cat.cat-text a {
    margin-right: 20px;
    padding: 0;
    position: relative;
}

.is-stylish .slide-cat.cat-underline a {
    padding: 0;
    margin-right: 5px;
    margin-bottom: 12px;
    position: relative;
}

.is-stylish .slide-cat.cat-underline a:after {
    content: '';
    height: 1px;
    width: 100%;
    display: inline-block;
    background: #eaeaea;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.is-stylish .slide-cat a {
    border: none;
    line-height: 20px;
    display: inline-block;
}

.is-stylish .slide-cat.cat-text a:last-child:after {
    display: none;
}

.is-stylish .slide-cat.cat-text a:after {
    content: '';
    height: 14px;
    width: 1px;
    display: inline-block;
    background: #999;
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -8px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.is-stylish .slide-cat.cat-border a {
    border: 2px solid;
    padding: 6px 12px;
}

.is-stylish .slide-cat.cat-bg a {
    color: #fff;
    background: #121212;
    padding: 6px 12px;
}

.is-stylish .featured-post-entry:after {
    content: '';
    height: 104%;
    top: -4px;
    position: absolute;
}

.is-stylish .zig-zag .featured-post-entry:after {
    width: 8px;
    background: url(img/zig-zag-vertical.svg) repeat-y;
    right: -7px;
}

.is-stylish .sharp .featured-post-entry:after {
    width: 144px;
    background: url(img/sharp.svg) repeat-y;
    right: -140px;
    background-size: contain;
}

.is-stylish .sharp .featured-post-entry {
    width: 36%;
    padding-right: 0;
}

.is-stylish .wave-1 .featured-post-entry:after {
    width: 54px;
    background: url(img/wave-1.svg) no-repeat;
    right: -40px;
    background-size: contain;
}

.is-stylish .wave-2 .featured-post-entry:after {
    width: 324px;
    background: url(img/wave-2.svg) no-repeat;
    right: -322px;
    background-size: contain;
}

.is-stylish .wave-2 .featured-post-entry {
    width: 36%;
    padding-right: 40px;
}

@media only screen and (min-width: 580px) {
    .is-stylish.slider-boxed .sharp .featured-post-entry,
    .is-stylish.slider-boxed .wave-2 .featured-post-entry {
        width: 44%;
    }
}



.is-stylish .tear .featured-post-entry:after {
    width: 47px;
    background: url(img/tear-vertical.png) no-repeat;
    right: -47px;
}

.is-stylish .brush .featured-post-entry:after {
    width: 70px;
    background: url(img/brush-vertical.png) no-repeat;
    right: -70px;
    background-size: contain;
}

.slider-dots .slide-header:after {
    content: '';
}

.slide-header:after {
    width: 170px;
    height: 230px;
    background: url(img/dots-l.svg) repeat;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    opacity: .5;
}

.is-stylish .slide-excerpt {
    position: relative;
    border: none;
}

.is-stylish .slide-excerpt:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 28px;
    background: #ffffff;
    border-left: 1px solid #121212;
    border-right: 1px solid #121212;
    left: 15px;
    top: 0;
    margin-top: -6px;
    -webkit-transform: rotate(54deg) skewY(-60deg);
    -ms-transform: rotate(54deg) skewY(-60deg);
    transform: rotate(54deg) skewY(-60deg);
}


/*-----------------------------
    MULTI POST
-----------------------------*/

.is-multi .featured-slider {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: -2px;
    margin-right: -2px;
}

.is-multi .post-slide-item-wrapper {
    margin: 0 2px;
}

.is-multi .featured-post-entry {
    padding: 0 12%;
    bottom: 30px;
}

.is-multi .featured-post-title {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.is-multi .featured-post-entry .meta a {
    color: #fff;
}

.is-multi .featured-post-entry .meta a:hover {
    opacity: 0.7;
}

.is-multi .slide-cat a {
    color: #fff;
}

.is-multi .featured-slider .post-slide-item:before {
    content: '';
}

.is-multi [data-number="2"] .featured-post-entry {
    padding: 0 20%;
}

.is-multi-2-outer-wrapper {
    background: #f6f6f6;
    padding: 50px 0;
    margin-bottom: 50px;
}

.is-multi-2-outer-wrapper .slider-wrapper {
    margin-bottom: 0;
}

.is-multi-2-outer-wrapper+.promo-outer {
    margin-top: -50px;
}

.header-layout-4+.is-multi-outer-wrapper .slider-full,
.header-layout-5+.is-multi-outer-wrapper .slider-full,
.header-layout-4+.is-multi-2-outer-wrapper,
.header-layout-5+.is-multi-2-outer-wrapper {
    margin-top: -50px;
}

@media only screen and (max-width: 991px) {
    .header-layout-4+.slider-full,
    .header-layout-4+.is-multi-outer-wrapper .slider-full,
    .header-layout-4+.is-multi-2-outer-wrapper {
        margin-top: -20px;
    }
    .header-layout-5+.slider-full,
    .header-layout-5+.is-multi-outer-wrapper .slider-full,
    .header-layout-5+.is-multi-2-outer-wrapper {
        margin-top: 0;
    }
    .is-multi-2-outer-wrapper {
        padding: 30px 0;
    }
}
@media only screen and (min-width: 880px) {
    .header[class*="border"]+.is-multi-2-outer-wrapper {
        margin-top: -50px;
    }
}
.is-multi-2 {
    background: #f6f6f6;
}

.is-multi-2.slide-center-style .slick-list {
    background: none;
}

.is-multi-2 .featured-slider {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.is-multi-2.slider-boxed .featured-slider {
    margin-left: -15px;
    margin-right: -15px;
}

.is-multi-2 .post-slide-item-wrapper {
    margin: 0 15px;
}

.is-multi-2 .featured-post-entry {
    bottom: 0;
}

.is-multi-2 .featured-post-entry-inner {
    background: #fff;
    padding: 20px 80px 10px 80px;
    padding: 20px 40px 10px 40px;
    border-bottom: 4px solid #eee;
}

.is-multi.slider-wide,
.is-multi.slider-boxed,
.is-multi-2.slider-wide,
.is-multi-2.slider-boxed {
    margin-top: 0;
}

.is-multi .post-slide-item-wrapper,
.is-multi-2 .post-slide-item-wrapper {
    height: 620px;
}

.is-multi .featured-post-entry,
.is-multi-2 .featured-post-entry {
    width: 100%;
    right: auto;
    left: auto;
}

.is-multi .prev-slide,
.is-multi-2 .prev-slide {
    right: unset;
    left: 10px;
}

.is-multi .slide-header:after,
.is-multi-2 .slide-header:after {
    width: 140px;
    height: 140px;
    opacity: 0.3;
}

.is-multi .slide-cat.cat-text a,
.is-multi-2 .slide-cat.cat-text a {
    margin: 0 10px;
    padding: 0;
    position: relative;
}

.is-multi .slide-cat.cat-underline a,
.is-multi-2 .slide-cat.cat-underline a {
    padding: 0;
    margin: 0 4px;
    position: relative;
}

.is-multi .slide-cat.cat-underline a:after,
.is-multi-2 .slide-cat.cat-underline a:after {
    content: '';
    height: 1px;
    width: 100%;
    display: inline-block;
    background: #eaeaea;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.is-multi .slide-cat a,
.is-multi-2 .slide-cat a {
    border: none;
    line-height: 20px;
    display: inline-block;
}

.is-multi .slide-cat.cat-text a:last-child:after,
.is-multi-2 .slide-cat.cat-text a:last-child:after {
    display: none;
}

.is-multi .slide-cat.cat-text a:after,
.is-multi-2 .slide-cat.cat-text a:after {
    content: '';
    height: 14px;
    width: 1px;
    display: inline-block;
    background: #999;
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -8px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.is-multi .slide-cat.cat-border a,
.is-multi-2 .slide-cat.cat-border a {
    border: 2px solid;
    padding: 6px 12px;
}

.is-multi .slide-cat.cat-bg a,
.is-multi-2 .slide-cat.cat-bg a {
    color: #fff;
    background: #121212;
    padding: 6px 12px;
}

.is-multi.multi-align-center .featured-post-entry,
.is-multi-2.multi-align-center .featured-post-entry {
    text-align: center;
}

.is-multi.multi-align-left .featured-post-entry,
.is-multi-2.multi-align-left .featured-post-entry {
    text-align: left;
}

.is-multi.multi-align-right .featured-post-entry,
.is-multi-2.multi-align-right .featured-post-entry {
    text-align: right;
}

.is-multi.multi-align-right .featured-post-entry .meta,
.is-multi-2.multi-align-right .featured-post-entry .meta {
    margin-right: -20px;
}


/*-----------------------------
    MEDIAQUERIES
-----------------------------*/

@media only screen and (min-width: 1700px) {
    .slider-wide {
        max-width: 1640px;
        margin-left: auto;
        margin-right: auto;
    }

    .is-multi-2.slider-wide {
        max-width: 1670px;
    }
}

@media only screen and (min-width: 1600px) {
    .is-stylish .featured-post-entry {
        padding: 0 100px;
    }

    .is-stylish.slider-full .featured-post-entry {
        padding: 0 120px;
    }
}

@media only screen and (min-width: 1400px) {
    .is-stylish .featured-post-entry {
        width: 40%;
    }
}

@media only screen and (min-width: 1150px) {
    .is-stylish .featured-post-entry {
        width: 45%;
        max-width: 860px;
        padding: 0 60px;
    }

    .is-stylish.post-slide-item-wrapper {
        height: 550px;
    }
}

@media only screen and (max-width: 1400px) {
    .is-stylish .wave-2 .featured-post-entry,
    .is-stylish .sharp .featured-post-entry {
        width: 44%;
    }
}

@media only screen and (max-width: 1150px) {
    .is-stylish .post-slide-item-wrapper {
        height: 450px;
    }
    .is-stylish .featured-post-entry .meta {
        padding-bottom: 0;
    }
    .is-stylish .slide-excerpt,
    .is-stylish .more-link {
        display: none;
    }
    .is-stylish .slide-header:after {
        width: 168px;
        height: 168px;
        top: -20px;
    }
    .is-stylish .featured-slider .none .post-slide-item,
    .is-stylish .featured-slider .wave-1 .post-slide-item,
    .is-stylish .featured-slider .zig-zag .post-slide-item,
    .is-stylish .featured-slider .tear .post-slide-item,
    .is-stylish .featured-slider .brush .post-slide-item {
        width: 55%;
    }
    .is-stylish .slide-h2 {
        font-size: 3.2vw;
        line-height: 1.3;
        display: inline-block;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 991px) {
    .slider-wrapper:not(.is-stylish) .post-slide-item-wrapper {
        height: 500px;
    }
    .is-classic .featured-post-entry {
        width: 75%;
    }
    .is-classic .featured-post-entry-inner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .is-transparent .featured-post-entry {
        width: 75%;
    }
    .is-stylish .wave-2 .slider-author,
    .is-stylish .sharp .slider-author {
        display: none;
    }
    .is-stylish .slide-h2 {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 880px) {
    .featured-slider .slide-h2 {
        font-size: 3.8vw;
        line-height: 1.25;
        display: inline-block;
        margin-bottom: 0;
    }
    .featured-post-entry .meta {
        padding-bottom: 0;
    }
    .slide-header .more-link-wrap,
    .slide-header .more-link {
        display: none;
    }
    .slider-wide {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 768px) {
    .is-stylish .post-slide-item-wrapper {
        height: 400px;
    }
}

@media only screen and (min-width: 580px) and (max-width: 768px) {
    .is-stylish .post-header-gravatar img {
        display: none;
    }
}

@media only screen and (max-width: 680px) {
    .slider-wrapper:not(.is-stylish) .post-slide-item-wrapper {
        height: 380px;
    }
    .is-stylish .featured-post-entry {
        padding: 0 25px;
    }
}

@media only screen and (max-width: 580px) {
    .is-classic .slide-header:after {
        display: none;
    }
    .is-stylish .featured-post-entry {
        width: 100%;
        top: unset;
        right: unset;
        padding: 15px 25px;
    }
    .is-stylish .featured-slider .post-slide-item {
        width: 100% !important;
    }
    .is-stylish .featured-post-entry:after {
        display: none;
    }
    .is-stylish .slide-header:after {
        display: none;
    }
    .slide-cat a {
        font-size: 9px;
        padding: 6px 9px;
    }
    .current-slide-count {
        display: none;
    }
    .is-stylish .wave-2 .featured-post-entry,
    .is-stylish .sharp .featured-post-entry {
        width: 100%;
        padding-right: 30px;
    }
    .is-stylish .wave-2 .slider-author,
    .is-stylish .sharp .slider-author {
        display: inline-block;
    }
    .is-stylish .post-slide-item-wrapper {
        padding-bottom: 100px;
    }
    .is-stylish .slide-cat.cat-bg a,
    .is-stylish .slide-cat.cat-border a {
        border: none;
        padding: 0;
        background: none !important;
        color: #121212;
        margin-right: 8px;
    }
}

@media only screen and (max-width: 480px) {
    .slider-wrapper:not(.is-stylish) .post-slide-item-wrapper .slider-author {
        display: none;
    }
}

@media only screen and (max-width: 420px) {
    .slider-wrapper .featured-slider .featured-post-title {
        font-size: 16px;
    }
}

@media only screen and (max-width: 400px) {
    .featured-slider .featured-post-title {
        font-size: 5vw;
        line-height: 1.3;
    }
    .is-stylish .post-header-gravatar img {
        display: none;
    }
}

.welcome-content-wrapper {
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 50px;
}

.welcome-content {
    width: 70%;
    padding-right: 5%;
    z-index: 3;
    position: relative;
}

.welcome-content:after {
    content: '';
    background: #fff2c9;
    width: 460px;
    height: 110px;
    display: block;
    position: absolute;
    left: -15%;
    top: 50%;
    margin-top: -88px;
    z-index: -1;
}

.welcome-title {
    color: #121212;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 30px;
}

.welcome-text {
    margin-bottom: 30px;
}

.welcome-link {
    padding: 0 5px;
    margin-left: -5px;
}

.welcome-link:after {
    content: '';
    width: 100%;
    height: 50%;
    background: #f8df8f;
    position: absolute;
    z-index: -1;
    bottom: 1px;
    left: 0;
    -webkit-transition: height .1s linear;
    -o-transition: height .1s linear;
    transition: height .1s linear;
}

.welcome-link:hover:after {
    height: 2px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .welcome-content {
        width: 100%;
        padding-right: 0;
    }
    .welcome-author {
        padding-left: 5%;
    }
}

@media only screen and (max-width: 768px) {
    .welcome-content {
        width: 95%;
        padding-right: 0;
        text-align: center;
    }
    .welcome-author {
        max-width: 240px;
        margin-bottom: 20px;
    }
    .welcome-content-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .welcome-content:after {
        display: none;
    }
}

@media only screen and (max-width: 360px) {
    .welcome-text {
        display: none;
    }
}


/*==== 6. PAGE TITLE
=======================================================*/

.page-title {
    margin-bottom: 40px;
    position: relative;
    text-align: center;
}

.page-title:before,
.page-title:after {
    content: '';
    width: 1px;
    height: 22px;
    background: #949494;
    display: inline-block;
}

.page-title-inner {
    margin-top: -5px;
}

.page .page-wrapper {
    position: relative;
}

.page-thumbnail {
    position: relative;
    margin-bottom: 60px;
}

.page-thumbnail+.page-title {
    padding-top: 0;
}

.search-results .page-title,
.search-no-results .page-title {
    padding-bottom: 10px;
}

.search .search-page-subtitle {
    margin-bottom: 10px;
}

.search .search-page-subtitle:after {
    display: none;
}

.search-item.post-no-thumb .title:after {
    display: none;
}

.page-title h1,
.page-title h2 {
    position: relative;
    display: inline-block;
    font-size: 40px;
    line-height: 1;
    color: #121212;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-transform: none;
    font-weight: bold;
    z-index: 1;
}

@media only screen and (max-width: 991px) {
    .page-title {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 580px) {
    .page-title:before,
    .page-title:after {
        display: none;
    }
    .page-title h1,
    .page-title h2 {
        margin-bottom: 0;
        padding-bottom: 5px;
    }
}


/* Search Page */

.search-title-wrapper {
    margin-left: -15px;
}

.search-term {
    padding-left: 10px;
}

.page-title-search {
    font-size: 0.857em;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin-top: -5px;
    padding-bottom: 5px;
}

.result-num {
    font-size: 1.214em;
    letter-spacing: 0;
}

.search-result-container {
    margin-bottom: 50px;
}

.page-subtitle {
    font-size: 18px;
    display: block;
    font-weight: 500;
}

.page-title-date {
    position: relative;
}

.page-title-date:before {
    content: "";
    background: #bbd0a4;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    display: none;
    height: 6px;
    width: 6px;
}


/* 404 Page */

.section-404 .content-section {
    text-align: center;
    padding: 40px;
}

.section-404 {
    margin-bottom: 40px;
}

.search-form-404 form {
    width: 80%;
    margin: 0 auto;
}

.title-404 {
    font-size: 90px;
    font-weight: bold;
    text-align: center;
    color: #121212;
    margin-bottom: 20px;
}

.search-404 {
    padding: 40px 40px 0 40px;
}


/*==== 7. BLOG POST
=======================================================*/


/*-----------------------------
    GENERAL STYLES
-----------------------------*/

.blog-list {
    font-size: 0;
    margin-bottom: 15px;
}

.blog-post {
    font-size: 14px;
    margin-bottom: 40px;
    position: relative;
}

.title-align-center .title {
    text-align: center;
    z-index: 2;
}

.title {
    position: relative;
}

.title:after {
    width: 126px;
    height: 142px;
    background: url(img/dots-m.svg) repeat;
    position: absolute;
    right: 50%;
    top: 20px;
    z-index: -1;
    opacity: .5;
    margin-right: 130px;
    margin-right: 10%;
}

@media only screen and (max-width: 680px) {
    .title:after {
        width: 116px;
        height: 122px;
        margin-right: 80px;
    }
}

@media only screen and (max-width: 460px) {
    .title:after {
        display: none !important;
    }
}

.title-align-left .title:after {
    margin-right: 0;
    right: 30%;
}

.single .sidebar-no .post-no-thumb .title {
    margin-bottom: 60px;
    margin-top: 20px;
}

.post-title-wrapper {
    position: relative;
}

.post-title {
    font-size: 36px;
    line-height: 1.2;
    text-transform: none;
    margin-bottom: 0;
    font-weight: normal;
    position: relative;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

@media only screen and (max-width: 768px) {
    .title .post-title {
        font-size: 30px !important;
        line-height: 1.1 !important;
    }
}

@media only screen and (max-width: 580px) {
    .title .post-title {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }
}

@media only screen and (max-width: 480px) {
    .title .post-title {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }
}

.post-title a {
    color: #121212;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    border-bottom: 1px solid transparent;
}

.hover-underline .post-title a:hover {
    text-decoration: underline;
}

.hover-opacity .post-title a:hover {
    opacity: 0.7;
}

.hover-border .post-title a:hover {
    border-bottom: 1px solid #f8df8f;
    color: inherit;
}

.title .post-category a {
    margin-right: 8px;
    margin-bottom: 15px;
    position: relative;
    z-index: 62;
    display: inline-block;
    color: #212121;
    font-size: 11px;
    font-size: 0.647rem;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.title-align-left .post-category.cat-text a,
.title-align-center.list-post .post-category.cat-text a {
    margin-right: 20px;
}

.title-align-left .post-category.cat-underline a,
.title-align-center.list-post .post-category.cat-underline a {
    margin-right: 12px;
}

.title-align-left .post-category.cat-border a,
.title-align-center.list-post .post-category.cat-border a,
.title-align-left .post-category.cat-bg a,
.title-align-center.list-post .post-category.cat-bg a {
    margin-right: 6px;
}

.title-align-center:not(.list-post) .post-category a {
    margin-left: 3px;
    margin-right: 3px;
}

.title-align-center:not(.list-post) .post-category.cat-text a {
    margin-left: 10px;
    margin-right: 10px;
}

.title-align-center:not(.list-post) .post-category.cat-underline a {
    margin-left: 5px;
    margin-right: 5px;
}

.title .post-category.cat-text a:last-child:after {
    display: none;
}

.title .post-category.cat-text a:after {
    content: '';
    height: 14px;
    width: 1px;
    display: inline-block;
    background: #999;
    position: absolute;
    right: -11px;
    top: 50%;
    margin-top: -8px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.title .post-category.cat-border a {
    border: 2px solid;
    padding: 6px 12px;
}

.title .post-category.cat-bg a {
    background: #121212;
    padding: 6px 12px;
}

.title .post-category.cat-text a {
    margin-bottom: 5px;
}

.title-align-center:not(.list-post) .post-category {
    text-align: center;
}

.title .post-category.cat-underline a:after {
    content: '';
    height: 1px;
    width: 100%;
    display: inline-block;
    background: #eaeaea;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.post-category {
    font-size: 0;
}

.post-category a {
    color: #121212;
}

.meta {
    font-size: 0.786em;
    margin-top: 12px;
    position: relative;
    z-index: 100;
}

.post-meta-item {
    color: #c2c2c2;
    position: relative;
    font-size: 14px;
    margin-right: 20px;
    -webkit-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
    display: inline-block;
    font-weight: 600;
    line-height: 25px;
}

.read-time {
    position: relative;
}

.read-time i {
    font-size: 13px;
}

@media only screen and (max-width: 580px) {
    .read-time {
        display: none;
    }
    .standard-post .meta-inner .post-meta-item:nth-last-child(2):after {
        display: none;
    }
}

.post-meta-item:after {
    content: '';
    display: inline-block;
    background: #e5e5e5;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
}

.meta .post-meta-item:last-child:after {
    display: none;
}

.standard-layout .standard-post {
    margin-bottom: 80px;
}

.standard-post .title {
    position: relative;
    margin-bottom: 64px;
    padding: 0 10%;
}

.standard-post .title:before,
.standard-post.title-top.post-no-thumb .title:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 28px;
    background: #ffffff;
    border-left: 1px solid #121212;
    border-right: 1px solid #121212;
    left: 50%;
    bottom: -44px;
    margin-top: 0;
    -webkit-transform: rotate(54deg) skewY(-60deg);
    -ms-transform: rotate(54deg) skewY(-60deg);
    transform: rotate(54deg) skewY(-60deg);
}

.standard-post.title-align-left .title:before {
    bottom: -48px;
    left: 10%;
    margin-left: 12px;
}

.single .standard-post.title-top .title:before {
    display: none;
}

@media only screen and (max-width: 480px) {
    .standard-post .title:before {
        display: none;
    }
    .standard-post .title {
        margin-bottom: 30px;
    }
}

.standard-post .post-content {
    padding: 0 10%;
}

.standard-post .meta-inner {
    display: inline-block;
}

.standard-post .meta {
    position: relative;
}

.standard-post .post-meta-item:last-child,
.grid-post .post-meta-item:last-child {
    margin-right: 0;
}

.standard-post .post-thumbnail {
    position: relative;
    margin-bottom: 40px;
}

.standard-post.wave .post-thumbnail { margin-bottom: 0; }
.standard-post.brush .post-thumbnail { margin-bottom: 10px; }
.standard-post.title-top.brush .post-thumbnail { margin-bottom: 30px; }


@media only screen and (min-width: 580px) {
    .standard-post.title-top.colorful .post-thumbnail {
        margin-bottom: 60px;
    }
}

@media only screen and (min-width: 440px) {
   .standard-post.slanted .post-thumbnail{ margin-bottom: 0; }
   .standard-post.slanted .post-thumbnail.has-video,
   .standard-post.slanted .post-thumbnail.has-audio { margin-bottom: 40px; }
}

@media only screen and (max-width: 440px) {
   .standard-post .post-thumbnail { margin-bottom: 30px; }
}

.standard-post .more-link {
    background: #f1f1f1;
    padding: 10px 10px 10px 18px;
}

.page-content {
    padding: 0 10%;
}

.more-link {
    position: relative;
    display: inline-block;
    z-index: 2;
}

.standard-post.title-top {
    margin-bottom: 50px;
    position: relative;
}

.standard-post.title-top .title {
    margin-bottom: 40px;
}


/*-----------------------------
    GRID / MASONRY LAYOUT
-----------------------------*/

.grid-post {
    float: none;
}

.grid-post .post-thumbnail {
    position: relative;
    margin-bottom: 30px;
}

.grid-post .post-content {
    padding: 0;
}

.grid-post .title {
    padding: 0;
    margin-bottom: 20px;
}

.grid-post .title:after {
    width: 106px;
    height: 106px;
    margin-right: 80px;
}

.grid-post.title-align-left .title:after {
    margin-right: 0;
    right: 10%;
}

.mason-blog .grid-post,
.grid .grid-post {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
}

.masonry-full .grid-post {
    width: 33.333333%;
}

.grid {
    margin-left: -30px;
}

.grid-post .post-footer {
    margin-top: -20px;
}

.mason-blog:after {
    content: '';
    display: block;
    clear: both;
}

.mason-blog {
    margin-bottom: 10px;
    margin-left: -30px;
}

.grid-post.aligncenter {
    padding-right: 15px;
}

.grid-post,
.grid .standard-post {
    margin-right: auto;
    display: inline-block;
    vertical-align: top;
    overflow: initial;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}

.grid .standard-post {
    padding-left: 30px;
    display: block;
}

.grid-post.title-align-center .title {
    overflow: visible;
}

.grid-post-meta {
    font-size: 16px;
    margin-top: 10px;
}

.list-post .post-footer {
    padding-top: 4px;
}

.mason-blog .grid-post.aligncenter {
    padding-right: 0;
}

.grid-post .post-footer-author-wrapper {
    display: none;
}

.grid-post .share-post-container {
    padding: 0;
}

.masonry-minimal {
    margin-left: -60px;
}

.mason-blog .grid-post-minimal {
    padding-left: 60px;
    margin-bottom: 40px;
}

@media only screen and (min-width: 1700px) {
    .home-wide {
        width: auto;
        max-width: 1640px;
        padding: 0;
    }
    .header .wide {
        width: auto;
        margin: 0 auto;
        max-width: 1700px;
    }
}

@media only screen and (max-width: 991px) {
    .mason-blog .grid-post-minimal {
        width: 50%;
    }
}

@media only screen and (min-width: 580px) and (max-width: 1700px) {
    .home-wide {
        width: auto;
        padding: 0 30px;
    }
    .header .wide {
        width: auto;
    }
}

@media only screen and (max-width: 768px) {
    .mason-blog .grid-post,
    .grid .grid-post {
        width: 100%;
        margin-bottom: 30px;
    }
    .grid-post:not(.pick-post) .title,
    .grid-post:not(.pick-post) .post-content {
        padding: 0 10%;
    }
}


/*-----------------------------
    LIST LAYOUT
-----------------------------*/

.list-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

.list-post .post-footer {
    margin-top: 0;
}

.grid .list-post {
    margin-left: 30px;
}

.list-post .title {
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
    position: relative;
}

.list-post .title:after {
    width: 126px;
    height: 126px;
    right: 20%;
    margin-right: 0;
}

.list-post .post-title {
    text-align: left;
}

.list-post .share-post-container .social-links li {
    margin-bottom: 0;
}

.list-post .post-entry p {
    margin-bottom: 5px;
}

.list-post .post-thumbnail,
.list-post .post-gallery {
    width: 40%;
    margin-right: 30px;
}

.list-post .post-content {
    float: left;
    width: 60%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.list-post .more-link {
    margin-bottom: 24px;
}

.no-thumb .list-post .post-content,
.post-no-thumb.list-post .post-content {
    float: none;
    width: 70%;
    margin-top: 0;
    padding-left: 0;
}

.list-post.no-thumb .post-content,
.list-post.post-no-thumb .post-content {
    padding-left: 0;
}

.list-post .title .post-categories li:not(:last-child):after {
    margin-left: -12px;
}

.list-post .meta {
    text-align: left;
}

.list-post .divider-alt {
    clear: both;
}

.list-post .more-link:before,
.simple-archive-view .more-link:before,
.simple-archive-view .more-link:after {
    left: 0;
}

.list-post .more-link:before,
.list-post .more-link:hover:before,
.simple-archive-view .more-link:before,
.simple-archive-view .more-link:hover:before {
    margin-left: 0;
}

.list-post .more-link-wrap {
    margin-top: -10px;
    margin-bottom: 0;
    text-align: left;
}

@media only screen and (min-width: 768px) {
    .list-post.title-align-center .post-category {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 768px) {
    .list-post {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .list-post .post-thumbnail,
    .list-post .post-gallery,
    .list-post .post-content,
    .no-thumb .list-post .post-content,
    .post-no-thumb.list-post .post-content {
        float: none;
        width: auto;
    }
    .list-post .post-thumbnail,
    .list-post .post-gallery {
        margin-right: 0;
    }
    .list-post .post-thumbnail,
    .list-post .post-gallery {
        margin-bottom: 30px;
    }
    .no-thumb .list-post .post-content,
    .post-no-thumb.list-post .post-content,
    .list-post .post-content {
        padding: 0 10%;
    }
    .list-post.title-align-center .title,
    .list-post.title-align-center .title .post-title,
    .list-post.title-align-center .meta {
        text-align: center;
    }
    .list-post .post-footer {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 580px) {
    .no-thumb .list-post .post-content,
    .post-no-thumb.list-post .post-content,
    .list-post .post-content {
        padding: 0 5%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
    .col-md-9 .list-post .post-entry {
        display: none;
    }
}


/*---------------------------------
    THUMB LINK
---------------------------------*/

.thumb-link {
    background: #000;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
}

.thumb-link:before,
.has-gallery:before {
    font-family: 'fontello';
    color: #fff;
    width: 70px;
    height: 70px;
    position: absolute;
    z-index: 2;
    font-size: 28px;
    top: 50%;
    left: 25%;
    margin-top: -35px;
    margin-left: -35px;
    text-align: center;
    line-height: 68px;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.has-audio .thumb-link:before {
    content: "\e800";
}

.has-video .thumb-link:before {
    content: "\e801";
}

.has-gallery .thumb-link:before,
.has-gallery:before {
    content: "\e835";
}

.thumb-link:hover:before {
    opacity: 1;
    left: 50%;
}

.thumb-link:hover .post-img {
    opacity: .8;
}

.post-img {
    will-change: transform;
    -webkit-transition: all 1.5s ease-in;
    -moz-transition: all 1.5s ease-in;
    -o-transition: all 1.5s ease-in;
    -ms-transition: all 1.5s ease-in;
    transition: all 1.5s ease-in;
}

.post-deco {
    display: none;
    position: absolute;
    right: -20px;
    z-index: -1;
    width: 101%;
    bottom: -30px;
}

.standard-post .post-deco {
    display: block;
}

@media only screen and (max-width: 580px) {
    .standard-post .post-deco-color {
        display: none;
    }
}

.post-deco-svg {
    fill: #fff8e0;
}

.post-deco-bottom-svg {
    fill: #f8df8f;
    color: currentColor;
}

.post-deco-brush {
    height: 68px;
    width: 100%;
    background: url(img/brush-horizontal.png) no-repeat bottom right;
    position: absolute;
    bottom: 0;
}

.post-deco-zig-zag {
    height: 6px;
    width: 100%;
    background: url(img/zig-zag-horizontal.svg) repeat-x;
    position: absolute;
    bottom: 0;
}

.post-deco-tear {
    height: 28px;
    width: 100%;
    background: url(img/tear-horizontal.png) no-repeat;
    position: absolute;
    bottom: 0;
}

.post-deco-wave {
    position: absolute;
    bottom: 0;
    z-index: 5;
    left: -2px;
    fill: #fff;
}

.post-deco-slanted {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 105vw 0px 0px;
    border-color: transparent #ffffff transparent transparent;
    bottom: 0;
}

@media only screen and (min-width: 440px) and (max-width: 580px) {
    .post-deco-slanted {
        height: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .post-deco-brush,
    .post-deco-tear {
        display: none;
    }
}

@media only screen and (max-width: 440px) {
    .post-deco-wave,
    .post-deco-slanted,
    .post-deco-zig-zag {
        display: none;
    }
}


/*---------------------------------
    SHARE POST SOCIAL LINKS
---------------------------------*/

.more-link-wrap+.post-footer {
    margin-top: -65px;
}

.share-post-container {
    margin-left: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.share-title {
    margin-right: 5px;
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
    color: #c2c2c2;
    float: left;
    letter-spacing: 1px;
    line-height: 38px;
}

.share-title i {
    position: relative;
    padding-left: 2px;
}

.share-post-container .share-post-links {
    position: relative;
    padding: 0;
    margin-bottom: 0;
    line-height: 35px;
}

.grid-post .share-post-container .social-links {
    float: none;
}

.share-post-links a {
    font-size: 13px;
    color: #121212;
    padding: 0 6px;
}

.share-post-container .share-post-links li {
    display: inline-block;
    margin-bottom: 0;
}

.social-links li {
    display: inline-block;
    text-align: center;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

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

.social-links li a {
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    font-size: 21px;
}

.no-tag-post {
    float: none;
}

.no-tag-post .social-links,
.no-tag-post .share-title {
    float: left;
}

.share-post-links li a {
    width: auto;
    height: auto;
    display: inline;
}

@media only screen and (max-width: 400px) {
    .share-title {
        display: none;
    }
    .share-post-links {
        margin-left: -6px;
    }
}


/*-----------------------------
    STICKY ICON
-----------------------------*/

.sticky-icon {
    display: inline-block;
    display: block;
}

.sticky-icon-fa,
.sticky .sticky-icon-fa {
    color: #121212;
    font-size: 16px;
}

.no-thumb .sticky-icon,
.post-no-thumb .sticky-icon {
    background: none;
    color: #121212 !important;
}

.no-thumb .sticky-icon:after,
.post-no-thumb .sticky-icon:after {
    height: 190%;
    width: 1px;
    background: #eaeaea;
    display: inline-block;
    top: 40px;
    position: absolute;
    left: 15px;
}

@media only screen and (max-width: 580px) {
    .no-thumb .sticky-icon:after,
    .post-no-thumb .sticky-icon:after {
        display: none;
    }
}

.sticky.title-align-left .sticky-icon,
.list-post.title-align-center .sticky-icon {
    margin-top: -5px;
    margin-left: -5px;
}

.standard-post.sticky.title-align-left .sticky-icon {
    position: absolute;
    left: -30px;
    margin-top: 5px;
}

@media only screen and (max-width: 580px) {
    .standard-post.sticky.title-align-left .sticky-icon {
        left: -25px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .sticky.title-align-left .sticky-icon,
    .list-post.title-align-center .sticky-icon {
        position: absolute;
        left: -30px;
        margin-top: 5px;
    }
}

@media only screen and (max-width: 480px) {
    .standard-post.sticky.title-align-left .sticky-icon {
        position: static;
        margin-top: -8px;
    }
}


/*-----------------------------
    POST AUTHOR GRAVATAR
-----------------------------*/

.post-header-author {
    line-height: 20px;
    display: inline-block;
    white-space: nowrap;
}

.post-author-gravatar {
    padding-top: 50px;
    text-align: center;
    position: relative;
    margin: 0 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.post-author-gravatar .gravatar-author-img {
    position: relative;
    display: inline-block;
    z-index: 5;
}

.post-author-gravatar .gravatar-author-img:after {
    content: '';
    width: 126px;
    height: 142px;
    background: url(img/dot.svg) repeat;
    position: absolute;
    left: -20px;
    top: 25px;
    z-index: -1;
    opacity: .5;
}

.gravatar-author-img img {
    border-radius: 50%;
    max-width: 140px;
}

.post-header-gravatar img {
    float: left;
    max-width: 110px;
    border-radius: 50%;
    border: none;
}

.post-author-gravatar .gravatar-author-img + .author-info {
    width: 80%;
    padding-left: 30px;
}

.post-author-gravatar .author-info {
    text-align: left;
}

.post-author-gravatar .author-info h4 {
    margin-top: -5px;
}

.post-author-gravatar .author-info h4 a {
    color: inherit;
}

.post-header-gravatar {
    vertical-align: middle;
    display: inline-block;
}

.post-header-gravatar img {
    margin-right: 5px;
}

.featured-slider .post-header-gravatar img {
    margin-right: 10px;
}


/*-----------------------------
    POST AUTHOR SECTION
-----------------------------*/

.post-author-container {
    position: relative;
}

.author-info {
    margin: 0 auto;
}

.author-action {
    font-size: 1.1rem;
}

.author-info h4 {
    margin-top: -3px;
    color: #121212;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 0;
}

.post-author-container .author-role {
    color: #bbd0a4;
    display: block;
    margin-top: -5px;
    display: none;
}

.post-author-container .share-post-container {
    float: none;
}

.post-author-img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.post-author-img-c img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 40%;
}

.author-social {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.author-social-lead {
    font-size: 16px;
    padding-right: 10px;
}

.author-social-lead i {
    padding-left: 8px;
    position: relative;
}

.author-social .social-links li {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.author-social .social-links li a {
    height: 28px;
    width: 28px;
    display: block;
    line-height: 28px;
    color: #c2c2c2;
    font-size: 16px;
    line-height: 28px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.author-social-tagline {
    float: left;
    padding-right: 25px;
    line-height: 1.53;
    margin-bottom: 13px;
    font-size: 0.9286em;
    font-weight: 700;
    text-transform: uppercase;
    color: #bbd0a4;
    position: relative;
}

.author-social-tagline:after {
    position: absolute;
    content: '';
    background-color: #c2c2c2;
    width: 1px;
    top: 0;
    right: 5px;
    height: 22px;
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

@media only screen and (max-width: 768px) {
    .gravatar-author-img img {
        max-width: 120px;
    }
    .post-author-gravatar .gravatar-author-img:after {
        height: 122px;
        top: 15px;
    }
}

@media only screen and (max-width: 640px) {
    .author-social-lead {
        display: none;
    }
}

@media only screen and (max-width: 580px) {
    .post-author-gravatar {
        margin-left: 5%;
        margin-right: 5%;
    }
    .post-author-gravatar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .post-author-gravatar .author-info {
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .post-author-gravatar .gravatar-author-img {
        margin: 0 auto;
    }
    .post-author-gravatar .gravatar-author-img:after {
        top: 5px;
    }
    .author-social {
        display: block;
        text-align: center;
    }
}


/*---------------------------------
    POST FOOTER
---------------------------------*/

.post-footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0;
}

.post-footer:after {
    display: none !important;
}

.standard-post .post-footer {
    padding-top: 0;
    margin-top: -5px;
}

.standard-post .content-true {
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media only screen and (max-width: 620px) {
    .standard-post .content-true {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media only screen and (max-width: 480px) {
    .standard-post .post-footer {
        margin-top: -15px;
    }
}

.post-footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.read-time .far {
    padding-right: 2px;
}

.meta-comments-icon {
    margin-right: 5px;
}

.meta-likes,
.zilla-likes-count {
    position: relative;
}

.meta-likes {
    margin-left: 20px;
    padding-left: 32px;
    font-size: 16px;
    line-height: 1.3;
}

.meta-likes:before {
    position: absolute;
    width: 6px;
    height: 18px;
    background: #ffffff;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    left: 0;
    bottom: 0;
    margin-top: 0;
    -webkit-transform: rotate(50deg) skewY(-60deg);
    -ms-transform: rotate(50deg) skewY(-60deg);
    transform: rotate(50deg) skewY(-60deg);
}

.post-footer-share+.meta-likes:before {
    content: '';
}

.angie .zilla-likes {
    background: none;
    margin-bottom: 0;
    padding-left: 22px;
    display: inline;
    position: relative;
}

.angie .zilla-likes-count {
    color: #121212;
    -webkit-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

.angie .zilla-likes:hover,
.angie .zilla-likes.active {
    color: #121212;
    background: none;
    padding-left: 22px !important;
}

.angie .zilla-likes:hover:after {
    font-weight: bold;
}

.zilla-likes.active:after {
    font-weight: bold;
}

.zilla-likes:after {
    color: #121212;
    content: "\e803";
    font-family: "fontello" !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    margin-top: -1px;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.page-wrapper .zilla-likes {
    font-size: 1.3em;
    text-align: center;
    display: block;
    position: relative;
    padding-top: 30px;
}

.page-wrapper .zilla-likes:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    background: #eaeaea;
    left: 50%;
    top: 10px;
    margin-left: -25px;
}

.page-wrapper .zilla-likes-count {
    font-size: 1.1em;
}

.page-wrapper .zilla-likes:after {
    padding-left: 0;
}

.page-wrapper .zilla-likes.active,
.page-wrapper .zilla-likes:hover {
    padding-left: 0 !important;
}

.widget_zilla_likes_widget .zilla-likes-count:hover:after,
.widget_zilla_likes_widget .zilla-likes-count:after {
    font-family: "fontello" !important;
    padding-left: 6px;
    color: #121212;
    content: "\e803";
}

.widget_zilla_likes_widget .zilla-likes-count:hover {
    color: initial;
}

.widget_zilla_likes_widget p {
    margin-bottom: 30px;
    font-size: 0.9286em;
}

.zilla-likes:hover:after {
    content: "\e802";
}

.active.zilla-likes:after {
    content: "\e802";
}


/*----------------------------------------------
    IMAGE / IMAGE GALLERY
-----------------------------------------------*/

.post-img,
.page-img {
    position: relative;
    display: block;
    height: auto;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.post-thumbnail,
.post-gallery {
    font-size: 0;
    list-style: none;
    position: relative;
    text-align: center;
}

.post-thumbnail.has-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.thumb-inner {
    position: relative;
    display: inline-block;
}

.standard-post .post-gallery .thumb-inner,
.standard-post .has-video .thumb-inner,
.standard-post .has-audio .thumb-inner {
    display: block;
}

.grid-post .post-gallery .thumb-inner {
    display: block;
    margin-bottom: 37px;
}

.post-gallery .prev-slide {
    left: 5px;
}

.post-gallery .next-slide {
    right: 5px;
}

.post-entry .wp-block-gallery {
    margin-bottom: 24px;
}


/*-----------------------------
    AUDIO POST
-----------------------------*/

.post-audio iframe {
    width: 100%;
    height: 266px;
    display: block;
}

.wp-audio-shortcode {
    margin-bottom: 30px;
}

.post-audio p {
    display: none;
}

.no-results {
    font-size: 38px;
    line-height: 38px;
    margin-bottom: 10px;
}


/*-----------------------------
    POST ENTRY / EXCERPT
-----------------------------*/

.intro-text {
    font-size: 16px;
    line-height: 26px;
    color: #121212;
    font-weight: 400;
}

.post-entry>*:last-child:after {
    content: '';
    clear: both;
    display: table;
}

.post-entry>* {
    margin-top: 34px;
    margin-bottom: 34px;
}

.post-entry>*:first-child {
    margin-top: 0;
}

.post-entry blockquote,
.post-entry .wp-block-quote.is-style-default,
.post-entry .wp-block-quote.is-large,
.post-entry .wp-block-quote.is-style-large {
    font-family: "Shadows Into Light Two", 'Helvetica', sans-serif;
    background: url(img/quotes.svg) no-repeat left 15px;
    padding: 30px;
    text-align: center;
    position: relative;
}

.post-entry blockquote {
    font-size: 1.2rem;
}

.post-entry .alignfull.wp-block-pullquote blockquote {
    background-position: center center;
}

.post-entry .wp-block-quote cite,
.post-entry .wp-block-quote footer,
.post-entry .wp-block-pullquote cite,
.post-entry .wp-block-pullquote footer,
.post-entry .wp-block-quote.is-large cite,
.post-entry .wp-block-quote.is-large footer,
.post-entry .wp-block-quote.is-style-large cite,
.post-entry .wp-block-quote.is-style-large footer,
.post-entry .wp-block-quote.is-default cite,
.post-entry .wp-block-quote.is-default footer,
.post-entry .wp-block-quote.is-style-default cite,
.post-entry .wp-block-quote.is-style-default footer {
    font-size: 0.882rem;
}

.post-entry .wp-block-quote:not(.is-large):not(.is-style-large),
.post-entry .wp-block-quote.is-style-default {
    border-left: 4px solid #121212;
    background-position-x: 30px;
    font-size: 20px;
}

.post-entry blockquote p:last-child {
    margin-bottom: 0;
}

.post-entry cite {
    text-align: left;
    text-shadow: none;
}

.post-entry h1:first-child,
.post-entry h2:first-child,
.post-entry h3:first-child,
.post-entry h4:first-child,
.post-entry h5:first-child,
.post-entry h6:first-child {
    margin-top: 0;
}

.post-entry .post-footer {
    margin-bottom: 0;
}


/*-----------------------------
    READ MORE BUTTON
-----------------------------*/

.more-link {
    position: relative;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.rm-bg a {
    color: #fff;
    padding: 6px 14px;
}

.more-link i {
    font-size: 13px;
    padding-left: 10px;
}

.standard-post .more-link:hover {
    color: #fff;
    background: #121212;
}

@media only screen and (max-width: 620px) {
    .more-link-auto,
    .more-link-wrap {
        display: none;
    }
}

.more-link-auto .more-link-wrap {
    margin-bottom: 0 !important;
}

.is-content .more-link-wrap {
    float: left;
    margin: 0;
}


/*-----------------------------
    POST TAGS
-----------------------------*/

.post-footer-share {
    float: left;
}

.single .post-footer {
    margin-bottom: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 680px) {
    .single .post-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
    }
}

@media only screen and (max-width: 350px) {
    .single .post-footer .share-title {
        display: none;
    }
}

.post-tags {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.post-tags-title {
    margin-right: 5px;
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
    color: #c2c2c2;
    float: left;
    letter-spacing: 1px;
    line-height: 38px;
}

.post-tags a {
    font-size: 0.824em;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.post-tags a:hover {
    color: #121212;
}


/*-----------------------------
    RELATED POSTS
-----------------------------*/

.related-posts-wrapper {
    position: relative;
}

.related-post {
    margin-left: 20px;
    text-align: center;
    position: relative;
}

.related-post-title {
    display: block;
    margin: 5px 0;
    line-height: 1.4;
    color: #121212;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.related-cat {
    font-size: 14px;
}

.related-post-date {
    font-size: 14px;
}

.related-post-category {
    color: #bbd0a4;
}

.related-post .meta {
    margin-top: -3px;
}

.related-posts .featured-post-entry {
    top: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    width: 252px;
}

.related-post-title:hover {
    color: initial;
    opacity: 0.7;
}

.related-post-thumb {
    display: block;
    margin-bottom: 8px;
}

.related-post-thumb img {
    display: inline-block;
}

.no-icon .related-post-thumb {
    margin-bottom: 15px;
}

.no-thumb-related {
    margin-top: 30px;
}

.related-post-gallery .slick-list {
    margin-left: -20px;
}

.sidebar-no .related-posts-wrapper {
    width: auto;
    margin-left: calc( -100vw / 2 + 100% / 2);
    margin-right: calc( -100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.sidebar-yes .related-posts-wrapper {
    padding: 40px 10px 0 10px;
    width: calc(100% + 50px);
    margin-left: -25px;
    max-width: none;
    overflow: hidden;
}

.sidebar-yes .related-posts-wrapper.rel-slanted {
    padding-top: 0;
}

.sidebar-yes .related-posts-wrapper.rel-color {
    padding-bottom: 40px;
}

.sidebar-yes .related-posts-inner-wrapper {
    width: 100%;
    margin: 0;
    padding-top: 0;
}

.related-posts-inner-wrapper {
    float: none;
}

.rel-slanted .related-posts-inner-wrapper {
    padding-bottom: 100px;
    padding-bottom: 130px;
    padding-top: 90px;
}

.sidebar-no .rel-slanted .related-posts-inner-wrapper {
    padding-bottom: 90px;
    padding-top: 130px;
    padding-top: 90px;
}

.rel-slanted:before,
.rel-slanted:after {
    content: '';
    position: absolute;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
}

.rel-slanted:before {
    border-width: 130px 0 0 140vw;
    border-color: #fff #141414 transparent transparent;
}

.rel-slanted:after {
    bottom: -40px;
    border-width: 130px 0 0 140vw;
    border-color: #fff8e0 transparent transparent #fff;
}

.rel-color {
    margin-top: 40px;
    padding-bottom: 40px;
}

.rel-slanted {
    margin-top: 20px;
    margin-bottom: 0;
}

.sidebar-yes .rel-slanted+.content-section {
    padding-top: 0;
    margin-top: -11px;
}

@media only screen and (max-width: 991px) {
    .sidebar-yes .related-posts-wrapper {
        width: calc(100% + 60px);
        margin-left: -30px;
    }
}

@media only screen and (max-width: 860px) {
    .sidebar-no .rel-slanted .related-posts-inner-wrapper {
        padding-top: 70px;
        padding-bottom: 110px;
    }
    .rel-slanted:after,
    .rel-slanted:before {
        border-width: 130px 0 0 200vw;
    }
}


/*-----------------------------
  COMMENTS SECTION
-----------------------------*/


/* THE COMMENT */

.comment {
    list-style: none;
}

.comments {
    padding-bottom: 15px;
}

.no-comments {
    font-size: 16px;
    color: #c2c2c2;
    padding-bottom: 40px;
}

.the-comment {
    position: relative;
    margin-bottom: 30px;
    border-radius: 3px;
}

.comment-content {
    font-size: 0.9286em;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
}

.comment-meta {
    display: block;
    margin-bottom: 10px;
    margin-top: -5px;
}

.comment-author img {
    width: 70px;
    position: absolute;
    border-radius: 50%;
    margin-top: 5px;
}

.bypostauthor .comment-author img {
    border-right-color: #bbd0a4;
}

.reply {
    position: absolute;
    bottom: -12px;
    left: auto;
    right: 0;
    background: #fff;
}

.reply a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    color: #b9b9b9;
    padding: 5px 10px;
    font-weight: bold;
}

.reply a:before {
    font-family: 'fontello';
    content: "\e813";
    padding-right: 6px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    padding-left: 6px;
}

.reply a:hover {
    color: #121212;
}

.comment-reply {
    margin-left: 0px;
}

.children {
    margin-left: 40px;
    position: relative;
}

.post-author-avatar,
.comment-author {
    float: left;
    margin-right: 20px;
}

.comment-avatar {
    position: absolute;
    top: 15px;
    left: 15px;
}

.comment-meta a time,
.comment-meta {
    margin-bottom: 10px;
    font-size: 0.9286em;
    color: #c2c2c2;
}

.comment-meta a:hover time {
    color: #bbd0a4;
}

.comment-author-name,
.comment-author-name a {
    text-transform: none;
    font-size: 17px;
}

.comment-author-name {
    color: #121212;
}

.comment-author-name,
.comment-content,
.comment-meta {
    margin-left: 90px;
}

.comment-respond {
    text-align: center;
}

.comment-respond form {
    text-align: left;
}

.page-wrapper .comments-section {
    padding: 40px 0;
}

.pingback {
    list-style: none;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.pingback .comment-edit-link {
    float: right;
}


/* Comments Pagination ---------------------------- */

.comments-pagination .current {
    background: #bbd0a4;
    color: #fff;
}

.comments-pagination {
    text-align: center;
    margin-bottom: 50px;
}

.comments-pagination .page-numbers {
    text-align: center;
}

@media only screen and (max-width: 880px) {
    .comment-author-name,
    .comment-content,
    .comment-meta {
        margin-left: 0;
    }
    .comment-author-name {
        padding-top: 10px;
        display: block;
    }
    .comment-author img {
        position: static;
    }
}


/*----------------------------------
  COMMENT FORM - SEARCH FORM
-----------------------------------*/

.textbox,
.input-textbox,
.angie .search-field {
    color: #757575;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #eaeaea;
    font-family: inherit;
    font-size: inherit;
    -webkit-appearance: none;
    border-radius: 0;
}

.input-textbox::-webkit-input-placeholder,
.textbox::-webkit-input-placeholder,
.angie .search-field::-webkit-input-placeholder {
    font-size: 0.882em;
    color: #c7c7c7;
    opacity: 1;
    font-weight: 400;
}

.input-textbox:-ms-input-placeholder,
.textbox:-ms-input-placeholder,
.angie .search-field:-ms-input-placeholder {
    font-size: 0.882em;
    color: #c7c7c7;
    opacity: 1;
    font-weight: 400;
}

.input-textbox::-ms-input-placeholder,
.textbox::-ms-input-placeholder,
.angie .search-field::-ms-input-placeholder {
    font-size: 0.882em;
    color: #c7c7c7;
    opacity: 1;
    font-weight: 400;
}

.input-textbox::placeholder,
.textbox::placeholder,
.angie .search-field::placeholder {
    font-size: 0.882em;
    color: #c7c7c7;
    opacity: 1;
    font-weight: 400;
}

input.search-button[type="submit"],
.search-button {
    font-size: 20px;
    margin-bottom: 0;
    height: 55px;
    font-weight: normal;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0;
}

.textbox:focus,
.input-textbox:focus {
    border-bottom: 1px solid #bbd0a4;
}

.angie .search-field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.input-textbox {
    width: 82%;
    height: 55px;
    float: left;
}

.input-textbox.search-header::-ms-clear {
    display: none;
}

.search-form .input-textbox,
.search-field {
    border-right: none;
}

.search-form .input-textbox {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.search-form .input-textbox:focus {
    border-color: #eaeaea;
}

.search-button {
    width: 18%;
    line-height: 55px;
    padding: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #bbd0a4;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.search-button:hover {
    background-color: #121212;
}

.search-button i {
    padding-right: 0;
}

.sidebar .search-box {
    padding: 30px 30px 10px 30px;
}

.input-holder,
.comment-form-email,
.comment-form-author {
    float: left;
    width: 48%;
    margin-right: 4%;
}

.comment-form-email {
    margin-right: 0;
}

.comment-form-url,
.comment-form-comment {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.comment-message {
    border: 1px solid #eaeaea;
    line-height: 1.8;
    height: 135px;
    margin-top: 2px;
    display: block;
}

.form-submit {
    margin-bottom: 40px;
}

.form-submit .submit {
    cursor: pointer;
    padding: 10px 15px;
    border: none;
    font-size: 11px;
    letter-spacing: 2px;
    color: #fff;
    background: #bbd0a4;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    display: inline-block;
    -webkit-appearance: none;
    border-radius: 0;
}

.form-submit .submit:hover {
    background: #121212;
}

#cancel-comment-reply-link {
    font-size: 0.929em;
    font-weight: 400;
    text-transform: none;
    padding-left: 12px;
    position: relative;
}

#cancel-comment-reply-link:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 1px;
    background: #121212;
}

.post-password-form input[type="password"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 10px 12px;
    border: 1px solid #eaeaea;
    width: 60%;
    max-width: 350px;
    margin: 10px 0 15px 0;
}

@media only screen and (max-width: 580px) {
    .post-password-form input[type="password"] {
        width: 100%;
    }
}

.post-password-form input[type="submit"] {
    cursor: pointer;
    padding: 10px 15px;
    border: none;
    font-size: 0.8571em;
    color: #fff;
    background: #bbd0a4;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    display: block;
    -webkit-appearance: none;
    border-radius: 0;
}

.select2-container {
    margin-bottom: 25px;
}

.select2-container--default .select2-selection--single {
    border: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 10px;
    border: 1px solid #e5e5e5;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    margin-top: -1px;
}

.select2-dropdown {
    top: 26px;
    border-color: #e5e5e5;
}

@media only screen and (min-width: 992px) and (max-width: 1300px) {
    .col-md-3.sidebar-main {
        width: 30%;
    }
    .col-md-9.sidebar-yes {
        width: 70%;
    }
}

@media only screen and (min-width: 992px) {
    .col-md-9.sidebar-yes {
        padding-right: 30px;
    }
    .col-md-9.sidebar-yes.float-right {
        padding-right: 15px;
        padding-left: 30px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1250px) {
    .sidebar-yes .mason-blog .grid-post .title:after {
        display: none;
    }
}
@media only screen and (min-width: 991px) and (max-width: 1190px) {
    .masonry-full:not(.masonry-minimal) .grid-post .title:after {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1150px) {
    .masonry-minimal .grid-post .title:after {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .masonry-full .grid-post {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .masonry-full .grid-post {
        width: 100%;
    }
}

@media only screen and (min-width: 430px) and (max-width: 768px) {
    .sidebar-main,
    .footer-main {
        padding: 0 15%;
    }
}

@media only screen and (max-width: 580px) {
    .standard-post .title,
    .grid-post:not(.pick-post) .title,
    .standard-post .post-content,
    .grid-post:not(.pick-post) .post-content,
    .page-content {
        padding: 0 5%;
    }
    .standard-post.title-align-left .title:before {
        left: 5%;
        margin-left: 15px;
    }
    .comments-section {
        margin: 0 5%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .container {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        padding: 0 30px;
    }
}


/*-----------------------------
    EDITOR PICKS
-----------------------------*/

.grid .grid {
    margin-left: 0;
}

.picks-title-container {
    position: absolute;
    bottom: 20px;
    left: 50px;
    z-index: 10;
    max-width: 70%;
}

.editor-picks-container.picks-slanted .container {
    padding-top: 110px;
}

.editor-picks-container .pick-post {
    width: 25%;
}

.editor-picks-container .page-title {
    margin-left: 30px;
    margin-bottom: 0;
    padding-bottom: 30px;
    background: none;
}

.editor-picks-container .page-title h2 {
    padding-right: 30px;
    font-size: 32px;
    margin-left: 30px;
}

.picks-title-container:hover+.thumb-link:after {
    opacity: .6;
}

.picks-post {
    position: relative;
}

h3.post-title .picks-post-title-link {
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
}

.picks-post h3.post-title {
    margin-bottom: 5px;
    font-weight: 600;
}

.picks-post {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    float: left;
}

.picks-post .meta a {
    color: #fff;
}

.picks-post .thumb-link img {
    display: block;
}

.picks-post .thumb-link:after {
    width: auto;
    left: 30px;
    right: 0;
    opacity: 1;
}

.picks-post .thumb-link:hover:after {
    opacity: .6;
}

.picks-post-inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.editor-picks-text {
    width: 60%;
    margin: 0px auto 40px auto;
    text-align: center;
}

.editor-picks-container {
    padding-bottom: 10px;
    position: relative;
}

.picks-color {
    padding: 90px 0 40px 0;
}

.picks-none {
    padding-top: 60px;
    padding-bottom: 15px;
    position: relative;
    border-top: 1px solid #eee;
}

.picks-slanted {
    margin-top: -25px;
}

.picks-slanted .page-title {
    padding-bottom: 30px;
}

.picks-slanted:before {
    content: '';
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 90px 0 0 105vw;
}

.picks-slanted:before {
    border-color: #fff #141414 transparent transparent;
}

@media only screen and (max-width: 500px) {
    .picks-slanted:before {
        display: none;
    }

    .editor-picks-container.picks-slanted .container {
        padding-top: 60px;
    }
}

.pick-post .title:after {
    display: none;
}

.picks-dark .pick-post .post-title a,
.picks-dark .pick-post .title .post-category a,
.picks-dark .page-title h2 {
    color: #fff;
}

.picks-dark .editor-picks-text,
.picks-dark .meta a {
    color: #e4e4e4;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
}

.picks-dark .title .meta a:hover {
    color: #fff;
}

.picks-dark .page-title:before,
.picks-dark .page-title:after {
    background: #fff;
    opacity: .3;
}

.editor-picks-container .pick-post .title .post-title {
    font-size: 1em !important;
    line-height: 1.4 !important;
}

@media only screen and (min-width: 1000px) {
    .editor-picks-container .pick-post .title .post-title {
        font-size: 1.176em;
    }
}

@media only screen and (max-width: 1200px) {
    .picks-post-inner-container {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 1100px) {
    .editor-picks-container .pick-post {
        width: 50%;
    }

    .picks-post-inner-container {
        margin: 0 auto;
        max-width: 720px;
    }
}

@media only screen and (max-width: 768px) {
    .editor-picks-text {
        width: 90%;
    }
}

@media only screen and (max-width: 580px) {
    .editor-picks-container .pick-post {
        width: 90%;
    }
}


/*-----------------------------
    PAGINATION
-----------------------------*/


/* Post Pagination -------------------*/

.post-pagination {
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow-y: hidden;
    margin: 0 10%;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.no-prev.post-pagination {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

.post-pagination a {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b7b7b7;
    position: relative;
    padding: 50px 30px;
    z-index: 3;
    width: 50%;
    display: inline-block;
}

.post-pagination a:hover .post-link-dir {
    color: #121212;
}

@media only screen and (max-width: 580px) {
    .post-pagination {
        margin: 0 5%;
    }
    .post-pagination a {
        padding: 20px 30px;
    }
}

.post-link-dir {
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
}

.pagination-title {
    font-weight: normal;
    text-transform: none;
    display: block;
    color: #121212;
    font-size: 16px;
    z-index: 2;
    position: relative;
    letter-spacing: 0;
    line-height: 24px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.pagination-thumb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.pagination-thumb:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #111;
    opacity: .3;
    position: absolute;
}

.blog-post .post-pagination:before {
    content: '';
    width: 6px;
    height: 200px;
    position: absolute;
    background: #fff;
    left: 50%;
    top: 0px;
    bottom: 0;
    margin-left: -3px;
    z-index: 4;
}

.prev-post,
.next-post {
    color: #121212;
    width: 50%;
    padding: 40px 8px;
}

.next-post:hover .next-post-text,
.prev-post:hover .prev-post-text {
    color: #bbd0a4;
}

.post-pagination .prev-post {
    float: left;
    text-align: left;
}

.post-pagination .next-post {
    float: right;
    text-align: right;
}

.prev-post-link i {
    padding-right: 10px;
    position: absolute;
    left: 0;
    height: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.next-post-link i {
    padding-left: 10px;
    position: absolute;
    right: 0;
    height: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.next-post-link {
    text-align: right;
}

.prev-post-link,
.next-post-link {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

@media only screen and (max-width: 490px) {
    .pagination-title {
        display: none;
    }
    .prev-post-link i,
    .next-post-link i {
        margin-top: -7px;
    }
}

.page-numbers.current {
    background: #bbd0a4;
    color: #fff;
}

.page-numbers,
.nav-link-num {
    font-size: 0.941em;
    border-radius: 50%;
    text-align: center;
    margin: 0 2px;
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-weight: bold;
    color: #747474;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.content-nav-links a .nav-link-num {
    color: #747474;
    background: #fff;
}

.content-nav-links .nav-link-num,
.content-nav-links a .nav-link-num:hover {
    color: #fff;
    background: #bbd0a4;
}

.content-nav-links {
    margin-bottom: 35px;
}

.content-nav-links .nav-link-num {
    width: 36px;
    height: 36px;
    line-height: 36px;
}

.page-numbers:hover {
    color: #fff;
}

.pagination-links {
    text-align: center;
}

.page-numbers.prev,
.nav-link-num.prev,
.page-numbers.next,
.nav-link-num.next {
    font-size: 17px;
}

.page-numbers.prev i,
.nav-link-num.prev i,
.page-numbers.next i,
.nav-link-num.next i {
    position: relative;
    top: 2px;
}


/* Blog List Pagination-------------------------- */

.blog-list-pagination a {
    font-size: 0.914em;
    color: #121212;
    position: relative;
    font-weight: normal;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.older-entries {
    float: left;
    position: relative;
}

.newer-entries {
    float: right;
    position: relative;
}

.older-entries a:before,
.newer-entries a:after {
    font-family: 'fontello';
    font-size: 17px;
    display: inline-block;
    position: relative;
    font-weight: normal;
    top: 1px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.older-entries a:hover:before {
    padding-right: 20px;
}

.older-entries a:before {
    content: "\e80b";
    padding-right: 15px;
}

.newer-entries a:hover:after {
    padding-left: 20px;
}

.newer-entries a:after {
    content: "\e80c";
    padding-left: 15px;
}


/*==== 8. SIDEBAR
=======================================================*/


/*-----------------------------
    SIDEBAR GENERAL STYLES
-----------------------------*/

.widget-box {
    margin-bottom: 60px;
}

.textwidget p:last-child {
    margin-bottom: 0;
}

.widget-title {
    margin-bottom: 30px;
    padding: 25px 0 15px 0;
    z-index: 3;
}

.widget-title-inner {
    position: relative;
    z-index: 1;
}

.w-style-line .widget-title {
    text-align: left;
    position: relative;
    margin-top: 0;
    padding: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.w-style-line .widget-title-inner:after {
    content: '';
    position: absolute;
    background: #121212;
    width: 15px;
    height: 1px;
    bottom: 50%;
    right: -20px;
}

.w-style-line.w-style-right .widget-title {
    text-align: right;
}

.w-style-line.w-style-right .widget-title-inner:after {
    content: '';
    position: absolute;
    background: #121212;
    width: 15px;
    height: 1px;
    bottom: 50%;
    right: unset;
    left: -25px;
}

.w-style-line.w-style-center .widget-title {
    text-align: center;
}

.w-style-line.w-style-center .widget-title-inner:before {
    content: '';
    position: absolute;
    background: #121212;
    width: 15px;
    height: 1px;
    bottom: 50%;
    right: unset;
    left: -25px;
}

.w-style-border .widget-title {
    border: 1px solid #ededed;
    padding: 20px 0;
}

.w-style-border.w-style-left .widget-title {
    padding-left: 20px;
}

.w-style-border.w-style-right .widget-title {
    padding-right: 20px;
    text-align: right;
}

.w-style-border.w-style-center .widget-title {
    text-align: center;
}

.w-style-bg .widget-title {
    background: #111;
    padding: 16px 0;
}

.w-style-bg.w-style-left .widget-title {
    padding-left: 20px;
}

.w-style-bg.w-style-right .widget-title {
    padding-right: 20px;
    text-align: right;
}

.w-style-bg.w-style-center .widget-title {
    text-align: center;
}


/*-----------------------------
    OFF CANVAS SIDEBAR - SIDEDRAWER
-----------------------------*/

.sidedrawer {
    background: #fff;
    height: 100%;
    right: 0;
    top: 0;
    width: 355px;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    z-index: 1000;
    position: fixed;
    overflow-y: auto;
    -webkit-box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.06);
    box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.06);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    padding-top: 45px;
}

.admin-bar .sidedrawer {
    margin-top: 32px;
}

.sidedrawer.sd-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.sidedrawer.sd-close {
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
}

.sidedrawer .mobile-nav-buttons {
    display: none;
}

.sidedrawer .slicknav_nav {
    display: block !important;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    padding-right: 20px;
}

.sidedrawer .slicknav_menu {
    padding: 0;
    display: block !important;
}

.sidedrawer .slicknav_btn {
    display: none !important;
}

.drawer-close {
    position: absolute;
    right: 16px;
    top: 8px;
    font-size: 16px;
    cursor: pointer;
    z-index: 100;
}

.sidedrawer .logo-image {
    margin: -5px auto 40px auto;
    display: block;
    position: relative;
}

.sidedrawer .site-name-no-logo {
    margin: -5px auto 40px auto;
    text-align: center;
}

.sidedrawer .slicknav_nav {
    margin-top: 0;
}

.sidedrawer-open {
    font-size: 20px;
    margin-left: 35px;
    margin-left: 15px;
    color: #121212;
    border: 2px solid;
    width: 52px;
    height: 52px;
    text-align: center;
    line-height: 48px;
    -webkit-transition: color .2s linear, background-color .2s linear, border-color .2s linear;
    -o-transition: color .2s linear, background-color .2s linear, border-color .2s linear;
    transition: color .2s linear, background-color .2s linear, border-color .2s linear;
}

.sidedrawer-open:hover {
    color: #fff;
    background: #121212;
    border-color: #121212;
}

.sidedrawer-open.is-active {
    display: inline-block;
}

.sidedrawer-open.not-active {
    display: none;
}

.sidedrawer .logo-image+.mobile-nav-buttons {
    padding-top: 0;
    margin-top: 0;
}

.body-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #111;
    opacity: 0;
    z-index: 500;
    height: 100%;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.overlay-show {
    visibility: visible;
    opacity: 0.4;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.sidedrawer .widget-box {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.sidedrawer .author-widget .more-link {
    margin-bottom: 0;
}


/* Sidedrawer Scrollbar */

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: #e0e0e0;
}

.ps__rail-y {
    width: 12px;
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    width: 9px;
}

.side-nav {
    display: none;
    visibility: hidden;
}

@media screen and (max-width: 991px) {
    .sidedrawer-open.not-active {
        display: inline-block;
    }
    .mobile-menu {
        display: block;
    }
    .sidedrawer .mobile-nav-buttons {
        display: block;
    }
}

@media screen and (max-width: 782px) {
    .admin-bar .sidedrawer {
        margin-top: 46px;
    }
}

@media screen and (max-width: 480px) {
    .sidedrawer {
        width: 100%;
    }
}


/*==== 9. WIDGETS
=======================================================*/


/*-----------------------------
    AUTHOR WIDGET
-----------------------------*/

.author-widget {
    position: relative;
    text-align: center;
}

.widget_angie_author_widget {
    padding: 0;
}

.author-text {
    margin-top: 20px;
}

.author-role {
    color: #bbd0a4;
    display: block;
    margin-top: -1px;
    text-transform: uppercase;
    font-size: 0.706em;
    letter-spacing: 1px;
}

.author-widget-name {
    margin-bottom: 15px;
}

.author-widget-name h3 {
    color: #121212;
    margin-bottom: 0;
    font-size: 24px;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.author-widget-img-wrapper {
    position: relative;
    display: inline-block;
}

.author-widget-img-wrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    z-index: -1;
    top: 5px;
    left: 5px;
    border-radius: 70% 30% 77% 23% / 71% 70% 30% 29%;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}

.angie .author-widget-img {
    max-width: 220px;
    vertical-align: middle;
    border-radius: 70% 30% 77% 23% / 71% 70% 30% 29%;
}

.author-widget .author-info {
    float: none;
    width: auto;
    text-align: center;
    padding: 30px 0 0 0;
}

.author-widget .author-text {
    margin-top: 0;
}

.author-widget .more-link {
    margin-bottom: 0px;
    margin: 10px 0 0 0;
}

.author-widget .more-link:before {
    left: 50%;
    margin-left: -65px;
}

.author-widget .more-link:hover:before {
    margin-left: -50px;
    width: 100px;
}

.author-widget .divider-alt {
    margin-bottom: 30px;
}


/*-----------------------------
    SOCIAL WIDGET
-----------------------------*/

.social-widget {
    text-align: center;
}

.social-widget [class*=" socicon-"],
.social-widget [class^="socicon-"] {
    vertical-align: middle;
}

.social-widget-inner {
    list-style: none;
    float: none;
    margin-top: -5px;
    margin-left: -7px;
}

.social-widget-item {
    display: inline-block;
    margin: 4px 2px 0 2px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f3f3f3;
}

.social-widget-item-link {
    display: block;
    color: #121212;
    font-size: 16px;
    height: auto;
    width: auto;
    line-height: 39px;
    -webkit-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
    position: relative;
    z-index: 2;
}

.social-widget-item-link:after {
    content: '';
    border-radius: 50%;
    opacity: 0;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    opacity: 0;
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    display: block;
    position: absolute;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear;
    z-index: -1;
}

.social-widget-item-link:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.social-widget-item-link:hover {
    color: #fff;
}

.sw-email:after {
    background: #bbd0a4;
}

.sw-facebook:after {
    background: #3b5998;
}

.sw-twitter:after {
    background: #1da1f2;
}

.sw-youtube:after {
    background: #ff0000;
}

.sw-instagram:after {
    background: #7232bd;
}

.sw-pinterest:after {
    background: #bd081c;
}

.sw-gplus:after {
    background: #db4437;
}

.sw-linkedin:after {
    background: #007bb5;
}

.sw-vimeo:after {
    background: #1ab7ea;
}

.sw-tumblr:after {
    background: #2c4762;
}

.sw-snapchat:after {
    background: #fffc00;
}

.sw-medium:after {
    background: #121212;
}

.sw-flickr:after {
    background: #f40083;
}

.sw-soundcloud:after {
    background: #ff5500;
}

.sw-dribbble:after {
    background: #ea4c89;
}

.sw-deviant:after {
    background: #05cc47;
}

.sw-vk:after {
    background: #4a76a8;
}

.sw-bloglovin:after {
    background: #64a9ea;
}

.sw-behance:after {
    background: #0157ff;
}

@media only screen and (max-width: 380px) {
    .widget_angie_facebook_widget {
        display: none;
    }
}


/*-----------------------------
    ZILLA LIKES WIDGET
-----------------------------*/

.widget_zilla_likes_widget p {
    margin-bottom: 30px;
    font-size: 0.9286em;
}

.zilla-likes-popular-posts li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.zilla-likes-popular-posts li a {
    width: 80%;
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 30px;
}

.zilla-bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.zilla-likes-popular-posts li:hover .zilla-bg {
    opacity: 1;
}


/*-----------------------------
    POST LIST
-----------------------------*/

.widget-post-thumbs {
    list-style: none;
}

.widget-post-item {
    padding-top: 16px;
}

.widget-post-thumbs .widget-post-item:first-child {
    padding-top: 0;
}

.widget-post-thumbs .widget-post-item:last-child {
    padding-bottom: 0;
}

.widget-post-item img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.widget-post-thumbs .post-category a:hover {
    color: #121212;
}

.widget-post-item-link {
    color: #121212;
    line-height: 1.4;
    display: inline-block;
    float: left;
    position: relative;
}

.widget-post-item-link:hover {
    text-decoration: none;
    color: #bbd0a4;
}

.widget-post-meta {
    margin-top: 0;
}

.widget-post-meta .post-category a {
    float: none;
}

.widget-post-meta .post-meta-item:last-child {
    margin-right: 0;
}

.widget-post-title {
    display: inline-block;
    margin-bottom: 0;
    font-size: 0.941em;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.sidebar .post-details,
.footer .post-details {
    line-height: 1.25;
    float: left;
    width: calc(100% - 90px);
}

.post-details .post-date {
    text-align: left;
}

.post-date {
    color: #c2c2c2;
    margin-left: 0;
}

.sidebar-post-img {
    position: relative;
    float: right;
}

.post-order {
    position: absolute;
    border-radius: 50%;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 0.882em;
    font-weight: 700;
    text-align: center;
    color: #121212;
    background: #ffffff;
    z-index: 5;
    left: 50%;
    bottom: 0;
    margin-left: -15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.order-top {
    bottom: auto;
    top: 30px;
    margin-left: -55px;
}


/*-----------------------------
    NEWSLETTER
-----------------------------*/


/* Sidebar Form-----------------------------------------*/

.mc4wp-form {
    text-align: center;
}

.mc4wp-form input[type=submit]:hover {
    background: #121212;
}

.mc4wp-form input[type=text],
.mc4wp-form input[type=email] {
    font-size: 0.882em;
    color: #757575;
    height: 40px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #eaeaea;
    font-family: inherit;
    -webkit-appearance: none;
    border-radius: 0;
}

.mc4wp-form input[type=text]::-webkit-input-placeholder,
.mc4wp-form input[type=email]::-webkit-input-placeholder {
    color: #c7c7c7;
    opacity: 1;
}

.mc4wp-form input[type=text]:-ms-input-placeholder,
.mc4wp-form input[type=email]:-ms-input-placeholder {
    color: #c7c7c7;
    opacity: 1;
}

.mc4wp-form input[type=text]::-ms-input-placeholder,
.mc4wp-form input[type=email]::-ms-input-placeholder {
    color: #c7c7c7;
    opacity: 1;
}

.mc4wp-form input[type=text]::placeholder,
.mc4wp-form input[type=email]::placeholder {
    color: #c7c7c7;
    opacity: 1;
}

.mc4wp-form input[type=submit] {
    cursor: pointer;
    padding: 10px 15px;
    border: none;
    width: 100%;
    letter-spacing: 1px;
    font-size: 0.882em;
    line-height: 1.7;
    color: #fff;
    background: #121212;
    font-weight: 500;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    display: inline-block;
    -webkit-appearance: none;
    border-radius: 0;
}

.mc4wp-alert {
    margin-top: 15px;
    font-size: 0.929em;
}

.mc4wp-form input[type=radio]:checked:before {
    content: "";
    background: #121212;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
}

.mc4wp-form label {
    padding: 5px 15px 10px 0;
    display: inline-block;
}

.sidebar .widget_mc4wp_form_widget .widget-title {
    display: none;
}

.sidebar .widget_mc4wp_form_widget {
    background: #f5f5f5;
    padding: 30px 20px;
    position: relative;
    overflow: visible;
}

.newsletter-title {
    font-size: 24px;
}

.newsletter-agree {
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center;
}

.sidebar .widget_mc4wp_form_widget,
.footer .widget_mc4wp_form_widget,
.sidedrawer .widget_mc4wp_form_widget {
    font-size: 0.941em;
    line-height: 1.4;
}


/*-----------------------------
    POST SLIDESHOW WIDGET
-----------------------------*/

.angie-posts-container {
    margin-left: -20px;
}

.angie-posts-container .slider-nav {
    font-size: 14px;
    top: 50%;
    width: 30px;
}

.angie-posts-container,
.angie-posts-container .related-post {
    position: relative;
    overflow: hidden;
}

.slideshow-post .related-post-thumb {
    margin-bottom: 0;
    background: #000;
}

.angie-posts-container:hover img {
    opacity: .92;
}

.slideshow-post .related-post-thumb img {
    display: block;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.angie-posts-container .prev-slide {
    left: 25px;
}

.angie-posts-container .next-slide {
    right: 15px;
}

.slideshow-post-title-container {
    position: absolute;
    text-align: left;
    bottom: 20px;
    left: 30px;
    z-index: 10;
    right: 30px;
    margin-bottom: 0;
}

.slideshow-post-title {
    font-weight: 400;
    line-height: 1.3;
    display: block;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    padding: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.slideshow-post-title:hover {
    color: #fff;
    opacity: 0.8;
}

.slideshow-post-date {
    color: #fff;
    font-size: 0.765em;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 1px #000;
    padding-top: 10px;
}

@media only screen and (min-width: 610px) and (max-width: 768px) {
    .angie-posts-container {
        max-width: 560px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 480px) and (max-width: 991px) {
    .slideshow-post-title-container {
        bottom: 40px;
    }
    .slideshow-post-title {
        font-size: 1.176em;
    }
}

.twitter-timeline {
    display: block !important;
}

.twitter-tweet {
    margin: 0 auto;
}


/*-----------------------------
    TAG CLOUD
-----------------------------*/

.tagcloud {
    margin-top: -8px;
}

.tagcloud .post-count {
    margin-left: 5px;
    display: inline-block;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
}


/*-----------------------------
    ADVERTISEMENT WIDGET
-----------------------------*/

.ad-image {
    display: block;
    margin: 0 auto;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.ad-image:hover {
    opacity: 0.8;
}

.widget_angie_ads_image_widget {
    border: none;
    padding: 0;
}

.sidedrawer .widget_angie_ads_image_widget {
    margin-top: 30px;
    margin-bottom: 30px;
}


/*-----------------------------
    ABOUT WIDGET
-----------------------------*/

.angie-about-widget p:last-child,
.angie-about-widget .logo-image:last-child {
    margin-bottom: 0;
}

.angie-about-widget {
    text-align: center;
}

.angie-about-widget .logo-image {
    margin-bottom: 20px;
    display: block;
}


/*-----------------------------
    INSTAGRAM FEED
-----------------------------*/

.footer-instagram {
    text-align: center;
    position: relative;
}

.instagram-error {
    padding: 20px 0;
    margin-bottom: 3px;
}

.instagram-follow {
    text-align: center;
    padding: 8px 16px;
    display: table;
    background: #fff;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    border-radius: 6px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.instagram-follow:after {
    content: "\e044";
    font-family: 'Socicon';
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    font-size: 80px;
    color: #f4f4f4;
    z-index: 1;
    line-height: 62px;
    top: 50%;
    margin-top: -32px;
    right: 10px;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}

.instagram-title {
    color: #121212;
    font-size: 0.824em;
    letter-spacing: 1px;
    position: relative;
    z-index: 11;
}

.instagram-title:hover {
    color: initial;
}

.footer-instagram #sb_instagram .sb_instagram_header {
    display: inline-block;
    margin: 0 auto 15px auto;
    float: none;
    width: auto;
}

.footer-instagram #sb_instagram #sbi_load .sbi_load_btn,
.footer-instagram #sb_instagram .sbi_follow_btn a {
    margin-top: 20px;
}

.angie-instagram-feed {
    position: relative;
    z-index: 0;
    text-align: center;
}

.instagram-item {
    margin-bottom: 0;
    display: inline-block;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.instagram-img {
    vertical-align: middle;
}

.instagram-item:hover {
    opacity: 0.8;
}


/* IE Fix */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .instagram-item {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

.instagram-1 .instagram-item {
    max-width: 100%;
}

.instagram-2 .instagram-item {
    max-width: 50%;
}

.instagram-3 .instagram-item {
    max-width: 33.33%;
}

.instagram-4 .instagram-item {
    max-width: 25%;
}

.instagram-5 .instagram-item {
    max-width: 20%;
}

.instagram-6 .instagram-item {
    max-width: 16.66%;
}

.instagram-7 .instagram-item {
    max-width: 14.28%;
}

.instagram-8 .instagram-item {
    max-width: 12.5%;
}

.instagram-9 .instagram-item {
    max-width: 11.11%;
}

.instagram-10 .instagram-item {
    max-width: 10%;
}

@media only screen and (max-width: 580px) {
    .instagram-6 .instagram-item,
    .instagram-7 .instagram-item {
        max-width: 33.33%;
    }
    .instagram-8 .instagram-item,
    .instagram-9 .instagram-item {
        max-width: 25%;
    }
    .instagram-10 .instagram-item {
        max-width: 20%;
    }
}


/*=== 10. FOOTER
=======================================================*/


/*-----------------------------
    FOOTER GENERAL STYLES
-----------------------------*/

.footer {
    background-color: #fff;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.footer-widget-wrapper {
    border-top: 1px solid #e5e5e5;
}

.pre-footer-form-wrapper+.footer .footer-widget-wrapper,
.picks-slanted+.footer .footer-widget-wrapper,
.picks-color+.footer .footer-widget-wrapper,
.footer-instagram+.footer .footer-widget-wrapper {
    border: none;
}

.footer-top {
    position: relative;
    background: #f3f3f3;
}

.footer-bottom:before {
    height: 2px;
    position: absolute;
    width: 100%;
    top: -5px;
}

.footer-box {
    margin-top: 30px;
}

.footer-main {
    padding: 35px 0 0 0;
}

.footer-box-inner {
    padding: 0 10px;
}

.footer .widget-box {
    padding: 0 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 45px;
}

.footer.has-bg .widget-box {
    background: none;
}


/*-----------------------------
    FOOTER COLUMN TITLE
-----------------------------*/

.footer-title {
    overflow: hidden;
}

.footer-title h5 {
    color: #232323;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: inline-block;
    position: relative;
}

.footer-top .footer-title h5 {
    color: #fff;
}

.footer-title h5:before,
.footer-title h5:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
}

.footer-title h5:before {
    width: 7px;
    height: 7px;
    background: #c5c5c5 !important;
    margin-top: -4px;
    right: -18px;
}

.footer-title h5:after {
    right: -2028px;
    width: 2000px;
    height: 1px;
    margin-top: -2px;
    background: none !important;
    border-bottom: 4px double #eaeaea;
}


/*-----------------------------
    SOCIAL FOOTER
-----------------------------*/

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

.social-footer li {
    display: inline-block;
    text-align: left;
    line-height: 16px;
    margin: 0 20px 10px 20px;
    position: relative;
}

.social-footer a:after {
    content: '';
    width: 0;
    height: 1px;
    background: #121212;
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.social-footer a:hover:after {
    width: 75%;
}

.social-footer li i {
    font-size: 15px;
    padding-right: 15px;
    float: left;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.social-footer a {
    display: block;
    position: relative;
    float: left;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}


/*-----------------------------
    FOOTER BOTTOM
-----------------------------*/

.footer-bottom {
    position: relative;
    text-align: center;
    padding: 40px 0;
    font-size: 0.706em;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #f3f3f3;
}

.footer-bottom-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer-top+.footer-bottom {
    border-top: 1px solid;
}

.copyright {
    margin-bottom: 0;
    color: #9f9f9f;
}

.copyright-wrapper {
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.simple-footer .copyright,
.simple-footer .footer-nav-container {
    float: none;
}


/*----- Footer Navigation -----*/

.footer .menu-placeholder {
    font-size: 13px;
    padding-bottom: 0;
}

.footer-nav {
    color: #9f9f9f;
    list-style: none;
}

.footer-nav li {
    position: relative;
    display: inline;
    margin: 0 12px;
}


/*-----------------------------
    FOOTER LOGO
-----------------------------*/

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

.footer-logo+.social-footer {
    padding-top: 0;
}

.footer .site-name-no-logo .site-name a {
    color: #fff;
    font-weight: 500;
}

.footer .site-name-no-logo .site-description {
    color: #bbb;
}


/*-----------------------------
    SCROLL TO TOP
-----------------------------*/

.scroll-top {
    display: none;
}

.scroll-top a {
    width: 44px;
    height: 44px;
    border-radius: 2px;
    text-align: center;
    line-height: 43px;
    background: #000;
    position: fixed;
    bottom: 30px;
    right: 30px;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    z-index: 400;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.scroll-top a:hover {
    background-color: #bbd0a4;
    color: #fff;
    text-decoration: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/*-----------------------------
    PRE FOOTER - NEWSLETTER FORM
-----------------------------*/

.pre-footer-form-wrapper {
    background: #fff;
    padding: 70px 0;
    position: relative;
}

.pre-footer-form-wrapper .widget_mc4wp_form_widget {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    background: none;
}

.pre-footer-form-wrapper .widget_mc4wp_form_widget .widget-title {
    display: none;
}

.pre-footer-form-wrapper .mc4wp-form {
    overflow: initial;
    text-align: left;
}

.newsletter-content a:hover {
    color: #ddd;
}

.pre-footer-form-wrapper .newsletter-content {
    text-align: center;
    position: relative;
    padding-bottom: 30px;
    z-index: 2;
}

.pre-footer-form-wrapper .newsletter-message {
    width: 50%;
    margin: 15px auto 0 auto;
}

.pre-footer-form-wrapper .newsletter-inputs-outer {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    width: 54%;
}

.pre-footer-form-wrapper .newsletter-title {
    margin-bottom: 5px;
    font-size: 32px;
}

.pre-footer-form-wrapper .mc4wp-form input[type="email"] {
    width: 75%;
    border: none;
    background: #f3f3f3;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
}

.pre-footer-form-wrapper .mc4wp-form input[type=submit] {
    float: right;
    width: 25%;
}

.pre-footer-form-wrapper .mc4wp-form input[type="email"],
.pre-footer-form-wrapper .mc4wp-form input[type="submit"] {
    height: 50px;
}

.pre-footer-form-wrapper .mc4wp-form input[type="email"] {
    color: #c7c7c7;
    padding-left: 20px;
    padding-right: 20px;
}

.pre-footer-form-wrapper .mc4wp-form input[type="email"]:focus {
    border: none;
}

@media only screen and (max-width: 480px) {
    .pre-footer-form-wrapper .mc4wp-form input[type="email"],
    .pre-footer-form-wrapper .mc4wp-form input[type="submit"] {
        width: 100%;
        float: none;
    }

}
@media only screen and (min-width: 992px) {
    .footer-nav-container {
        margin-left: -12px;
    }
}

@media only screen and (max-width: 991px) {
    .pre-footer-form-wrapper .newsletter-message {
        width: 70%;
    }
    .pre-footer-form-wrapper .newsletter-inputs-outer {
        width: 80%;
    }
    .copyright-wrapper {
        text-align: center;
        margin-top: 10px;
    }
    .footer-bottom-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media only screen and (max-width: 640px) {
    .pre-footer-form-wrapper .newsletter-inputs-outer {
        width: 100%;
    }
}


/*==== 11. WORDPRESS NATIVE AND VENDOR PLUGIN CLASSES
=======================================================*/


/*----------------------------------------
    DEFAULT POST FORMATTING STYLES
----------------------------------------*/

.alignleft,
img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.alignright,
img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.aligncenter,
img.aligncenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

img.aligncenter {
    display: block;
}

.alignnone {
    max-width: 100%;
}

.aligncenter .wp-caption-text,
.alignnone .wp-caption-text {
    margin-bottom: 20px;
}

.wp-caption {
    max-width: 100%;
    margin-bottom: 40px;
    position: relative;
}

.wp-caption-text {
    font-style: italic;
    text-align: center;
}

.wp-caption:after {
    content: "";
    position: absolute;
    width: 34px;
    height: 1px;
    background: #c2c2c2;
    bottom: -10px;
    left: 50%;
    margin-left: -17px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.wp-caption p.wp-caption-text {
    text-align: center;
    margin-bottom: 0;
    font-size: 0.857em;
}

blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
    border-left: none;
    border-right: 3px solid #eaeaea;
    padding-right: 30px;
    padding-left: 0;
}

blockquote.right {
    margin-left: 20px;
    text-align: right;
    margin-right: 0;
    width: 33%;
    float: right;
}

.post-entry ul,
.post-entry ol,
.comment-content ul,
.comment-content ol,
.textwidget ul,
.textwidget ol {
    margin-bottom: 40px;
    list-style-position: inside;
}

.post-entry ul ul li:before,
.comment-content ul ul li:before,
.textwidget ul ul li:before {
    display: none;
}

.post-entry ul ul li,
.comment-content ul ul li,
.textwidget ul ul li {
    padding-left: 0;
}

.post-entry ul ul,
.post-entry ol ol,
.comment-content ul ul,
.comment-content ol ol,
.textwidget ul ul,
.textwidget ol ol,
.post-entry ol ul,
.post-entry ul ol,
.comment-content ol ul,
.comment-content ul ol,
.textwidget ol ul,
.textwidget ul ol {
    margin-bottom: 0px;
    padding-left: 20px;
}

.post-entry ul ul,
.comment-content ul ul,
.textwidget ul ul {
    list-style-type: square;
}

.post-entry ul ul ul,
.comment-content ul ul ul,
.textwidget ul ul ul {
    list-style-type: circle;
}

.post-entry ul li,
.post-entry ol li,
.comment-content ul li,
.comment-content ol li,
.textwidget ul li,
.textwidget ol li {
    margin-bottom: 8px;
}

.post-entry ol ul li:first-child,
.post-entry ul ol li:first-child,
.post-entry ol ol li:first-child,
.post-entry ul ul li:first-child {
    margin-top: 8px;
}

.gallery dl img {
    border: none !important;
}

.gallery-caption {
    font-size: 0.929em;
    text-align: center;
    display: block;
}

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding-left: 10px;
    margin-left: -10px;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
    max-width: 12.29%;
}

.widget-box .gallery-item {
    display: inline;
}

.widget_media_gallery {
    margin-bottom: 50px;
}

.no-csscolumns .gallery.gallery-columns-1 .gallery-item {
    width: 100%;
}

.no-csscolumns .gallery.gallery-columns-2 .gallery-item {
    width: 50%;
}

.no-csscolumns .gallery.gallery-columns-3 .gallery-item,
.no-csscolumns .gallery.gallery-columns-9 .gallery-item {
    width: 33.3%;
}

.no-csscolumns .gallery.gallery-columns-4 .gallery-item,
.no-csscolumns .gallery.gallery-columns-8 .gallery-item {
    width: 25%;
}

.no-csscolumns .gallery.gallery-columns-5 .gallery-item {
    width: 20%;
}

.no-csscolumns .gallery.gallery-columns-6 .gallery-item {
    width: 16.6%;
}

.no-csscolumns .gallery.gallery-columns-7 .gallery-item {
    width: 14.2%;
}

.no-csscolumns .gallery-item {
    display: inline-block;
}


/*-----------------------------
    WIDGET DEFAULT STYLES
-----------------------------*/

.widget_calendar caption {
    padding-bottom: 20px;
    margin-top: -5px;
    color: #121212;
    font-size: 1.143em;
}

.calendar_wrap th,
.calendar_wrap td {
    padding: 8px;
    text-align: center;
}

.widget_archive select,
.widget_categories select,
.sidebar select {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #eaeaea;
    cursor: pointer;
    padding: 10px 5px;
    color: #757575;
}

.widget_nav_menu .sub-menu,
.widget_categories .children,
.archive_categories .children,
.widget_pages .children {
    margin-top: 20px;
    margin-left: 10px;
}

.widget_nav_menu .sub-menu li:first-child,
.widget_categories .children li:first-child,
.widget_pages .children li:first-child,
.archive_categories .children li:first-child {
    border-top: 1px solid #eaeaea;
    padding-top: 14px;
}

.widget_nav_menu .sub-menu li:last-child,
.widget_categories .children li:last-child,
.widget_pages .children li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.widget_nav_menu .sub-menu li:after,
.widget_pages .children li:after,
.widget_categories .children li:after {
    display: none;
}

.widget_nav_menu li ul {
    padding-bottom: 0;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.widget_calendar table {
    margin-bottom: 0;
}

.widget_media_image img {
    width: 100%;
}

.category-list,
.widget_pages ul,
.widget_nav_menu ul,
.widget_archive ul,
.widget_meta ul,
.widget_categories ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_rss ul,
.zilla-likes-popular-posts,
.angie .widget_product_categories ul {
    list-style: none;
    list-style-type: none;
}

.category-list li,
.widget_pages ul li,
.widget_nav_menu ul li,
.widget_archive ul li,
.widget_meta ul li,
.widget_categories ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_rss ul li,
.zilla-likes-popular-posts li,
.angie .widget_product_categories ul li {
    position: relative;
    z-index: 10;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eaeaea;
    line-height: 1.4;
}

.category-list li:first-child,
.widget_pages ul li:first-child,
.widget_nav_menu ul li:first-child,
.widget_archive ul li:first-child,
.widget_meta ul li:first-child,
.widget_categories ul li:first-child,
.widget_recent_entries ul li:first-child,
.widget_recent_comments ul li:first-child,
.widget_rss ul li:first-child,
.zilla-likes-popular-posts li:first-child,
.angie .widget_product_categories ul li:first-child {
    margin-top: -6px;
}

.category-list li span,
.widget_pages ul li span,
.widget_nav_menu ul li span,
.widget_archive ul li span,
.widget_meta ul li span,
.widget_categories ul li span,
.widget_recent_entries ul li span,
.widget_recent_comments ul li span,
.widget_rss ul li span,
.zilla-likes-popular-posts li span,
.angie .widget_product_categories ul li span {
    display: block;
    font-size: 0.929em;
    float: right;
    margin-top: -2px;
}

.category-list li a,
.widget_pages ul li a,
.widget_nav_menu ul li a,
.widget_archive ul li a,
.widget_meta ul li a,
.widget_categories ul li a,
.widget_recent_entries ul li a,
.widget_recent_comments ul li a,
.widget_rss ul li a,
.zilla-likes-popular-posts li a,
.angie .widget_product_categories ul li a {
    color: #121212;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.category-list li a:hover,
.widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_archive ul li a:hover,
.widget_meta ul li a:hover,
.widget_categories ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_recent_comments ul li a:hover,
.widget_rss ul li a:hover,
.zilla-likes-popular-posts li a:hover,
.angie .widget_product_categories ul li a:hover {
    color: #bbd0a4;
    text-decoration: none;
}

.post-count {
    color: #121212;
    line-height: 24px;
    text-align: center;
}

.widget_recent_entries li .post-date {
    float: none;
    color: #c2c2c2;
    font-size: 0.786em;
}

.category-list li a span {
    color: #c2c2c2;
    padding-left: 5px;
}

.widget_recent_comments {
    font-size: 0.882em;
}

.widget_recent_comments ul li a {
    font-size: 0.941em;
    font-weight: 400;
    display: block;
    padding-top: 5px;
}

.widget_recent_comments ul li .comment-author-link {
    float: none;
    font-size: 1em;
    display: inline;
}

.widget_recent_comments ul li .comment-author-link a {
    color: #121212;
}

.widget_rss ul li a {
    font-size: 1em;
    color: #121212;
    line-height: 1.5;
    display: block;
}

.widget_rss li span {
    display: block;
    margin-top: -3px;
    margin-bottom: 10px;
    font-size: 0.9286em;
}

.widget_rss li cite {
    font-size: 0.929em;
    color: #121212;
    position: relative;
    display: inline-block;
    padding-left: 25px;
    margin-bottom: 20px;
}

.widget_rss li cite:after {
    content: '';
    position: absolute;
    background: #121212;
    width: 15px;
    height: 1px;
    bottom: 50%;
    left: 0;
}

.rssSummary {
    margin-bottom: 20px;
    line-height: 1.8;
    font-size: 0.882em;
}

h4 .rsswidget img:first-child {
    -webkit-transform: translate(0px, 22%);
    -ms-transform: translate(0px, 22%);
    transform: translate(0px, 22%);
}

.widget_rss li {
    padding-top: 15px;
    margin-top: 15px;
}

.widget_rss .rss-date {
    font-size: 0.765em;
    float: none;
    -webkit-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
    display: inline-block;
    font-weight: 500;
    line-height: 25px;
}

.widget-box .wp-audio-shortcode {
    margin-bottom: 0;
}

.tagcloud {
    text-align: center;
}

.tagcloud a {
    font-size: 0.824em !important;
    color: #9c9c9c;
    position: relative;
    margin: 0 4px 8px 4px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 3px 12px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    border: 1px solid;
}

.tagcloud a:hover {
    color: #111;
}

#next {
    text-align: right;
}


/*-----------------------------
    CONTACT FORM 7 (PLUGIN)
-----------------------------*/

div.wpcf7 {
    overflow: hidden;
}

.wpcf7 p {
    margin-bottom: 20px;
}

.wpcf7-form-control-wrap {
    width: 100%;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="password"],
.wpcf7 input[type="url"],
.wpcf7 input[type="date"],
.wpcf7 input[type="week"],
.wpcf7 input[type="search"],
.wpcf7 textarea {
    width: 70%;
}

.wpcf7 textarea {
    width: 100%;
}

.wpcf7 .wpcf7-submit {
    width: auto;
}

.wpcf7 .wpcf7-submit:hover {
    background: #121212;
}

div.wpcf7-response-output {
    padding: 15px;
    position: relative;
    margin: -10px 0 20px 0;
}


/* Checkboxes and radios */

.angie span.wpcf7-list-item {
    margin-right: 1em;
    margin-left: 0;
}


/* Select Dropdown */

.wpcf7 select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 2px;
    min-height: 42px;
    border-color: #eaeaea;
    color: #232323;
    font-family: inherit;
}


/* Quiz */

.wpcf7-quiz-label {
    margin-right: 20px;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="password"]:focus,
.wpcf7 textarea:focus {
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
}


/* Form Messages */

.wpcf7-recaptcha {
    margin-bottom: 30px;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok,
.wpcf7-spam-blocked,
.wpcf7-mail-sent-ng {
    margin-bottom: 20px;
    position: relative;
    border-radius: 2px;
}

.post-entry div.wpcf7-mail-sent-ok {
    background: #e2f3c8;
    color: #404e2e;
    border: 1px solid #a0c272;
}

.post-entry div.wpcf7-validation-errors {
    background: #fff5c6;
    color: #62523a;
    border: 1px solid #e0d594;
}

.post-entry div.wpcf7-response-output {
    margin: 0 0 20px 0;
    padding: 20px 30px 20px 20px;
}

.post-entry .wpcf7-mail-sent-ng {
    background: #ffd8c7;
    color: #5f393a;
    border: 1px solid #f2b1b4;
}

.post-entry .wpcf7-spam-blocked {
    background: #ffc181;
    color: #50360c;
    border: 1px solid #ffab32;
}

@media only screen and (max-width: 580px) {
    .wpcf7 input,
    .wpcf7 textarea {
        width: 100%;
    }
}


/*-----------------------------
    DEFAULT GUTENBERG BLOCK STYLES
-----------------------------*/


/*Gutenberg Block Styles*/

.wp-block-column {
    margin-right: 30px;
    margin-bottom: 0;
}

.angie .wp-block-column {
    margin-bottom: 0;
}

.post-entry .alignfull.wp-block-columns {
    padding: 0 15px;
}

.wp-block-columns .wp-block-column:last-child {
    margin-right: 0;
}

.header .slicknav_nav.slicknav_hidden {
    opacity: 0;
}

.header .slicknav_nav {
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    opacity: 1;
}

hr:not(.is-style-dots),
.wp-block-separator:not(.is-style-dots) {
    margin: 51px auto;
    position: relative;
    height: 2px;
    max-width: 100px;
    width: 100px;
    overflow: visible;
    outline: none;
    border: none;
    background: #121212;
    clear: both;
}

.wp-block-separator.is-style-wide {
    max-width: 400px;
    width: 400px;
}

@media only screen and (max-width: 500px) {
    .wp-block-separator.is-style-wide {
        max-width: 100%;
    }
}

.post-entry .wp-block-separator.is-style-dots {
    margin-top: 42px;
    margin-bottom: 42px;
}

/* Widget Blocks */

.wp-block-latest-posts,
.wp-block-categories,
.wp-block-categories .children,
.wp-block-archives,
.wp-block-archives .children {
    list-style: none;
}

.wp-block-latest-posts li,
.wp-block-categories li,
.wp-block-archives li {
    position: relative;
    z-index: 10;
    margin-top: 12px;
    padding-bottom: 12px;
    line-height: 1.4;
}

.wp-block-categories li {
    padding-bottom: 0;
}

.wp-block-latest-posts li a {
    font-size: 1em;
    font-family: 'Playfair Display', 'Helvetica', 'sans-serif';
    color: #121212;
}

.wp-block-categories li a,
.wp-block-archives li a {
    font-size: 1em;
    font-family: 'Nunito Sans', 'Helvetica', 'sans-serif';
    color: #121212;
}

.post-entry .wp-block-categories li,
.post-entry .wp-block-archives li {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.post-entry .wp-block-categories ul li:first-child,
.post-entry .wp-block-archives li:first-child {
    margin-top: 20px;
}

.post-entry .wp-block-categories li:last-child,
.post-entry .wp-block-archives li:last-child {
    margin-bottom: 0;
}

.wp-block-latest-posts li a:before,
.wp-block-categories li a:before,
.wp-block-archives li a:before {
    content: "\e80e";
    padding-right: 12px;
    font-family: 'fontello';
    font-size: 11px;
    position: relative;
    top: -1px;
}

.wp-block-latest-posts li a:hover,
.wp-block-categories li a:hover,
.wp-block-archives li a:hover {
    color: initial;
}

.wp-block-latest-posts li a:hover:after {
    opacity: 1;
}

.wp-block-latest-posts li a {
    position: relative;
    display: inline-block;
}

.wp-block-latest-posts li a:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #fae5a2;
    display: inline-block;
    left: 0;
    bottom: -8px;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.has-dates.wp-block-latest-posts li a:after {
    bottom: -3px;
}

.wp-block-latest-posts__post-date {
    padding-top: 6px;
}

.post-entry .wp-block-latest-posts.is-grid li {
    margin-bottom: 12px;
}

.wp-block-latest-posts.is-grid li:first-child {
    padding-bottom: 12px;
}

.wp-block-categories .children {
    margin-left: 0;
    padding-left: 10px;
}


/* Alignment */

.post-entry .wp-block-image .alignleft,
.wp-block-cover-image.alignleft,
.post-entry .wp-block-cover.alignleft,
.wp-block-cover.alignleft {
    margin: 0 2em 12px 0;
}

.post-entry .wp-block-image .alignright,
.wp-block-cover-image.alignright,
.post-entry .wp-block-cover.alignright,
.wp-block-cover.alignright {
    margin: 0 0 12px 2em;
}

.post-entry .alignfull {
    width: auto;
    margin-left: calc( -100vw / 2 + 100% / 2);
    margin-right: calc( -100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.post-entry .alignwide {
    width: calc(100% + 180px);
    margin-left: -90px;
    max-width: none;
}

.sidebar-no .post-entry .alignwide {
    width: calc(100% + 300px);
    margin-left: -150px;
    max-width: none;
}

@media only screen and (min-width: 991px) {
    .sidebar-yes .post-entry .alignfull {
        width: calc(100% + 180px);
        margin-left: -90px;
        max-width: none;
    }
}

@media only screen and (max-width: 991px) {
    .sidebar-no .post-content .alignwide {
        width: calc(100% + 150px);
        margin-left: -75px;
    }
}

@media only screen and (max-width: 700px) {
    .sidebar-no .post-content .alignwide {
        width: calc(100% + 60px);
        margin-left: -30px;
    }
}

@media only screen and (max-width: 480px) {
    .post-entry .alignwide {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
}

/* Quotes and PullQuotes */

.wp-block-quote.is-large {
    font-size: 20px;
    line-height: 1.6;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.wp-block-quote:not(.is-large):not(.is-style-large) p,
.wp-block-quote.is-style-default p {
    margin-bottom: 10px;
}

.wp-block-quote,
.wp-block-pullquote {
    color: #121212;
}

.post-entry .wp-block-pullquote {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.post-entry .wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote {
    text-align: left;
    padding-left: 0;
    margin-bottom: 0;
}

.post-entry .wp-block-pullquote.alignright:not(.is-style-solid-color) blockquote {
    text-align: right;
    padding-right: 0;
    margin-bottom: 0;
}

.post-entry .wp-block-pullquote.alignleft p,
.post-entry .wp-block-pullquote.alignright p {
    font-size: 18px;
    margin-bottom: 15px;
}

.post-entry .wp-block-pullquote blockquote:before,
.post-entry .wp-block-pullquote blockquote:after {
    display: none;
}

.post-entry .wp-block-pullquote.is-style-solid-color blockquote {
    max-width: none;
    background-image: none;
    margin: 0;
    text-align: center;
}

.post-entry .wp-block-pullquote.is-style-solid-color.alignleft,
.post-entry .wp-block-pullquote.is-style-solid-color.alignright {
    margin-top: 0;
    margin-bottom: 30px;
}

.post-entry .wp-block-pullquote.is-style-solid-color.alignleft {
    margin-right: 30px;
    margin-left: 0;
}

.post-entry .wp-block-pullquote.is-style-solid-color.alignright {
    margin-left: 30px;
    margin-right: 0;
}

/* Covers */

.post-entry .wp-block-button__link {
    font-size: 0.882em;
}

@media only screen and (min-width: 600px) {
    .post-entry .wp-block-columns {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 580px) {
    .gallery-columns-2,
    .gallery-columns-3,
    .gallery-columns-4,
    .gallery-columns-5,
    .gallery-columns-6,
    .gallery-columns-7,
    .gallery-columns-8,
    .gallery-columns-9 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

/* Video Embeds */

.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,
.wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
    position: relative;
}

.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,
.wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
    content: "";
    display: block;
}

.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before { padding-top: 100%;}
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before { padding-top: 200%;}
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before { padding-top: 75%;}
.wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before { padding-top: 66.66%;}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { padding-top: 56.25%;}
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before { padding-top: 50%;}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before { padding-top: 42.85%;}

.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
   /* IE10+ specific styles go here */
   .col-md-10 { width: 83.3299%; }
   .post-deco-color { bottom: -52px; }
   .post-deco-wave { bottom: -44px; }
   .wave.standard-post .post-thumbnail { margin-bottom: 2px; }
}