/*
    Theme Name: Hague
    Text Domain: hague
    Theme URI: http://evollethemes.com/theme-preview/hague/preview/
    Author: Evolle
    Author URI: http://evolle.com/
    Description: Hague Lifestyle & Magazine Blog Theme
    Version: 3
    License: GNU General Public License v2 or later
    License http://www.gnu.org/licenses/gpl-2.0.html
    License URI: 
    Tags: one-column, two-columns, right-sidebar, full-width-template, accessibility-ready, custom-colors, custom-menu, featured-images, post-formats, sticky-post, theme-options, translation-ready
*/

/*------------------------------------------------------------------
[Table of contents]

00. RESET
01. WP-SPECIFIC
02. PRELOADER
03. SIDEBAR NAVIGATION
04. HEADER
05. BLOG POST
06. FEATURED AREA
07. CATEGORY LAYOUTS
08. SIDEBARS
09. CUSTOM POSTS
10. FOOTER
11. PAGINATION LOADING
12. DARK HEADER
13. INSTAGRAM SHORTCODE
14. NEWSLETTER SHORTCODE

/*============================================================================
  >> 00. RESET
  ============================================================================
*/
html {
    margin: 0;
    padding: 0;
    height: 100%;
    min-height:100%;
}

body {
    padding: 0;
    margin: 0;
    height: 100%;
    min-height: 100%;
    color:#000;
}

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

.post-image img {
    width: 100%;
}

a {
    text-decoration:none;
}

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

.container.full-width {
    width: 100%;
}

.theme-boxed .theme-width {
    max-width: 1230px;
    margin: 0 auto;
}

.margin-top {
    margin-top: 50px;
}

/*============================================================================
  >> 01. WP-SPECIFIC
  ============================================================================
*/

.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.alignright,
.alignleft,
.aligncenter,
.screen-reader-text,
.bypostauthor {
  color: inherit;
}

.alignright {
  float: right;
  margin: 6px 0 14px 20px;
}

.alignleft {
  float: left;
  margin: 6px 20px 14px 0;
}

.alignright img,
.alignleft img,
.aligncenter img {
  width: 100%;
  max-width: 100%;
}

img.center {
  margin: 0 auto;
  display: block;
}

img.full {
  width: 100%;
}

.aligncenter {
  display: block;
  clear: both;
  margin: 0 auto;
}

/*============================================================================
  >> 02. PRELOADER
  ============================================================================
*/
.preloader {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
}

.preloader .loader {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 4px solid #000;
    -o-animation:loader 2s infinite ease;
    -ms-animation:loader 2s infinite ease;
    -moz-animation:loader 2s infinite ease;
    -webkit-animation:loader 2s infinite ease;
    animation: loader 2s infinite ease;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.preloader .loader .loader-inner {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    background-color: #000;
    -o-animation:loader-inner 2s infinite ease-in;
    -ms-animation:loader-inner 2s infinite ease-in;
    -moz-animation:loader-inner 2s infinite ease-in;
    -webkit-animation:loader-inner 2s infinite ease-in;
    animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}

/*============================================================================
  >> 03. SIDEBAR NAVIGATION
  ============================================================================
*/

.sidebar-navigation {
    position: fixed;
    height: 100%;
    z-index: 112;
    width: 320px;
    background: #fff;
    top: 0;
    left: 0;
    overflow: hidden;
    transform: translate(-100%, 0px);
    -webkit-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -moz-transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1);
    -o-transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1);
    -webkit-transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1);
    transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1);
}

.sidebar-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: 110;
    -moz-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    -o-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    -webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
    transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 );
}

.sidebar-open .sidebar-navigation {
    visibility: visible;
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
}

.sidebar-open .sidebar-overlay {
    visibility: visible;
    opacity: 0.6;
    pointer-events: initial;
}

.sidebar-navigation .sidebar-scroll {
    width: 100%;
    height: 100%;
}

.close-sidebar-button {
    position: relative;
}

.admin-bar .close-sidebar-button {
    margin-top: 32px;
}

.close-sidebar-button a {
    display: block;
    height: 50px;
    text-decoration: none;
    padding: 0 0 0 20px;
}

.close-sidebar-button a span {
    float: left;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 50px;
    letter-spacing: 1px;
}

.close-sidebar-button a i {
    float: right;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-left: 1px solid;
}

.sidebar-logo .brand-logo {
    position: relative;
    text-align: center;
}

.sidebar-logo .brand-logo a img {
    display: inline-block;
}

.sidebar-navigation .navbar {
    border-radius: 0;
    min-height: 50px;
    margin:0;
    border:0;
    padding:0 20px;
}

.sidebar-navigation .navbar ul li {
    display: inline-block;
    width: 100%;
}

.sidebar-navigation .navbar ul li~li {
    border-top:1px solid;
}

.sidebar-navigation .navbar ul li ul {
    display: none;
    padding: 0 0 0 20px;
    border-top: 1px solid;
}

.sidebar-navigation .navbar ul li a {
    position: relative;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 0;
}

.sidebar-navigation .navbar ul li ul li a {
    font-size: 10px;
}

.sidebar-navigation .navbar ul li.menu-item-has-children > a:before {
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 14px;
    content: "\f0d7";
    right: 10px;
    top: 15px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.sidebar-banner-ads {
    position: relative;
    padding: 0 20px;
    margin: 30px 0;
}

.sidebar-social {
    position: relative;
    padding: 0 20px;
}

.sidebar-navigation .copyright {
    font-size: 10px;
    letter-spacing: 0.5px;
    border:0;
    padding: 0 20px;
    text-align: center;
    margin: 30px 0;
}

/*============================================================================
  >> 04. HEADER
  ============================================================================
*/

.header-style-1,
.header-style-2,
.header-style-3,
.header-style-4,
.header-style-5,
.header-style-6,
.header-style-7 {
    position: relative;
}

.header-style-1 {
    border-bottom: 1px solid;
}

.header-style-3 .container,
.header-style-4 .container,
.header-style-5 .container,
.header-style-6 .container {
    position: relative;
}

.header-style-1 .nav-content {
    height: 65px;
    border-bottom: 1px solid;
    text-align: center;
}

.header-style-3 .main-content,
.header-style-4 .main-content,
.header-style-5 .main-content {
    text-align: left;
}

.header-style-3 .main-content .brand-logo,
.header-style-4 .main-content .brand-logo,
.header-style-5 .main-content .brand-logo {
    line-height: 90px;
}

.header-style-3 .header-ads,
.header-style-4 .header-ads,
.header-style-5 .header-ads {
    display: inline-block;
    float: right;
}

.header-style-3 .header-ads img,
.header-style-4 .header-ads img,
.header-style-5 .header-ads img {
    max-width: 728px;
    max-height: 90px;
}

.header-style-2 .nav-content,
.header-style-3 .nav-content,
.header-style-4 .nav-content,
.header-style-5 .nav-content,
.header-style-6 .nav-content {
    position: relative;
    border-top: 1px solid;
    border-bottom: 1px solid;
    text-align: center;
}

.header-style-4 .nav-content,
.header-style-5 .nav-content {
    text-align: left;
}

.mobile-header .navicon,
.header-style-1 .navicon,
.sticky-header .navicon,
.header-style-2 .navicon,
.header-style-3 .navicon,
.header-style-6 .navicon {
    position: absolute;
    border-right: 1px solid;
    left: 0;
    z-index: 1;
}

.header-style-3 .navicon,
.header-style-6 .navicon {
    border-left: 1px solid;
}

.header-style-3 .sericon,
.header-style-4 .sericon,
.header-style-5 .sericon,
.header-style-6 .sericon {
    border-right: 1px solid;
}

.mobile-header .sericon,
.header-style-1 .sericon,
.sticky-header .sericon,
.header-style-2 .sericon,
.header-style-3 .sericon,
.header-style-4 .sericon,
.header-style-4 .navicon,
.header-style-5 .sericon,
.header-style-5 .navicon,
.header-style-6 .sericon {
    position: absolute;
    border-left: 1px solid;
    top: 0;
    right: 0;
}

.header-style-4 .navicon,
.header-style-5 .navicon {
    right:65px;
    z-index: 1;
}

.header-topbar {
    position: relative;
    border-bottom: 1px solid;
}

.header-topbar .topbar-menu {
    display: inline-block;
}

.header-topbar .topbar-menu ul li {
    position: relative;
    display: inline-block;
}

.header-topbar .topbar-menu ul li ul {
    position: absolute;
    width: 200px;
    top: 100%;
    left: -15px;
    margin: 0;
    padding: 0;
    z-index: 11;
    border-top: 1px solid;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    text-align: left;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}

.header-topbar .topbar-menu ul li:hover > ul {
    visibility: visible;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    opacity: 1;
    pointer-events: auto;
}

.header-topbar .topbar-menu ul li a {
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    padding: 18px 15px 18px 0;
}

.header-topbar .topbar-menu ul li.menu-item-has-children > a:before {
    position: relative;
    display: inline-block;
    float: right;
    font-family: 'FontAwesome';
    font-size: 8px;
    font-weight: 900;
    content: "\f107";
    right: -7px;
    top: 1px;
}

.header-topbar .topbar-menu ul li ul li {
    width: 100%;
}

.header-topbar .topbar-menu ul li ul li a {
    display: block;
    padding: 15px 15px;
}

.header-topbar .topbar-social {
    display: inline-block;
    float: right;
}

.header-topbar .topbar-social ul li {
    display: inline-block;
    padding:15px 0 15px 15px;
}

.header-topbar .topbar-social ul li a {
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

/*------------------------------*/

.navicon a, 
.sericon > a {
    display: inline-block;
    text-align: center;
    line-height: 65px;
    width: 65px;
    height: 65px;
    cursor: pointer;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.sericon .search-form-content {
    position: fixed;
    z-index: 101;
    width:100%;
    height:100%;
    top: 0;
    left: 0;
    display:none;
}

.sericon .search-form-content:before {
    position: absolute;
    content: '';
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.sericon .search-form-content .close-search {
    position: absolute;
    right: 0;
    width: 65px;
    height: 65px;
    line-height: 65px;
    cursor: pointer;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.sericon .search-form-content .search-content-logo {
    position: relative;
    width: 100%;
    text-align: center;
    margin:66px 0 0;
}

.sericon .search-form-content .search-content-logo .brand-logo a img {
    display: inline-block;
}

.sericon .search-form-content h6 {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    text-transform: uppercase;
    text-align: center;
}

.sericon .search-form-content form {
    position: absolute;
    max-width: 600px;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
}

.sericon .search-form-content form input {
    font-size: 12px;
    height: 50px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sericon .search-form-content form button {
    position: absolute;
    right: 10px;
    top: 9px;
    border: 0;
    background-color: transparent;
}

header .navbar {
    border-radius: 0;
    min-height: 0;
    margin:0;
    border:0;
}

header .navbar ul > li {
    position: relative;
    display: inline-block;
}

header .navbar ul > li > a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    padding: 24px 12px;
}

header .navbar ul > li.menu-item-has-children > a:before,
header .navbar ul > li.mega-menu > a:before {
    position: relative;
    display: inline-block;
    float: right;
    font-family: 'FontAwesome';
    font-size: 9px;
    font-weight: 900;
    content: "\f107";
    right: -7px;
    top: 2px;
}

header .navbar ul > li .child-menu,
header .navbar ul > li .mega-menu-content {
    position: absolute;
    width: 200px;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 11;
    border-top:3px solid;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    text-align: left;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}

header .navbar ul > li .child-menu ul li .child-menu {
    left: 100%;
    top: -3px;
    text-align: left;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}

header .navbar ul > li.mega-menu .mega-menu-content .sub-menu .mega-category {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

header .navbar ul > li:hover .child-menu, 
header .navbar ul > li .child-menu ul li:hover .child-menu, 
header .navbar ul > li.mega-menu:hover .mega-menu-content, 
header .navbar ul > li.menu-item-has-children:hover .mega-menu-content,
header .navbar ul > li.mega-menu .mega-menu-content .sub-menu .active .mega-category {
    visibility: visible;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    opacity: 1;
    pointer-events: auto;
}

header .navbar ul > li .child-menu ul li,
header .navbar ul > li.menu-item-has-children .mega-menu-content ul li {
    width: 100%;
}

header .navbar ul > li .child-menu ul li~li,
header .navbar ul > li.menu-item-has-children .mega-menu-content ul li~li {
    border-top:1px solid;
}

header .navbar ul > li .child-menu ul li a,
header .navbar ul > li.menu-item-has-children .mega-menu-content > ul > li > a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    padding:13px 15px;
}

header .navbar ul > li .child-menu ul li.menu-item-has-children > a:before, 
header .navbar ul > li.mega-menu .mega-menu-content .sub-menu li > a:before {
    float: right;
    font-family: 'FontAwesome';
    font-size: 9px;
    font-weight: 900;
    content: "\f105";
    right: -3px;
    top: 2px;
}

header .navbar ul > li.mega-menu {
    position: static;
}

header .navbar ul > li.mega-menu .mega-menu-content {
    width: 100%;
    max-width: 100%;
}

header .navbar ul > li.mega-menu .mega-menu-content .mega-category-content {
    padding:30px 15px;
}

header .navbar ul > li.mega-menu .mega-menu-content .sub-menu {
    float: left;
    width: 22%;
    height: 100%;
    padding: 32px 0 0;
    border-right: 1px solid;
}

header .navbar ul > li.mega-menu .mega-menu-content .sub-menu li {
    display: inline-block;
    width: 100%;
}

header .navbar ul > li.mega-menu .mega-menu-content .sub-menu li~li {
    border-top:1px solid;
}

header .navbar ul > li.mega-menu .mega-menu-content .sub-menu li > a {
    display: block;
    font-size: 12px;
    font-weight: 300;
    padding: 12px 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

header .navbar ul > li.mega-menu .mega-menu-content .mega-category.five-menu {
    position: absolute;
    display: block;
    z-index: 999;
    width: 78%;
    right: 0;
    top: 0;
}

header .navbar ul > li.mega-menu .mega-menu-content .mega-category-content li {
    width: 22%;
    margin: 0 15px;
    vertical-align: top;
}

header .navbar ul > li.mega-menu .mega-menu-content .mega-category.five-menu .mega-category-content li {
    width: 29.5%;
}

header .navbar ul > li.mega-menu .mega-menu-content .mega-category-content li .post .post-title h6 {
    font-size: 13px;
    line-height: 16px;
}

header .main-content {
    position: relative;
    text-align: center;
}

header .main-content .brand-logo, 
.mobile-header .brand-logo {
    display: inline-block;
}

header .main-content .brand-logo a img, 
.mobile-header .brand-logo a img {
    display: inline-block;
}

header .woocommerce-cart {
    position: absolute;
    height: 65px;
}

header .woocommerce-cart a {
    display: block;
    text-decoration: none;
    padding:10px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

header .woocommerce-cart i {
    font-size: 18px;
}

header .woocommerce-cart a .total-product {
    position: absolute;
    color: #fff;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    margin: 10px 0 0 10px;
    line-height: 17px;
    text-align: center;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

header .header-style-1 .woocommerce-cart,
header .header-style-2 .woocommerce-cart,
header .header-style-3 .woocommerce-cart,
header .header-style-4 .woocommerce-cart,
header .header-style-5 .woocommerce-cart,
header .sticky-header .woocommerce-cart {
    top: 0;
    right: 66px;
    padding: 11px 15px;
}

header .header-style-6 .woocommerce-cart {
    position: relative;
    display: inline-block;
    float: right;
    height: 50px;
    margin-left: 15px;
}

header .header-style-6 .woocommerce-cart a {
    margin: 5px 0 0;
}

header .header-style-4 .woocommerce-cart,
header .header-style-5 .woocommerce-cart {
    right: 131px;
}

.woocommerce-page h1.page-title{
    display: none;
}

.woocommerce-page .main .main-content {
    margin: 50px 0 0;
}

.woocommerce nav.woocommerce-pagination {
    text-align: left;
    padding-top: 20px;
}

.woocommerce div.product form.cart .variations select {
    padding: 10px;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    line-height: 1.5;
}

.woocommerce-cart .woocommerce, .woocommerce-account .woocommerce {
    text-align: center;
    margin:50px 0 0;
}

.woocommerce-cart .woocommerce .cart-empty {
    font-size: 36px;
    font-weight: 900;
    text-align: center;
    line-height: 42px;
    color: #111;
}

.woocommerce .myaccount_user, .woocommerce .myaccount_address {
    font-size: 13px;
    text-align: center;
    line-height: 22px;
    color: #666;
    padding: 0 100px;
}

.woocommerce .myaccount_user a {
    font-weight: 700;
    color: #111;
}

.woocommerce-account .woocommerce h2, .woocommerce-account .woocommerce h3 {
    font-weight: 900;
}

.woocommerce-account .woocommerce address {
    border-top: 1px solid #bbb;
    padding: 50px 0;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.woocommerce-account .woocommerce .address a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #111;
    border: 4px double #ccc;
    padding: 10px 40px;
    display: inline-block;
    margin: 20px 0 30px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    text-decoration: none;
}

.woocommerce a.button, .woocommerce form.login .button, .woocommerce div.product form.cart .button, .woocommerce #respond input#submit {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #111;
    border: 4px double #ccc;
    padding: 15px 40px;
    display: inline-block;
    margin: 20px 0 30px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    text-decoration: none;
    background-color: transparent;
    border-radius: 0;
}

.woocommerce a.button:hover, .woocommerce form.login .button:hover, .woocommerce div.product form.cart .button:hover, .woocommerce #respond input#submit:hover {
    background-color: #111;
    color: #fff;
}

.woocommerce-account .woocommerce .address a:hover {
    border: 4px double #111;
}

.woocommerce form.login {
    padding:50px;
    border-radius: 0;
    border: 1px solid #eee;
}

.woocommerce form .form-row input.input-text {
    height: 45px;
    border: 1px solid #ccc;
    background-color: rgba(255, 255, 255, 1)!important;
    padding: 0 20px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.woocommerce form .form-row input.input-text:focus {
    border-color: #111;
}

.woocommerce form.login .inline {
    display: inline-block!important;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
}

.woocommerce form.login #rememberme {
    display: inline-block;
    float: left;
    margin: 6px 10px 0 0;
}

.woocommerce form.login .lost_password a {
    font-size: 13px;
    color: #111;
}

.woocommerce-page .page-title {
    font-weight: 700;
    margin: 50px 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.woocommerce .woocommerce-result-count {
    font-size: 13px;
    color: #999;
}

.woocommerce .woocommerce-ordering select {
    border: 0;
    font-size: 13px;
}

.woocommerce ul.products {
    margin: 60px 0 0;
}

.woocommerce .products .star-rating {
    display: inline-block;
    margin: 5px 0 .5em;
    color: #ccc;
}

.woocommerce ul.products li.product .price {
    font-size: 14px;
    color: #111;
    min-height: 40px;
}

.woocommerce ul.products li.product h3 {
    font-size: 15px;
    color: #111;
}

.woocommerce .onsale {
    width: 40px;
    height: 40px;
    line-height: 35px!important;
}

.woocommerce ul.products li.product .button {
    padding: 10px 20px;
    margin:0;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
    width: 30.8%;
}

.woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product {
    text-align: center;
    width: 22.05%!important;
}

.widget_price_filter .price_slider_amount {
    margin:25px 0 0;
}

.widget_price_filter .price_slider_amount .button {
    display: inline-block;
    font-size: 11px!important;
    text-transform: uppercase;
    padding: 12px 20px;
    border-radius: 0;
    letter-spacing: 1px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.widget_price_filter .price_slider_amount .button:hover {
    background-color: #111;
    color: #fff;
}

.widget_price_filter .price_slider_amount .price_label {
    line-height: 34px;
}

.dark .widget_price_filter .price_slider_amount .price_label {
    color: #bbb;
}

.widget_products ul li, .widget_top_rated_products ul li, .widget_recent_reviews ul li, .widget_layered_nav ul li, .widget_recently_viewed_products ul li {
    padding:15px 0!important;
}

.widget_product_categories ul li a {
    display: inline-block;
    width: 100%;
    padding:15px 0!important;
}

.widget_products ul li~li, .widget_top_rated_products ul li~li, .widget_recent_reviews ul li~li, .widget_product_categories ul li~li, .widget_product_categories ul li ul, .widget_shopping_cart ul li~li, .widget_layered_nav ul li~li, .widget_recently_viewed_products ul li~li {
    border-top: 1px solid #eee;
}

.dark .widget_products ul li~li, .dark .widget_top_rated_products ul li~li, .dark .widget_recent_reviews ul li~li, .dark .widget_product_categories ul li~li, .dark .widget_product_categories ul li ul, .dark .widget_shopping_cart ul li~li, .dark .widget_layered_nav ul li~li, .dark .widget_recently_viewed_products ul li {
    border-top: 1px solid #222;
}

.widget_products ul li a, .widget_top_rated_products ul li a, .widget_recent_reviews ul li a, .widget_product_categories ul li a, .widget_layered_nav ul li a, .widget_recently_viewed_products ul li a {
    color: #111;
}

.dark .widget_products ul li a, .dark .widget_top_rated_products ul li a, .dark .widget_recent_reviews ul li a, .dark .widget_product_categories ul li a, .dark .widget_layered_nav ul li a, .dark .widget_recently_viewed_products ul li {
    color: #fff;
}

.widget_product_categories ul li ul {
    padding-left: 20px;
}

.widget_products ul li a .product-title, .widget_top_rated_products ul li a .product-title, .widget_recent_reviews ul li a .product-title {
    font-size: 14px;
}

.widget_products ul li .amount, .widget_top_rated_products ul li .amount, .widget_recent_reviews ul li .amount, .widget_recently_viewed_products ul li .amount {
    color: rgba(0, 0, 0, 0.5);
}

.dark .widget_products ul li .amount, .dark .widget_top_rated_products ul li .amount, .dark .widget_recent_reviews ul li .amount, .dark .widget_recently_viewed_products ul li .amount {
    color: rgba(255, 255, 255, 0.5);
}

.widget_top_rated_products ul li .star-rating, .widget_recent_reviews ul li .star-rating {
    margin:5px 0;
    color: #ccc;
}

.dark .reviewer {
    color: #444;
}

.widget_product_search form .search-field {
    display: inline-block;
    width: 100%;
    height: 45px;
    border: 1px solid #ccc;
    padding: 0 15px;
    font-size: 13px;
}

.widget_product_search form input[type=submit] {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 10px 0 0;
    padding: 15px 0;
    background-color: #111;
    border: transparent;
    color: #fff;
}

.widget_shopping_cart ul li {
    padding:15px 0 15px 35px!important;
}

.widget_shopping_cart ul li a {
    color: #111;
}

.dark .widget_shopping_cart ul li a {
    color: #fff;
}

.widget_shopping_cart ul li a.remove {
    margin: 15px 0 0;
    color: #111!important;
    background-color: #eee;
    line-height: 18px;
    font-weight: 900;
}

.dark .widget_shopping_cart ul li a.remove {
    background-color: #333;
    color: #fff!important;
}

.dark .widget_shopping_cart .total {
    border-top: 3px double #333;
    color: #fff;
}

.widget_shopping_cart ul li .quantity {
    font-weight: 700;
    color: #bbb;
    font-size: 12px;
}

.widget_shopping_cart .total {
    padding:10px 0 0!important;
}

.widget_shopping_cart .buttons a {
    font-size: 11px;
    padding: 15px 25px;
    border: transparent;
    background-color: #eee;
}

.widget_shopping_cart .buttons a:first-child {
    background-color: #111;
    color: #fff;
}

.dark .widget_shopping_cart .buttons a:first-child {
    background-color: #222;
}

.dark .widget_shopping_cart .buttons a {
    border:1px solid #333;
    background-color: transparent;
    color: #fff;
}

.woocommerce-pagination ul {
    border:0!important;
}

.woocommerce-pagination ul li {
    width: 33px;
    height: 33px;
    border-right: 0!important;
    margin:0 2px!important;
}

.woocommerce-pagination ul li span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
    background-color: #111!important;
    color: #fff!important;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.woocommerce-pagination ul li a {
    display: block;
    font-size: 11px;
    font-weight: 700;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
    border:1px solid #fff;
    color: #111;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.woocommerce-pagination ul li a:hover {
    background-color: transparent!important;
    border:1px solid #111;
    color: #111!important;
}

.woocommerce-page .product .product_title {
    font-weight: 900;
}

.woocommerce-page .product .woocommerce-review-link {
    color: #999;
}

.woocommerce-page .product .price {
    color: #111!important;
}

.woocommerce-page .product p {
    font-size: 13px;
    line-height: 24px;
    color: #666;
}

.woocommerce-page .product .quantity .input-text {
    display: inline-block;
    margin: 0px 15px 0 0;
    height: 40px;
    border: 1px solid #ccc;
}

.woocommerce-page .product .single_add_to_cart_button  {
    margin:0!important;
    padding: 10px 40px!important;
}

.woocommerce-page .product .product_meta a {
    color: #999;
}

.woocommerce-tabs ul:before {
    border-bottom: 1px solid #eee!important;
}

.woocommerce-tabs ul li {
    background-color: #fff!important;
    padding: 5px 30px!important;
}

.woocommerce-tabs ul li a {
    color: #ccc!important;
}

.woocommerce-tabs ul li.active a {
    color: #111!important;
}

.woocommerce-tabs ul li:before {
    left: 0!important;
    -webkit-border-bottom-right-radius: 0!important;
    -moz-border-bottom-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-width: 0!important;
    box-shadow: none!important;
}

.woocommerce-tabs ul li:after {
    right: 0!important;
    -webkit-border-bottom-right-radius: 0!important;
    -moz-border-bottom-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-width: 0!important;
    box-shadow: none!important;
}

.woocommerce-page .stars a, .woocommerce .woocommerce-info a {
    color: #111;
}

.woocommerce-page .comment-respond form {
    padding:35px 35px;
}

.woocommerce-page .comment-respond label {
    display: inline-block;
    width: 100%;
    padding-left: 0;
}

.woocommerce-page .comment-respond .comment-form-author input, .woocommerce-page .comment-respond .comment-form-email input {
    display: inline-block;
    width: 100%;
    border:1px solid #ddd;
}

.woocommerce-page .comment-respond .form-submit:before {
    content:'';
}

.woocommerce-page .related.products ul li {
    width: 29.5%;
    min-height: 390px;
}

.woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce-checkout-payment {
    margin: 50px 0 0!important;
    border: 1px solid #eee;
    background-color: #FDFDFD!important;
    border-top: 2px solid #111;
    line-height: 90px;
}

.woocommerce .woocommerce-info {
    line-height: 24px;
    color: #bbb;
}

.woocommerce .woocommerce-info:before {
    color: #111;
}

.woocommerce-checkout .woocommerce {
    margin: 50px 0 0!important;
}

.woocommerce form.checkout_coupon {
    border-radius: 0;
    padding: 30px;
}

.woocommerce form.checkout_coupon .button {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 0;
    padding: 17px 40px;
    background-color: #111;
    color: #fff;
}

form.woocommerce-checkout {
    margin:50px 0 0;
}

form.woocommerce-checkout textarea {
    height: 225px!important;
    border: 1px solid #ccc!important;
    padding: 15px 15px;
    font-size: 13px;
}

.select2-container .select2-choice {
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 0;
    line-height: 43px;
    font-size: 13px;
    padding-left: 15px;
}

.woocommerce table.shop_table thead {
    text-transform: uppercase;
    background-color: #f8f8f8;
}

.woocommerce table.shop_table th {
    padding: 15px 20px;
}

.woocommerce table.shop_table td {
    font-size: 13px;
    padding: 10px 20px;
}

.woocommerce-checkout-payment, .woocommerce table.shop_table, .shop_table.shop_table_responsive.cart {
    border-radius: 0!important;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .shop_table.shop_table_responsive.cart .button {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding: 15px 40px;
    background-color: #111;
    color: #fff;
}

.shop_table.shop_table_responsive.cart .button {
    background-color: #eee;
    color: #111;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.shop_table.shop_table_responsive.cart .button:hover {
    background-color: #111;
    color: #fff;
}

.shop_table.shop_table_responsive.cart .quantity input {
    border:0;
}

.shop_table.shop_table_responsive.cart #coupon_code {
    width: 200px;
    height: 42px;
}

.wc-proceed-to-checkout a {
    background-color: #111!important;
}

/*------------------------------*/

.mobile-header {
    position: relative;
    max-height: 65px;
    height: 65px;
    text-align: center;
    border-bottom: 1px solid;
}

/*------------------------------*/

.sticky-header {
    position: fixed;
    width: 100%;
    min-height: 65px;
    top: 0;
    left: 0;
    z-index: 100;
    margin: 0;
    border: 0;
    transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    border-bottom: 1px solid;
}

.sticky-header.open {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

.wpadminbar-open .sticky-header.open {
    min-height: 65px;
    transform: translate(0, 32px);
    -webkit-transform: translate(0, 32px);
    -o-transform: translate(0, 32px);
    -ms-transform: translate(0, 32px);
}

.sticky-header-content {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    vertical-align: top;
}

.sticky-progressbar {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.sticky-progressbar.active {
    visibility: visible;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    opacity: 1;
    pointer-events: auto;
}

.sticky-progressbar .status-bar {
    position: absolute;
    width: 0%;
    height: 2px;
    left: 0;
    top: 0;
    z-index: 1;
    -moz-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    -webkit-transition: width 0.3s linear;
    transition: width 0.3s linear;
}

.sticky-progressbar .reading-title-bar {
    position: absolute;
    height: 100%;
    left: 65px;
    right: 66px;
    top: 0;
}

.sticky-progressbar .reading-title-bar .brand-logo {
    display: inline-block;
    float: left;
}

.sticky-progressbar .reading-title-bar .brand-logo a img {
    max-height: 30px;
    margin: 16px 0 0 20px;
}

.sticky-progressbar .reading-title-bar span {
    position: absolute;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    color: #ccc;
    margin: 15px 0 0 35px;
    letter-spacing: 0.5px;
}

.sticky-progressbar .reading-title-bar h6.page-title {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 32px 0 0 35px;
    text-align: center;
    border-bottom: 0;
}

.sticky-social-share {
    display: inline-block;
    float: right;
    margin: 15px 20px 0 0;
}

.sticky-social-share ul li {
    display: inline-block;
}

.sticky-social-share ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 12px;
    line-height: 35px;
    color: #000;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.sticky-social-share ul li a:hover {
    background-color: #000;
    color: #fff;
}

/*============================================================================
  >> 05. POST
  ============================================================================
*/

.post-image {
    position: relative;
}

.post-image > a {
    position: relative;
    display: block;
    background-color: #000;
    overflow: hidden;
}

.post-image > a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    left: 0;
    top: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.post-image:hover > a:before {
    opacity: 0.3;
}

.post-image a img {
    width: 100%;
}

.post .post-video iframe, .post .post-audio iframe {
    width: 100%;
}

.post.post-style-1 .post-image,
.post.post-style-2 .post-image {
    overflow: hidden;
}

.post.post-style-1 .post-image .post-image-meta,
.post.post-style-2 .post-image .post-image-meta {
    position: absolute;
    bottom: 0;
    padding: 15px;
    height: 50px;
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
    -webkit-transform: translate3d(0,150%,0);
    transform: translate3d(0,150%,0);
}

.post.post-style-1 .post-image .post-image-meta .post-comment,
.post.post-style-2 .post-image .post-image-meta .post-comment {
    display: inline-block;
    margin:0 10px 0 0;
}

.post.post-style-1 .post-image .post-image-meta .post-comment a,
.post.post-style-2 .post-image .post-image-meta .post-comment a,
.post.post-style-1 .post-image .post-image-meta .post-views,
.post.post-style-2 .post-image .post-image-meta .post-views {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
}

.post.post-style-1 .post-image:hover .post-image-meta,
.post.post-style-2 .post-image:hover .post-image-meta {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.post-detail {
    margin:20px 0 0;
}

.post.post-style-1 {
    margin: 0 0 80px;
}

.post.post-style-1 .post-image .post-image-meta {
    bottom: 80px;
    left: 55px;
}

.post.post-style-1 .post-detail {
    position: relative;
    padding: 15px 70px 0;
    margin: -50px 0 0;
}

.post.post-style-1 .post-detail:before {
    position: absolute;
    content: '';
    background-color: #fff;
    left: 25px;
    right: 25px;
    top: -20px;
    height: 70px;
    z-index: 0;
}

.post.post-style-1 .post-detail .post-title {
    position: relative;
}

.post-style-3 .post-detail,
.post-style-4 .post-detail {
    margin:0;
}

.post-title a {
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.post-title h1 {
    font-weight: 700;
}

.post-meta {
    margin:0 0 10px;
}

.post-author {
    display: inline-block;
    position: relative;
}

.post-author a {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    color: #666;
}

.post-date {
    position: relative;
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
}

.post-date, .post-date a {
    color: #B7B7B7;
}

.post.post-style-5 .post-date a {
    color: #eee;
}

.post-category ul li {
    position: relative;
    display: inline-block;
    padding:0 10px 0 0;
}

.post-category ul li~li:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 2px;
    left: -9px;
    top: 10px;
    background-color: #ccc;
}

.post-category ul li a {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 4px 5px 3px;
}

.page-post .post-meta {
    border-top: 1px dashed #eaeaea;
    padding: 15px 0 10px;
}

.page-post .post-author a {
    margin: 0 10px 0 0;
}

.page-post .post-meta .post-comment,
.page-post .post-meta .post-comment a,
.page-post .post-meta .post-views {
    position: relative;
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
    color: #B7B7B7;
}

.post-views {
    text-transform: uppercase;
}

.post-views i,
.post-comment a i {
    display: inline-block;
    margin: 0 1px 0 0;
}

.post-views i {
    margin: 0 3px 0 0;
}

.page-post .post-meta .post-comment a {
    color: #666;
}

.page-post .post-meta .post-comment,
.page-post .post-meta .post-views {
    margin:0 0 0 10px;
}

.page-post .post-meta .post-comment:before,
.page-post .post-meta .post-views:before {
    position: absolute;
    content: '-';
    left: -10px;
}

.page-post .post-date:before {
    position: absolute;
    content: '-';
    left: -9px;
}

.post.post-style-1 .post-image .post-category,
.post.post-style-2 .post-image .post-category,
.post.post-style-3 .post-image .post-category,
.post.post-style-4 .post-image .post-category,
.post.post-style-7 .post-image .post-category {
    position: absolute;
    top: 15px;
    left: 15px;
}

.post-title h5,
.post-title h6 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: -0.4px;
    margin:0 0 5px;
}

.post.post-style-5 .post-title h5,
.post.post-style-5 .post-title h6 {
    margin:10px 0 5px;
}

.post.post-style-1 .post-title h5,
.post.post-style-1 .post-title h6 {
    font-size: 32px;
    line-height: 37px;
}

.category-content.style-1 .col-sm-4 .post .post-title h5 {
    font-size: 16px;
    line-height: 22px;
}

.category-content.style-1 .col-sm-8 .post .post-title h5 {
    font-size: 22px;
}

.post-content p {
    font-size: 13px;
    line-height: 22px;
    color: #666;
}

.post-content iframe {
    max-width: 100%;
}

.page-post .post-image {
    margin:0 0 20px;
}

.page-post > .post-content p,
.page .wpb_text_column p {
    font-size: 14px;
    line-height: 28px;
    color: #111;
}

.page-post .post-content p a,
.page .wpb_text_column p a {
    position: relative;
    font-weight: 700;
    color: #000;
    z-index: 1;
    border-bottom: 2px dotted #000;
}

.page-post .post-content p a:hover,
.page .wpb_text_column p a:hover {
    text-decoration: none;
}

.page-post .post-content p em,
.page .wpb_text_column p em {
    font-weight: 700;
}

.page-post .post-content blockquote,
.page .wpb_text_column blockquote {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 30px 0 30px 75px;
    margin: 20px 0;
    border-left: 0;
    border-top: 1px dashed #eaeaea;
    border-bottom: 1px dashed #eaeaea;
}

.page-post .post-content blockquote:before,
.page .wpb_text_column blockquote:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f10d";
    font-size: 28px;
    z-index: 0;
    color: #eee;
    left: 10px;
    top: 30px;
}

.page-post .post-content blockquote p,
.page .wpb_text_column blockquote p {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    font-style: italic;
    color: #000;
}

.page-post .post-content .wp-caption img {
    display: inline-block;
    width: 100%;
}

.page-post .post-content .wp-caption .wp-caption-text {
    display: inline-block;
    width: 100%;
    font-size: 11px;
    color: #999;
    padding: 0 10px;
    margin: 10px 0 0;
}

.wp-caption.aligncenter {
    width: 100% !important;
}

.page-post .post-content h2,
.page-post .post-content h3,
.page-post .post-content h4,
.page-post .post-content h5,
.page-post .post-content h6,
.page .wpb_text_column h2,
.page .wpb_text_column h3,
.page .wpb_text_column h4,
.page .wpb_text_column h5,
.page .wpb_text_column h6 {
    font-weight: 700;
}

.post.post-style-1 .post-content p {
    font-size: 14px;
    line-height: 24px;
}

.page-post .post-content > ul,
.page-post .post-content > ol,
.page .wpb_text_column ul,
.page .wpb_text_column ol {
    display: inline-block;
    width: 100%;
    margin: 20px 0 20px 20px;
    list-style: inherit;
}

.page-post .post-content > ol,
.page .wpb_text_column > ol {
    list-style: upper-roman;
}

.page-post .post-content ul li,
.page-post .post-content > ol li,
.page .wpb_text_column ul li,
.page .wpb_text_column ol li {
    font-size: 13px;
    padding: 3px 5px;
    margin: 3px 0;
}

.page-post .post-content ul li ul,
.page-post .post-content > ol li ol,
.page .wpb_text_column ul li ul,
.page .wpb_text_column ol li ol {
    margin: 15px 0 0 20px;
    padding:5px 0 0 20px;
    list-style: inherit;
}

.page-post .post-content ul li ul li,
.page-post .post-content > ol li ol li,
.page .wpb_text_column ul li ul li,
.page .wpb_text_column ol li ol li {
    border:0;
    color: #666;
}

.post.post-style-6 .post-image {
    max-width: 80px;
    margin:0;
    float: left;
}

.post.post-style-6 .post-detail {
    display: block;
    min-height: 80px;
    margin:0 0 0 100px;
}

.post.post-style-6 .post-detail .post-title h5,
.post.post-style-6 .post-detail .post-title h6 {
    font-size: 14px;
    line-height: 18px;
    margin:0 0 5px;
}

.post.post-style-2 .post-detail .post-title h5,
.post.post-style-2 .post-detail .post-title h6 {
    font-size: 22px;
}

.post.post-style-3 .post-detail .post-title h5,
.post.post-style-3 .post-detail .post-title h6 {
    font-size: 22px;
}
.post.post-style-4 .post-detail .post-title h5
.post.post-style-4 .post-detail .post-title h6 {
    font-size: 24px;
}

.post-style-5 {
    position: relative;
}

.post-style-5 .post-image a:before {
    opacity: 0.5;
}

.post-style-5:hover .post-image a:before {
    opacity: 0.7;
}

.post-style-5 .post-detail {
    position: absolute;
    bottom: 0;
    padding:10px 20px;
    z-index: 1;
}

.post-style-5 .post-detail .post-title a, .post-style-5 .post-detail .post-author a {
    color: #fff;
}

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

.post.post-style-7 .post-detail {
    background-color: #fff;
    padding: 45px;
    margin-left: -150px;
    margin-top: 0;
}

.post.post-style-7 h5 {
    font-size: 22px;
    line-height: 28px;
}

.blog-posts .post {
    margin:0 0 50px;
}

.category .blog-posts .row {
    position: relative;
    /*
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    */
}

.blog-posts .post .post-bottom {
    position: relative;
    font-size: 10px;
    padding: 10px 0 0;
    border-top: 1px dotted #E6E6E6;
}

.blog-posts .post .post-bottom .post-comment,
.blog-posts .post .post-bottom .post-views {
    position: relative;
    display: inline-block;
    margin:0 15px 0 0;
    text-transform: uppercase;
}

.blog-posts .post .post-bottom .post-views:before {
    position: absolute;
    content: '-';
    left: -11px;
}

.blog-posts .post .post-bottom .post-comment a,
.blog-posts .post .post-bottom .post-views {
    color: #B7B7B7;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.pagination h2.screen-reader-text{
    display: none;
}
.pagination, .nav-links {
    position: relative;
    width: 100%;
    padding-left: 5px;
}

.pagination:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #eee;
    left: 0;
    top: 18px;
    z-index: -1;
}

.pagination ul {
    background-color: #fff;
    display: inline-block;
    padding: 0 10px 0 0;
}

.pagination ul li {
    display: inline-block;
}

.pagination ul li a {
    display: block;
    font-size: 11px;
    font-weight: 700;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.nav-links a, .nav-links span.page-numbers.current {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
    color: #111;
    border:1px solid #fff;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.nav-links a:hover {
    border:1px solid #111;
}

.pagination .prev-page , .pagination .next-page {
    display: inline-block;
    margin-right: 5px;
}

.pagination .prev-page a, .pagination .next-page a {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #111;
    color: #111;
    padding: 10px 20px;
    text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.nav-links span.page-numbers.current, .pagination .prev-page a:hover, .pagination .next-page a:hover {
    background-color: #111;
    color: #fff !important;
}

.page-main-title {
    position: relative;
    padding: 60px 50px;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.page-main-title.light {
    background-color: #f5f5f5;
}

.page-main-title.dark {
    background-color: #111;
}

.page-main-title {
    background-position: center center;
}

.category-page-title:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #111;
    opacity: 0.5;
    left: 0;
    top: 0;
}

.category-ads {
    text-align: center;
    margin:0 0 50px;
}

.category-ads a {
    display: inline-block;
}

.page-main-title p {
    position: relative;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    z-index: 1;
}

.page-main-title p:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 1px;
    top: 6px;
    right: -40px;
    z-index: 1;
}

.page-main-title p:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 1px;
    top: 6px;
    left: -40px;
    z-index: 1;
}

.category-page-title.image p {
    color: #B3B3B3!important;
}

.category-page-title.image p:before,
.category-page-title.image p:after {
    background-color: rgba(255, 255, 255, 0.2)!important;
}

.page-main-title h1 {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    margin:0;
    z-index: 1;
}

.page-main-title.light p {
    color: #999;
}

.page-main-title.light p:before,
.page-main-title.light p:after {
    background-color: #dcdcdc;
}

.page-main-title.dark p {
    color: #6D6D6D;
}

.page-main-title.dark h1 {
    color: #fff;
}

.page-main-title.dark p:before,
.page-main-title.dark p:after {
    background-color: #212121;
}

.no-results.not-found {
    position: relative;
    padding: 50px;
    border: 1px solid #eee;
}

.no-results.not-found h3 {
    font-weight: 700;
    margin: 0 0 5px;
}

.no-results.not-found p {
    font-size: 13px;
    color: #999;
}

.no-results.not-found form {
    position: relative;
    margin: 50px 0 0;
}

.no-results.not-found form input {
    height: 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 12px;
    padding: 6px 50px 6px 25px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.no-results.not-found form input:focus {
    border-color: #000;
}

.no-results.not-found form button {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 50px;
    height: 50px;
    border: 0;
    font-size: 0;
    background-color: transparent;
}

.no-results.not-found form button:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f002";
    font-size: 14px;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    line-height: 50px;
    text-align: center;
}

.error-404.not-found {
    position: relative;
    padding: 150px 0;
    text-align: center;
}

.error-404.not-found h1 {
    font-size: 150px;
    font-weight: 700;
}

.error-404.not-found a {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    border: 2px solid #000;
    background-color: #000;
    color: #fff;
    padding: 10px 30px 10px;
    margin: 20px 0 0;
    text-decoration: none;
}

.post-tags {
    position: relative;
    border:2px dotted #eee;
    margin: 25px 0 0;
    padding: 20px;
}

.post-tags ul {
    display: inline-block;
    margin: 0;
}

.post-tags ul li {
    position: relative;
    display: inline-block;
    margin:0 7px;
}

.post-tags ul li~li:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 1px;
    background-color: #bbb;
    left: -11px;
    top: 11px;
}

.post-tags ul li a {
    font-size: 11px;
    text-transform: uppercase;
    color: #111;
}

.social-share {
    margin:25px 0;
}

.social-share ul li {
    display: inline-block;
}

.social-share ul li a {
    display: inline-block;
    width: 90px;
    height: 30px;
    text-decoration: none;
    color: #fff;
    line-height: 31px;
    padding: 0 0 0 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.social-share ul li a i {
    float: left;
    margin: 8px 0 0 0;
}

.social-share ul li a span {
    display: inline-block;
    float: left;
    font-size: 10px;
    text-transform: uppercase;
    margin: 0 0 0 10px;
}

.social-share ul li a.facebook {
    background-color: #516eab;
}

.social-share ul li a.twitter {
    background-color: #4db2ec;
}

.social-share ul li a.google {
    background-color: #eb4026;
}

.social-share ul li a.pinterest {
    background-color: #ca212a;
}

.post-author-bio {
    margin: 30px 0 0;
    padding: 10px 0;
    min-height: 155px;
}

.post-author-bio .author-image {
    display: inline-block;
    float: left;
    width: 85px;
}

.post-author-bio .author-info {
    margin: 0 0 0 115px;
}

.post-author-bio .author-info h3 {
    display: inline-block;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
}

.post-author-bio .author-info h3,
.post-author-bio .author-info h3 a {
    color: #000;
}

.post-author-bio .author-info p {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    margin: 12px 0;
    color: #999;
}

.post-author-bio .author-info ul li {
    display: inline-block;
}

.post-author-bio .author-info ul li a {
    display: inline-block;
    font-size: 11px;
    color: #aaa;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 30px;
    height: 30px;
    border: 1px solid #eee;
    text-align: center;
    line-height: 28px;
}

.post-author-bio .author-info ul li a:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.post-directions {
    position: relative;
    margin:25px 0 0;
}

.post-directions a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.post-directions a .post-directions-content {
    display: block;
    padding:25px;
    background-color: #111;
    color: #fff;
}

.post-directions a.next-article {
    text-align: right;
    border-left: 1px solid #eee;
}

.post-directions a .post-directions-content i {
    color: #999;
}

.post-directions a .post-directions-content span {
    display: inline-block;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999;
}

.post-directions a .post-directions-content h5 {
    padding:0;
    font-weight: 700;
}

.post-comments {
    margin: 30px 0 0;
}

.post-comments .comments-title {
    background-color: #eee;
}

.post-comments .comments-title h3 {
    position: relative;
    display: block;
    margin:0;
    padding: 25px 35px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    color: #222;
    cursor: pointer;
}

.post-comments .comments-title h3:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f106";
    right: 30px;
    font-size: 16px;
    font-weight: 900;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.post-comments .comments-title h3.expanded:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.post-comments .comment-list {
    padding: 0 35px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.post-comments .comment-list li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 30px 0;
}

.post-comments .comment-list li~li {
    border-top: 1px solid #eee;
}

.post-comments .comment-list li ul {
    margin: 25px 0 0;
    border-top: 1px solid #eee;
}

.post-comments .comment-list li ul li {
    padding-left: 100px;
}

.post-comments .comment-list li ul li:first-child {
    padding-bottom: 0;
}

.post-comments .comment-list li .comment-image {
    display: inline-block;
    float: left;
    width: 67px;
    height: 67px;
}

.post-comments .comment-list li .comment-content {
    margin: 0 0 0 100px;
}

.post-comments .comment-list li .comment-content cite {
    margin: 0;
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
}

.post-comments .comment-list li .comment-content cite a {
    color: #000;
}

.post-comments .comment-list li .comment-content .comment-text p {
    font-size: 12px;
    color: #999;
    margin: 10px 0;
}
.comment-text ul{
    margin:0px !important;
    border-top:0px !important;
}
.comment-text ul li{
    margin:0px !important;
    border-top:0px !important;
    padding:10px 0 !important;
}
.comment-text ol li{
    margin:0px !important;
    border-top:0px !important;
    padding:10px 0 !important;
}
.post-comments .comment-list li .comment-content span {
    position: relative;
    display: inline-block;
    margin: 0 0 0 15px;
    font-size: 10px;
    text-transform: uppercase;
}

.post-comments .comment-list li .comment-content span:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 1px;
    background-color: #ccc;
    left: -11px;
    top: 6px;
}

.post-comments .comment-list li .comment-content span a {
    color: #ccc;
}

.post-comments .comment-list li .comment-content .reply-button a {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
}

.comment-respond {
    border-left: 1px solid #eee!important;
    border-right: 1px solid #eee!important;
    border-bottom: 1px solid #eee!important;
}

.comment-respond h3 {
    padding: 25px 35px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 0;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.comment-respond h3 a {
    font-size: 12px;
    font-weight: 900;
    color: #999;
    margin-left: 10px;
}

.comment-respond form {
    display: inline-block;
    width: 100%;
    padding: 35px 20px;
}

.comment-respond form p.comment-notes,
.comment-respond form p.logged-in-as {
    font-size: 13px;
    margin: 0 0 30px;
    color: #ccc;
}

.comment-respond form p.logged-in-as {
    margin: 0 0 30px 15px;
}

.comment-respond form p.logged-in-as a {
    color: #000;
}

.comment-respond form label,
.wpcf7-form p {
    font-size: 11px!important;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 10px;
    color: #777!important;
}

.comment-respond form input,
.wpcf7-form input {
    height: 50px;
    font-size: 12px;
    border-color: #ddd!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px 18px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.comment-respond form textarea,
.wpcf7-form textarea {
    height: 220px!important;
    font-size: 12px;
    border-color: #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px 18px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.comment-respond form p.form-submit {
    position: relative;
    display: inline-block;
    margin:0 0 0 15px;
    overflow: hidden;
}

.comment-respond form p.form-submit:before {
    position: absolute;
    font-family:'FontAwesome';
    content: "\f003";
    color: #fff;
    top: 30px;
    z-index: 1;
    left: -10px;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.comment-respond form .form-submit .btn,
.wpcf7-submit {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    border: 0;
    background-color: #000;
    color: #fff;
    margin: 15px 0 0;
    padding: 6px 30px;
    font-size: 11px;
    letter-spacing: 0.5px;
}

.comment-respond form .form-submit:hover .btn {
    padding: 6px 30px 6px 60px;
}

.comment-respond form .form-submit:hover:before {
    left: 30px;
    opacity: 1;
}

.comment-respond form input:focus,
.wpcf7-form input:focus,
.comment-respond form textarea:focus,
.wpcf7-form textarea:focus {
    border-color: #f8f8f8;
    outline: 0;
    background-color: #f8f8f8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.related-posts {
    position: relative;
}

.related-posts .post {
    margin:0 0 50px;
}

.related-posts .post-title h6 {
    font-size: 15px;
    line-height: 22px;
    padding:0;
    margin:15px 0 5px;
}

.post-image-content {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    padding:0 50px;
}

.single-style-2 .post-image-content {
    text-align: left;
    top: inherit;
    bottom: 20px;
}

.single-style-3 .post-image-content {
    padding:0 150px;
}

.single-style-4 .post-image-content {
    padding:0 150px;
    text-align: left;
    top: inherit;
    bottom: 150px;
}

.post-image-content h1,
.post-image-content .post-author a,
.post-image-content .post-comment a,
.post-image-content .post-views,
.post-image-content .post-date,
.post-image-content .post-date a {
    color: #fff!important;
}

.single-style-3 .post-image {
    margin: 0 0 30px;
}

.single-style-3 .post-title h1,
.single-style-4 .post-title h1,
.post-inner-header .post-image .post-image-content .post-image-text-inner .post-title h1 {
    font-size: 42px;
}

.post-image-content .post-meta {
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
}

.post-image.style-2:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4)
}

.single-style-4 .single-content-width {
    position: relative;
    padding-left:200px;
    margin: -70px 0 0;
    z-index: 1;
}

.single-style-4 .single-content-width:before {
    position: absolute;
    content: '';
    height: 100px;
    background-color: #fff;
    top: -50px;
    z-index: -1;
    left: 150px;
    right: 0;
}

.post-inner-header {
    position: relative;
    overflow: hidden;
}

.post-inner-header .post-image {
    position: relative;
    min-height: 600px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.post-inner-header .post-image:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.post-inner-header .post-image .post-image-content {
    display: table;
    width: 100%;
    height: 100%;
}

.post-inner-header .post-image .post-image-content .post-image-text-inner {
    display: table-cell;
    vertical-align: middle;
}

.post-inner-header .post-image .post-image-content .post-image-text-inner .post-title {
    padding:0 150px;
}

.single-style-4 .alignleft {
    margin: 6px 20px 14px -150px;
}

.alignnone {
    position: relative;
    display: inline-block;
    width: 100%!important;
}

.alignnone img {
    width: 100%;
}

.single-style-4 .aligncenter.size-full {
    margin-left: -150px;
    margin-right: 0;
    width: inherit!important;
    margin-top: 20px;
    margin-bottom: 20px;
}

.wp-caption a.lightbox-image {
    position: relative;
    display: block;
}

.wp-caption a.lightbox-image:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.wp-caption a.lightbox-image:hover:before {
    background-color: rgba(0, 0, 0, 0.3);
}

.single-style-5 .single-content-width {
    position: relative;
    z-index: 1;
    padding: 0 100px;
    margin: -80px 0 0 0;
}

.single-style-5 .single-content-width:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    height: 100px;
    background-color: #fff;
    z-index: -1;
    top: -70px;
}

.post-inner-header .post-image.style-5 .post-image-content {
    text-align: left;
    top: inherit;
    bottom: 150px;
}

.post-inner-header .post-image.style-5 .post-image-content .container {
    padding: 0 140px;
}

.post-inner-header .post-image.style-5 .post-image-content .post-title {
    padding:0;
}

.single-style-5 .aligncenter.size-full {
    margin-left: -50px;
    margin-right: -50px;
    width: inherit!important;
    margin-top: 20px;
    margin-bottom: 20px;
}

.video-style,
.gallery-style {
    position: relative;
    padding:50px 0;
}

.video-style.dark {
    background-color: #111;
}

.video-style.light,
.gallery-style {
    border-bottom: 1px solid #eee;
}

.post-inner-header .post-video {
    position: relative;
}

.video-style .post-image-content,
.gallery-style .post-image-content {
    position: relative;
    margin:0 0 30px;
}

.video-style.light .post-title h1,
.gallery-style .post-title h1 {
    color: #000!important;
}

.video-style.light .post-author a,
.video-style.light .post-comment a,
.gallery-style .post-author a,
.gallery-style .post-comment a {
    color: #666!important;
}

.video-style.light .post-date,
.video-style.light .post-date a,
.video-style.light .post-views,
.gallery-style .post-date,
.gallery-style .post-date a,
.gallery-style .post-views {
    color: #B7B7B7!important;
}

.post-gallery {
    position: relative;
}

.post-gallery a {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    background-color: #000;
}

.post-gallery a img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    opacity: 1;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.post-gallery a img:hover {
    opacity: 0.5;
}

.post-gallery.style-2 ul .slick-prev {
    position: absolute;
    left: 0;
    top:50%;
    z-index: 10;
    width: 50px;
    height: 50px;
    font-size: 0;
    border:0;
    background-color: transparent;
}

.post-gallery.style-2 ul .slick-next {
    position: absolute;
    right: 0;
    top:50%;
    z-index: 10;
    width: 50px;
    height: 50px;
    font-size: 0;
    border:0;
    background-color: transparent;
}

.post-gallery.style-2 ul .slick-prev:before {
    position: absolute;
    font-family:'FontAwesome';
    content: "\f053";
    font-size: 9px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    background-color: #fff;
    color: #000;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    top: 0;
    left: 0;
}

.post-gallery.style-2 ul .slick-next:before {
    position: absolute;
    font-family:'FontAwesome';
    content: "\f054";
    font-size: 9px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    background-color: #fff;
    color: #000;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    top: 0;
    left: 0;
}

.post-gallery.style-2 ul .slick-prev:hover:before,
.post-gallery.style-2 ul .slick-next:hover:before {
    background-color: #000;
    color: #fff;
}

.page-main-title .post-author-bio {
    margin:0;
    padding:0;
}

.page-main-title .post-author-bio .author-image {
    float: none;
    max-width: 80px;
}

.page-main-title .post-author-bio .author-info {
    margin: 20px 0 0;
}

table th, table td {
    padding:10px;
}

table tbody, table tbody tr~tr {
    border-top:1px solid #bbb;
}

table tbody th {
    border-right: 1px solid #bbb;
}

table a {
    color: #111;
}

dl dt, dl dd {
    line-height: 20px;
    padding: 5px 0;
}

.page-links {
    font-size: 12px;
    text-transform: uppercase;
}

.page-links a {
    width: 30px;
    height: 30px;
    border: 1px solid #111;
    display: inline-block;
    text-align: center;
    margin: 0 2px;
    color: #111;
    line-height: 27px;
}

#gallery-1 dl.gallery-item {
    text-align: center;
}

#gallery-1 dl.gallery-item img {
    display: inline-block;
}

/*============================================================================
  >> 06. FEATURED AREA
  ============================================================================
*/

.featured-style-1, .featured-style-2 {
    position: relative;
    padding:0 65px;
}

.featured-style-2 .slick-arrow, .featured-style-3 .slick-arrow, .featured-style-4 .slick-arrow, .featured-style-5 .slick-arrow {
    position: absolute;
    opacity: 1;
    width: 45px;
    height: 45px;
    background-color: transparent;
    border:0;
    font-size: 0;
    top: 50%;
    z-index: 1;
    outline: 2px solid rgba(255, 255, 255, 0.7);
}

.featured-style-2 .slick-prev, .featured-style-4 .slick-prev, .featured-style-5 .slick-prev {
    left: -20px;
}

.featured-style-3 .slick-prev {
    left: 50px;
}

.featured-style-2 .slick-next, .featured-style-4 .slick-next, .featured-style-5 .slick-next {
    right: -20px;
}

.featured-style-3 .slick-next {
    right: 50px;
}

.featured-style-2 .slick-next.slick-arrow:before, .featured-style-3 .slick-next.slick-arrow:before, .featured-style-4 .slick-next.slick-arrow:before, .featured-style-5 .slick-next.slick-arrow:before {
    content: "\f178";
}

.featured-style-2 .slick-arrow:before, .featured-style-3 .slick-arrow:before, .featured-style-4 .slick-arrow:before, .featured-style-5 .slick-arrow:before {
    position: absolute;
    font-family:'FontAwesome';
    content: "\f177";
    font-size: 18px;
    background-color: #111;
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    top: 0;
    left: 0;
}

.featured-content .arrow-off .slick-arrow {
    display: none!important;
}

.featured-style-1.dark,
.featured-style-2.dark {
    background-color: #111;
    padding:65px;
}

.featured-style-1.dark {
    padding: 65px 65px 45px;
}

.featured-style-1.dark h2,
.featured-style-2.dark h2 {
    color: #fff;
}

.theme-boxed .featured-style-1,
.theme-boxed .featured-style-2,
.theme-boxed .featured-style-4 {
    position: relative;
    padding:0;
}

.theme-boxed .featured-style-5 .container {
    width: 100%;
}

.theme-boxed .featured-style-5 .post-detail {
    padding-bottom: 40px;
}

.featured-style-4 {
    position: relative;
    padding:0 80px;
}

.featured-style-4 .grid-column.small.right {
    float: right;
}

.featured-content .post {
    position: relative;
}

.featured-style-3 .post {
    text-align: center;
}

.featured-content .post-image {
    position: relative;
}

.featured-style-1 .post-image a:before,
.featured-style-2 .post-image a:before,
.featured-style-3 .post-image a:before,
.featured-style-4 .post-image a:before,
.featured-style-5 .post-image a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.55;
    left: 0;
    top: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.featured-style-1 .post:hover .post-image a:before,
.featured-style-2 .post-image:hover a:before,
.featured-style-3 .featured-carousel-content:hover .post-image a:before,
.featured-style-4 .post:hover .post-image a:before,
.featured-style-5 .post:hover .post-image a:before {
    opacity: 0.8;
}

.featured-style-1 .post-detail {
    position: absolute;
    bottom: 200px;
    max-width: 1170px;
    left: 0;
    right: 0;
    margin:auto;
    text-align: center;
}

.featured-style-2 .post-detail,
.featured-style-4 .post-detail,
.featured-style-5 .post-detail {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin:auto;
    padding:30px;
}

.featured-style-5 .featured-boxed-fade-slider .post-detail {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.featured-style-5 .featured-boxed-fade-slider .post-detail {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    opacity: 0;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}

.featured-style-5 .featured-boxed-fade-slider .slick-active .post-detail {
    margin-bottom: 0;
    opacity: 1;
}

.featured-style-5 .post-detail {
    padding:70px;
}

.featured-style-4 .grid-column.medium .post-detail {
    padding:50px;
}

.featured-style-1 .post-detail .post-category ul li,
.featured-style-2 .post-detail .post-category ul li, {
    display: inline-block;
}

.featured-style-1 .post-detail .post-category ul li a,
.featured-style-2 .post-detail .post-category ul li a {
    font-size: 10px;
    padding:2px 5px;
}

.featured-style-1 .post-detail .post-title h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 50px;
    padding:0 150px;
    letter-spacing: -1px;
}

.featured-style-2 .post-detail .post-title h2 {
    font-weight: 700;
}

.featured-style-4 .post-detail .post-title h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

.featured-style-5 .post-detail .post-title h2 {
    font-size: 40px;
    line-height: 46px;
    font-weight: 700;
}

.featured-style-4 .grid-column.medium .post-title h2 {
    font-size: 36px;
    line-height: 42px;
}

.featured-style-1 .post-detail .post-title h2 a,
.featured-style-2 .post-detail .post-title h2 a,
.featured-style-3 .post-title h2 a,
.featured-style-4 .post-title h2 a,
.featured-style-5 .post-title h2 a {
    text-decoration: none;
    color: #fff;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.featured-style-2 .post-detail .post-title h2 a:hover,
.featured-style-3 .post-detail .post-title h2 a:hover,
.featured-style-4 .post-detail .post-title h2 a:hover,
.featured-style-5 .post-detail .post-title h2 a:hover {
    text-decoration: underline;
}

.featured-style-1 .post-detail .post-meta .post-author a,
.featured-style-2 .post-detail .post-meta .post-author a,
.featured-style-3 .post-detail .post-meta .post-author a,
.featured-style-4 .post-detail .post-meta .post-author a,
.featured-style-5 .post-detail .post-meta .post-author a {
    margin:0 10px 0 0;
    color: #fff;
    letter-spacing: 0.5px;
}

.featured-style-1 .post-detail .post-meta .post-date a,
.featured-style-2 .post-detail .post-meta .post-date a,
.featured-style-3 .post-detail .post-meta .post-date a,
.featured-style-4 .post-detail .post-meta .post-date a,
.featured-style-5 .post-detail .post-meta .post-date a {
    color: #fff;
}

.featured-style-1 .post-detail .post-meta .post-date:before,
.featured-style-2 .post-detail .post-meta .post-date:before,
.featured-style-3 .post-detail .post-meta .post-date:before,
.featured-style-4 .post-detail .post-meta .post-date:before,
.featured-style-5 .post-detail .post-meta .post-date:before {
    position: absolute;
    content: '-';
    left: -10px;
}

.featured-style-1 > .container {
    position: relative;
}

.theme-boxed .featured-style-1 > .container {
    width: inherit;
}

.featured-style-1 .featured-slider-rel {
    position: absolute;
    width: 100%;
    bottom: 5px;
    left: 0;
}

.featured-style-1 .featured-slider-nav {
    margin: 0;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 30px;
}

.featured-style-1.dark .featured-slider-nav {
    background-color: transparent;
    margin: 40px 0 0;
    padding:0;
}

.featured-style-1 .featured-slider-nav .post {
    position: relative;
    padding:0 10px;
    cursor: pointer;
    opacity: 0.55;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.featured-style-1 .featured-slider-nav .slick-current .post {
    opacity: 1;
}

.featured-style-1 .featured-slider-nav .post-title h2 {
    font-size: 13px;
    line-height: 16px;
    margin:7px 0;
    color: #fff;
}

.featured-style-3 .featured-carousel-content {
    position: relative;
    display: inline-block;
    max-width: 1170px;
}

.featured-style-3 .featured-carousel-content .post-detail {
    position: absolute;
    width: 100%;
    top: 50%;
    margin:0;
    padding: 0 150px;
}

.featured-style-3 .post-title h2 {
    font-size: 38px;
    line-height: 46px;
    font-weight: 700;
}

.featured-slider .slick-dots,
.featured-carousel .slick-dots,
.featured-grid-carousel .slick-dots,
.featured-boxed-slider .slick-dots {
    text-align: center;
    margin: 20px 0 0;
}

.featured-slider .slick-dots li,
.featured-carousel .slick-dots li,
.featured-grid-carousel .slick-dots li,
.featured-boxed-slider .slick-dots li {
    display: inline-block;
    margin:0 3px;
}

.featured-slider .slick-dots li button,
.featured-carousel .slick-dots li button,
.featured-grid-carousel .slick-dots li button,
.featured-boxed-slider .slick-dots li button {
    display: inline-block;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    border: 0;
    background-color: #eee;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    outline: none;
    border-color:none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.featured-slider .slick-dots li.slick-active button,
.featured-carousel .slick-dots li.slick-active button,
.featured-grid-carousel .slick-dots li.slick-active button,
.featured-boxed-slider .slick-dots li.slick-active button {
    background-color: #ccc;
}

/*============================================================================
  >> 07. CATEGORY LAYOUTS
  ============================================================================
*/

.item-title,
.category-title,
.widget-title {
    position: relative;
    margin:0 0 10px;
}

.item-title:before,
.category-title:before,
.widget-title:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #eee;
    top: 17px;
    z-index: 0;
}

.item-title h4,
.category-title h4,
.widget-title h4 {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #fff;
    padding: 0 10px 0 0;
    z-index: 1;
}

.category-content .post-style-2 .post-author a,
.category-content .cat-slider .post-author a,
.custom-posts-slider-for .post-author a,
.blog-posts .post-author a {
    margin: 0 10px 0 0;
}

.category-content .cat-slider .post-author a {
    color: #b7b7b7;
}

.category-content .standart-style-1 .post-date:before,
.category-content .cat-slider .post-date:before,
.custom-posts-slider-for .post-date:before,
.blog-posts .post-date:before {
    position: absolute;
    content: '-';
    left: -9px;
}

.category-content .post.post-style-2, .category-content .post.post-style-6 {
    margin:0 0 30px;
}

.category-content.style-3 .post {
    margin:0 0 50px;
}

.category-content.style-3 .post.post-style-6 {
    margin:0 0 30px;
}

.cat-slider .post {
    position: relative;
}

.cat-slider .post .post-detail {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin:0;
}

.cat-slider .post .post-detail:before {
    position: absolute;
    content: '';
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    background-color: rgba(0, 0, 0, 0.45);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.cat-slider .post .post-detail .post-detail-inwrap {
    display: table;
    width: 100%;
    height: 100%;
    padding:40px;
}

.cat-slider .post .post-detail .post-detail-inwrap .post-text-content {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
    padding: 0 50px;
}

.cat-slider .post .post-detail .post-detail-inwrap .post-text-content .post-title h5 {
    font-size: 30px;
    line-height: 38px;
}

.cat-slider .post .post-detail .post-detail-inwrap .post-text-content .post-title h5 a {
    color: #fff;
}

.cat-slider .post .post-detail .post-detail-inwrap .post-text-content .post-title h5 a:hover {
    text-decoration: underline;
}

.cat-slider .post:hover .post-detail:before {
    background-color: rgba(0, 0, 0, 0.7);
}

.category-content.style-5 .slick-controls, .category-content.style-6 .slick-controls {
    position: absolute;
    margin: -54px 0 0;
    right: 14px;
}

.category-content.style-6 .slick-controls {
    margin: -43px 0 0;
    right: 13px;
}

.category-content.style-5 .slick-controls ul li, .category-content.style-6 .slick-controls li {
    display: inline-block;
}

.category-content.style-5 .slick-controls ul li.prev, .category-content.style-6 .slick-controls li.prev {
    margin: 0 -3px 0 0;
    border-right: 1px solid #eee;
}

.category-content.style-5 .slick-controls ul li a, .category-content.style-6 .slick-controls li a {
    display: inline-block;
    font-size: 9px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    background-color: #fff;
    color: #000;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.category-content.style-6 .slick-controls li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.category-content.style-5 .slick-controls ul li a:hover, .category-content.style-6 .slick-controls li a:hover {
    background-color: #000;
    color: #fff;
}

.cat-carousel .post, .cat-carousel-four .post {
    padding:0 15px;
}

.cat-carousel-four .post h5 {
    font-size: 18px!important;
    line-height: 24px;
}

.cat-carousel-five .post h5 {
    font-size: 15px!important;
    line-height: 21px;
}

.cat-carousel-five .post .post-detail {
    padding:0 15px;
    text-align: center;
}

.cat-carousel-five .post .post-detail .post-content {
    display: none;
}

/*============================================================================
  >> 08. SIDEBARS
  ============================================================================
*/

.sidebar-content.right {
    position: relative;
    margin:0 15px 0 45px!important;
}

.sidebar-content.left {
    margin:0 45px 0 15px!important;
}

.single .sidebar-content {
    padding-left: 30px;
}

.widget {
    position: relative;
    padding:30px;
    margin:0 0 50px;
    border:1px solid #eee;
}

.widget:last-child {
    margin:0;
}

.widget .widget-title {
    margin: 0 0 20px;
}

.widget .widget-title h4 {
    font-size: 13px!important;
}

.widget.widget-posts-style-1 ul li,
.widget.widget-posts-style-2 ul li {
    position: relative;
    overflow: hidden;
    background-size: cover!important;
    background-position: center center!important;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.widget.widget-posts-style-2 ul li {
    padding:7px 0;
}

.widget.widget-posts-style-2 ul li:first-child {
    padding-top: 0;
}

.widget.widget-posts-style-2 ul li:last-child {
    padding-bottom: 0;
}

.widget.widget-posts-style-1 ul li~li,
.widget.widget-posts-style-2 ul li~li,
.widget.widget-posts-style-3 ul li~li {
    border-top:1px solid #eee;
}

.widget.widget-posts-style-1 ul li a,
.widget.widget-posts-style-2 ul li a {
    position: relative;
    display: block;
    padding:20px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.widget.widget-posts-style-2 ul li a {
    padding:10px 10px;
}

.widget.widget-posts-style-1 ul li a .post-title h6,
.widget.widget-posts-style-2 ul li a .post-title h6 {
    position: relative;
    font-size: 15px;
    line-height: 22px;
    color: #000;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    z-index: 1;
    margin: 0 0 0 25px;
}

.widget.widget-posts-style-1 ul li a .post-title h6 {
    margin:0;
}

.widget.widget-posts-style-1 ul li a .post-title h6 {
    line-height: 19px;
}

.widget.widget-posts-style-2 ul li a .post-title h6 {
    font-size: 16px;
    padding:0;
    margin:0;
}

.widget.widget-posts-style-1 ul li a .post-meta,
.widget.widget-posts-style-2 ul li a .post-meta,
.widget.widget-posts-style-3 ul li .post-meta,
.widget.category-post-widget ul li .post-meta {
    margin:0;
    padding:0;
    border:0;
}

.widget.widget-posts-style-1 ul li a .post-meta .post-date:before, .widget.widget-posts-style-2 ul li a .post-meta .post-date:before, .widget.widget-posts-style-3 ul li .post-meta .post-date:before, .widget.category-post-widget ul li .post-meta .post-date:before {
    content: '';
}

.widget.category-post-widget ul li .post-image {
    margin:0;
}

.widget.category-post-widget ul li .post-meta .post-date {
    color: #eee;
}

.widget.widget-posts-style-1 ul li a .post-date {
    position: relative;
    z-index: 1;
}

.widget.widget-posts-style-1 ul li a span {
    display: none;
}

.widget.widget-posts-style-2 ul li .post-content {
    position: relative;
    padding:0 10px;
}

.widget.widget-posts-style-2 ul li:first-child .post-content {
    margin:10px 0 0;
}

/*
.widget.widget-posts-style-1 ul li:first-child a,
.widget.widget-posts-style-2 ul li:first-child a {
    padding:0;
    background-color: #000;
}

.widget.widget-posts-style-1 ul li:first-child a .post-image,
.widget.widget-posts-style-2 ul li:first-child a .post-image {
    opacity: 0.6;
}

.widget.widget-posts-style-1 ul li:first-child a .post-image {
    margin: 0;
}

.widget.widget-posts-style-1 ul li:first-child .post-title,
.widget.widget-posts-style-2 ul li:first-child .post-title {
    position: absolute;
    bottom: 35px;
}

.widget.widget-posts-style-1 ul li:first-child .post-title h6,
.widget.widget-posts-style-2 ul li:first-child .post-title h6 {
    font-size: 15px;
    line-height: 21px;
    color: #fff;
}

.widget.widget-posts-style-2 ul li:first-child .post-title h6 {
    padding: 0 0 0 25px;
}

.widget.widget-posts-style-1 ul li:first-child  .post-meta,
.widget.widget-posts-style-2 ul li:first-child  .post-meta {
    position: absolute;
    bottom: 15px;
    padding: 0 0 0 25px;
}

.widget.widget-posts-style-1 ul li a:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.widget.widget-posts-style-1 ul li a:hover .post-title h6 {
    color: #fff;
}

.widget.widget-posts-style-1 ul li:first-child a:hover {
    background-color: rgba(0, 0, 0, 1);
}

.widget.widget-posts-style-1 ul li:first-child a .post-title h6 {
    padding: 0 0 0 25px;
}
*/

.widget.widget-posts-style-2 ul:hover li {
    opacity: 0.3;
}

.widget.widget-posts-style-2 ul:hover li:hover {
    opacity: 1;
}

.widget.widget-posts-style-3 ul li {
    padding:15px 0 15px;
}

.widget.widget-posts-style-3 ul li:first-child {
    padding-top: 0;
}

.widget.widget-posts-style-3 ul li:last-child {
    padding-bottom: 0;
}

.widget.widget-posts-style-3 ul li .post-title h6 {
    font-size: 13px!important;
    font-weight: 700;
}

.social-media-widget ul, 
.sidebar-social ul {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.social-media-widget ul li~li,
.sidebar-social ul li~li {
    border-top: 1px solid #eee;
}

.social-media-widget ul li a,
.sidebar-social ul li a {
    display: block;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.social-media-widget ul li a i,
.sidebar-social ul li a i {
    position: relative;
    display: inline-block;
    font-size: 12px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 42px;
    margin: 0 10px 0 0;
    z-index: 1;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.social-media-widget ul li a span,
.sidebar-social ul li a span {
    display: inline-block;
    float: right;
    font-size: 9px;
    text-transform: uppercase;
    margin: 0 30px 0 0;
    line-height: 40px;
}

.social-media-widget ul li a.facebook:hover,
.sidebar-social ul li a.facebook:hover {
    background-color: #3b5998;
    color:#fff;
}

.social-media-widget ul li a.twitter:hover,
.sidebar-social ul li a.twitter:hover {
    background-color: #00aced;
    color:#fff;
}

.social-media-widget ul li a.dribble:hover,
.sidebar-social ul li a.dribbble:hover {
    background-color: #ed689b;
    color:#fff;
}

.social-media-widget ul li a.linkedin:hover,
.sidebar-social ul li a.linkedin:hover {
    background-color: #0077b5;
    color:#fff;
}

.social-media-widget ul li a.flickr:hover,
.sidebar-social ul li a.flickr:hover {
    background-color: #ff0084;
    color:#fff;
}

.social-media-widget ul li a.tumblr:hover,
.sidebar-social ul li a.tumblr:hover {
    background-color: #3d5a70;
    color:#fff;
}

.social-media-widget ul li a.vimeo:hover,
.sidebar-social ul li a.vimeo:hover {
    background-color: #1ab7ea;
    color:#fff;
}

.social-media-widget ul li a.youtube:hover,
.sidebar-social ul li a.youtube:hover {
    background-color: #dd1a2a;
    color:#fff;
}

.social-media-widget ul li a.instagram:hover,
.sidebar-social ul li a.instagram:hover {
    background-color: #125688;
    color:#fff;
}

.social-media-widget ul li a.google:hover,
.sidebar-social ul li a.google:hover {
    background-color: #dd4b39;
    color:#fff;
}

.social-media-widget ul li a.foursquare:hover,
.sidebar-social ul li a.foursquare:hover {
    background-color: #f94877;
    color:#fff;
}

.social-media-widget ul li a.pinterest:hover,
.sidebar-social ul li a.pinterest:hover {
    background-color: #cb2027;
    color:#fff;
}

.social-media-widget ul li a.deviantart:hover,
.sidebar-social ul li a.deviantart:hover {
    background-color: #04cc47;
    color:#fff;
}

.social-media-widget ul li a.behance:hover,
.sidebar-social ul li a.behance:hover {
    background-color: #005cff;
    color:#fff;
}

.social-media-widget ul li a.snapchat:hover,
.sidebar-social ul li a.snapchat:hover {
    background-color: #fffc00;
    color:#111;
}

.social-media-widget ul li a.facebook:hover i,
.social-media-widget ul li a.twitter:hover i,
.social-media-widget ul li a.dribbble:hover i,
.social-media-widget ul li a.linkedin:hover i,
.social-media-widget ul li a.flickr:hover i,
.social-media-widget ul li a.tumblr:hover i,
.social-media-widget ul li a.vimeo:hover i,
.social-media-widget ul li a.youtube:hover i,
.social-media-widget ul li a.instagram:hover i,
.social-media-widget ul li a.google:hover i,
.social-media-widget ul li a.foursquare:hover i,
.social-media-widget ul li a.pinterest:hover i,
.social-media-widget ul li a.deviantart:hover i,
.social-media-widget ul li a.behance:hover i,
.sidebar-social ul li a.facebook:hover i,
.sidebar-social ul li a.twitter:hover i,
.sidebar-social ul li a.dribbble:hover i,
.sidebar-social ul li a.linkedin:hover i,
.sidebar-social ul li a.flickr:hover i,
.sidebar-social ul li a.tumblr:hover i,
.sidebar-social ul li a.vimeo:hover i,
.sidebar-social ul li a.youtube:hover i,
.sidebar-social ul li a.instagram:hover i,
.sidebar-social ul li a.google:hover i,
.sidebar-social ul li a.foursquare:hover i,
.sidebar-social ul li a.pinterest:hover i,
.sidebar-social ul li a.deviantart:hover i,
.sidebar-social ul li a.behance:hover i {
    border-color: #fff;
}

.social-media-widget ul li a.snapchat:hover i, .sidebar-social ul li a.snapchat:hover i {
    border-color: #d7d400;
}

.about-editor-widget {
    border: 0;
    padding:0!important;
}

.about-editor-widget .author-content, 
.about-editor-widget .author-content .widget-image {
    position: relative;
    overflow: hidden;
}

.about-editor-widget .author-content .widget-image .second-image {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    top: 0;
}

.about-editor-widget .author-content:hover .widget-image .second-image {
    opacity: 1;
}

.about-editor-widget .author-content .author-detail {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    vertical-align: bottom;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.about-editor-widget .author-content:hover .author-detail {
    background-color: rgba(0, 0, 0, 0.8);
}

.about-editor-widget .author-content .author-detail .author-detail-content {
    position: absolute;
    width: 100%;
    bottom: 40px;
    padding:20px;
    text-align: center;
}

.about-editor-widget .author-content .author-detail .author-detail-content h2 {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 20px 0;
}

.about-editor-widget .author-content .author-detail .author-detail-content h2:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 1px;
    background-color: #fff;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
}

.about-editor-widget .author-content .author-detail .author-detail-content p {
    font-size: 13px;
    font-style: italic;
    line-height: 20px;
    color: #fff;
    margin:0;
}

.about-editor-widget .author-content .author-detail .author-detail-content a {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.5px;
    border: 2px solid #fff;
    padding: 7px 15px;
    margin: 20px 0 0 0;
    text-decoration: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.about-editor-widget .author-content .author-detail .author-detail-content a:hover {
    background-color: #fff;
    color: #000;
}

.slider-widget .slick-dots,
.post-gallery.style-2 ul .slick-dots {
    text-align: center;
}

.slider-widget .slick-dots li,
.post-gallery.style-2 ul .slick-dots li {
    display: inline-block;
    margin:0 2px;
}

.slider-widget .slick-dots li button,
.post-gallery.style-2 ul .slick-dots li button {
    display: inline-block;
    width: 12px;
    height: 12px;
    border:0;
    font-size: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    outline: none;
    border-color:none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.post-gallery.style-2 ul .slick-dots li.slick-active button {
    background-color: #bbb;
}

.instagram-profile-images {
    position: relative;
    display: inline-block;
    width: 100%;
}

.instagram-profile-images li {
    display: inline-block;
    float: left;
    width: 48%;
    margin: 2px;
}

.instagram-profile-images li a {
    position: relative;
    display: block;
}

.instagram-profile-images li a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.instagram-profile-images li a:hover:before {
    opacity: 0.3;
}

.widget_categories ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_nav_menu ul li {
    display: inline-block;
    font-size: 12px;
    width: 100%;
    padding:11px 0 9px;
    text-align: right;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.widget_recent_comments ul li,
.widget_recent_entries ul li {
    text-align: left;
    color: #aaa;
    font-size: 13px;
    line-height: 18px;
}

.widget_rss ul li {
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    color: #666;
}

.widget_categories ul li ul {
    padding-left: 20px;
}

.widget_categories ul li~li,
.widget_archive ul li~li,
.widget_pages ul li~li,
.widget_meta ul li~li,
.widget_recent_comments ul li~li,
.widget_recent_entries ul li~li,
.widget_rss ul li~li,
.widget_nav_menu ul li~li,
.widget_categories ul li ul li~li {
    border-top: 1px solid #eee;
}

.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    color: #666;
}

.widget_nav_menu ul li ul {
    position: relative;
    display: block;
    margin: 30px 0 0 20px;
}

.widget_recent_comments ul li span.comment-author-link,
.widget_recent_comments ul li span.comment-author-link a,
.widget_rss ul li a {
    color: #000;
}

.widget_rss ul li a {
    font-weight: 700;
}

.widget_recent_comments ul li a,
.widget_recent_entries ul li a {
    color: #999;
}

.widget_archive label,
.widget_categories label {
    display: none;
}

.widget_archive select,
.widget_categories select,
.widget_text form select {
    display: inline-block;
    width: 100%;
    height: 45px;
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer;
}

.widget_calendar .calendar_wrap {
    position: relative;
}

.widget_calendar .calendar_wrap table {
    width: 100%;
}

.widget_calendar .calendar_wrap table caption {
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
    color: #111;
    border: 1px solid #eee;
    border-bottom: 0;
}

.widget_calendar .calendar_wrap table thead {
    margin:15px 0 0;
    background-color: #f8f8f8;
    border: 1px solid #eee;
}

.widget_calendar .calendar_wrap table th, .widget_calendar .calendar_wrap table td {
    font-size: 12px;
    text-align: center;
    padding: 15px 0;
}

.widget_calendar .calendar_wrap table td {
    padding: 10px 0;
    color: #999;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.widget_calendar .calendar_wrap table td:last-child {
    border-right: 1px solid #eee;
}

.widget_calendar .calendar_wrap table td a {
    font-weight: 900;
    color: #111;
    text-transform: uppercase;
}

.widget_rss .widget-title h4 a {
    display: inline-block;
    color: #000;
}

.widget_rss .widget-title h4 a img {
    display: inline-block;
    margin: -3px 10px 0 0;
}

.widget_tag_cloud .tagcloud a {
    color: #000;
}

.widget_search .search-form {
    position: relative;
}

.widget_search .search-form input {
    font-size: 11px;
    height: 45px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 45px 0 15px;
}

.widget_search .search-form input:focus {
    border-color: #f8f8f8;
    outline: 0;
    background-color: #f8f8f8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.widget_search .search-form button {
    position: absolute;
    height: 45px;
    width: 45px;
    right: 0;
    top: 0;
    border: 0;
    background-color: transparent;
}

.widget_text p {
    font-size: 13px;
    line-height: 20px;
}

.widget_text p.wp-caption-text {
    font-size: 11px;
    text-transform: uppercase;
    color: #aaa;
}

.widget_text form {
    position: relative;
}

.widget-category-slider h6 {
    font-size: 18px;
    line-height: 24px;
}

/*============================================================================
  >> 09. CUSTOM POSTS
  ============================================================================
*/

.theme-custom-posts .custom-post-title {
    position: relative;
    text-align: center;
    z-index: 1;
    margin: 0 0 50px;
}

.theme-custom-posts .custom-post-title h4 {
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.theme-custom-posts.style-2 .custom-post-title {
    margin:0;
}

.theme-custom-posts.style-2 .custom-post-title h4 {
    padding: 0 0 10px 90px;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 5px;
}

.theme-custom-posts.style-1 {
    position: relative;
    margin:0 50px;
    padding:55px 0 0;
}

.theme-boxed .theme-custom-posts.style-1 {
    margin:0;
}

.theme-custom-posts.style-2 {
    padding: 120px 0;
}

.theme-custom-posts.style-3 {
    padding: 100px 0 120px;
}

.theme-custom-posts.style-3 .custom-post-title h4 {
    display: inline-block;
    letter-spacing: 5px;
    margin:0;
    padding:0 20px;
    background-color: #fff;
}

.theme-custom-posts.style-3 .custom-posts-content {
    position: relative;
}

.theme-custom-posts.style-3 .custom-posts-content:before {
    position: absolute;
    content: '';
    top: -63px;
    right: 130px;
    left: 130px;
    bottom: -70px;
    border: 5px solid;
}

.theme-custom-posts.style-3 .custom-posts-column.small {
    background-color: #fff;
}

.theme-custom-posts.style-3 .custom-posts-column {
    padding-top: 30px;
}

.theme-custom-posts.style-1:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 80px;
}

.theme-custom-posts.style-1 .custom-posts-slider-for {
    margin:0 85px;
    box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.7);
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-image, 
.theme-custom-posts.style-1 .custom-posts-slider-nav .post .post-image {
    position: relative;
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-image a,
.theme-custom-posts.style-1 .custom-posts-slider-nav .post .post-image {
    display: block;
    background-color: transparent;
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-image a:before,
.theme-custom-posts.style-1 .custom-posts-slider-nav .post .post-image:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.theme-custom-posts.style-1 .custom-posts-slider-nav .post .post-image:before {
    opacity: 0.7;
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post:hover .post-image a:before {
    opacity: 0.7;
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-image a img {
    opacity: 1!important;
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail {
    position: absolute;
    width: 100%;
    bottom: 180px;
    padding:0 150px;
    text-align: center;
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail .post-title h2 {
    font-size: 36px;
    font-weight: 700;
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail .post-title h2 a {
    color: #fff;
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail .post-title h2 a:hover {
    text-decoration: underline;
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post .post-detail .post-author a {
    color: #fff;
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post-detail .post-content p {
    font-style: italic;
    color: #fff !important;
}

.theme-custom-posts.style-1 .custom-posts-slider-nav .post .post-detail {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding:10px 25px;
    opacity: 1;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.theme-custom-posts.style-1 .custom-posts-slider-nav {
    margin:-130px 0 0;
}

.theme-custom-posts.style-1 .custom-posts-slider-nav .post {
    position: relative;
    cursor: pointer;
}

.theme-custom-posts.style-1 .custom-posts-slider-nav .post .post-detail .post-title h2 {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.theme-custom-posts.style-1 .custom-posts-slider-nav .slick-current .post .post-detail {
    opacity: 0;
}

.theme-custom-posts.style-1 .custom-posts-slider-nav .slick-current .post .post-image:before {
    opacity: 0;
}

.theme-custom-posts.style-2 .custom-posts-no-image > ul > li {
    position: relative;
    padding:32px 0;
}

.theme-custom-posts.style-2 .custom-posts-no-image > ul > li:first-child {
    padding-top: 0;
}

.theme-custom-posts.style-2 .custom-posts-no-image > ul > li~li {
    border-top:1px solid #eee;
}

.theme-custom-posts.style-2 .custom-posts-no-image ul li span {
    position: absolute;
    font-size: 72px;
    font-weight: 700;
    color: #F5F5F5;
    z-index: 0;
}

.theme-custom-posts.style-2 .custom-posts-no-image ul li .post {
    position: relative;
    padding: 0 0 0 100px;
}

.theme-custom-posts.style-2 .custom-posts-no-image ul li .post .post-title h6 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 10px 0 5px;
}

.theme-custom-posts.style-2 .custom-posts-no-image ul li .post .post-title h6 a:hover {
    text-decoration: underline;
}

.theme-custom-posts.style-2 .custom-posts-medium .post-image {
    position: relative;
}

.theme-custom-posts.style-2 .custom-posts-medium .post-image:before {
    position: absolute;
    content: '';
    width: 90%;
    right: -60px;
    top: -60px;
    bottom: -60px;
    background-color: #f8f8f8;
}

.theme-custom-posts.style-2 .custom-posts-medium .post-detail {
    position: absolute;
    width: 410px;
    right: 0;
    background-color: #fff;
    padding: 50px;
    margin: 0;
}

.theme-custom-posts.style-3 .custom-posts-column .post-detail {
    text-align: center;
}

.theme-custom-posts.style-2 .custom-posts-medium .post-detail .post-title h6 {
    font-size: 26px;
    line-height: 32px;
    margin: 15px 0 10px;
}

.theme-custom-posts.style-2 .custom-posts-medium .post-detail .post-author a {
    margin: 0 10px 0 0;
}

.theme-custom-posts.style-2 .custom-posts-medium .post-detail .post-date:before {
    position: absolute;
    content: '-';
    left: -9px;
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post-date,
.theme-custom-posts.style-1 .custom-posts-slider-for .post-date a {
    font-size: 10px;
    color: #fff;
}

.theme-custom-posts.style-1 .custom-posts-slider-for .post-date:before,
.theme-custom-posts.style-1 .custom-posts-slider-nav .post-date:before {
    position: absolute;
    content: '-';
    left: -9px;
}

.theme-custom-posts.style-1 .post-author a {
    font-size: 10px;
    color: #b7b7b7;
    margin: 0 10px 0 0;
}

.theme-custom-posts.style-2 .custom-posts-medium .post-detail .post-bottom {
    position: relative;
    display: inline-block;
    font-size: 10px;
    padding: 15px 0 0;
    margin: 5px 0 0;
    border-top: 1px dotted #E6E6E6;
}

.theme-custom-posts.style-2 .custom-posts-medium .post-detail .post-bottom .post-comment,
.theme-custom-posts.style-2 .custom-posts-medium .post-detail .post-bottom .post-views {
    position: relative;
    display: inline-block;
    margin: 0 15px 0 0;
}

.theme-custom-posts.style-2 .custom-posts-medium .post-detail .post-bottom .post-comment a,
.theme-custom-posts.style-2 .custom-posts-medium .post-detail .post-bottom .post-views {
    color: #B7B7B7;
}

.theme-custom-posts.style-2 .custom-posts-medium .post-detail .post-bottom .post-views:before  {
    position: absolute;
    content: '-';
    left: -11px;
}

.theme-custom-posts.style-3 .custom-posts-column.small .post {
    margin:0 0 60px;
}

.theme-custom-posts.style-3 .custom-posts-column.small .post .post-title h6 {
    font-size: 16px;
    line-height: 24px;
}

.theme-custom-posts.style-3 .custom-posts-column.medium .post {
    position: relative;
}

.theme-custom-posts.style-3 .custom-posts-column.medium .post .post-detail {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin:0;
    vertical-align: middle;
    padding: 40% 50px 0 50px;
}

.theme-custom-posts.style-3 .custom-posts-column.medium .post .post-detail:before {
    position: absolute;
    content: '';
    left: 17px;
    right: 17px;
    top: 17px;
    bottom: 17px;
    margin: auto;
    background-color: #000;
    opacity: 0.3;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

.theme-custom-posts.style-3 .custom-posts-column.medium .post:hover .post-detail:before {
    opacity: 0.7;
}

.theme-custom-posts.style-3 .custom-posts-column.medium .post .post-detail .post-date {
    position: relative;
    z-index: 1;
}

.theme-custom-posts.style-3 .custom-posts-column.medium .post .post-detail .post-title h6 {
    position: relative;
    font-size: 32px;
    line-height: 38px;
    z-index: 1;
}

.theme-custom-posts.style-3 .custom-posts-column.medium .post .post-detail .post-title h6 a,
.theme-custom-posts.style-3 .custom-posts-column.medium .post .post-detail .post-date,
.theme-custom-posts.style-3 .custom-posts-column.medium .post .post-detail .post-date a {
    color: #fff;
}

.theme-custom-posts.style-3 .custom-posts-column.medium .post .post-detail .post-title h6 a:hover {
    text-decoration: underline;
}

/*============================================================================
  >> 10. FOOTER
  ============================================================================
*/

footer {
    padding:70px 0 0;
}

footer.light,
footer.light .widget-title h4,
footer.light .widget_archive select, 
footer.light .widget_categories select, 
footer.light .widget_text form select {
    background-color: #f8f8f8;
}

footer .widget {
    border:0;
    padding:0 10px;
}

footer.dark,
footer.dark .widget .widget-title h4 {
    background-color: #000;
}

footer .widget-column {
    margin-bottom: 30px;
}

footer.dark .social-media-widget ul,
footer.dark .social-media-widget ul li~li,
footer.dark .social-media-widget ul li a i,
footer.dark .social-media-widget ul li a:hover i,
footer.dark .widget_categories ul li~li, 
footer.dark .widget_archive ul li~li, 
footer.dark .widget.widget-posts-style-2 ul li~li,
footer.dark .widget_pages ul li~li, 
footer.dark .widget_meta ul li~li, 
footer.dark .widget_recent_comments ul li~li, 
footer.dark .widget_recent_entries ul li~li, 
footer.dark .widget_rss ul li~li, 
footer.dark .widget_nav_menu ul li~li,
footer.dark .widget.widget-posts-style-3 ul li~li,
footer.dark .widget.widget-posts-style-1 ul li~li,
footer.dark .widget_calendar .calendar_wrap table caption,
footer.dark .widget_calendar .calendar_wrap table thead,
footer.dark .widget_calendar .calendar_wrap table td,
footer.dark .widget_calendar .calendar_wrap table td {
    border-color: #222;
}

footer.dark .widget.widget-posts-style-1 ul li a,
footer.dark .widget.widget-posts-style-2 ul li a {
    background-color: rgba(0, 0, 0, 1);
}

footer.light .widget.widget-posts-style-1 ul li a,
footer.light .widget.widget-posts-style-2 ul li a {
    background-color: rgba(248, 248, 248, 1);
}

footer.light .widget.widget-posts-style-1 ul li:first-child a,
footer.light .widget.widget-posts-style-2 ul li:first-child a {
    background-color: #111;
}

footer.dark .widget.widget-posts-style-1 ul li a:hover,
footer.light .widget.widget-posts-style-1 ul li a:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

footer.dark .widget.widget-posts-style-1 ul li a .post-title h6 {
    padding:0;
}

footer.dark .widget.widget-posts-style-1 ul li:first-child a .post-title h6 {
    padding: 0 0 0 25px;
}

footer.dark .social-media-widget ul li a,
footer.dark .widget.widget-posts-style-3 ul li .post-title h6 a,
footer.dark .widget.widget-posts-style-1 ul li a .post-title h6,
footer.dark .widget.widget-posts-style-2 ul li a .post-title h6,
footer.dark .widget .widget-title h4,
footer.dark .widget .widget-title h4 a,
footer.dark .widget_recent_comments ul li span.comment-author-link, 
footer.dark .widget_recent_comments ul li span.comment-author-link a, 
footer.dark .widget_rss ul li a,
footer.dark .widget_search .search-form button,
footer.dark .widget_calendar .calendar_wrap table th,
footer.dark .widget_calendar .calendar_wrap table td a,
footer.dark .widget_calendar .calendar_wrap table caption {
    color: #fff;
}

footer.dark .widget_archive select, 
footer.dark .widget_categories select, 
footer.dark .widget_text form select,
footer.dark .widget_search .search-form input {
    background-color: #111;
    color: #fff;
    border-color: #222;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

footer.dark .widget_search .search-form input:focus,
footer.dark .widget_calendar .calendar_wrap table thead {
    background-color: #222;
    outline: 0;
}

.subfooter {
    display: inline-block;
    width: 100%;
}

.sub-main-content {
    padding:20px 0;
}

.subfooter.style-2 {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.subfooter .footer-brand-logo {
    display: inline-block;
}

.subfooter.style-2 .footer-brand-logo {
    margin: 0 0 20px;
}

.subfooter .footer-brand-logo a img {
    height: 25px;
}

.subfooter.style-2 .footer-brand-logo a img {
    height: 40px;
}

.subfooter.style-1 nav.footer-menu {
    display: inline-block;
    float: right;
}

.subfooter.style-2 nav.footer-menu {
    display: inline-block;
    width: 100%;
}

nav.footer-menu ul li {
    display: inline-block;
    padding: 0 0 0 10px;
}

nav.footer-menu ul li a {
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    color: #888;
    letter-spacing: 0.5px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

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

footer.light nav.footer-menu ul li a {
    color: #000;
}

footer.light nav.footer-menu ul li a:hover {
    text-decoration: underline;
    color: #000;
}

.copyright {
    position: relative;
    border-top:1px solid;
    padding:20px 0;
}

.subfooter.style-2 .copyright {
    text-align: center;
}

.copyright p {
    font-size: 10px;
    letter-spacing: 2px;
    margin:0;
    text-transform: uppercase;
}

.footer-sidebar {
    position: relative;
    margin:0 0 50px;
}

footer.dark p {
    color: #676767;
}

footer.dark .copyright {
    border-color: #222;
}

footer.dark .copyright p span {
    color: #ccc;
}

footer.light p {
    color: #999;
}

footer.light .copyright {
    border-color: #eaeaea;
}

footer.light .copyright p span {
    color: #111;
}

.back-to-top {
    position: fixed;
    display: none;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    right: 15px;
    bottom: 15px;
    cursor: pointer;
}

.back-to-top a {
    display: block;
    text-decoration: none;
    background-color: #fff;
    color: #000;
    border: 1px solid #eee;
    -webkit-transition: border-color 0.25s ease-in-out;
    -moz-transition: border-color 0.25s ease-in-out;
    -ms-transition: border-color 0.25s ease-in-out;
    -o-transition: border-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out;
}

.back-to-top a:hover {
    border: 1px solid #000;
}

/*============================================================================
  >> 11. PAGINATION LOADING
  ============================================================================
*/
.hague-ajax-content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
.hague-ajax-content .loading-posts {
 display: none;
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(255,255,255,0.9);
    background-image: url(assets/images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 50% 100px;
}

.pagination-load-more {
 position: relative;
 display: inline-block;
 width: 100%;
 text-align: center;
}

.pagination-load-more a {
 display: inline-block;
 font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border: 1px solid #000;
    color: #000;
    padding: 13px 55px;
    text-decoration: none;
 -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.pagination-load-more a:hover {
 background-color: #000;
 color: #fff;
}

.load-content {
 position: relative;
 display: inline-block;
 width: 100%;
 height: 32px;
 text-align: center;
}

.load-content .load-circle {
 display: inline-block;
 width: 32px;
 height: 32px;
 background: url(assets/images/ajax-loader.gif);
}

.category-featured{
    margin-top: 50px;
}
/*============================================================================
  >> 12. DARK HEADER
  ============================================================================
*/

.dark-header .header-style-2 .main-content, .dark-header .header-style-4 .main-content, .dark-header .sticky-header, .dark-header .mobile-header {
    background-color: #000;
}

.dark-header .header-style-2 .nav-content, .dark-header .header-style-4 .nav-content, .dark-header .navbar ul > li .child-menu {
    background-color: #000;
    border-color:#222;
}

.dark-header .navicon a, .dark-header .sericon a, .dark-header .woocommerce-cart a, .dark-header .navbar ul > li > a, .dark-header .navbar ul > li .child-menu ul li a, .dark-header .navbar ul > li.menu-item-has-children .mega-menu-content > ul > li > a, .dark-header .navbar ul > li.mega-menu .mega-menu-content .mega-category-content li .post-title h6 a {
    color: #fff;
}

.dark-header .navbar ul > li.mega-menu .mega-menu-content, .dark-header .navbar ul > li.mega-menu .mega-menu-content .mega-category.five-menu .mega-category-content, .dark-header .navbar ul > li.menu-item-has-children .mega-menu-content {
    background-color: #000!important;
}

.dark-header .navbar ul > li .child-menu ul li~li, .dark-header .header-style-2 .navicon, .dark-header .header-style-2 .sericon, .dark-header .header-style-4 .navicon, .dark-header .header-style-4 .sericon, .dark-header .navbar ul > li.mega-menu .mega-menu-content .sub-menu li~li, .dark-header .navbar ul > li.mega-menu .mega-menu-content .sub-menu, .dark-header .sticky-header .navicon, .dark-header .sticky-header .sericon, .dark-header .sticky-header, .dark-header .mobile-header .navicon, .dark-header .mobile-header .sericon  {
    border-color: #222!important;
}

.dark-header .navbar ul > li.mega-menu .mega-menu-content .sub-menu li:hover > a {
    background-color: #111;
}

/*============================================================================
  >> 12. MASONRY POST
  ============================================================================
*/
.vc_gitem-zone {
    background-color: transparent;
}
.vc_gitem-zone .vc_custom_heading h4 {
    font-size: 24px;
    line-height: 28px;
}
.vc_gitem-zone .vc_custom_heading p {
    font-size: 13px;
    line-height: 24px;
    color: #666;
}
.vc_btn3.vc_btn3-size-md {
    font-size: 11px!important;
    padding: 8px 20px 10px!important;
    text-transform: uppercase;
    border-radius: 3px!important;
    letter-spacing: 1px!important;
}
/*============================================================================
  >> 13. INSTAGRAM SHORTCODE
  ============================================================================
*/
.shortcode-instagram {
    position: relative;
    display: inline-block;
    width: 100%;
}

.shortcode-instagram ul li {
    display: inline-block;
    float: left;
    width: 100%;
}

.shortcode-instagram .ten-column li {
    width: 10%;
}

.shortcode-instagram .eight-column li {
    width: 12.5%;
}

.shortcode-instagram .six-column li {
    width: 16.666%;
}

.shortcode-instagram .five-column li {
    width: 20%;
}

.shortcode-instagram .four-column li {
    width: 25%;
}
/*============================================================================
  >> 14. NEWSLETTER SHORTCODE
  ============================================================================
*/
.shortcode-subscribe {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.shortcode-subscribe .subscribe-text h4 {
    position: relative;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.5px;
    margin:0 0 10px;
}

.shortcode-subscribe .subscribe-text p {
    position: relative;
    font-size: 13px;
    color: #999;
}

.shortcode-subscribe.style-1.dark h4 {
    color: #fff;
}

.shortcode-subscribe .form-fix {
    float: none;
    display: inline-block;
    position: relative;
}

.shortcode-subscribe .mc4wp-form {
    position: relative;
    display: inline-block;
    width: 100%;
    margin:30px 0 0;
}

.shortcode-subscribe .mc4wp-form label {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 10px;
}

.shortcode-subscribe .mc4wp-form input[type="email"], .shortcode-subscribe .mc4wp-form input[type="text"] {
    display: block;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    height: 50px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ddd;
    padding: 6px 20px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.shortcode-subscribe.style-1.dark .mc4wp-form input.form-control {
    border: 1px solid #333;
}

.shortcode-subscribe .mc4wp-form input:focus {
    border-color: #111;
    outline: 0;
}

.shortcode-subscribe .mc4wp-form input[type="submit"] {
    position: relative;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    height: 50px;
    border: 0;
    background-color: #111;
    color: #fff;
    border-radius: 0;
    padding: 0 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.shortcode-subscribe.style-1.dark .mc4wp-form input[type="submit"] {
    background-color: #333;
}

.shortcode-subscribe .mc4wp-form input[type="submit"]:hover, .shortcode-subscribe.dark .mc4wp-form label {
    color: #fff;
}

.shortcode-subscribe.style-1 {
    padding:80px 0;
    background-color: #f8f8f8;
}

.shortcode-subscribe.style-1.dark {
    background-color: #111;
}

.shortcode-subscribe.style-2 .subscribe-content {
    position: relative;
    background: url(assets/images/border-fashion.png) top left repeat;
    padding: 100px 20px;
}

.shortcode-subscribe.style-2 .subscribe-content:before {
    position: absolute;
    content: '';
    background-color: #fff;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
}

.wpb-js-composer span.edit-link a {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    background-color: #e4ecf9;
    color: #858c98;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    margin-right: 5px;
}

.wpb-js-composer span.edit-link a:hover {
    color: #4e5665;
}