/*
Theme Name: Intimate
Theme URI: https://www.templatesell.com/item/intimate
Author: templatesell
Author URI: https://www.templatesell.com/
Description: Intimate is a elegant and easy to use WordPress magazine theme. It comes with 10+ custom widgets, customizer based theme settings, powerful theme options and many more. This theme has search option, off-canvas sidebar, multiple sidebar options, footer options, featured slider, promo boxed, footer widgets and many more. Besides that, this theme comes with added custom widgets for trending news, post grid, slider and many more.It comes with primary color option to change the whole site color with a single click. More Details: https://www.templatesell.com/item/intimate
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: intimate
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 7.1
Tags: grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, block-patterns, block-styles, custom-background, custom-logo, custom-menu, featured-images, featured-image-header, flexible-header, full-width-template, threaded-comments, translation-ready, footer-widgets, custom-colors, custom-header, editor-style, rtl-language-support, sticky-post, theme-options, wide-blocks, blog, news, photography

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Intimate is free WordPress theme by, Template Sell.
Intimate is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/

/**
 * 1.0 - General styles (body, headings, links, tags, margins, etc.)
 * -------------------------------------------------------------
 */
html, body { 
    margin: 0;
    padding: 0;
}
/* body */
body {
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    /* 1.5 is tight for 16px body copy over a full measure. */
    line-height: 1.65;
    color: #4c4f53;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-kerning: normal;
    font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;
    background: #fcfcfc;
}

/* links */
a {
    text-decoration: none !important;
    color: #4c4f53;;
}
a:focus {
    color: #4c4f53;

}
a:hover {
    color: #d42929;
}
a:focus,
button:focus{
    outline-style: dotted;
    outline-color: gray;
    outline-width: 1px;
}

/* H1 - H6 */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    /*
     * Was line-height 1.5 for every level, which is body copy leading,
     * and opacity 0.9, which faded everything inside the heading as well.
     * Per level leading is set below.
     */
    line-height: 1.25;
    color: #17181a;
    letter-spacing: -0.01em;
    font-kerning: normal;
    font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;
}
h1,
.h1 {
    font-size: 36px;
    line-height: 1.18;
    letter-spacing: -0.022em;
}
h2,
.h2 {
    font-size: 28px;
    line-height: 1.22;
    letter-spacing: -0.018em;
}
h3,
.h3 {
    font-size: 24px;
    line-height: 1.28;
    letter-spacing: -0.014em;
}
h4,
.h4 {
    font-size: 20px;
    line-height: 1.32;
    letter-spacing: -0.01em;
}
h5,
.h5 {
    font-size: 18px;
    line-height: 1.36;
    letter-spacing: -0.006em;
}
h6,
.h6 {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0;
}

/* tags */
button {
    -webkit-transition: color 0.2s ease, background 0.2s ease;
    -moz-transition: color 0.2s ease, background 0.2s ease;
    -o-transition: color 0.2s ease, background 0.2s ease;
    transition: color 0.2s ease, background 0.2s ease;
}
p {
    margin: 0 0 15px;
}
dl {
    margin: 0 0 15px;
}
dl dt {
    font-weight: 700;
    margin: 0 0 5px;
    line-height: 1.7;
}
dl dd {
    margin: 0 0 15px;
    padding: 0 0 0 15px;
    line-height: 1.7;
}
dl dd:last-child {
    margin-bottom: 0;
}
address {
    display: block;
    margin: 0 0 15px;
    font-style: italic;
}
sup,
sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
abbr {
    text-decoration: none;
    border-bottom: 1px dotted #4c4f53;
    cursor: help;
}
acronym {
    text-decoration: none;
    border-bottom: 1px dashed #4c4f53;
    cursor: help;
}
big {
    text-transform: uppercase;
    font-size: larger;
}
cite {
    font-style: italic;
    border: none;
}
code,
kbd,
tt {
    padding: 4px 5px;
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
    font-size: 15px;
    color: #4c4f53;
    background-color: #f7f8f8;
    border-radius: 0;
}
kbd {
    box-shadow: none;
}
s,
strike,
del {
    text-decoration: line-through;
}
pre {
    display: inline-block;
    width: 100%;
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
    font-size: 15px;
    line-height: 1.35;
    overflow: auto;
    white-space: pre;
    margin: 5px 0 13px;
    padding: 21px 30px;
    background-color: #f7f8f8;
    color: #4c4f53;
    border: none;
    border-radius: 0;
}
var {
    font-style: italic;
    font-weight: 700;
}
strong,
b {
    font-weight: 700;
}
em,
q {
    font-style: italic;
}
ins {
    text-decoration: none;
    border-bottom: 2px solid #4c4f53;
}
legend {
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size: 22px;
    font-weight: 700;
    color: #2f3235;
    border-bottom: 1px solid #eeefef;
}
hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border-color: #eeefef;
}
blockquote {
    position: relative;
    margin: 0 0 40px;
    padding: 0 0 0 60px;
    border: none;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-style: normal;
    line-height: 1.65;
}
blockquote:before {
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: 0;
    font-family: 'Playfair Display', serif;
    content: '\201c';
    font-size: 120px;
    font-style: normal;
    line-height: 0.79;
    color: #d42929;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '';
}
blockquote p {
    margin-bottom: 20px!important;
}
blockquote p:last-child {
    margin-bottom: 0 !important;
}
blockquote cite {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.3;
    text-align: left;
    color: #4c4f53;
}
ul {
    list-style: disc;
    margin: 0;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
    padding-left: 10px;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
}

figure {
    margin:0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 30px;
    width: 100%;
}

td,
th {
    border: 1px solid #e7e7e7;
    padding: 7px 0;
    text-align: center;
}

/* text-align */
.aligncenter {
    text-align: center;
}
.alignright {
    text-align: right;
}
.alignleft {
    text-align: left;
}
.align-self-center {
    align-self: center!important;
}

/* float */
.floatleft {
    float: left;
}
.floatright {
    float: right;
}

/* font-width; !important - it is used to change a current "font-width" value */
.fw-300 {
    font-weight: 300 !important;
}
.fw-400 {
    font-weight: 400 !important;
}
.fw-500 {
    font-weight: 500 !important;
}
.fw-600 {
    font-weight: 600 !important;
}
.fw-700 {
    font-weight: 700 !important;
}

/* padding (none; 0); !important - it is used to change a current "padding-*" value */
.pt-none {
    padding-top: 0 !important;
}
.pb-none {
    padding-bottom: 0 !important;
}
.pr-none {
    padding-right: 0 !important;
}
.pl-none {
    padding-left: 0 !important;
}

/* margin (none; 0); !important - it is used to change a current "margin-*" value */
.mt-none {
    margin-top: 0 !important;
}
.mb-none {
    margin-bottom: 0 !important;
}
.mr-none {
    margin-right: 0 !important;
}
.ml-none {
    margin-left: 0 !important;
}

/* word-break */
.break-word {
    word-wrap: break-word;
}

/* overflow */
.o-hidden {
    overflow: hidden;
}

/* screen reader text */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    word-wrap: normal !important;
}

/* override Bootstrap's default container */
@media (min-width: 1200px) {
/*    .container {
        width: 1030px;
    }*/
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/**
 * 2.0 - Animation
 * -------------------------------------------------------------
 */

/**
 * SlideUpIn animation
 *
 * Used for the drop-down search form and for the drop-down mobile menu
 */

.SlideUpIn {
    animation-name: SlideUpIn;
    -webkit-animation-name: SlideUpIn;

    animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes SlideUpIn {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes SlideUpIn {
    0% {
        -webkit-transform: translateY(10px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}


/**
 * SlideDownOut animation
 *
 * Used for the drop-down search form and for the drop-down mobile menu
 */

.SlideDownOut {
    animation-name: SlideDownOut;
    -webkit-animation-name: SlideDownOut;

    animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes SlideDownOut {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(10px);
        opacity: 0;
    }
}

@-webkit-keyframes SlideDownOut {
    0% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(10px);
        opacity: 0;
    }
}


/**
 * SlideLeftIn animation
 *
 * Used for the main menu container
 */

.SlideLeftIn {
    animation-name: SlideLeftIn;
    -webkit-animation-name: SlideLeftIn;

    animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes SlideLeftIn {
    0% {
        transform: translateX(10px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes SlideLeftIn {
    0% {
        -webkit-transform: translateX(10px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}


/**
 * SlideRightOut animation
 *
 * Used for the main menu container
 */

.SlideRightOut {
    animation-name: SlideRightOut;
    -webkit-animation-name: SlideRightOut;

    animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes SlideRightOut {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(10px);
        opacity: 0;
    }
}

@-webkit-keyframes SlideRightOut {
    0% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(10px);
        opacity: 0;
    }
}
/***
====================================================================
## Preloader
====================================================================
***/
.preeloader {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999999;
}
.preloader-spinner {
    -webkit-animation: 1s ease-out 0s normal none infinite running pulsate;
    animation: 1s ease-out 0s normal none infinite running pulsate;
    border: 10px solid #333;
    border-radius: 40px;
    display: block;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 10;
}
@-webkit-keyframes pulsate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes pulsate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
/***
====================================================================
## Top Header
====================================================================
***/
.top-bar-area {
    background: #fff none repeat scroll 0 0;
    padding: 3px 0px;
    position: relative;
    border-bottom: 1px solid #fafafa;
}
.top-bar-area .left-side{
  float: left;
}
.top-bar-area .right-side{
  float: right;
}

.menu-area .left-side{
  float: left;
}
.menu-area .right-side{
  float: right;
}


.trending-news .trending-news-inner {
    position: relative;
}
.trending-news .trending-news-inner .title {
    float: left;
    padding: 10px 15px;
    background: #f92a28;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}
@media screen and (min-width: 320px) and (max-width: 575px) {
    .trending-news .trending-news-inner .title strong {
        display: none;
    }
}
.trending-news .trending-news-inner .trending-news-slider .item-single {
    height: auto;
    vertical-align: middle;
    display: table-cell;
    overflow: hidden;
    line-height: 20px;
    text-align: left;
}
.trending-news .trending-news-inner .trending-news-slider .item-single a {
    font-weight: 600;
    line-height: 34px;
    padding: 2px 10px;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}
.trending-news .trending-news-inner .trending-news-slider .slick-arrow {
    position: absolute;
}
.trending-news .trending-news-inner .trending-news-slider .slick-next,
.trending-news .trending-news-inner .trending-news-slider .slick-prev {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #eee;
    background: #fff;
    overflow: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    top: 3px;
    z-index: 1;
}
.trending-news .trending-news-inner .trending-news-slider .slick-next::before,
.trending-news .trending-news-inner .trending-news-slider .slick-prev::before {
    font-size: 14px;
}
.trending-news .trending-news-inner .trending-news-slider .slick-next:hover,
.trending-news .trending-news-inner .trending-news-slider .slick-prev:hover {
    background: #f7f7f7;
}
.trending-news .trending-news-inner .trending-news-slider .slick-prev {
    left: auto;
    right: 29px;
    bottom: 0;
}
.trending-news .trending-news-inner .trending-news-slider .slick-next {
    right: 0;
}
.top_date_social>div{
    display: inline-block;
    text-align: right;
}
.today-date{
    padding-right: 25px;
    position: relative;
    z-index: 2;
}
.top_date_social>div:first-child:after {
    position: absolute;
    content: "";
    height: 15px;
    width: 2px;
    background: #17222b;
    opacity: .3;
    right: 5px;
    top: 50%;
    margin-top: -7.5px;
}
.today-date p{
    font-size: 14px;
    font-weight: 400;
    opacity: .85;
    margin-bottom: 0;
}
/**
 ##Search (dropdown search form)
 * ------------------------------------------------------------- */
 .search-wrapper{
    position: relative;
    float: right;
}
 .search-box-text {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1002;
    width: 320px;
    height: auto;
    padding: 25px 30px;
    background-color: #ffffff;
    box-shadow: 0 14px 28px -4px rgba(14,17,20,0.35);
    display: none;
}
.search-box-text:after {
    content: '';
    position: absolute;
    z-index: 1002;
    right: 20px;
    bottom: 100%;
    margin-bottom: -1px;
    border: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
}
.widget .search-form,
.search-wrapper .search-form{
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}
.widget .search-form label,
.widget .search-form .search-submit,
.search-wrapper .search-form label,
.search-wrapper .search-form .search-submit{
    display: table-cell;
}
.widget .search-field,
.search-wrapper .search-field{
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.widget .search-field,
.search-wrapper .search-field {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    color: #4c4f53;
    background: #f7f8f8;
    border: 1px solid #f7f8f8;
    border-right: 0;
    height: 45px;
    padding: 10px 15px;
    border-radius: 0;
    box-shadow: none !important;
}
.search-field::-webkit-input-placeholder {
    color: #4c4f53;
}
.search-field:-moz-placeholder {
    color: #4c4f53;
}
.search-field:-ms-input-placeholder {
    color: #4c4f53;
}
.widget .search-form .search-submit,
.search-wrapper .search-form .search-submit {
    white-space: nowrap;
    vertical-align: middle;
    height: 45px;
    float: right;
    border: 1px solid #f7f8f8;
    background: #efefef;
    padding: 0 15px;
    margin-left: -1px;
    color: #6f6f6f;
    width: 100%;
}
.second_click {
    display:none;
    position: relative;
    z-index: 999999999;
}
.hide-show .second_click {
    display: block !important;
}
.hide-show .first_click {
    display: none !important;
}
.search_box{
    display: block!important;
}
.search-box i {
    padding: 15px 0;
    cursor: pointer;
    width: 40px;
    text-align: center;
}

/*
# Top Social
 ----------------------------------------*/

.social-links ul {
    margin: 0;
    padding: 0;
}

.social-links ul li {
    display: inline;
    padding: 0 5px;
}

.social-links ul li a {
    font-size: 0;
    color: transparent;
}

.social-links ul li a:hover {
    color: #54be73
}

.social-links li:last-child {
    margin-right: 0;
}

.social-links ul li a:before {
    content: "";
    font-family: FontAwesome, sans-serif;
    font-size: 14px;
    padding: 0;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
    line-height: 12px;
    color: #68686d;
    display: inline-block;
    border: 0;
    border-radius: 0;
    position: relative;
    top: -5px;
}
.social-links ul li:hover a:before{
    opacity: .6;
}
.social-links ul li a[href*="facebook.com"]:before {
    content: "\f09a";
}

.social-links ul li a[href*="twitter.com"]:before {
    content: "\f099";
}

.social-links ul li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.social-links ul li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.social-links ul li a[href*="youtube.com"]:before {
    content: "\f167";
}

.social-links ul li a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.social-links ul li a[href*="pinterest.com"]:before {
    content: "\f0d2";
}

.social-links ul li a[href*="bitbucket.org"]:before {
    content: "\f171";
}

.social-links ul li a[href*="github.com"]:before {
    content: "\f113";
}

.social-links ul li a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.social-links ul li a[href*="flickr.com"]:before {
    content: "\f16e";
}

.social-links ul li a[href$="/feed/"]:before {
    content: "\f09e";
}

.social-links ul li a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-links ul li a[href*="instagram.com"]:before {
    content: "\f16d";
}

.social-links ul li a[href*="tumblr.com"]:before {
    content: "\f173";
}

.social-links ul li a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.social-links ul li a[href*="vimeo.com"]:before {
    content: "\f194";
}

.social-links ul li a[href*="digg.com"]:before {
    content: "\f1a6";
}

.social-links ul li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.social-links ul li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.social-links ul li a[href*="delicious.com"]:before {
    content: "\f1a5";
}

.social-links ul li a[href*="mailto:"]:before {
    content: "\f0e0";
}

.social-links ul li a[href*="skype.com"]:before {
    content: "\f17e";
}

.social-links ul li a[href*="dribble.com"]:before {
    content: "\f17d";
}


/***
====================================================================
## Main Menu
====================================================================
***/

.main-header,
.main-header * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main-header .container{
    position: relative;
}

.main-header:before,
.main-header:after,
.main-header *:before,
.main-header *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main-header {
    position: relative;
    font-size: 16px;
    line-height: 1.42857143;
    background-color: #fff;
    border-bottom: 1px solid #fafafa;
    z-index: 200;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.main-header ul {
    margin-bottom: inherit;
    margin-left: 0;
    padding-left: 0;
}

.main-header img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.main-header a:hover,
.main-header a:focus,
.main-header a:active {
    text-decoration: none;
}

.main-header-container {
    position: relative;
}

.main-header-overlay .main-header-container {
    position: inherit;
}

.main-header .logo {
    position: relative;
}
.main-header .logo p,
.main-header .logo h1{
    margin: 0;
    padding: 0;
    line-height: normal;
}

.main-header .logo img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.header-default .bar-menu {
    position: absolute;
    top: 35px;
    right: 70px;
    width: 20px;
    height: 17px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;

    -webkit-transition: transform 330ms ease-out;
    -moz-transition: transform 330ms ease-out;
    -o-transition: transform 330ms ease-out;
    transition: transform 330ms ease-out;
}

.header-default .bar-menu.menu-open {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header-default .line-menu {
    background-color: #111111;
    border-radius: 2px;
    width: 100%;
    height: 3px;
}

.header-default .line-menu.line-half {
    width: 50%;
}

.header-default .line-menu.first-line {
    transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
    transform-origin: right;
}

.header-default .menu-open .line-menu.first-line {
    -webkit-transform: rotate(-90deg) translateX(3px);
    -moz-transform: rotate(-90deg) translateX(3px);
    -o-transform: rotate(-90deg) translateX(3px);
    transform: rotate(-90deg) translateX(3px);
}

.header-default .line-menu.last-line {
    align-self: flex-end;
    transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
    transform-origin: left;
}

.header-default .menu-open .line-menu.last-line {
    -webkit-transform: rotate(-90deg) translateX(-3px);
    -moz-transform: rotate(-90deg) translateX(-3px);
    -o-transform: rotate(-90deg) translateX(-3px);
    transform: rotate(-90deg) translateX(-3px);
}
.intimate-home-icon {
    display: none;
}

.main-menu > ul {
    display: none;
    padding: 0 0 20px;
}

.main-menu ul li {
    position: relative;
    list-style: none;
}

.main-menu ul li > a {
    display: block;
    font-size: 15px;
    color: #212121;
    padding: 14px 15px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.main-menu ul li.current-menu-item > a,
.main-menu ul li:hover > a {
    color: #d42929;
    background-color: #f6f6f6;
}

.main-menu ul ul li > a {
    font-size: 14px;
    font-style: normal;
    text-transform: inherit;
    background-color: #efefef;
    padding: 14px 15px 14px 30px;
}

.main-menu ul ul ul li > a {
    padding: 14px 15px 14px 45px;
}

.main-menu ul ul li:hover > a {
    background-color: #efefef;
}

.dropdown-plus {
    width: 49px;
    height: 49px;
    line-height: 49px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.dropdown-plus > a{
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
}
.dropdown-plus:before,
.dropdown-plus:after {
    position: absolute;
    content: '';
    top: 24px;
    right: 18px;
    width: 13px;
    height: 1px;
    background-color: #111111;
}

.dropdown-plus:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.main-menu li > ul,
.dropdown-plus.dropdown-open:after {
    display: none;
}
.main-menu li:focus-within > ul, 
.main-menu li:focus > ul, 
.main-menu li:hover > ul {
    visibility: visible;
    opacity: 1;
}
.main-menu li:focus-within > ul{
    display: block;
}
.header-shadow-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 30px;
    overflow: hidden;
    z-index: -1;
}

.header-shadow-wrapper:after {
    display: block;
    position: relative;
    content: "";
    width: 100%;
    height: 60px;
    top: -60px;
    border-radius: 50%;

    -webkit-box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.1);
}
.menu-description{
    display: none;
}

/* =============================================
##Intimate queries for responsive design
================================================ */
@media (min-width: 768px) {

    .header-default .main-header .logo {
        float: left;
    }
    .header-shadow-wrapper:after {
        -webkit-box-shadow: 0px 10px 40px -5px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 10px 40px -5px rgba(0,0,0,0.1);
        -o-box-shadow: 0px 10px 40px -5px rgba(0,0,0,0.1);
        box-shadow: 0px 10px 40px -5px rgba(0,0,0,0.1);
    }
    .main-header-overlay .logo {
        left: 30px;
    }
    .main-header-overlay .bar-menu {
        right: 30px;
    }
    .main-menu-overlay > ul > li {
        padding: 0 110px 0 30px;
        margin-bottom: 16px;
    }


}

@media (min-width: 992px) {

    /* =============================================
    Viewport Breakpoint
    ================================================ */
    .main-header-container {
        height: 90px;
    }
    .main-header-overlay .main-header-container {
        height: auto;
    }
    .main-header .logo {
        position: relative;
    }
    /*.main-header .logo img {
        max-width: inherit;
        max-height: 90px;
        width: auto;
    }*/
    .header-default .bar-menu {
        display: none;
    }
    .intimate-home-icon {
        float: left;
        display: block;
    }

    .intimate-home-icon a {
        line-height: 60px;
        padding: 15px 15px;
        font-size: 24px;
        margin-right: 15px;
        background: #f92a28;
        color: #fff;
    }
    .intimate-home-icon a:hover i{
        color: #fff;
        opacity: 0.95;
    }

    span.menu-description {
        position: absolute;
        top: 2px;
        font-size: 9px;
        background: #f92a28;
        line-height: 12px;
        padding: 2px 5px;
        right: -10px;
        color: #fff;
        display: block;
    }
    span.menu-description:before {
        content: " ";
        position: absolute;
        bottom: -4px;
        left: 20%;
        border-width: 0 0 4px 4px;
        border-style: solid;
        border-color: transparent #f92a28;
    }
    .main-menu > ul {
        display: block !important;
        padding: 0;
        font-size: 0;
    }
    .main-menu > ul > li {
        display: inline-block;
    }
    .main-menu ul li {
        position: relative;
    }
    .main-menu > ul > li > a {
        position: relative;
        line-height: 86px;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        font-style: normal;
        font-weight: 600;
        color: #4c4f53;
        box-sizing: border-box;
        white-space: nowrap;
        padding: 0 20px;
    }
    .main-menu > ul > li:last-child > a {
        padding: 0 0 0 20px;
    }

    .main-menu ul li.current-menu-item > a,
    .main-menu ul li:hover > a {
        background-color: inherit;
    }
    .dropdown-plus {
        display: none;
    }
    .main-menu ul li.dropdown_menu > a > span:before {
        border-style: solid;
        border-width: 2px 2px 0 0;
        border-color: #c1c1c1;
        position: relative;
        content: '';
        display: inline-block;
        height: 4px;
        width: 4px;
        top: -3px;
        margin-left: 8px;
        box-sizing: content-box;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .main-menu li > ul {
        display: block !important;
        position: absolute;
        width: 250px;
        top:100%;
        left: 0;
        background-color: #fff;
        padding: 27px 0;
        visibility: hidden;
        opacity: 0;
        z-index: 1;
        -webkit-box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
        -o-box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
        box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);

        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    .main-menu li:focus-within > ul,
    .main-menu li:focus > ul,
    .main-menu li:hover > ul {
        visibility: visible;
        opacity: 1;
    }
    .main-menu li.submenu-right > ul {
        left: inherit;
        right: 0;
    }
    .main-menu li > ul ul {
        top: 0;
        left: 100%;
    }
    .main-menu li.submenu-right > ul ul {
        left: -100% !important;
    }
    .main-menu ul ul li.dropdown_menu > a > span:before {
        float: right;
        top: 7px;
        right: -10px;
        margin: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .main-menu ul ul li > a {
        position: relative;
        color: #818181;
        padding: 9px 35px 7px !important;
    }
    .main-menu ul ul li > a,
    .main-menu ul ul li:hover > a {
        color: #818181;
        background-color: transparent;
        text-align: left;
    }

    .main-menu ul ul li:hover > a {
        padding-left: 50px !important;
    }
    .main-menu ul ul li > a:before {
        position: absolute;
        content: "";
        top: 15px;
        left: 35px;
        width: 0;
        height: 1px;
        background: #a1a1a1;

        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    .main-menu ul ul li:hover > a:before {
        width: 10px;
    }
    .main-menu ul li.dropdown_menu > a > span {
        display: none;
    }
    .main-menu.menu-caret ul li.dropdown_menu > a > span {
        display: inline-block;
    }
    .main-menu.menu-caret ul ul li.dropdown_menu > a > span {
        display: inline;
    }
    .main-menu.separate-line > ul > li > a {
        position: relative;
    }
    .main-menu.separate-line > ul > li > a:before {
        position: absolute;
        content: "";
        top: 50%;
        right: 0;
        width: 1px;
        height: 20px;
        background: #eeeeee;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .main-menu.separate-line > ul > li:last-child > a:before {
        display: none;
    }
    .main-menu.separate-line > ul > li > a {
        padding: 0 28px;
    }
    .main-menu.separate-line > ul > li:last-child > a {
        padding: 0 0 0 28px;
    }

    /* =============================================
    Header sticky
    ================================================ */
    .main-header{
        -webkit-transition: all 0.5s ease;
        -moz-transition: position 10s;
        -ms-transition: position 10s;
        -o-transition: position 10s;
        transition: all 0.5s ease;
    }
    .main-header.sticky {
        top: 0;
        position: fixed;
        width: 100%;
        z-index: 100;
        animation: smoothScroll 1s forwards;
    }
    @keyframes smoothScroll {
        0% {
            transform: translateY(-40px);
        }
        100% {
            transform: translateY(0px);
        }
    }


    /* =============================================
    Submenu
    ================================================ */
    .main-menu.submenu-top-border li > ul {
        border-top: 3px solid #d42929;
    }
    .main-menu.submenu-top-border li > ul ul {
        top: -30px;
    }
    .main-menu.submenu-list-border li > ul ul {
        top: -20px;
    }
    .main-menu.submenu-top-border.submenu-list-border li > ul ul {
        top: -23px;
    }
    .main-menu.submenu-list-border ul ul li > a {
        padding: 15px 35px 14px !important;
    }
    .main-menu.submenu-list-border ul ul li:first-child > a {
        padding: 8px 35px 14px 35px !important;
    }
    .main-menu.submenu-list-border ul ul li:last-child > a {
        padding: 15px 35px 8px 35px !important;
    }
    .main-menu.submenu-list-border ul ul li:after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 35px;
        right: 35px;
        height: 1px;
        background: #eeeeee;
    }
    .main-menu.submenu-list-border ul ul li:last-child:after {
        display: none;
    }
    .main-menu.submenu-list-border ul ul li:hover > a {
        padding-left: 55px !important;
    }
    .main-menu.submenu-list-border ul ul li:nth-child(n+2) > a:before {
        top: 24px;
    }
    .header-dark .main-menu.submenu-list-border ul ul li:after {
        background: #333333;
    }

    /* =============================================
    Submenu transitions
    ================================================ */
    .main-menu.submenu-flip li > ul {
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;

        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg);

        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;

        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .main-menu.submenu-flip li:hover > ul {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    .main-menu.submenu-flip ul {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 200px;
        -ms-perspective: 200px;
        perspective: 200px;
    }
    .main-menu.submenu-flip ul li {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 200px;
        -ms-perspective: 200px;
        perspective: 200px;
    }
    .main-menu.submenu-scale li > ul {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;

        -webkit-transform: scale(0);
        transform: scale(0);

        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .main-menu.submenu-scale li.submenu-right ul {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }
    .main-menu.submenu-scale li:hover > ul {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

}
@media (max-width: 991px) {
    .main-menu > ul > li > a {
        line-height: normal!important;
    }
    .header-1 .header-image .main-menu ul{
        background:transparent;
    }
}

.menu_right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.mobile-menu {
    display: block;
    width: 20px;
    padding: 21px 0;
    margin: 0;
    float: left;
    position: relative;
    z-index: 2;
    background: none;
    border: none;
}
.mobile-menu:before,
.mobile-menu:after {
    content: '';
    display: block;
    background: #333;
    height: 2px;
}
.mobile-menu span {
    background: #333;
    display: block;
    height: 2px;
    margin: 6px 0;
}
div#MobileMenu {
    background: #fff;
}
div#MobileMenu {
    display: inline-block;
    padding: 0 15px;
    line-height: 50px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .02em;
    color: #111111;
    margin: 0;
    position: relative;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
    font-family: 'Roboto', sans-serif;
}

.canvas-btn{
    margin: 0px;
    padding: 0px;
    border: none;
    background: none;
    cursor: pointer;
    width: 25px;
    height: 20px;
    position: relative;
}
.canvas-btn span {
    height: 3px;
    display: block;
    left: 0;
    width: 20px;
    line-height: 1;
    position: absolute;
    background-color: #000000;
    transition: all 0.2s ease-in-out;
}
.canvas-btn span:after {
    position: absolute;
    background: #333;
    content: "";
    height: 3px;
    left: -8px;
    top: 0;
    width: 5px;
}
.canvas-btn span:nth-child(1) {
    top: 0px;
}
.canvas-btn span:nth-child(2) {
    top: 9px;
}
.canvas-btn span:nth-child(3) {
    bottom: 0px;
}


.offcanvas__wrapper {
    display: block;
    position: relative;
}

.canvas-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 1);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.canvas-header.activate {
    opacity: 1;
    visibility: visible;
    background: rgba(0, 0, 0, 0.5);
}
.close-btn{
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 3px 0 0 3px;
    background: #fff !important;
    font-size: 20px;
    text-align: center;
    top: 46px;
    right: 320px;
    left: auto;
    z-index: 9999;
}
.canvas-header-block {
    position: fixed;
    right: -340px;
    width: 340px;
    background: #fff;
    height: 100%;
    padding: 50px 30px;
    padding-top: 80px;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.canvas-header.activate .canvas-header-block {
    right: -20px;
    opacity: 1;
    visibility: visible;
}


/*==============================================================
## Header Type CSS
================================================================*/
/*## Header Images*/
.header-image {
    padding:0;
    position: relative;
}
.header-image .search-box i,
.header-image .main-menu > ul > li > a {
    color: #fff;
}

.header-image .container {
    position: relative;
    z-index: 2;
}

.header-image:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.header-image.sticky {
    padding: 5px 0;
    /*background: #fff!important;*/
}
.header-image.sticky:after{
    background: rgba(0, 0, 0, 0.8);
}

.header-1 .header-image .head_one {
    background: transparent;
    position: relative;
    border: 0;
}
.header-image .menu-area {
    position: relative;
    z-index: 5;
    background: rgb(0 0 0 / 42%);
}
.header-image .bar-menu a{
    color: #fff;
}
.main-header.header-image .logo p, 
.main-header.header-image .logo h1 a{
    color: #fff;
}
.header-image .mobile-menu:before,
.header-image .mobile-menu:after,
.header-image .mobile-menu span{
    background: #fff;
}
.header-image .canvas-btn span:after,
.header-image .canvas-btn span{
    background: #fff;
}
@media (max-width: 991px) {
    .header-1 .header-image .canvas-btn ul{
        background:transparent;
    }
}
/*====================================================
## Header One
=======================================================*/

.header-1 #site-navigation{
    position: relative;
}
.header-1 .bar-menu{
    display: none;
}
.header-1 .head_one{
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
    padding: 25px 0;
}
.header-1 .head_one .logo{
    max-width: 400px;
}
.header-1 .sticky .head_one{
    display: none;
}

@media (min-width: 1200px){
    .header-1 .main-menu > ul > li > a {
        line-height: 60px;
    }
    .header-1 .main-menu > ul > li:first-child > a{
        padding-left: 0;
    }
}
@media (max-width: 991px){
    .header-1 .search-wrapper {
        right: auto;
        position: relative;

    }
    .header-1 .bar-menu{
        margin: 0px;
        padding: 0px;
        border: none;
        background: none;
        cursor: pointer;
        display:block;
        margin: 15px 0;
    }

    .header-1 .bar-menu {
        width: 25px;
        height: 18px;
        position: relative;
    }
    .header-1 .bar-menu span {
        height: 2px;
        display: block;
        left: 0;
        width: 25px;
        line-height: 1;
        position: absolute;
        background-color: #000000;
        transition: all 0.2s ease-in-out;
    }

    .header-1 .bar-menu span:nth-child(1) {
        top: 0px;
    }
    .header-1 .bar-menu:nth-child(2) {
        top: 50%;
    }
    .header-1 .bar-menu span:nth-child(3) {
        bottom: 0px;
    }
    .header-1 .header-image .head_one{
        border: 0;
    }
    .header-1 .header-image .head_one .logo{
        padding: 5px;
    }
    .header-1 .header-image .main-menu > ul {
        width: 100%;
        background: #fff;
        top: 100%;
        text-align: left;
        left: 0;
        margin: 0;
        z-index: 50;
        position: absolute;
    }
   .header-image .main-menu > ul > li > a {
        color: #212121;
    }
    .header-1 .bar-menu.menu-open {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .header-1 .header-image .bar-menu{
        color: #fff;
    }
    .header-image {
        padding: 30px 0 0 0;
    }
    .relative{
        position: relative;
    }
    .main-menu.menu-caret {
        margin: 0 -15px;
    }
    .mob-right{
        position: absolute;
        right: 0;
        top: 0;
    }
    ul[aria-expanded="true"] {
        border-top: 1px solid #f2f2f2;
    }
    .header-1 .header-image .bar-menu span{
        background-color: #fff;
    }
}

/*LOGO OPTIONS*/
.center-logo [class*="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}
.header-1 .head_one.center-logo .logo{
    margin: auto;
    padding-bottom: 25px;
}
.header-1 .head_one.center-logo .logo h1{
    font-size: 50px;
}

/*==============================================================
## Main Banner CSS
================================================================*/
.trending-slider-wrapper{
    padding: 30px 0;
}
.slider-wrapper {
    position: relative;
    padding: 30px 0;
}
.slider-items{
    display: block!important;
}
.no-image-slider,
.slide-wrap img{
    max-width: 100%;
    width: 100%;
    height: 444px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

.no-image-slider {
    background: #f7f7f7;
}
.slide-wrap .caption {
    text-align: left;
    padding: 20px 40px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.slide-wrap .caption h2 a{
    font-style: normal;
    line-height: 1.5;
    color: #fff;
    font-size:28px;
}
.slide-wrap .entry-meta{
    margin-bottom: 15px;
}
.slide-wrap .caption span,
.slide-wrap .caption span a {
    margin-bottom: 15px;
    font-size: 12px;
    color: #fff;
    letter-spacing: normal;
}
.slide-wrap .caption .post-category{
    clear: both;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin-bottom: 5px;
    padding: 5px 8px;
    background: #f92a28;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
.slidder__content p{
    color: #fff;
    font-size: 16px;
}
.slide-wrap .caption i{
    margin-right: 5px;
}
.modern-slider .slick-arrow {
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 30px;
    border-radius: 0;
    color: #fff;
    font-size: 20px;
    top: 50%;
    left: 0;
    z-index: 2;
    cursor: pointer;
    border: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    outline: none;
}
.modern-slider:hover .slick-arrow{
    visibility: visible;
    opacity: 1;
    left: 0;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}
.modern-slider .slick-arrow.slick-next {
  left: auto;
  right:0;
}
.modern-slider .slick-dots {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 30px;
  padding-left: 0;
}
.modern-slider .slick-dots li {
  display: inline-block;
  line-height: 0;
}
.modern-slider .slick-dots li.slick-active button{
  background: #fff;
}
.modern-slider .slick-dots li button {
  text-indent: -99999px;
  border: 0;
  margin: 0 5px;
  padding: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #959698;
}

.tab__wrapper .tabs-nav li{
    background: #d42929;
    margin-right: 0;
}
.tab__wrapper .tabs-nav li button{
    color: #fff;
}
.tab__wrapper .tabs-nav{
    margin:0 0 5px 0;
}
.tab__wrapper .card__post-list {
    border-bottom: 1px dashed #dcdedf;
}

.tab__wrapper .card__post-list:last-child{
    border-bottom: initial;
}
.tab__wrapper .card__post__title{
    max-height: 45px;
    overflow:hidden;
}
.tab__wrapper .image-sm {
    flex: 0 0 85px;
    width: 85px;
}
/**
================================================
## Archive page heading
====================================================
**/

.archive-heading{
    width: 100%;
}
.archive-title {
    margin: -7px 0 0;
    font-size: 29px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    color: #2f3235;
}
.archive-description {
    margin: 15px 0 -3px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    color: #4c4f53;
}
.archive-description p {
    margin-bottom: 10px;
}
.archive-description p:last-child {
    margin-bottom: 0;
}
.search .site-main,
.archive .site-main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.search .content-area article,
.archive .content-area article{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

/***
====================================================================
## Author Page
====================================================================
***/

.fb-author-heading-social-links {
    margin-top: 8px;
    text-align: left;
}
.fb-author-heading-social-links > span {
    margin-right: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #4c4f53;
}
.fb-author-heading-social-links ul {
    margin: 0 -10px 0 0;
    display: inline-block;
}
.fb-author-heading-social-links ul li {
    display: inline-block;
    margin: 10px 10px 0 0;
}
.fb-author-heading-social-links ul li a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #4c4f53;
    background-color: #ffffff;
    border-radius: 50%;
}
.fb-author-heading-social-links ul li a:active i {
    position: relative;
    top: 1px;
}
.fb-ah-twitter-link:hover,
.fb-ah-twitter-link:focus {
    color: #43b1ff !important;
}
.fb-ah-facebook-f-link:hover,
.fb-ah-facebook-f-link:focus {
    color: #6e8dd0 !important;
}
.fb-ah-pinterest-p-link:hover,
.fb-ah-pinterest-p-link:focus {
    color: #ff3158 !important;
}
.fb-ah-vk-link:hover,
.fb-ah-vk-link:focus {
    color: #6089b9 !important;
}
.fb-ah-telegram-plane-link:hover,
.fb-ah-telegram-plane-link:focus {
    color: #4bb5e9 !important;
}
.fb-ah-flickr-link:hover,
.fb-ah-flickr-link:focus {
    color: #3a7cf5 !important;
}
.fb-ah-instagram-link:hover,
.fb-ah-instagram-link:focus {
    color: #f24b73 !important;
}
.fb-ah-500px-link:hover,
.fb-ah-500px-link:focus {
    color: #3aadf6 !important;
}
.fb-ah-youtube-link:hover,
.fb-ah-youtube-link:focus {
    color: #ff3449 !important;
}
.fb-ah-vimeo-v-link:hover,
.fb-ah-vimeo-v-link:focus {
    color: #3bbff6 !important;
}
.fb-ah-soundcloud-link:hover,
.fb-ah-soundcloud-link:focus {
    color: #fe823c !important;
}
.fb-ah-dribbble-link:hover,
.fb-ah-dribbble-link:focus {
    color: #f65498 !important;
}
.fb-ah-behance-link:hover,
.fb-ah-behance-link:focus {
    color: #537fff !important;
}
.fb-ah-github-link:hover,
.fb-ah-github-link:focus {
    color: #010101;
}
.author .archive-heading {
    max-width: 70%;
    padding: 15px 0 30px 15px;
}

/***
====================================================================
##No results" message (content none)
====================================================================
**/
.search-no-results .page-content{
    position: relative;
    margin-bottom: 40px;
    background-color: #ffffff;
    padding: 30px;
    word-wrap: break-word;
    overflow: hidden;
}
.search-no-results h3 {
    margin: -7px 0 15px 0;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    color: #2f3235;
}
.search-no-results p {
    margin: 15px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    color: #4c4f53;
}

/***
====================================================================
## Blog posts
====================================================================
***/

.posts-container {
    padding-top: 60px;
    padding-bottom: 20px;
    overflow: hidden;
}

/* masonry */
.masonry-container {
    margin-right: -30px;
}
.masonry-item {
    float: left;
}
.masonry-item.col-1 {
    float: none;
}
.post-wrap {
    position: relative;
    /* Was 0, so one post ran straight into the next. */
    margin-bottom: 32px;
    padding: 0;
}

/* masonry: 3 columns */
.col-3-default {
    width: 33.33%;
}
.col-3 {
    width: 33.33%;
}
.col-3.width-2x {
    width: 66.66%;
}

/* masonry: 2 columns */
.col-2-default {
    width: 50%;
}
.col-2 {
    width: 50%;
}
.col-2.width-2x {
    width: 100%;
}

/* 1 column */
.col-1 {
    width: 100%;
}

/***
====================================================================
## Post Format
====================================================================
***/
.date_title .post-date{
    line-height: 30px;
}
span.post-format {
    float: left;
    width: 40px;
    position: relative;
    height: 30px;
}
.blog .format-status .post-excerpt p,
.archive .format-status .post-excerpt p {
    font-size: 20px;
    font-style: italic;
}
article.format-aside .post-content .post-format::after,
article.format-status .post-content .post-format::after,
article.format-chat .post-content .post-format::after,
article.format-link .post-content .post-format::after,
article.format-standard .post-content .post-format::after,
article.format-image .post-content .post-format::after,
article.hentry.sticky .post-content .post-format::after,
article.format-video .post-content .post-format::after,
article.format-gallery .post-content .post-format::after,
article.format-audio .post-content .post-format::after,
article.format-quote .post-content .post-format::after {
    font-size: 15px;
    content: "\f03e";
    color: #ffffff;
    display: inline-block;
    font-family: "fontawesome";
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
    line-height: 30px;
    height: 30px;
    background: #d42929;
}
article.format-standard .post-content .post-format::after{
    content: "\f016"
}
article.format-image .post-content .post-format::after{
    content: "\f03e";
}
article.hentry.sticky .post-content .post-format::after{
    content: "\f097";
}
article.format-video .post-content .post-format::after{
    content: "\f144";
}
article.format-gallery .post-content .post-format::after{
    content: "\f03e";
}
article.format-audio .post-content .post-format::after{
    content: "\f001";
}
article.format-quote .post-content .post-format::after{
    content: "\f10e";
}
article.format-link .post-content .post-format::after{
    content: "\f08e";
}
article.format-chat .post-content .post-format::after{
    content: "\f0e6";
}
article.format-aside .post-content .post-format::after{
    content: "\f24a";
}
article.format-status .post-content .post-format::after{
    content: "\f24d";
}
 @media (max-width: 767px){
    .date_title .post-date {
        line-height: inherit;
    }
}
/***
====================================================================
## Post media: image
====================================================================
***/

.post-media {
    position: relative;
}

/***
====================================================================
## Post media: slider (gallery)
====================================================================
***/
.blog-gallery .slick-arrow {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  background: none;
  padding: 0;
  font-size: 24px;
  height: 50px;
  width: 40px;
  border: 1px solid #c7c8ca;
  color: #c7c8ca;
  text-align: center;
  line-height: 50px;
  transition: all .3s;
  cursor: pointer;
  z-index: 99;
}
.blog-gallery .slick-arrow:hover{
  border: 1px solid #c7c8ca;
  color: #c7c8ca;
}
.blog-gallery .slick-arrow.slick-next {
  right: 30px;
  left: auto;
}
.blog-gallery .slick-dots {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 30px;
  padding-left: 0;
}
.blog-gallery .slick-dots li {
  display: inline-block;
  line-height: 0;
}
.blog-gallery .slick-dots li.slick-active button{
  background: #fff;
}
.blog-gallery .slick-dots li button {
  text-indent: -99999px;
  border: 0;
  margin: 0 5px;
  padding: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #959698;
}

/***
====================================================================
## Post media: video
====================================================================
***/

/* tags */
video {
    height: auto;
    max-width: 100%;
    width: 100%;
}
embed,
iframe,
object {
    max-width: 100%;
}
embed,
iframe,
object {
    width: 100%;
}

/* video post format: iframe */
.iframe-video-wrap {
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    z-index: 10;
}
.iframe-video-wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none !important;
}


/**
 * 9.4 - Post media: audio
 * -------------------------------------------------------------
 */

.iframe-audio-wrap iframe {
    display: block;
    min-height: 160px;
    width: 100%;
}


/**
 * 9.5 - Post content
 * -------------------------------------------------------------
 */

.post-content {
    position: relative;
    word-wrap: break-word;
    overflow: hidden;
    padding-bottom: 20px;
}
.has-post-thumbnail .post-content{
    padding: 20px 0;
}
.post-content {
    padding-bottom: 25px;
}



/* date */
.post-date {
    margin: 0 0 10px 0;
    font-size: 12px;
    font-style: normal;
    color: #6b7280
}
.post-date a {
    color: #6b7280;
}
.post-date a:focus,
.post-date a:hover {
    color: #d42929;
    text-decoration: underline !important;
}
.post-date .entry-meta span{
    margin-right: 10px;
}
.post-date.no-title {
    margin-bottom: 15px;
}
.updated:not(.published) {
    display: none;
}
.post-date i{
    margin-right: 5px;
}

/* title */
.post-title {
    margin: 5px 0 10px;
    color: #000000;
}
.post-title a {
    color: #000000;
}
.post-title a:hover,
.post-title a:focus {
    color: #4c4f53;
    text-decoration: underline !important;
}

/* post excerpt and post content */
.post-excerpt,
.content {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    color: #4c4f53;
}
.post-excerpt a:hover,
.post-excerpt a:focus,
.content a:hover,
.content a:focus {
    color: #d42929;
    text-decoration: underline !important;
}
.content p {
    margin-bottom: 15px;
}
.drop-cap p:first-child:first-letter {
    float: left;
    font-size: 75px;
    line-height: 75px;
    padding-top: 0px;
    padding-right: 6px;
    padding-left: 3px;
}
.masonry-item .content p:last-child,
.page-posts .content p:last-child {
    margin-bottom: 0;
}
.single .post-excerpt p,
.single .post-excerpt ul, 
.single .post-excerpt ol{
    margin-bottom: 40px;
    list-style-position: inside;
    font-size: 17px;
}
.single .post-excerpt ul li ul{
    margin-bottom: 20px;
}
.single .post-excerpt ul li{
    margin-bottom: 10px;
}
.single .post-excerpt h1,
.single .post-excerpt h2,
.single .post-excerpt h3,
.single .post-excerpt h4,
.single .post-excerpt h5,
.single .post-excerpt h6{
    margin-bottom: 25px;
}

/* more link */
.more-link {
    font-style: normal;
    color: #6b7280;
    padding: 0;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    font-weight: 600;
}
.content .more-link {
    display: inline-block;
    margin-bottom: 5px;

}
.content .more-link:after {
    content: '...';
    display: inline-block;
    margin-left: 4px;
}
.content .more-link {
    margin-bottom: 0;
}
.content .more-link:after {
    display: none;
}
.content .more-link:before {
    content: '...';
    display: inline-block;
    margin-right: 4px;
}
.content .more-link:hover:before,
.content .more-link:focus:before {
    color: #4c4f53;
}
a.clean {
    background: #f7f8f8;
    padding: 10px 15px;
    margin: 15px 0 10px 0;
    border-radius: 3px;
    font-size: 12px;
}
a.effect {
    background:#f7f8f8;
    padding: 10px 15px;
    margin: 15px 0 10px 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
a.effect:before {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background:#337ab7;
    border-radius: 3px;
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
a.effect:hover:before,
a.effect:active:before {
    width: 100%;

}
a.effect:hover,
a.effect:active {
    color: #fff!important;
    z-index: 1;
}

/* meta */
.post-cats{
    display: block;
    font-size: 14px;
    color: #6b7280;
}
.post-cats > span{
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    line-height: 1;
}
.post-cats > span:first-child {
    padding-left: 0;
}
.post-cats > span i,
.post-cats > span a {
    color: #d42929;
    font-size: 14px;
    padding-right: 5px;
    margin-bottom: 5px;
    line-height: 20px;
}
.post-cats > span a:hover,
.post-cats > span a:focus{
    text-decoration: underline !important;
}
.post-cats > span.tags-links{
    display: none;
    border-left: 1px solid #d9d9d9;
}
.post-cats > span.tags-links i{
    display: none;
}
.meta_bottom {
    min-width: 100%;
    position: absolute;
    bottom: 50px;
    padding: 5px 10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.15s ease 0.4s;
    -moz-transition: all 0.15s ease 0.4s;
    -o-transition: all 0.15s ease 0.4s;
    transition: all 0.15s ease 0.4s;
    text-align: center;
}
.meta_bottom .post-share a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    color: #000;
    margin: 0 4px;
}
.meta_bottom .post-share a:hover {
    background: #f28b71;
    color: #fff;
}

.post-media:hover .meta_bottom{
    visibility: visible;
    opacity: 1;
    margin-bottom: 0;
    -webkit-transition: all 0.15s ease 0s;
    -moz-transition: all 0.15s ease 0s;
    -o-transition: all 0.15s ease 0s;
    transition: all 0.15s ease 0s;
}
.single .meta_bottom {
    position: relative;
    opacity: 1;
    bottom: auto;
    visibility: visible;
    border: 1px solid #eeefef;
    margin: 20px 0;
}

/* post format: chat */
.format-chat .post-excerpt p,
.format-chat .content p {
    background-color: #f7f8f8;
    padding: 5px;
    margin-bottom: 10px;
}
.archive .format-chat .post-excerpt p,
.home .format-chat .post-excerpt p {
    display: none;
}
.archive .format-chat .post-excerpt p:nth-child(1),
.archive .format-chat .post-excerpt p:nth-child(2),
.archive .format-chat .post-excerpt p:nth-child(3),
.archive .format-chat .post-excerpt p:nth-child(4),
.home .format-chat .post-excerpt p:nth-child(1),
.home .format-chat .post-excerpt p:nth-child(2),
.home .format-chat .post-excerpt p:nth-child(3),
.home .format-chat .post-excerpt p:nth-child(4){
    display: block;
}
/* post format: link */
.format-link .post-excerpt a {
    display: block;
}
a.link-format {
    padding: 43px 20px;
    background: #d42929;
    margin: 0px -15px;
    color: #fff;
    font-size: 20px;
}
a.link-format:hover {
    color: #fff!important;
    opacity: 0.7;
}
/* post format: Quote */
.format-quote .post-wrap{
    background: #d42929;
}
.format-quote .content{
    color: #fff;
    margin: 0;
    padding: 0;
}
.format-quote .content p{
    font-size: 22px !important;
    font-style: italic !important;
    line-height: 30px !important;
}
.format-quote .content p{
    font-size: 22px !important;
    font-style: italic !important;
    line-height: 30px !important;
}
/* post format: status */
.blog .format-status p,
.archive .format-status p{
    display: none;
}
/**
 ## Paginations (WordPress CSS classes)
 * -------------------------------------------------------------
 */

.pagination {
    overflow: hidden;
    display: inline-block;
    margin: 0 0 50px;
    padding: 0;
    border-radius: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.pagination .page-numbers {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    color: #4c4f53;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ddd;
    margin: 0 4px;
    display: inline-block;
}
.pagination .page-numbers.dots {
    padding: 10px 5px;
}

.pagination a.page-numbers:focus {
    color: #4c4f53;
}
.pagination .page-numbers.current {
    background: #333;
    color: #fff;
}
.pagination a.page-numbers:hover {
    color: #d42929;
    text-decoration: underline !important;
}

.posts-navigation {
    margin: 5px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid #eeefef;
}
.posts-navigation:before,
.posts-navigation:after {
    content: " ";
    display: table;
}
.posts-navigation:after {
    clear: both;
}
.posts-navigation {
    zoom: 1;
    display: inline-block;
    width: 100%;
}
.posts-navigation .nav-previous,
.posts-navigation .nav-next {
    display: inline-block;
    min-height: 1px;
    width: 50%;
    position: relative;
}
.posts-navigation .nav-previous {
    float: left;
    text-align: left;
    padding-right: 15px;
}
.posts-navigation .nav-next {
    float: right;
    text-align: right;
    padding-left: 15px;
}

.posts-navigation .nav-previous a:before {
    position: absolute;
    content: "Previous post";
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b7280;
    display: block;
    padding-left: 10px;
    top: 0;
}
.posts-navigation .nav-previous a:after {
    position: absolute;
    content: "\f0d9";
    font-family: "FontAwesome";
    color: #6b7280;
    left: 0;
    top: -3px;
}
.posts-navigation .nav-next a:before {
    position: absolute;
    content: "Next post";
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b7280;
    display: block;
    padding-right: 10px;
    top: 0;
    right: 0;
}
.posts-navigation .nav-next a:after {
    position: absolute;
    content: "\f0da";
    font-family: "FontAwesome";
    color: #6b7280;
    right: 0;
    top: -3px;
}
.posts-navigation .nav-links a {
    display: inline-block;
    width: 100%;
    padding: 20px 0 10px 0;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    color: #4c4f53; /* .post-title-nav color */
    word-wrap: break-word;
}
.posts-navigation .nav-links a:hover,
.posts-navigation .nav-links a:focus {
    color: #d42929; /* .post-title-nav color */
}
.show-more {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-width: 1px;
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    line-height: 2;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    border-radius: 0;
    max-width: 100%;
    letter-spacing: .05em;
    padding: 1rem 4rem;
    background: #d42929;
    color: #fff;
    margin: auto;
}
.ajax-pagination{
    display: inline-block;
    width: 100%;
}
.show-more i{
    margin-right: 10px;
}
/**
 ## Single post page
 * -------------------------------------------------------------
 */
.archive.woocommerce .posts-container,
.page .posts-container,
.single .posts-container{
    padding-top: 0;
}


/* post navigation (WordPress CSS classes) */
.post-navigation {
    margin: 5px 0 0;
    padding: 15px 0 0;
}
.post-navigation:before,
.post-navigation:after {
    content: " ";
    display: table;
}
.post-navigation:after {
    clear: both;
}
.post-navigation {
    zoom: 1;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
    display: inline-block;
    min-height: 1px;
    width: 50%;
    position: relative;
}
.post-navigation .nav-previous {
    float: left;
    text-align: left;
    padding-right: 15px;
}
.post-navigation .nav-next {
    float: right;
    text-align: right;
    padding-left: 15px;
}

.post-navigation .nav-previous a:before {
    position: absolute;
    content: "Previous post";
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b7280;
    display: block;
    padding-left: 10px;
    top: 0;
}
.post-navigation .nav-previous a:after {
    position: absolute;
    content: "\f0d9";
    font-family: "FontAwesome";
    color: #6b7280;
    left: 0;
    top: -3px;
}
.post-navigation .nav-next a:before {
    position: absolute;
    content: "Next post";
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b7280;
    display: block;
    padding-right: 10px;
    top: 0;
    right: 0;
}
.post-navigation .nav-next a:after {
    position: absolute;
    content: "\f0da";
    font-family: "FontAwesome";
    color: #6b7280;
    right: 0;
    top: -3px;
}
.post-navigation .nav-links a {
    display: inline-block;
    width: 100%;
    padding: 20px 0 10px 0;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    color: #4c4f53; /* .post-title-nav color */
    word-wrap: break-word;
}
.post-navigation .nav-links a:hover,
.post-navigation .nav-links a:focus {
    color: #d42929; /* .post-title-nav color */
}



/**
## WordPress content styles
 * -------------------------------------------------------------
 */

/* alignment */
.alignleft {
    float: left;
    margin: 5px 30px 15px 0;
}
.alignright {
    float: right;
    margin: 5px 0 15px 30px;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 20px;
    padding: 5px 0 0;
}
.alignnone {
    margin: 0 0 20px;
    padding: 5px 0 0;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}

/* image with caption */
.wp-caption {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 5px 0 0;
}
.wp-caption img {
    border: 0;
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
}
.wp-caption .wp-caption-text {
    margin: 0;
    padding: 10px 0 0;
    font-size: 13px;
    text-align: left;
    line-height: 1.6;
}

@media screen(max-width: 540px){
/* responsive images */
    .comment-content img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    img[class*="align"],
    img[class*="wp-image-"],
    img[class*="attachment-"] {
        height: auto;
    }
    img.size-full,
    img.size-large,
    img.header-image,
    img.wp-post-image {
        max-width: 100%;
    }
}
/* gallery with images */
.gallery {
    margin: 0 -5px 5px !important;
    padding-top: 5px;
}
.gallery .gallery-item {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin: 0 0 15px 0;
    padding: 0 5px;
}
.gallery .gallery-item .gallery-caption {
    margin: 0;
    padding: 10px 10px 0 0;
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
}
.gallery.gallery-columns-7 .gallery-item .gallery-caption,
.gallery.gallery-columns-8 .gallery-item .gallery-caption,
.gallery.gallery-columns-9 .gallery-item .gallery-caption {
    display: none;
}
.gallery .gallery-icon a {
    display: block;
}
.gallery .gallery-icon img {
    display: block;
    max-width: 100%;
    height: auto;
    border: none !important;
    margin: 0;
    padding: 0;
}
.gallery.gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
    width: 33.3333336%;
}
.gallery.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
    width: 16.6666667%;
}
.gallery.gallery-columns-7 .gallery-item {
    width: 14.2857143%;
}
.gallery.gallery-columns-8 .gallery-item {
    width: 12.5%;
}
.gallery.gallery-columns-9 .gallery-item {
    width: 11.1111111%;
}

/* twitter tweet */
.twitter-tweet {
    margin-top: 5px !important;
    margin-bottom: 20px !important;
}

/* checkbox and radio buttons */
input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0;
    width: 16px;
    min-width: 16px;
    height: 16px;
    line-height: 0;
    position: relative;
    top: -2px;
    border: 2px solid #e3e5e6;
    background: #ffffff;
    clear: none;
    cursor: pointer;
    outline: none !important;
    text-align: center;
    vertical-align: middle;
    -webkit-appearance: none;

    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}
input[type="checkbox"] {
    border-radius: 0;
    border-top-width: 1px;
}
input[type="radio"] {
    border-radius: 50%;
    border-top-width: 2px;
}
input[type="checkbox"]:hover, 
input[type="checkbox"]:focus, 
input[type="radio"]:hover {
    border-color: #d42929;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background: #d42929;
    border-color: #d42929;
}
input[type="checkbox"]:checked:before {
    content: "\2714";
    line-height: 13px;
    color: #ffffff;
}
input[type="radio"]:checked:before {
    content: "\2022";
    font-size: 22px;
    line-height: 12px;
    color: #ffffff;
}

/**
## About the author
* -------------------------------------------------------------
*/

.about-author {
    position: relative;
    margin-bottom: 40px;
    padding: 30px;
    border: 1px solid #eeefef;
}
.container-title {
    margin-bottom: 25px;
    font-size: 26px;
    font-style: normal;
    line-height: 1.2;
    color: #2f3235;
}

/* avatar */
.about-author-avatar {
    float: left;
    margin: 0 20px 0 0;
    position: relative;
    overflow: hidden;
}
.about-author-avatar img {
    display: block;
    margin: 0;
    padding: 0;
    width: 72px;
    height: 72px !important;
    border-radius: 36px;
}
.about-author-avatar .avatar-bg-overlay {
    border-radius: 36px;
}
.about-author-avatar:hover .avatar-bg-overlay {
    opacity: 0.2;
}

/* biographical info */
.about-author-bio-wrap {
    padding-left: 92px;
}
.about-top {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.about-author-name {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.3;
    color: #2f3235;
    float: left;
}
.about-author-name a {
    display: inline-block;
    color: #2f3235;
}
.about-author-name a:hover,
.about-author-name a:focus {
    color: #d42929;
    text-decoration: underline !important;
}
.about-author-name .about-author-posts-num {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #6b7280;
}
.about-author-name .about-author-posts-num i {
    margin-right: 8px;
}
.about-author-bio {
    margin-top: 12px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    color: #4c4f53;
}

.about-author-posts-link {
    display: inline-block;
    margin-top: 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    color: #6b7280;
}
.about-author-posts-link i {
    margin-right: 8px;
}
.about-author-posts-link:hover,
.about-author-posts-link:focus {
    color: #d42929;
    text-decoration: underline !important;
}
.author-socials {
    float: right;
}
.author-socials a{
    padding:5px 10px;
}
.author .archive-heading {
    max-width: 70%;
    padding: 15px 0 30px 15px;
}
/**
 * ## Comments
 * -------------------------------------------------------------
 * Comment form
 * -------------------------------------------------------------
 */

/* comments area: comment form, comment list, and navigation */
.comments-area {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    color: #4c4f53;
}

/* comments area: styles for Font Awesome icons */
.comment-reply-title #cancel-comment-reply-link:before,
.bypostauthor > article .fn:after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* comment form title, comments title */
.comment-reply-title,
.comments-title {
    margin: 0 0 25px;
    font-size: 26px;
    line-height: 1.2;
    color: #2f3235;
}

/* comment form */
.comment-form {
    margin-bottom: 40px;
    padding: 25px;
    background-color: #ffffff;
}
.comment-form-comment {
    margin-bottom: 7px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
    margin-bottom: 10px;
}
.comment-form label {
    display: block;
    margin-bottom: 0;
    padding-bottom: 5px;
    font-weight: 700;
    line-height: 1.7;
    color: #4c4f53;
}
.comment-form-comment label:after {
    content: ' *';
}
.comment-form-cookies-consent {
    margin-bottom: 10px;
    padding-top: 12px;
}
.comment-form-cookies-consent input[type="checkbox"] {
    margin: 0 10px 0 0;
}
.comment-form-cookies-consent label {
    display: inline;
    padding-bottom: 0;
    font-weight: 400;
}
#author,
#email,
#url,
#comment {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    color: #4c4f53;
    background: #ffffff;
    border: 2px solid #eeefef;
    border-top-width: 1px;
    border-radius: 0;

    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}
#comment {
    height: 110px;
    padding: 10px;
    resize: vertical;
}
#author:hover,
#email:hover,
#url:hover,
#comment:hover {
    border-color: #d42929;
}
#author:active,
#email:active,
#url:active,
#comment:active,
#author:focus,
#email:focus,
#url:focus,
#comment:focus {
    outline: none;
    border-color: #d42929;
}

/* allowed tags */
.comment-form .form-allowed-tags {
    display: none;
}

/* comment form: submit button */
.comment-form .form-submit {
    padding: 15px 0 7px;
    margin-bottom: 0;
}
.comment-form #submit {
    border: none;
    outline: none;
    display: inline-block;
    padding: 0 35px;
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    color: #ffffff;
    background-color: #1f2123;
    border-radius: 0;

    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}
.comment-form #submit:hover,
.comment-form #submit:focus {
    color: #ffffff;
}
.comment-form #submit:hover, 
.comment-form #submit:focus {
    background-color: #d42929;
}
.comment-form #submit:active {
    position: relative;
    top: 1px;
}

/* "must login" message */
.comment-respond .must-log-in {
    margin-bottom: 40px;
    padding: 30px;
    background-color: #ffffff;
}
.comment-respond .must-log-in a {
    color: #4c4f53;
    text-decoration: underline !important;
}
.comment-respond .must-log-in a:hover,
.comment-respond .must-log-in a:focus {
    color: #d42929;
}

/* "logged-in as ..." message */
.comment-form .logged-in-as a {
    color: #4c4f53;
}
.comment-form .logged-in-as a:first-child:hover,
.comment-form .logged-in-as a:first-child:focus {
    color: #4c4f53;
    text-decoration: underline !important;
}
.comment-form .logged-in-as a:last-child {
    text-decoration: underline !important;
}
.comment-form .logged-in-as a:last-child:hover,
.comment-form .logged-in-as a:last-child:focus {
    color: #d42929;
}

/* cancel comment reply link */
.comment-reply-title small {
    float: right;
    margin-top: 10px;
}
.comment-reply-title #cancel-comment-reply-link {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    color: #6b7280;
}
.comment-reply-title #cancel-comment-reply-link:before {
    font-family: 'FontAwesome';
    font-weight: 900;
    content: '\f057';
    margin-right: 8px;
}
.comment-reply-title #cancel-comment-reply-link:hover {
    color: #d42929;
}


/**
 * Comment list
 * -------------------------------------------------------------
 */

/* comments */
.comment-list-wrap {
    margin-bottom: 40px;
    padding: 30px 30px 15px;
    background-color: #ffffff;
}
.comment-list {
    list-style: none outside none;
    margin: 0;
    padding: 0 0 15px;
}
.comment-list .children {
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 30px;
}

/* comment body */
.comment .comment-body {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #eeefef;
    word-wrap: break-word;
}
.comment-list > .comment:first-child > .comment-body {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

/* pingbacks and trackbacks */
.comment-list .pingback .comment-body {
    margin-top: 25px;
    padding-top: 25px;
    padding-left: 36px;
    border-top: 1px solid #eeefef;
    word-wrap: break-word;
    position: relative;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    color: #6b7280;
}
.comment-list .pingback .comment-body:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome';
    font-weight: 900;
    content: '\f35d';
    position: absolute;
    top: auto;
    left: 0;
    margin-top: -2px;
    line-height: 1;
    font-size: 19px;
    color: #4c4f53;
    opacity: 0.2;
}
.comment-list > .pingback:first-child > .comment-body {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.comment-list .pingback .comment-body > a {
    display: block;
    margin-top: 12px;
    font-family: 'Lora', serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    color: #4c4f53;
}
.comment-list .pingback .comment-body > a:hover,
.comment-list .pingback .comment-body > a:focus {
    color: #d42929;
    text-decoration: underline !important;
}
.comment-list .pingback .comment-body .edit-link {
    display: inline-block;
    margin-top: 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
}
.comment-list .pingback .comment-body .edit-link .comment-edit-link {
    color: #6b7280;
    text-decoration: none !important;
}
.comment-list .pingback .comment-body .edit-link .comment-edit-link:hover,
.comment-list .pingback .comment-body .edit-link .comment-edit-link:focus {
    color: #d42929;
    text-decoration: underline !important;
}

/* comment metadata: avatar */
.comment-meta .comment-author img {
    float: left;
    display: block;
    width: 46px;
    height: 46px !important;
    margin: 0 15px 0 0;
    padding: 0;
    border-radius: 23px;
}

/* comment metadata: author */
.comment-meta .comment-author .fn {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    color: #2f3235;
}
.comment-meta .comment-author .fn .url {
    color: #2f3235;
    text-decoration: underline !important;
}
.comment-meta .comment-author .fn .url:hover,
.comment-meta .comment-author .fn .url:focus {
    color: #d42929;
}
.comment-meta .comment-author .says {
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    word-wrap: normal !important;
}

/* comment metadata: post author */
.bypostauthor > article .fn:after {
    font-family: 'FontAwesome';
    font-weight: 900;
    content: '\f040';
    margin-left: 8px;
    font-size: 75%;
}

/* comment metadata: date and edit links */
.comment-meta .comment-metadata {
    margin-top: 2px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    color: #6b7280;
}
.comment-meta .comment-metadata a {
    color: #6b7280;
}
.comment-meta .comment-metadata a:hover,
.comment-meta .comment-metadata a:focus {
    color: #d42929;
    text-decoration: underline !important;
}

/* comment metadata: edit link */
.comment-meta .edit-link {
    margin-left: 10px;
}

/* comment metadata: "comment awaiting moderation" message */
.comment-meta .comment-awaiting-moderation {
    display: block;
    margin: 15px 0 0 61px;
    padding: 4px 0;
    background-color: #f7f8f8;
}

/* comment content */
.comment-content {
    padding: 12px 0 0 61px;
}
.no-avatars .comment-content {
    padding-left: 0 !important;
}
.comment-content p {
    margin-bottom: 15px;
}
.comment-content a {
    color: #4c4f53;
    text-decoration: underline !important;
}
.comment-content a:hover,
.comment-content a:focus {
    color: #d42929;
}

/* comment reply */
.comment-body .reply {
    padding: 0 0 0 61px;
    margin-top: -6px;
    line-height: 1.3;
}
.no-avatars .comment-body .reply {
    padding-left: 0 !important;
}
.comment-body .reply .comment-reply-link {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    color: #6b7280;
}
.comment-body .reply .comment-reply-link:focus {
    color: #6b7280;
}
.comment-body .reply .comment-reply-link:hover {
    color: #d42929;
    text-decoration: underline !important;
}

/* comment reply: comment form */
.comment-list li .comment-respond {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #eeefef;
}
.comment-list li .comment-reply-title {
    margin-bottom: 16px;
}
.comment-list li .comment-form {
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
}
.comment-list li .comment-form .form-submit {
    padding-bottom: 5px;
}

/* comments are closed */
.comment-list-wrap.comments-closed .comment-list {
    padding-bottom: 0;
}
.comments-area .no-comments {
    margin-bottom: 40px;
    padding: 30px;
    background-color: #ffffff;
}


/**
 * Comments navigation
 * -------------------------------------------------------------
 */

.comment-navigation {
    margin: 10px 0 0;
    padding: 20px 0 15px;
    border-top: 1px solid #eeefef;
}
.comment-list-wrap.comments-closed .comment-navigation {
    margin-top: 25px;
}
.comment-navigation:before,
.comment-navigation:after {
    content: " ";
    display: table;
}
.comment-navigation:after {
    clear: both;
}
.comment-navigation {
    zoom: 1;
}
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
    display: inline-block;
    min-height: 1px;
    width: 50%;
    line-height: 1.6;
}
.comment-navigation .nav-previous {
    float: left;
    text-align: left;
    padding-right: 15px;
}
.comment-navigation .nav-next {
    float: right;
    text-align: right;
    padding-left: 15px;
}
.comment-navigation .nav-links a {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    word-wrap: break-word;
    color: #6b7280;
}
.comment-navigation .nav-links a:hover,
.comment-navigation .nav-links a:focus {
    color: #d42929;
    text-decoration: underline !important;
}
.comment-navigation .nav-previous i {
    margin-right: 10px;
}
.comment-navigation .nav-next i {
    margin-left: 10px;
}


/**
 * Related posts / Posts list on single pages
 * -------------------------------------------------------------
 */

 .post-wrap .related-posts {
    padding-top: 20px;
    border-top: 1px solid #eeeeee;
    margin-top: 10px;
}

 .post-wrap .related-post-widget-title {
    padding: 0;
    margin-bottom: 20px;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    color: #2f3235;
    background-color: #ffffff;
}
.post-wrap .related-posts .post-title {
    font-size: 18px;
}
.post-wrap .related-posts .post-content{
    padding: 15px 10px;
}
.post-wrap.left-image .related-posts{
    display: none;
}


/*Slick arrow*/
.related-posts-list  .slick-arrow {
    position: absolute;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 22px;
    border-radius: 0;
    color: #000;
    top: -38px;
    right: 50px;
    z-index: 2;
    cursor: pointer;
    border: 0;
    background: #ffffff;
    border: 1px solid #eee;
    outline: none;
}
.related-posts-list  .slick-arrow:hover{
  background: #333;
  color: #fff;
}
.related-posts-list  .slick-arrow.slick-next {
    right: 16px;
    left: auto;
}
.related-posts-list  .slick-dots {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 30px;
  padding-left: 0;
}
.related-posts-list  .slick-dots li {
  display: inline-block;
  line-height: 0;
}
.related-posts-list  .slick-dots li.slick-active button{
  background: #fff;
}
.related-posts-list  .slick-dots li button {
  text-indent: -99999px;
  border: 0;
  margin: 0 5px;
  padding: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #959698;
}


.related-posts {
    overflow: hidden;
}
.related-posts-list{
    margin-left: -15px;
    margin-right: -15px;
}

.related-posts .show-2-related-posts {
    float: left;
    width: 50%;
    padding: 0 15px;
}
.related-posts .show-3-related-posts .post {
    width: 33.33%;
    float: left;
}


/**
 * Page 404
 * -------------------------------------------------------------
 */
.error404 .posts-container{
    padding-top: 0;
}
.page-404-container {
    margin: 60px 0;
    padding: 120px 30px;
    text-align: center;
    background-color: #ffffff;
}
.page-404-content {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}
.page-404-content h1,
.page-404-content h2 {
    margin-bottom: 15px;
    font-style: normal;
    font-weight: 700;
    color: #2f3235;
}
.page-404-content h1 {
    font-size: 29px;
    line-height: 1.2;
}
.page-404-content .error-code {
    font-size: 110px;
    line-height: 110px;
    font-weight: 800;
    margin-bottom: 5px;
    color: #555555;
}
.page-404-content h2 {
    font-size: 23px;
    line-height: 1.3;
}
.page-404-content p {
    margin-bottom: 5px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    color: #4c4f53;
}
.page-404-content a {
    color: #4c4f53;
    text-decoration: underline !important;
}
.page-404-content a:hover,
.page-404-content a:focus {
    color: #d42929;
}
.search-no-results .search-form label,
.page-404-content .search-form label {
    display: block;
    max-width: 100%;
    margin-bottom: 0;
    font-weight: 700;
}
.search-no-results .search-form input[type="search"],
.page-404-content .search-form input[type="search"] {
    float: left;
    width: 75%;
    height: 45px;
    background: none;
    padding: 5px 15px;
    border-width: 1px;
    box-shadow: none;
    border: 1px solid #333;
    border-right: 0;
}
.search-no-results .search-field::-webkit-input-placeholder,
.page-404-content .search-field::-webkit-input-placeholder {
    color: #6b7280;
}
.search-no-results .search-field:-moz-placeholder,
.page-404-content .search-field:-moz-placeholder {
    color: #6b7280;
}
.search-no-results.search-field:-ms-input-placeholder,
.page-404-content .search-field:-ms-input-placeholder {
    color: #6b7280;
}
.search-no-results .search-form input[type="submit"],
.page-404-content .search-form input[type="submit"] {
    float: left;
    width: 25%;
    padding: 0;
    height: 45px;
    border: 1px solid #333;
    position: relative;
    background: #212121;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 2px;
    padding: 10px 20px !important;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.back_home {
    padding: 20px;
    display: inline-block;
}

/**
 * Front Page Blog Block
 * -------------------------------------------------------------
 */
.intimate_front_loop_block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.intimate_front_loop_block article{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.intimate_front_loop_block article img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: 250px;
    position: relative;
}
/**
 * Sidebar and Widgets
 * -------------------------------------------------------------
 */

.blog.left-sidebar #primary,
.archive.left-sidebar #primary,
.page.left-sidebar #primary{
    float:right
}

.blog.left-sidebar #secondary,
.archive.left-sidebar #secondary,
.page.left-sidebar #secondary{
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.blog.no-sidebar #secondary,
.archive.no-sidebar #secondary,
.page.no-sidebar #secondary,
.blog.middle-column #secondary,
.archive.middle-column #secondary,
.page.middle-column #secondary{
    display:none
}

.single.single-left-sidebar #secondary{
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
.single.single-no-sidebar #secondary,
.single.single-middle-column #secondary{
    display:none
}
.single.single-left-sidebar #secondary,
.single.single-right-sidebar #secondary{
    display:block!important;
}

.post-template-post-right-sidebar.single #secondary,
.post-template-post-left-sidebar.single #primary{
    float:right!important;
}

.post-template-post-right-sidebar.single #primary,
.post-template-post-left-sidebar.single #secondary{
    float:left!important;
}


.post-template-post-no-sidebar.single #secondary,
.post-template-post-middle-column.single #secondary{
    display:none!important;
}

.blog.no-sidebar #primary,
.archive.no-sidebar #primary,
.page.no-sidebar #primary,
.single.single-no-sidebar #primary,
.post-template-post-no-sidebar.single #primary{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


.blog.middle-column #primary,
.archive.middle-column #primary,
.page.middle-column #primary,
.single.single-middle-column #primary,
.post-template-post-middle-column.single #primary{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.blog.middle-column .site-content .container-fluid,
.archive.middle-column .site-content .container-fluid,
.page.middle-column .site-content .container-fluid,
.single.single-middle-column .site-content .container-fluid{
    width: 70%;
    margin :auto;
}

/* Blog Layout Column options */
.masonry-start{
    clear: both;
}
.alternative .masonry-start,
.two-column .masonry-start{
    margin-right: -15px;
    margin-left: -15px;
}
.two-column article.two-column{
    width: 50%;
    padding:0 15px;
    float: left;
}
.alternative article.alternative {
    width: 50%;
    padding:0 15px;
    float: left;
}
.alternative .site-main article:nth-child(3n-2) {
    width: 100%;
}

article.masonry-post {
    float: left;
    margin-bottom: 20px;
}
article{
    width: 100%;
}
.masonry-post .masonry-start{
    margin-right: -15px;
    margin-left: -15px;
}
.right-sidebar article.masonry-post,
.left-sidebar article.masonry-post{
    width: 50%;
    padding:0 15px;
}
.home.both-sidebar #primary,
.archive.both-sidebar #primary,
.page.both-sidebar #primary,
.single.both-sidebar #primary,
.no-sidebar article.masonry-post{
    width: 33.33333333%;
    padding:0 15px;
}
.middle-column article.masonry-post,
.both-sidebar article.masonry-post{
    width: 100%;
    padding:0 15px;
}



.sidebar-area h3 {
    font-size: 18px;
}
/* widget container */
.widget {
    word-wrap: break-word;
    margin-bottom: 40px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    color: #4c4f53;
}

.widget a:hover,
.widget a:focus {
    color: #d42929;
    text-decoration: underline !important;
}

/* widget title */
.widget .widget-title:before,
.widget .widgettitle:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    background: #d42929;
    z-index: 1;
}
.widget .widgettitle,
.widget .widget-title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    line-height: 1.3;
    text-transform: capitalize;
    color: #2f3235;
    position: relative;
    font-size: 22px;
}
.widget .widgettitle:after,
.widget .widget-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #eee;
}
.widget .widget-title a {
    color: #2f3235;
}
.widget .widget-title a:hover,
.widget .widget-title a:focus {
    color: #d42929;
    text-decoration: underline !important;
}

/*--sidebar style--*/

.sidebar-1 .widget {
    background: #ececec;
}

.sidebar-1 .widget-title {
    padding: 15px;
    background: #111;
    color: #fff;
}
.sidebar-2 .widget {
    margin: 0;
}

.sidebar-2 .widget-title {
    position: relative;
    padding: 0;
}
.sidebar-2 .widget-title:after {
    position: absolute;
    width: 30px;
    height: 2px;
    background: #111;
    top: 8px;
    content: "";
    margin-left: 10px;
}
.sidebar-3 .widget {
    background: none;
    border: 1px solid #d9d9d9;
    }

.sidebar-3 .widget-title {
    padding: 15px;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    background: none;
    position: relative;
}
.sidebar-3 .widget-title:after {
    position: absolute;
    width: 60px;
    height: 3px;
    background: #337ab7;
    bottom: -2px;
    content: "";
    left: calc(50% - 30px);
}
/**
 * Widget: Archives
 * -------------------------------------------------------------
 */

.widget_archive ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_archive ul li {
    color: #6b7280; /* counter */
    margin-bottom: 10px;
}
.widget_archive ul li:last-child {
    margin-bottom: 0;
}
.widget_archive ul li a {
    margin-right: 4px;
}
.widget_archive select {
    margin-top: 5px;
    padding: 8px 20px 8px 10px;
    max-width: 100%;
    width: 100%;
    color: #4c4f53;
    background: #ffffff;
    border: 1px solid #ffffff;
}
.widget_archive select:active,
.widget_archive select:focus {
    outline: none;
}


/**
 * Widget: Pages
 * -------------------------------------------------------------
 */

.widget_pages ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_pages ul li {
    color: #6b7280;
    margin-bottom: 10px;
}
.widget_pages ul li:last-child {
    margin-bottom: 0;
}
.widget_pages ul ul {
    margin: 10px 0 0;
    padding: 0 0 1px 10px;
}
.widget_pages ul ul li:before {
    content: '- ';
    color: #4c4f53;
}


/**
 * Widget: Categories
 * -------------------------------------------------------------
 */

.widget_categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_categories ul li {
    color: #6b7280;
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
}
.widget_categories ul li:last-child {
    margin-bottom: 0;
}
.widget_categories ul li a {
    margin-right: 4px;
    text-align: left;
}
.widget_categories ul ul {
    margin: 10px 0 0;
    padding: 0 0 1px 10px;
}
.widget_categories ul ul li:before {
    content: '- ';
    color: #4c4f53;
}
.widget_categories select {
    margin-top: 5px;
    padding: 8px 20px 8px 10px;
    max-width: 100%;
    width: 100%;
    color: #4c4f53;
    background: #ffffff;
    border: 1px solid #ffffff;
}
.widget_categories select:active,
.widget_categories select:focus {
    outline: none;
}


/**
 * Widget: Recent Posts
 * -------------------------------------------------------------
 */

.widget_recent_entries ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_recent_entries ul li {
    margin-bottom: 10px;
}
.widget_recent_entries ul li:last-child {
    margin-bottom: 0;
}
.widget_recent_entries ul li .post-date {
    display: block;
    font-size: 80%;
    color: #6b7280;
}


/**
 * Widget: Tag Cloud
 * -------------------------------------------------------------
 */

.widget_tag_cloud .tagcloud {
    overflow: hidden;
    margin-right: -4px;
}
.widget_tag_cloud a {
    margin-right: 4px;
}


/**
 * Widget: Calendar
 * -------------------------------------------------------------
 */

#wp-calendar {
    max-width: 100%;
    width: 100%;
    line-height: 1.2;
}

/* caption */
#wp-calendar caption {
    padding: 0 0 15px;
    font-weight: 700;
    line-height: 1.7;
    color: #4c4f53;
}

/* thead */
#wp-calendar thead th {
    padding: 10px 0 10px;
    font-weight: 700;
}

/* tbody */
#wp-calendar tbody td {
    padding: 5px 0 5px 2px;
}
#wp-calendar tbody a {
    text-decoration: underline !important;
}
#wp-calendar tbody #today {
    font-weight: 700;
}

/* prev/next links */
#wp-calendar #next {
    text-align: right;
}
#wp-calendar #prev,
#wp-calendar #next {
    padding: 10px 0 10px;
    font-weight: 700;
}


/**
 * Widget: Navigation Menu
 * -------------------------------------------------------------
 */

.widget_nav_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_nav_menu ul li {
    margin-bottom: 10px;
}
.widget_nav_menu ul li:last-child {
    margin-bottom: 0;
}
.widget_nav_menu ul li i {
    margin-right: 8px;
}
.widget_nav_menu ul ul {
    margin: 10px 0 0;
    padding: 0 0 1px 10px;
}
.widget_nav_menu ul ul li:before {
    content: '- ';
    color: #4c4f53;
}


/**
 * Widget: Meta
 * -------------------------------------------------------------
 */

.widget_meta ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_meta ul li {
    margin-bottom: 10px;
}
.widget_meta ul li:last-child {
    margin-bottom: 0;
}


/**
 * Widget: Recent Comments
 * -------------------------------------------------------------
 */

#recentcomments {
    list-style: none;
    margin: 0;
    padding: 0;
}
#recentcomments li {
    margin-bottom: 10px;
}
#recentcomments li:last-child {
    margin-bottom: 0;
}
#recentcomments li .comment-author-link a,
#recentcomments li a {
    text-decoration: underline !important;
}


/**
 * Widgets: Text and Custom HTML
 * -------------------------------------------------------------
 */

/* img */
.textwidget img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin-bottom: 15px;
}
.textwidget .wp-caption img {
    margin-bottom: 0;
}

/* text elements */
.textwidget p {
    margin-bottom: 15px;
}
.textwidget a {
    text-decoration: underline !important;
}
.textwidget .wp-caption-text {
    padding: 0;
}
.textwidget ul,
.textwidget ol {
    margin: 0 0 15px;
    padding-left: 18px;
}
.textwidget ul ol,
.textwidget ul ul,
.textwidget ol ul,
.textwidget ol ol {
    margin: 2px 0;
    padding-left: 18px;
}

/* forms: buttons */
.textwidget button,
.textwidget button[disabled]:hover,
.textwidget button[disabled]:focus,
.textwidget input[type="button"],
.textwidget input[type="button"][disabled]:hover,
.textwidget input[type="button"][disabled]:focus,
.textwidget input[type="reset"],
.textwidget input[type="reset"][disabled]:hover,
.textwidget input[type="reset"][disabled]:focus,
.textwidget input[type="submit"],
.textwidget input[type="submit"][disabled]:hover,
.textwidget input[type="submit"][disabled]:focus {
    border: none;
    outline: none;
    display: inline-block;
    padding: 0 30px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    color: #ffffff;
    background: #1f2123;
    border-radius: 0;

    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}
.textwidget button:focus,
.textwidget input[type="button"]:focus,
.textwidget input[type="reset"]:focus,
.textwidget input[type="submit"]:focus {
    color: #ffffff;
}
.textwidget button:hover,
.textwidget input[type="button"]:hover,
.textwidget input[type="reset"]:hover,
.textwidget input[type="submit"]:hover {
    color: #ffffff;
    background: #d42929;
}
.textwidget button:active,
.textwidget input[type="button"]:active,
.textwidget input[type="reset"]:active,
.textwidget input[type="submit"]:active {
    position: relative;
    top: 1px;
}

/* forms: input tags, select element */
.textwidget input[type="text"],
.textwidget input[type="email"],
.textwidget input[type="url"],
.textwidget input[type="password"],
.textwidget input[type="search"],
.textwidget input[type="tel"],
.textwidget input[type="number"],
.textwidget input[type="date"],
.textwidget textarea,
.textwidget select {
    max-width: 100%;
    width: 100%;
    height: 38px;
    padding: 0 10px;
    font-weight: 400;
    color: #4c4f53;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-bottom-color: #e3e5e6;
    border-radius: 0;

    -webkit-transition: border-bottom-color 0.2s ease;
    -moz-transition: border-bottom-color 0.2s ease;
    -o-transition: border-bottom-color 0.2s ease;
    transition: border-bottom-color 0.2s ease;
}
.textwidget input[type="date"] {
    padding-top: 7px;
    padding-bottom: 7px;
}
.textwidget textarea {
    height: 90px;
    margin-bottom: -7px;
    padding: 10px;
    line-height: 1.7;
    resize: vertical;
}
.textwidget select {
    padding-left: 6px;
}
.textwidget select[multiple] {
    height: 90px;
    margin-bottom: -2px;
    padding: 5px 8px;
}
.textwidget input[type="text"]:hover,
.textwidget input[type="email"]:hover,
.textwidget input[type="url"]:hover,
.textwidget input[type="password"]:hover,
.textwidget input[type="search"]:hover,
.textwidget input[type="tel"]:hover,
.textwidget input[type="number"]:hover,
.textwidget input[type="date"]:hover,
.textwidget textarea:hover,
.textwidget select:hover {
    border-bottom-color: #d42929;
}
.textwidget input[type="text"]:focus,
.textwidget input[type="email"]:focus,
.textwidget input[type="url"]:focus,
.textwidget input[type="password"]:focus,
.textwidget input[type="search"]:focus,
.textwidget input[type="tel"]:focus,
.textwidget input[type="number"]:focus,
.textwidget input[type="date"]:focus,
.textwidget textarea:focus,
.textwidget select:active,
.textwidget select:focus {
    outline: none;
    border-bottom-color: #d42929;
}
.textwidget input[type="file"] {
    width: 100%;
    margin: 0;
    padding: 9px;
    border: 1px dashed #e3e5e6;

    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}
.textwidget input[type="file"]:hover {
    border-color: #d42929;
}
.textwidget input[type="file"]:focus {
    outline: none;
    border-color: #d42929;
}
.textwidget input[type="checkbox"],
.textwidget input[type="radio"] {
    border-width: 1px;
}
.textwidget input[type="checkbox"]:checked:before,
.textwidget input[type="radio"]:checked:before {
    line-height: 14px;
}

/* label */
.textwidget label {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
}
.textwidget p label:last-child {
    padding-bottom: 0;
}

/* Contact Form 7: additional styles */
/* p */
.textwidget .wpcf7 p {
    margin-bottom: 10px;
}
/* label */
.textwidget .wpcf7 span[class*="quiz"] label {
    padding-bottom: 0;
}
/* input, textarea */
.textwidget .wpcf7 label input,
.textwidget .wpcf7 label textarea {
    margin-top: 5px;
    font-size: 15px;
    font-weight: 400;
}
/* submit */
.textwidget .wpcf7 input[type="submit"] {
    margin: 10px 0 5px;
    font-weight: 700;
}
/* checkboxes, radio buttons */
.textwidget .wpcf7 .wpcf7-list-item {
    margin: 0 20px 0 0;
}
.textwidget .wpcf7 .wpcf7-list-item:last-child {
    margin-right: 0;
}
.textwidget .wpcf7 .wpcf7-list-item label {
    font-size: 15px;
    font-weight: 400;
}
.textwidget .wpcf7 .wpcf7-list-item input[type="checkbox"]:first-child,
.textwidget .wpcf7 .wpcf7-list-item input[type="radio"]:first-child {
    margin-right: 5px;
}
.textwidget .wpcf7 .wpcf7-list-item input[type="checkbox"]:last-child,
.textwidget .wpcf7 .wpcf7-list-item input[type="radio"]:last-child {
    margin-right: 0;
    margin-left: 5px;
}
.textwidget .wpcf7 .wpcf7-list-item label input[type="checkbox"],
.textwidget .wpcf7 .wpcf7-list-item label input[type="radio"] {
    margin-top: 0;
}
/* action styles */
.textwidget .wpcf7 .ajax-loader {
    margin-left: 15px;
}
.textwidget .wpcf7 .wpcf7-not-valid-tip {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #f46180;
}
.textwidget .wpcf7 .wpcf7-response-output {
    margin: 15px 0;
    padding: 10px 15px;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
    border: none;
    background-color: #e9a62a;
    color: #ffffff;
}
.textwidget .wpcf7 .wpcf7-mail-sent-ok,
.textwidget .wpcf7 .wpcf7-mail-sent-ng,
.textwidget .wpcf7 .wpcf7-aborted,
.textwidget .wpcf7 .wpcf7-spam-blocked,
.textwidget .wpcf7 .wpcf7-validation-errors,
.textwidget .wpcf7 .wpcf7-acceptance-missing {
    border: none;
}
.textwidget .wpcf7 .wpcf7-mail-sent-ok {
    background-color: #7cbd60;
}
.textwidget .wpcf7 .wpcf7-mail-sent-ng,
.textwidget .wpcf7 .wpcf7-aborted {
    background-color: #f46180;
}
.textwidget .wpcf7 .wpcf7-spam-blocked {
    background-color: #e9a62a;
}
.textwidget .wpcf7 .wpcf7-validation-errors,
.textwidget .wpcf7 .wpcf7-acceptance-missing {
    background-color: #f46180;
}

/*Images Wedgets*/
.banner-add-area .widget_media_image{
    text-align: center;
}
/**
 * Widget: Search
 * -------------------------------------------------------------
 */

/* search form */
.widget_search #searchform .search-field {
    font-family: 'Lora', serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    color: #4c4f53;
    background: transparent;
    border-bottom: 2px solid #e3e5e6;
}

/* search form: placeholder */
/* Chrome/Opera/Safari */
.widget_search #searchform .search-field::-webkit-input-placeholder {
    color: #4c4f53;
    opacity: 1;
}
/* Firefox 18- */
.widget_search #searchform .search-field:-moz-placeholder {
    color: #4c4f53;
    opacity: 1;
}
/* Firefox 19+ */
.widget_search #searchform .search-field::-moz-placeholder {
    color: #4c4f53;
    opacity: 1;
}
/* IE 10+ */
.widget_search #searchform .search-field:-ms-input-placeholder {
    color: #4c4f53;
    opacity: 1;
}

/* search form: submit button */
.widget_search #searchform .search-submit {
    color: #4c4f53;
    background: transparent;
    border-bottom: 2px solid #e3e5e6;
}
.widget_search #searchform .search-submit:hover {
    color: #d42929;
}


/**
 * Widget: RSS
 * -------------------------------------------------------------
 */

.rsswidget img {
    display: none;
}
.widget_rss .widget-title .rsswidget:first-child:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome';
    font-weight: 900;
    content: '\f09e';
    margin-right: 8px;
    font-size: 80%;
}
.widget_rss ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_rss ul li {
    margin-bottom: 10px;
}
.widget_rss ul li:last-child {
    margin-bottom: 0;
}
.widget_rss ul li .rss-date {
    display: block;
    font-size: 80%;
    color: #6b7280;
}
.widget_rss ul li .rssSummary {
    margin-bottom: 2px;
    font-size: 90%;
}
.widget_rss ul li cite {
    display: block;
    margin: 0;
    text-align: left;
    font-style: normal;
    font-size: 80%;
    color: #6b7280;
}

/**
 * Widget: Image
 * -------------------------------------------------------------
 */

.widget_intimate_image .wp-caption {
    margin-bottom: 0;
}

/**
 * Widget: Gallery
 * -------------------------------------------------------------
 */

.widget_intimate_gallery .gallery {
    margin-bottom: 0 !important;
}

/**
 * Social widgets
 * -------------------------------------------------------------
 */
 /*-----# Top Social -----------*/

ul.social-menu {
    margin: 0;
    padding: 0;
}

ul.social-menu li {
    display: inline;
    padding: 0 5px;
}

ul.social-menu li a {
    font-size: 0;
    color: transparent;
    line-height: 40px;
}

ul.social-menu li a:hover {
    color: #54be73
}

ul.social-menu li:last-child {
    margin-right: 0;
}

ul.social-menu li a:before {
    content: "";
    font-family: FontAwesome, sans-serif;
    font-size: 14px;
    padding: 10px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
    line-height: 12px;
    color: #68686d;
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
}
ul.social-menu li:hover a:before{
    opacity: .6;
}
ul.social-menu li a[href*="facebook.com"]:before {
    content: "\f09a";
}

ul.social-menu li a[href*="twitter.com"]:before {
    content: "\f099";
}

ul.social-menu li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

ul.social-menu li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

ul.social-menu li a[href*="youtube.com"]:before {
    content: "\f167";
}

ul.social-menu li a[href*="dribbble.com"]:before {
    content: "\f17d";
}

ul.social-menu li a[href*="pinterest.com"]:before {
    content: "\f0d2";
}

ul.social-menu li a[href*="bitbucket.org"]:before {
    content: "\f171";
}

ul.social-menu li a[href*="github.com"]:before {
    content: "\f113";
}

ul.social-menu li a[href*="codepen.io"]:before {
    content: "\f1cb";
}

ul.social-menu li a[href*="flickr.com"]:before {
    content: "\f16e";
}

ul.social-menu li a[href$="/feed/"]:before {
    content: "\f09e";
}

ul.social-menu li a[href*="foursquare.com"]:before {
    content: "\f180";
}

ul.social-menu li a[href*="instagram.com"]:before {
    content: "\f16d";
}

ul.social-menu li a[href*="tumblr.com"]:before {
    content: "\f173";
}

ul.social-menu li a[href*="reddit.com"]:before {
    content: "\f1a1";
}

ul.social-menu li a[href*="vimeo.com"]:before {
    content: "\f194";
}

ul.social-menu li a[href*="digg.com"]:before {
    content: "\f1a6";
}

ul.social-menu li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

ul.social-menu li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.social-menu ul li a[href*="delicious.com"]:before {
    content: "\f1a5";
}

ul.social-menu li a[href*="mailto:"]:before {
    content: "\f0e0";
}

ul.social-menu li a[href*="skype.com"]:before {
    content: "\f17e";
}

ul.social-menu li a[href*="dribble.com"]:before {
    content: "\f17d";
}



/**
 - Popular posts widgets
 * -------------------------------------------------------------
 */
 .widget_intimate-popular-post-widget ul{
    margin: 0;
    padding: 0;
 }
.widget_intimate-popular-post-widget li{
    margin-bottom: 20px;
    list-style: none;
}
.widget_popular_posts_list_item {
    position: relative;
    overflow: hidden;
}
.widget_popular_posts_list_item img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.widget_popular_posts_list_item:hover figcaption {
    bottom: 30px;
}
.widget_popular_posts_list_item figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    max-width: 100%;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.88);
    box-shadow: 6px 6px 18px -2px rgba(14,17,20,0.35);
    -webkit-transition: bottom 0.2s ease;
    -moz-transition: bottom 0.2s ease;
    -o-transition: bottom 0.2s ease;
    transition: bottom 0.2s ease;
}
.widget_popular_posts_list_item figcaption .post-date{
    margin-bottom: 0;
}
.widget_popular_posts_list_item figcaption h4 {
    margin-bottom: 0;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    color: #4c4f53;
}
/**
 * - Post Slider widgets
 * -------------------------------------------------------------
 */
 .widget_posts_slider_list_item{
    position: relative;
    overflow: hidden;
}
.post-slider-section img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}
.post-slider-section figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    max-width: 100%;
    padding: 15px;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.90));
    -webkit-transition: bottom 0.2s ease;
    -moz-transition: bottom 0.2s ease;
    -o-transition: bottom 0.2s ease;
    transition: bottom 0.2s ease;
}
.post-slider-section figcaption h4 a,
.post-slider-section figcaption .post-date{
    margin-bottom: 0;
    color: #fff;
}
.post-slider-section .s-cat{
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    border-radius: 3px;
    line-height: normal;
    padding: 4px 12px;
    position: relative;
    background: #d42929;
}
.post-slider-section .s-cat:hover{
    color: #ffffff!important;
}
.post-slider-section figcaption h4 {
    margin: 5px 0;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}
.post-slider-section .slick-arrow {
    position: absolute;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    top: 15px;
    right: 50px;
    z-index: 2;
    cursor: pointer;
    outline: none;
    border: 0;
    background: #000;
}
.post-slider-section .slick-arrow:hover{
  background: #333;
}
.post-slider-section .slick-arrow.slick-next {
  right: 10px;
  left: auto;
}
.post-slider-section .slick-dots {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 30px;
  padding-left: 0;
}
.post-slider-section .slick-dots li {
  display: inline-block;
  line-height: 0;
}
.post-slider-section .slick-dots li.slick-active button{
  background: #fff;
}
.post-slider-section .slick-dots li button {
  text-indent: -99999px;
  border: 0;
  margin: 0 5px;
  padding: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #959698;
}


/**
 * - Author widgets
 * -------------------------------------------------------------
 */
/* Auther Widget CSS */
.author-wrapper{
    text-align: center;
}
.author-profile img{
    max-width: 100%;
}
.author-wrapper p{
    text-align: justify;
}
.author-profile ul{
    margin: 0;
    padding: 0;
    text-align: center;
}
.author-profile ul li {
    list-style: none;
    display: inline;
}

.author-profile ul li a {
    padding: 0;
}

.author-profile ul.socials li {
    margin-right: 5px;
    margin-top: 10px;
}
.author-profile ul.socials li::before {
    content: initial;
}
.author-profile p {
    padding: 20px 0;
    margin: 0;
}

.author-profile ul.socials li a i {
    font-size: 14px;
    padding: 10px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
    line-height: 12px;
    color: #68686d;
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
}

.author-profile ul.socials li a i:hover {
    background: #292929;
    color: #fff;
}
.author-profile .author-sign{
    font-family: 'Monsieur La Doulaise', cursive;
    font-size: 35px;
    padding: 20px 0;
    display: inline-block;
}

/**
 * Featured Post widgets
 * -------------------------------------------------------------
 */
 .intimate-featured-post-sidebar > ul,
 .intimate-featured-post > ul {
    margin: 0;
    padding: 5px 0 0;
}
.intimate-featured-post-sidebar > ul li,
.intimate-featured-post > ul > li {
    position: relative;
    margin-bottom: 20px;
    list-style: none;
}
 .widget_featured_thumbnail {
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0 15px 0 0;
}
.widget_featured_thumbnail img {
    display: block;
    width: 80px;
    height: 80px;
}
 .widget_featured_post_num {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 3;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.71);
    color: #4c4f53;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    -webkit-transition: box-shadow 0.2s ease;
    -moz-transition: box-shadow 0.2s ease;
    -o-transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
}
.widget_featured_content {
    height: 80px;
    display: table-cell;
    vertical-align: middle;
}
.widget_featured_content .post-date{
    margin: 0;
}
.widget_featured_content h4{
    margin-bottom: 0;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    color: #4c4f53;
}
.widget_bg_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: #1f2123;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.widget_featured_thumbnail:hover .widget_bg_overlay {
    opacity: 0.2;
}

/**
 * Tab Post Widgets
 * -------------------------------------------------------------
 */
 .tab-posts-block > ul {
    margin: 0;
    padding: 5px 0 0;
}
 .tab-posts-block > ul > li {
    position: relative;
    margin-bottom: 20px;
    list-style: none;
}
.tabs-nav{
    margin: 0px 0 20 0px;
    padding: 0;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.tabs-nav  li {
    display: inline-block;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
    margin-bottom: 0;
    position: relative;
    margin-right: 10px;
    background:#f8f8f8;
}
.tabs-nav  li:last-child{
    margin-right: 0;
}
.tabs-nav li.current:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 8%);
    content: '';
    opacity: 0.9;
    transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
}

.tabs-nav li button{
    position: relative;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    color: #4c4f53;
    box-sizing: border-box;
    white-space: nowrap;
    display: block;
    line-height: 40px;
    border:0;
    background: transparent;
    width: 100%;
    cursor: pointer;
}
.tabs-nav li.current button{
    color: #fff;
}
.tabs-nav li button i{
    padding-right: 5px;
}
.tab-content .tab-block{
    display: none;
}
.tab-content .tab-block.current{
    display: inherit;
}

/*==============================================================
## Card post CSS
================================================================*/
.trending-news-two{
    padding: 20px 0;
    background: #f8f8f8;
}
.trending-news-two span i{
    display: none;
}
.image-sm {
    display: block;
    height: 100%;
    -webkit-box-flex: 0;
    flex: 0 0 28%;
    width: 28%;
    max-width: 100%;
    margin: 0;
    background-size: cover;
}
.image-sm img {
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
    height: auto;
    max-width: 100%;
    width: 100%;
}
.image-medium {
    display: block;
    width: 450px;
    max-width: 100%;
    overflow: hidden;
    margin: 0;
}
.image-medium img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100% !important;
    height: auto;
}
.no-image-trending{
    display: none;
    width: 0px;
    height: 0px;
}
.card__post-list-top:first-child {
    margin-top: 0;
}
.card__post-list {
    display: -webkit-box;
    display: flex;
}

.card__post-list .card__post__content {
    padding: 0 8px 0 10px !important;
}
.card__post__author-info span, 
.card__post__author-info a{
    font-size: 12px;
    color: #868686;
}
.card__post__author-info .cat-links a{
    color: #d42929;
}
.card__post__author-info span i,
.card__post__author-info span i{
    margin-right: 5px;
}
.card__post__category a{
    clear: both;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin-bottom: 5px;
    padding: 5px 8px;
    background: #f92a28;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.card__post {
    position: relative;
}
.card__post .card__post__body {
    display: block;
}
.no-image-grid,
.no-image-missed,
.no-image-slider-right,
.card__post .card__post__body img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: 222px;
    position: relative;
}
.no-image-grid,
.no-image-missed,
.no-image-slider-right{
    background: #f7f7f7;
}
.card__post__content {
    padding: 20px 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
.bg__post-cover {
    position: absolute;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgba(0, 0, 0, 0)),
        color-stop(50%, rgba(0, 0, 0, 0.4)),
        to(rgba(0, 0, 0, 0.9))
    );
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.9) 100%);
}
.bg__post-cover::before::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.card__post__content.bg__post-cover {
    padding: 20px;
}
.bg__post-cover .card__post__category a,
.card__post__body .bg__post-cover .card__post__title h5 a,
.card__post__body .bg__post-cover .card__post__author-info span,
.card__post__body .bg__post-cover .card__post__author-info a {
    color: #fff!important;
}
.bg__post-cover .card__post__text{
    color: #fff;
}
.bg__post-cover .entry-meta>span{
    margin-right: 5px;
}
.card__post__slider .slick-next,
.card__post__slider .slick-prev{
    top: 0;
    position: absolute;
}
.no-image{
    background: #f7f7f7;
}

/*highlights*/
.title-highlight {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}
.title-highlight:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100px;
    height: 4px;
    background: #d42929;
    z-index: 1;
    margin-left: -50px;
}
.title-highlight:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 200px;
    height: 4px;
    background: #eee;
    margin-left: -100px;
}
.news__highlight{
    margin-left: -1rem;
    margin-right: -1rem;
}
.news__highlight .card__post .card__post__body img {
    height: 360px;
}
.news__highlight h3 a{
    color: #fff;
}
.news__highlight .slick-arrow {
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 30px;
    border-radius: 0;
    color: #fff;
    font-size: 20px;
    top: 50%;
    left: 0;
    z-index: 2;
    cursor: pointer;
    border: 0;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    outline: none;
}
.news__highlight:hover .slick-arrow{
    visibility: visible;
    opacity: 1;
    left: 0;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}
.news__highlight .slick-arrow.slick-prev{
  left:30px;
}
.news__highlight .slick-arrow.slick-next {
  left: auto;
  right:30px;
}
.news__highlight .slick-dots{
    bottom: 10px;
}
.news__highlight .slick-dots li.slick-active button {
    background: #fff;
}
/*POST GRID*/
.post__grid .card__post__title h5 a{
    color: #000000;
}
.post__grid .cat-links a{
    color: #d42929;
    font-size: 14px;
    padding-right: 5px;
    margin-bottom: 5px;
    line-height: 20px;
}
.post__grid .cat-links a:hover{
    text-decoration: underline;
}
.intimate-post-grid .widget-title{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-size: 22px;
}
.intimate-post-grid .widget-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    background: #d42929;
    z-index: 1;
}
.intimate-post-grid .widget-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #eee;
}

/*FEATURED POST SLIDER*/
.post__featured .card__post .card__post__body .no-image,
.post__featured .card__post .card__post__body img{
    height: 300px;
}
.post__featured .card__post__body .bg__post-cover .card__post__title h3 a{
    color: #fff;
}
.fetured__post__carousel{
    margin-left: -1rem;
    margin-right: -1rem;
}
.fetured__post__carousel .slick-arrow {
    position: absolute;
}
.fetured__post__carousel .slick-next,
.fetured__post__carousel .slick-prev {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #eee;
    background: #fff;
    overflow: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    top: -75px;
    z-index: 1;
}
.fetured__post__carousel .slick-next::before,
.fetured__post__carousel .slick-prev::before {
    font-size: 14px;
}
.fetured__post__carousel .slick-next:hover,
.fetured__post__carousel .slick-prev:hover {
    background: #f7f7f7;
}
.fetured__post__carousel .slick-prev {
    left: auto;
    right: 50px;
    bottom: 0;
}
.fetured__post__carousel .slick-next {
    right: 16px;
}


.post__column a.readmore{
    font-size: 14px;
    color: #17222b;
    padding: 5px 15px;
    border: 1px solid #50585f;
    display: inline-block;
}


.latest__post .card__post__body .bg__post-cover .card__post__title h3 a{
    color: #fff;
}
.latest__post .card__post .card__post__body .no-image,
.latest__post .card__post .card__post__body img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: 465px;
    position: relative;
}
.latest__post .card__post-list .card__post__title {
    height: 50px;
    overflow: hidden;
}
.grid__slider__carousel {
    margin-left: -1rem;
    margin-right: -1rem;
}
.grid__slider__carousel .slick-arrow {
    position: absolute;
}
.grid__slider__carousel .slick-next,
.grid__slider__carousel .slick-prev {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #eee;
    background: #fff;
    overflow: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    top: -60px;
    z-index: 1;
}
.grid__slider__carousel .slick-next::before,
.grid__slider__carousel .slick-prev::before {
    font-size: 14px;
}
.grid__slider__carousel .slick-next:hover,
.grid__slider__carousel .slick-prev:hover {
    background: #f7f7f7;
}
.grid__slider__carousel .slick-prev {
    left: auto;
    right: 50px;
    bottom: auto;
}
.grid__slider__carousel .slick-next {
    right: 16px;
}

.footer-top-box .card__post__body .no-image,
.footer-top-box .card__post .card__post__body img,
#secondary .card__post .card__post__body .no-image,
#secondary .card__post .card__post__body img{
    height: 215px!important;
}
.footer-top-box .post__featured,
.footer-top-box .latest__post,
#secondary .post__featured,
#secondary .latest__post{
    margin-bottom: 20px;
}

.footer-top-box [class*="col-"],
#secondary [class*="col-"]{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.footer-top-box table,
#secondary table{
    margin-bottom: 5px;
}
.promo-missed-wrapper{
    margin-bottom: 30px;
}
/**
 * Footer
 * -------------------------------------------------------------
 */
 .footer-wrap {
    background-color: #ffffff;
    border-top: 1px solid #f1f1f1;
    padding: 0;
}
.bg__footer_dark{
    background: #131313;
}
.foot-wrap{
    display: table;
    table-layout: fixed;
}
.footer-wrap .footer-top-box {
    padding-top: 50px;
    padding-bottom: 20px;
}
 .footer-wrap .footer-top-box p{
    color: #fff;
 }
.footer-wrap .widget{
    margin-bottom: 20px;
    padding:0;
    color: #fff;
}
.footer-wrap .widget-title,
.footer-wrap .widget{
    background: transparent;
}
.footer-wrap .widget-title{
    color: #fff;
    font-size: 18px;
}
.footer-wrap .card__post__title h5 a,
.footer-wrap .widget a{
    color: #fff!important;
}
.footer-wrap .card__post__title h5 a:hover,
.footer-wrap .widget a:hover{
    opacity: 0.9;
}
.footer-wrap h3{
    font-size: 16px;
}
.footer-wrap .widget_featured_post_num{
    display: none;
}
.footer-wrap .widget_featured_content {
    height: 80px;
}
.footer-wrap .post-date{
    margin:0;
}
.footer-wrap .card__post__text{
    color: #fff;
}
.footer-wrap [class*="footer-col-"]:nth-child(2),
.footer-wrap [class*="footer-col-"]:nth-child(3){
    padding-left: 40px;
}
.footer-col-1,
.footer-col-2,
.footer-col-3,
.footer-col-4{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    display: table-cell;
    overflow: hidden;
    border-right: 1px solid #1b1b1b;
}
div[class*="footer-col-"]:last-child {
    border: 0;
}
.footer-col-1{
    width: 100%;
}
.footer-col-2{
    width: 50%;
}
.footer-col-3{
    width: 33.333%;
}
.footer-col-4{
    width: 25%;
}
@media (max-width: 991px) {
   .footer-wrap [class*="footer-col-"]{
    width: 50%;
    display: block;
    border: 0;
   }
   .footer-wrap [class*="footer-col-"]:nth-child(2),
    .footer-wrap [class*="footer-col-"]:nth-child(3){
        padding-left: 15px;
    }
    .footer-wrap .footer-top-box{
        padding-top: 30px;
    }
}

@media (max-width: 767px){
    .footer-wrap [class*="footer-col-"]{
    width: 100%;
    display: block;
    border: 0;
   }
}
/* footer text */
.site-footer{
    font-size: 15px;
    padding: 10px 0;
    line-height: 1.7;
    background: #080808;
    color: rgb(51, 51, 51);
}
.copyright{
    font-size: 11px;
    line-height: 1.3;
    padding: 15px 0;
    text-align: left;
    letter-spacing: .7px;
    text-transform: uppercase;
    opacity: .8;
    color: #fff;
}
.site-footer a {
    color: #a2a2a2;
}
.site-footer a:hover,
.site-footer a:focus {
    color: #d42929;
    text-decoration: underline !important;
}

/* footer social links */
.footer-social-links {
    float: right;
    width: 60%;
    text-align: right;
    margin: -5px -8px -5px 0;
    padding-left: 15px;
}
.footer-social-links a {
    display: inline-block;
    padding: 10px 8px;
    font-family: sans-serif;
    font-size: 14px;
    color: #4c4f53;
}
.footer-social-links a:hover,
.footer-social-links a:focus {
    color: #d42929;
}

/* footer menu */
.footer-menu {
    float: right;
    margin:0;
    padding:0;
}
.footer-menu li {
    float: left;
    list-style: none;
}
.footer-menu li a {
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
}
.footer-menu li a:hover,
.footer-menu li a:focus {
    color: #d42929;
    text-decoration: underline !important;
}
.footer-menu li ul {
    display: none;
}



/**
 * "Back to top" button
 * -------------------------------------------------------------
 */

#toTop {
    position: fixed;
    right: 30px;
    bottom: 20px;
    z-index: 1041;
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-family: sans-serif;
    font-size: 16px;
    color: #ffffff;
    background-color: #d42929;
    border-radius: 50%;
    box-shadow: 0 14px 28px -4px rgba(14,17,20,0.15);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#toTop:hover {
    opacity: 0.9;
}



/***
====================================================================
## Breadcrumbs
====================================================================
***/
.breadcrumbs-wrap {
    display: block;
    width: 100%;
    font-style: normal;
    color: #858585;
    padding:20px 0 30px 0;
}
.breadcrumbs .location {
    text-transform: uppercase;
    font-weight: 600;
    padding-right: 15px;
    float: left;
    font-size: 13px;
    line-height: 19px;
    display: none;
}
ul.trail-items {
    margin: 0;
    padding: 0;
}

ul.trail-items li {
    list-style: none;
    display: inline;
}
ul.trail-items li a{
    color: #858585;
}
ul.trail-items li [rel~=home] span {
    position: relative;
    padding-left: 20px;
}
ul.trail-items li [rel~=home] span:before {
    content: "\f015";
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    font-family: Fontawesome;
}
ul.trail-items li a:hover span{
    color: #d42929;
}
.breadcrumbs .delim {
    padding: 0 10px;
    font-size: 16px;
    color: #8d97a1;
    line-height: .7;
}
.breadcrumbs .delim:last-child{
    display: none;
}
div#intimate-breadcrumbs {
    float: left;
}

.home ul.trail-items li span {
    display: none;
}

/* Blog Images options */

.left-image{
    overflow: hidden;
    padding: 15px 0;
    display: table;
    width: 100%;
}
.left-image .post-content,
.left-image .post-media{
    padding: 0 15px;
    vertical-align: middle;
    display: table-cell;
}
.left-image .post-media{
    max-width: 350px;
    min-width: 300px;
}
.two-column .left-image,
.masonry-post .left-image,
.alternative .left-image{
    margin-left: 0;
    margin-right: 0;
    display: block;
    padding:0;
}
.two-column .left-image .post-media,
.two-column .left-image .post-content,
.masonry-post .left-image .post-media,
.masonry-post .left-image .post-content,
.alternative .left-image .post-media,
.alternative .left-image .post-content{
    display: block;
}
.two-column .left-image .post-media,
.masonry-post .left-image .post-media,
.alternative .left-image .post-media{
    padding:0;
}
.two-column .left-image .post-content,
.masonry-post .left-image .post-content,
.alternative .left-image .post-content{
    padding:20px;
}

.alternative article:nth-child(3n-2) .left-image{
    padding: 15px 0;
    display: table;
}
.alternative article:nth-child(3n-2) .left-image .post-media,
.alternative article:nth-child(3n-2) .left-image .post-content{
    display: table-cell;
    padding: 0 15px;
}
.blog.two-column .post-wrap{
    min-height: 650px;
}
.blog.two-column .post-media iframe{
    height: 200px;
}
.blog.two-column .full-image .post-media{
    min-height: 200px;
    max-height: 200px;
    overflow: hidden;
}
.two-column .full-image .post-excerpt{

}
.hide-image .post-media{
    display: none;
}
.post-wrap.left-image.has-content{
    display: inline-grid;
}
.post-wrap.left-image.has-content .post-media{
    max-width: 100%;
    display: block;
}

/*==============================================================
## Promo section
================================================================
 */

/*Slick Dots*/
.slick-dots {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    padding-left: 0;
}
.slick-dots li {
    display: inline-block;
    line-height: 0;
}
.slick-dots li.slick-active button{
    background: #333;
}
.slick-dots li button {
    text-indent: -99999px;
    border: 0;
    margin: 0 5px;
    padding: 0;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #959698;
}
/*==============================================================
##WordPress content styles: Gutenberg editor
================================================================
 */

/* paragraph */
.post-excerpt .has-background {
    margin: 5px 0 20px;
    padding: 20px 30px;
    display: inline-block;
    width: 100%;
}
.post-excerpt .has-background a {
    color: inherit !important;
}

/* quote type 1: regular */
.post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) {
    display: inline-block;
    width: 100%;
    margin: 5px 0 40px;
    padding: 0 25px 0 25px;
    border-left: 4px solid #4c4f53;
    font-size: 20px;
    line-height: 1.7;
}
.post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large):before {
    display: none;
}
.post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) cite,
.post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) footer {
    margin-top: 10px;
    font-size: 18px;
    font-style: normal;
    line-height: 1.7;
}
.post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) cite {
    display: block;
}

/* quote type 2: large */
.post-excerpt .wp-block-quote.is-large,
.post-excerpt .wp-block-quote.is-style-large {
    margin: 0 0 20px;
    padding: 0 0 0 46px;
}
.post-excerpt .wp-block-quote.is-large p,
.post-excerpt .wp-block-quote.is-style-large p {
    font-size: 18px;
    font-style: normal;
    line-height: 1.65;
}
.post-excerpt .wp-block-quote.is-large cite,
.post-excerpt .wp-block-quote.is-large footer,
.post-excerpt .wp-block-quote.is-style-large cite,
.post-excerpt .wp-block-quote.is-style-large footer {
    font-size: 18px;
    font-style: normal;
    text-align: left;
    line-height: 1.3;
}
.post-excerpt .wp-block-quote.is-large cite,
.post-excerpt .wp-block-quote.is-style-large cite {
    display: block;
}

/* quote type 3: pullquote */
.post-excerpt .wp-block-pullquote {
    display: inline-block;
    width: 100%;
    margin: 5px 0 20px;
    padding: 20px 30px;
    text-align: center;
    border: none;
    border-top: 4px solid #4c4f53;
    border-bottom: 4px solid #4c4f53;
}
.post-excerpt .wp-block-pullquote blockquote {
    margin: 0;
    padding: 0;
    font-family: 'Lora', serif;
    font-size: 18px !important;
    font-style: normal;
    line-height: 1.65 !important;
}
.post-excerpt .wp-block-pullquote p {
    font-size: 18px !important;
    font-style: normal;
    line-height: 1.65 !important;
}
.post-excerpt .wp-block-pullquote blockquote p {
    margin: 0 0 15px !important;
}
.post-excerpt .wp-block-pullquote blockquote p:last-child {
    margin-bottom: 0 !important;
}
.post-excerpt .wp-block-pullquote blockquote:before {
    display: none;
}
.post-excerpt .wp-block-pullquote cite,
.post-excerpt .wp-block-pullquote footer {
    text-transform: uppercase;
    font-size: 13px;
    font-style: normal;
    line-height: 1.7;
    text-align: center;
}
.post-excerpt .wp-block-pullquote cite {
    margin-top: 15px;
}

/* pullquote: solid color */
.post-excerpt .wp-block-pullquote.is-style-solid-color {
    border-top: none;
    border-bottom: none;
}
.post-excerpt .wp-block-pullquote.is-style-solid-color blockquote {
    text-align: center;
    max-width: 100%;
}
.post-excerpt .wp-block-pullquote.is-style-solid-color blockquote cite {
    text-transform: uppercase;
    font-size: 13px;
    font-style: normal;
    line-height: 1.7;
    text-align: center;
}

/* button */
.post-excerpt .wp-block-button {
    margin: 0 0 20px;
    padding: 5px 0;
}
.post-excerpt .wp-block-button .wp-block-button__link {
    width: auto;
    margin: 0;
    padding: 15px 25px;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    border: none;
    border-radius: 23px;
    box-shadow: none;
    text-decoration: none !important;
}
.post-excerpt .wp-block-button .wp-block-button__link:active {
    position: relative;
    top: 1px;
}
.post-excerpt .wp-block-button__link:not(.has-text-color),
.post-excerpt .wp-block-button__link:not(.has-text-color):active,
.post-excerpt .wp-block-button__link:not(.has-text-color):focus,
.post-excerpt .wp-block-button__link:not(.has-text-color):hover {
    color: #ffffff;
}
.post-excerpt .wp-block-button__link:not(.has-background),
.post-excerpt .wp-block-button__link:not(.has-background):active,
.post-excerpt .wp-block-button__link:not(.has-background):focus,
.post-excerpt .wp-block-button__link:not(.has-background):hover {
    background-color: #1f2123;
}

/* separator (3 different types) */
.post-excerpt .wp-block-separator,
.post-excerpt .wp-block-separator.is-style-wide {
    margin: 25px auto;
    border: none;
    border-bottom: 1px solid #eeefef;
}
.post-excerpt .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 100px;
    border-bottom-width: 2px;
}
.post-excerpt .wp-block-separator.is-style-dots {
    margin-top: 15px;
    margin-bottom: 15px;
    background: none;
    border: none;
    text-align: center;
    max-width: none;
    line-height: 1;
    height: auto;
}
.post-excerpt .wp-block-separator.is-style-dots:before {
    color: #4c4f53;
    font-size: 20px;
    font-weight: 700;
}

/* captions for media files */
.post-excerpt .wp-block-image figcaption,
.post-excerpt .wp-block-audio figcaption,
.post-excerpt .wp-block-video figcaption,
.post-excerpt .wp-block-embed figcaption {
    margin: 0;
    font-size: 13px;
    text-align: left;
    line-height: 1.6;
    color: #4c4f53;
}

/* image */
.post-excerpt figure.wp-block-image,
.post-excerpt .wp-block-image figure {
    margin: 0 0 20px;
    padding: 5px 0 0;
}
.post-excerpt .wp-block-image figcaption {
    margin-bottom: -5px;
    padding: 10px 0 0;
}
.post-excerpt .wp-block-image .alignleft {
    float: left;
    margin: 5px 30px 15px 0;
    padding: 0;
}
.post-excerpt .wp-block-image .alignright {
    float: right;
    margin: 5px 0 15px 30px;
    padding: 0;
}
.post-excerpt .wp-block-image .aligncenter {
    margin: 0 auto 20px;
    padding: 5px 0 0;
}

/* cover image */
.post-excerpt .wp-block-cover,
.post-excerpt .wp-block-cover-image {
    margin: 20px 0;
}
.post-excerpt > .wp-block-cover:first-child,
.post-excerpt > .wp-block-cover-image:first-child {
    margin-top: 5px;
    margin-right: 20px;
}
.post-excerpt .wp-block-cover-image .wp-block-cover__inner-container,
.post-excerpt .wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 60px);
    color: #eaedf1;
}
.post-excerpt .wp-block-cover-image .wp-block-subhead,
.post-excerpt .wp-block-cover-image h1,
.post-excerpt .wp-block-cover-image h2,
.post-excerpt .wp-block-cover-image h3,
.post-excerpt .wp-block-cover-image h4,
.post-excerpt .wp-block-cover-image h5,
.post-excerpt .wp-block-cover-image h6,
.post-excerpt .wp-block-cover-image p,
.post-excerpt .wp-block-cover-image a,
.post-excerpt .wp-block-cover-image a:active,
.post-excerpt .wp-block-cover-image a:focus,
.post-excerpt .wp-block-cover-image a:hover,
.post-excerpt .wp-block-cover .wp-block-subhead,
.post-excerpt .wp-block-cover h1,
.post-excerpt .wp-block-cover h2,
.post-excerpt .wp-block-cover h3,
.post-excerpt .wp-block-cover h4,
.post-excerpt .wp-block-cover h5,
.post-excerpt .wp-block-cover h6,
.post-excerpt .wp-block-cover p,
.post-excerpt .wp-block-cover a,
.post-excerpt .wp-block-cover a:active,
.post-excerpt .wp-block-cover a:focus,
.post-excerpt .wp-block-cover a:hover {
    color: inherit !important;
}
.post-excerpt .wp-block-cover-image h1:last-child,
.post-excerpt .wp-block-cover-image h2:last-child,
.post-excerpt .wp-block-cover-image h3:last-child,
.post-excerpt .wp-block-cover-image h4:last-child,
.post-excerpt .wp-block-cover-image h5:last-child,
.post-excerpt .wp-block-cover-image h6:last-child,
.post-excerpt .wp-block-cover-image p:last-child,
.post-excerpt .wp-block-cover h1:last-child,
.post-excerpt .wp-block-cover h2:last-child,
.post-excerpt .wp-block-cover h3:last-child,
.post-excerpt .wp-block-cover h4:last-child,
.post-excerpt .wp-block-cover h5:last-child,
.post-excerpt .wp-block-cover h6:last-child,
.post-excerpt .wp-block-cover p:last-child {
    margin-bottom: 0;
}

/* gallery */
.post-excerpt .wp-block-gallery {
    margin: 0;
    padding: 5px 0 4px;
}
.post-excerpt .wp-block-gallery .blocks-gallery-image figcaption,
.post-excerpt .wp-block-gallery .blocks-gallery-item figcaption {
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 15px;
    color: #eaedf1;
}
.post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a,
.post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a:active,
.post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a:focus,
.post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a:hover,
.post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a,
.post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a:active,
.post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a:focus,
.post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a:hover {
    color: #eaedf1;
}

/* audio and video */
.post-excerpt .wp-block-audio,
.post-excerpt .wp-block-video {
    margin: 0 0 15px;
    padding: 5px 0 0;
}
.post-excerpt .wp-block-audio audio {
    width: 100%;
    max-width: 100%;
    display: inline-block;
}
.post-excerpt .wp-block-audio figcaption,
.post-excerpt .wp-block-video figcaption {
    padding: 3px 0 0;
}

/* embed elements */
.post-excerpt .wp-block-embed {
    clear: both;
    margin: 0 0 15px;
    padding: 5px 0 0;
    min-width: 160px;
}
.post-excerpt .wp-block-embed iframe,
.post-excerpt .wp-block-embed embed {
    margin: 0;
}
.post-excerpt .wp-block-embed figcaption {
    padding: 3px 0 0;
}
.post-excerpt .wp-block-embed.wp-block-embed-youtube figcaption,
.post-excerpt .wp-block-embed.wp-block-embed-vimeo figcaption,
.post-excerpt .wp-block-embed.wp-block-embed-soundcloud figcaption {
    padding-top: 10px;
}
.post-excerpt .wp-block-embed .twitter-tweet {
    margin-top: 0 !important;
}
.post-excerpt .wp-block-embed-facebook .wp-block-embed__wrapper,
.post-excerpt .wp-block-embed-facebook .fb_iframe_widget,
.post-excerpt .wp-block-embed-facebook .fb_iframe_widget span {
    max-width: 100%;
}

/* file */
.post-excerpt .wp-block-file {
    margin: 0 0 15px;
}
.post-excerpt .wp-block-file a:not(.wp-block-file__button) {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
    color: #d42929;
    text-decoration: underline;
}
.post-excerpt .wp-block-file a:not(.wp-block-file__button):focus,
.post-excerpt .wp-block-file a:not(.wp-block-file__button):hover {
    color: #d42929;
}
.post-excerpt .wp-block-file .wp-block-file__button {
    display: inline-block;
    font-size: 15px;
    text-decoration: none !important;
    margin: 0 0 0 15px;
    padding: 0 15px;
    height: 35px;
    line-height: 35px;
    border-radius: 18px;
    background: #1f2123;
    color: #ffffff;
}
.post-excerpt .wp-block-file .wp-block-file__button:active {
    position: relative;
    top: 1px;
}
.post-excerpt .wp-block-file .wp-block-file__button:active,
.post-excerpt .wp-block-file .wp-block-file__button:focus,
.post-excerpt .wp-block-file .wp-block-file__button:hover,
.post-excerpt .wp-block-file .wp-block-file__button:visited {
    box-shadow: none;
    color: #ffffff;
    background: #d42929;
    opacity: 1;
}

/* code and preformatted */
.post-excerpt .wp-block-code,
.post-excerpt .wp-block-preformatted {
    overflow: hidden;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal;
    word-wrap: break-word;
    line-height: 1.5;
}
.post-excerpt .wp-block-code code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
.post-excerpt .wp-block-preformatted {
    background-color: transparent;
    border: 1px solid #eeefef;
}

/* table */
.post-excerpt .wp-block-table {
    width: 100%;
}
.post-excerpt .wp-block-table tbody,
.post-excerpt .wp-block-table tfoot,
.post-excerpt .wp-block-table thead {
    width: 100%;
    min-width: 240px;
    display: table;
}

/* table: stripes style */
.post-excerpt .wp-block-table.is-style-stripes {
    border-bottom: none;
}
.post-excerpt .wp-block-table.is-style-stripes td {
    border-color: #eeefef;
}
.post-excerpt .wp-block-table.is-style-stripes tr:nth-child(odd) {
    background-color: #f7f8f8;
}

/* verse */
.post-excerpt .wp-block-verse {
    white-space: pre-wrap;
    overflow: auto;
    padding: 20px 30px;
    font-family: 'Playfair Display', serif;
    font-size: 17px;
    line-height: 1.7;
    background-color: transparent;
    border: 1px solid #eeefef;
}

/* columns */
.post-excerpt .wp-block-columns {
    margin: 0 -18px;
    padding: 0;
    overflow: hidden;
}
.post-excerpt .wp-block-columns .wp-block-column {
    margin: 0;
    padding: 0 18px;
}

/* widgets: archives and categories */
.post-excerpt .wp-block-archives li,
.post-excerpt .wp-block-categories li {
    margin: 0 0 4px;
}
.post-excerpt .wp-block-archives li:last-child,
.post-excerpt .wp-block-categories li:last-child {
    margin-bottom: 0;
}
.post-excerpt .wp-block-archives li a,
.post-excerpt .wp-block-categories li a {
    margin-right: 4px;
}
.post-excerpt .wp-block-archives li ul,
.post-excerpt .wp-block-categories li ul {
    margin: 4px 0;
}
.post-excerpt .wp-block-archives li:last-child ul,
.post-excerpt .wp-block-categories li:last-child ul {
    margin-bottom: 0;
}
.post-excerpt .wp-block-archives .screen-reader-text,
.post-excerpt .wp-block-categories-dropdown .screen-reader-text {
    width: 1px;
    padding-bottom: 0;
}
.post-excerpt .wp-block-archives select,
.post-excerpt .wp-block-categories-dropdown select {
    margin: 5px 0 20px;
}
.post-excerpt .wp-block-archives.aligncenter,
.post-excerpt .wp-block-categories-dropdown {
    margin: 0;
    padding: 0;
}

/* widget: latest comments */
.post-excerpt .wp-block-latest-comments {
    padding: 0 0 0 15px;
}
.post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment {
    margin: 0 0 10px;
    list-style: decimal;
    font-size: 15px;
    line-height: 1.7;
}
.post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
    margin-bottom: 0;
}
.post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment-date {
    display: block;
    font-size: 12px;
    line-height: 1.7;
    color: #6b7280;
}
.post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    padding: 0;
    margin: 5px 0 15px;
    font-size: 14px;
    line-height: 1.7;
}
.post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment:last-child .wp-block-latest-comments__comment-excerpt p:last-child {
    margin-bottom: 0;
}
.post-excerpt .wp-block-latest-comments.has-avatars {
    padding: 3px 0 0;
    list-style: none;
}
.post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
    list-style: none;
}
.post-excerpt .wp-block-latest-comments.has-avatars .avatar,
.post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-avatar {
    margin: 2px 15px 0 0;
}
.post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
    margin: 0;
}
.post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin: 0 0 0 55px;
}

/* widget: latest posts */
.post-excerpt .wp-block-latest-posts li {
    margin: 0 0 5px;
}
.post-excerpt .wp-block-latest-posts li:last-child {
    margin-bottom: 0;
}
.post-excerpt .wp-block-latest-posts .wp-block-latest-posts__post-date {
    display: block;
    font-size: 12px;
    line-height: 1.7;
    color: #6b7280;
}
.post-excerpt .wp-block-latest-posts.is-grid {
    list-style: none;
    margin-right: -15px;
    margin-bottom: 5px;
    padding: 0;
    overflow: hidden;
}
.post-excerpt .wp-block-latest-posts.is-grid li {
    margin-bottom: 15px;
    padding-right: 15px;
    line-height: 1.5;
}
.post-excerpt .wp-block-latest-posts.is-grid .wp-block-latest-posts__post-date {
    margin-top: 3px;
    line-height: 1.7;
}

/* widget: calendar */
.post-excerpt .wp-block-calendar #wp-calendar {
    display: table;
    text-align: center;
    font-family: 'Lora', serif;
    line-height: 1.7;
}
.post-excerpt .wp-block-calendar table caption,
.post-excerpt .wp-block-calendar table tbody {
    color: #4c4f53;
}
.post-excerpt .wp-block-calendar #wp-calendar tbody td,
.post-excerpt .wp-block-calendar #wp-calendar th {
    padding: 5px;
    border: 1px solid #eeefef;
}
.post-excerpt .wp-block-calendar #wp-calendar thead th {
    text-align: center;
    font-weight: 700;
    background: #f7f8f8;
}
.post-excerpt .wp-block-calendar #wp-calendar a {
    font-weight: 700;
}
.post-excerpt .wp-block-calendar #wp-calendar tfoot td {
    border: none;
    padding: 15px 5px 0 !important;
}
.post-excerpt .wp-block-calendar #wp-calendar tfoot td a {
    color: #4c4f53;
}
.post-excerpt .wp-block-calendar #wp-calendar tfoot td a:hover,
.post-excerpt .wp-block-calendar #wp-calendar tfoot td a:focus {
    color: #d42929;
}

/* widget: rss */
.post-excerpt .wp-block-rss .wp-block-rss__item {
    margin: 0 0 10px;
}
.post-excerpt .wp-block-rss .wp-block-rss__item:last-child {
    margin-bottom: 0;
}
.post-excerpt .wp-block-rss .wp-block-rss__item-title a {
    font-weight: 700;
}
.post-excerpt .wp-block-rss .wp-block-rss__item-publish-date,
.post-excerpt .wp-block-rss .wp-block-rss__item-author {
    display: block;
    font-size: 12px;
    line-height: 1.7;
    color: #6b7280;
}
.post-excerpt .wp-block-rss .wp-block-rss__item-excerpt {
    font-size: 14px;
}
.post-excerpt .wp-block-rss.is-grid {
    list-style: none;
    margin-right: -30px;
    margin-bottom: 5px;
    padding: 0;
    overflow: hidden;
}
.post-excerpt .wp-block-rss.is-grid .wp-block-rss__item {
    margin-bottom: 15px;
    padding-right: 30px;
}

/* widget: search */
.post-excerpt .wp-block-search {
    margin: 0 0 20px;
}
.post-excerpt .wp-block-search:last-child {
    margin-bottom: 0;
}
.post-excerpt .wp-block-search .wp-block-search__input {
    width: auto;
    height: 47px;
}
.post-excerpt .wp-block-search .wp-block-search__button {
    margin-left: 14px;
    padding: 0 20px;
    height: 47px;
    line-height: 47px;
}

/* search form: placeholder */
/* Chrome/Opera/Safari */
.post-excerpt .wp-block-search .wp-block-search__input::-webkit-input-placeholder {
    color: #6b7280;
    opacity: 1;
}
/* Firefox 18- */
.post-excerpt .wp-block-search .wp-block-search__input:-moz-placeholder {
    color: #6b7280;
    opacity: 1;
}
/* Firefox 19+ */
.post-excerpt .wp-block-search .wp-block-search__input::-moz-placeholder {
    color: #6b7280;
    opacity: 1;
}
/* IE 10+ */
.post-excerpt .wp-block-search .wp-block-search__input:-ms-input-placeholder {
    color: #6b7280;
    opacity: 1;
}

/* widget: tag cloud */
.post-excerpt .wp-block-tag-cloud a {
    display: inline-block;
    text-decoration: none !important;
    margin-right: 5px;
}
.post-excerpt .wp-block-tag-cloud a:hover,
.post-excerpt .wp-block-tag-cloud a:focus,
.post-excerpt .wp-block-tag-cloud a:hover span,
.post-excerpt .wp-block-tag-cloud a:focus span {
    text-decoration: underline !important;
}
.post-excerpt .wp-block-tag-cloud a span {
    display: inline-block;
    margin-left: 5px;
}

/* media & text */
.post-excerpt .wp-block-intimate-text {
    margin-bottom: 15px;
}
.post-excerpt .wp-block-intimate-text .wp-block-intimate-text__media {
    padding-top: 5px;
    padding-bottom: 11px;
}

/* wide-images */
.post-excerpt .alignwide,
.post-excerpt .alignfull {
    margin-left: -30px !important;
    margin-right: -30px !important;
    width: auto;
    max-width: 100vw;
}
.post-excerpt .alignwide figcaption,
.post-excerpt .alignfull figcaption {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

/* other wide elements */
.post-excerpt .wp-block-pullquote.alignwide,
.post-excerpt .wp-block-pullquote.alignfull {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}
.post-excerpt > .wp-block-pullquote.alignwide:first-child,
.post-excerpt > .wp-block-pullquote.alignfull:first-child {
    margin-top: 5px;
}
.post-excerpt .wp-block-table.alignwide,
.post-excerpt .wp-block-table.alignfull {
    margin-left: -32px !important;
    margin-right: -33px !important;
}

/*Header Cart*/

.cart-right {
    float: right;
}
.cart-right  > ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.cart-right li {
    display: inline-block;
    position: relative;
    z-index: 99;
}
.cart-right > ul > li > a {
    color: #4c4f53;
    display: block;
    padding: 15px 10px;
    float: left;
    line-height: 56px;
}
.header-cart .cart-wrap{
    position: relative;
}
.header-cart i {
    font-size: 15px;
    padding-right: 10px;
    color: #4c4f53;
}
.cart-inner {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    background: #d42929;
    border-radius: 50%;
    left: 10px;
    top: 5px;
    position: absolute;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
}
.headr_btom_cart {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 300px;
    z-index: 999;
    -webkit-box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
    box-shadow: 0px 12px 30px -2px rgba(0,0,0,0.1);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.headr_btom_cart ul {
    padding-left: 0px;
    margin-top: 0px;
}
.header-cart:hover .headr_btom_cart {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}
.header-cart .widgettitle {
    display: none;
}
.header-cart li.single-cart{
    display: block;
}


/**
 * Boxed Layout
 * -------------------------------------------------------------
 */
.boxed-design .site {
    width: 1170px;
    margin: 0 auto;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
    background: #fff;
    overflow: hidden;
    position: relative;
}
.boxed-design .site .sticky{
    position: relative;
}
@media only screen and (max-width: 1128px) {
    .boxed-design .site {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .boxed-design .site {
    width: 970px;
    }

}

@media (min-width: 1200px) {
    .boxed-design .site {
     width: 1170px;
    }

}


/**
 * Responsive  Styles
 * -------------------------------------------------------------
 */

/* 1199px */
@media (max-width: 1199px) {


    /* pagination */
    .pagination {
        padding-right: 15px;
        padding-left: 15px;
    }
    /* single page: post navigation */
    .post-navigation .nav-previous {
        padding-right: 10px;
    }
    .post-navigation .nav-next {
        padding-left: 10px;
    }

    /* WordPress content styles: gallery */
    .gallery.gallery-columns-6 .gallery-item .gallery-caption {
        display: none;
    }


    /* footer: menu */
    .footer-menu {
        margin-right: -8px;
    }
    .footer-menu li a {
        padding-right: 8px;
        padding-left: 8px;
    }

}

/* 991px */
@media (max-width: 991px) {
    .left-logo [class*="col-"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    .header-1 .head_one.left-logo .logo{
        margin: auto;
        padding-bottom: 25px;
    }
    .header-image .main-menu > ul > li > a{
        color: #000;
    }
    /*Slider*/
    .no-image-slider, 
    .slide-wrap img{
        height: 255px;
    }
    .no-image-slider-right, 
    .popular__news-right .card__post .card__post__body img {
        height: 190px;
    }
    .popular__news-right .list-inline-item:not(:last-child){
        display: none;
    }
    .popular__news-right .card__post__content.bg__post-cover{
        padding: 10px;
    }
    .popular__news-right h5{
        font-size: 15px;
    }
    .slide-wrap .caption{
        padding: 20px;
    }
    .slide-wrap .caption h2 a{
        font-size: 20px;
    }
    .latest__post .card__post .card__post__body .no-image, 
    .latest__post .card__post .card__post__body img{
        height: 300px;
    }
    .search .content-area article,
    .archive .content-area article,
    .intimate_front_loop_block article {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* footer: copyright text (or some other text) */
    .site-footer {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        padding-right: 0;
    }

    /* footer: menu */
    .footer-menu-wrap {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        padding-left: 0;
    }
    .footer-menu {
        float: none;
        margin-right: -10px;
        margin-left: -10px;
    }
    .footer-menu li a {
        padding-right: 10px;
        padding-left: 10px;
    }
    .right-sidebar #primary{
        float: none;
    }
    .blog.left-sidebar #primary, 
    .archive.left-sidebar #primary, 
    .page.left-sidebar #primary{
        float: none;
    }
    .single.single-left-sidebar #primary, 
    .single.single-right-sidebar #primary{
        max-width: 100%;
    }
    .text-right{
        text-align: initial;
    }
    .top_date_social>div{
        margin: 5px 0;
    }
    .top_date_social>div.today-date{
        float:left;
    }
    .top_date_social>div.social-links{
        float:right;
    }
    .top_date_social>div:first-child:after{
        opacity: 0;
    }

}

/* 767px */
@media (max-width: 767px) {
    .no-image-slider, 
    .slide-wrap img{
        height:350px;
    }
    .no-image-slider-right, 
    .popular__news-right .card__post .card__post__body img {
        height: 175px;
    }
    .tab__wrapper{
        margin-top: 20px;
    }
    /* comments */
    .comment-list .children {
        padding-left: 25px;
    }
    .right-sidebar #primary{
        float: none;
    }
    .left-image .post-content,
    .left-image .post-media{
        display: block;
        max-width: 100%
        min-width:100%;
    }
    .blog.left-sidebar #primary, 
    .archive.left-sidebar #primary, 
    .page.left-sidebar #primary{
        float: none;
    }
    .order{
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .trending-news .trending-news-inner .trending-news-slider .item-single a{
        font-size: 14px;
        font-weight: normal;
    }

}

/* 720px */
@media (max-width: 720px) {

    /* container with posts */
    .posts-container {
        padding-top: 40px;
        padding-bottom: 0;
    }

    /* pagination */
    .pagination {
        margin-top: 10px;
    }
    .gallery.gallery-columns-5 .gallery-item .gallery-caption {
        display: none;
    }

    /* comments */
    .comment-list .children {
        padding-left: 20px;
    }

    /* page 404 */


    /* sidebar */


    /* widgets */


    /* footer widgets */


    /* footer */

}

/* 600px */
@media (max-width: 600px) {

    /* WordPress content styles */
    .gallery.gallery-columns-4 .gallery-item .gallery-caption {
        display: none;
    }

    /* comments */
    .comment-reply-title span,
    .comment-reply-title small {
        display: block;
    }
    .comment-reply-title small {
        float: none;
    }
    .comment-list .children {
        padding-left: 15px;
    }

}
@media (max-width: 575px){
    .no-image-slider, 
    .slide-wrap img,
    .no-image-slider-right, 
    .popular__news-right .card__post .card__post__body img {
        height: 260px;
    }
    .slider-wrapper .no-gutters>div{
        margin-bottom:1.5rem;
    }
}

/* 480px */
@media (max-width: 480px) {
    /* pagination */
    .pagination {
        margin-right: -15px;
        margin-left: -15px;
        padding-right: 0;
        padding-left: 0;
    }
    /* masonry layout */
    .right-sidebar article.masonry-post,
    .left-sidebar article.masonry-post,
    .no-sidebar article.masonry-post,
    .middle-column article.masonry-post,
    .both-sidebar article.masonry-post{
        width: 100%;
        padding:0 15px;
    }

    /* comments */
    .comment-reply-title,
    .comments-title {
        padding-right: 30px;
        padding-left: 30px;
    }
    .comment-list li .comment-reply-title {
        padding-right: 0;
        padding-left: 0;
    }
    .comment-list .children {
        padding-left: 10px;
    }
    .comment-navigation .nav-previous {
        padding-right: 5px;
    }
    .comment-navigation .nav-next {
        padding-left: 5px;
    }

}

/* 360px */
@media (max-width: 360px) {

    /* containers with content: reduce left and right indents to 15 pixels */
    pre,
    .post-content,
    .no-results,
    .about-author,
    .comment-reply-title,
    .comments-title,
    .comment-form,
    .comment-list-wrap,
    .comments-area .no-comments,
    .comment-respond .must-log-in{
        padding-right: 15px;
        padding-left: 15px;
    }


    /* wide-images */
    .alignwide,
    .alignfull {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .alignwide figcaption,
    .alignfull figcaption {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    /* single page: post navigation */
    .post-navigation .nav-previous {
        padding-right: 5px;
    }
    .post-navigation .nav-next {
        padding-left: 5px;
    }
    .canvas-header-block{
        width: 250px;
    }

}

/* 320px */
@media (max-width: 320px) {

    /* single page: post navigation */
    .post-navigation .nav-previous,
    .post-navigation .nav-next {
        width: 100%;
        float: none;
    }
    .post-navigation .nav-previous {
        padding-right: 0;
    }
    .post-navigation .nav-next {
        padding-left: 0;
        text-align: left;
    }

    /* comments */
    .comment-list-wrap {
        overflow: hidden;
    }
    .comment-meta .comment-awaiting-moderation {
        margin-left: 0;
    }
    .comment-content,
    .comment-body .reply {
        padding-left: 0;
    }
    .comment-navigation {
        padding-top: 15px;
        padding-bottom: 5px;
    }
    .comment-navigation .nav-previous,
    .comment-navigation .nav-next {
        float: none;
        width: 100%;
        line-height: 1.3;
    }
    .comment-navigation .nav-previous {
        padding-right: 0;
    }
    .comment-navigation .nav-next {
        padding-left: 0;
        text-align: left;
    }
    .comment-navigation .nav-links a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .comment-navigation .nav-previous i {
        display: none;
    }
    .comment-navigation .nav-previous a:after {
        font-family: 'FontAwesome';
        font-weight: 900;
        content: '\f0da';
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        margin-left: 8px;
    }

}


@media (max-width: 767px) {
    .cart-right{
        position: absolute;
        top: 0;
        right: 10px;
    }
    .header-default .bar-menu {
        left:15px;
    }
    .left-side,
    .right-side{
        float: none!important;
    }
    .top-menu,
    .social-links{
        text-align: center;
    }
    .search-wrapper {
        padding-left: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    .bottom-caption{
        display: none;
    }
    .slider-height{
        height: 300px;
    }
    .caption h2 a{
        font-size: 24px;
    }
}



/*EXTRA CSS*/
.pro-btn a:after {
    background: #00cf24;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    padding: 2px 5px;
    position: absolute;
    right: 15px;
    top: 10px;
    content: "PRO";
    color: #fff;
    z-index: 100;
    font-family: sans-serif;
}
.hot-btn a:after {
    background: red;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    padding: 2px 5px;
    position: absolute;
    right: 15px;
    top: 10px;
    content: "HOT";
    color: #fff;
    z-index: 100;
    font-family: sans-serif;
}
.hot-btn-1>a:after {
    background: red;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    padding: 2px 5px;
    position: absolute;
    right: 15px;
    top: 10px;
    content: "HOT";
    color: #fff;
    z-index: 100;
    font-family: sans-serif;
}
.new-btn a:after {
    background: #242424;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    padding: 2px 5px;
    position: absolute;
    right: 15px;
    top: 10px;
    content: "NEW";
    color: #fff;
    z-index: 100;
    font-family: sans-serif;
}

/* ------------------------------------------------ block styles (intimate) --- */

/* Backing CSS for the styles registered in inc/block-patterns/. */

.wp-block-quote.is-style-intimate-accent {
    border-left: 3px solid #d42929;
    padding-left: 24px;
    font-style: normal;
}

.wp-block-image.is-style-intimate-rounded img {
    border-radius: 10px;
}

.wp-block-button.is-style-intimate-outline .wp-block-button__link {
    background: transparent;
    color: #d42929;
    border: 2px solid #d42929;
}

.wp-block-button.is-style-intimate-outline .wp-block-button__link:hover,
.wp-block-button.is-style-intimate-outline .wp-block-button__link:focus {
    background: #d42929;
    color: #ffffff;
}

/* ========================================================================
   Intimate 1.1.1 - typography and layout
   ------------------------------------------------------------------------
   A card based magazine layout written for this theme's own markup and
   grid. Colours stay with the theme's existing red accent.

   Palette
     #17181a  headings
     #4c4f53  body copy            8.0:1 on the page background
     #6b7280  supporting text      4.7:1, replacing #989ea6 at 2.6:1
     #d42929  accent               5.1:1 on white
     #e8eaed  hairline
   ======================================================================== */

/* ---------------------------------------------------------- foundation --- */

/*
 * Headings sit on the same optical baseline whether or not they contain a
 * link. The base rule used opacity, which faded the link with it.
 */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
}

/* Keep ragged edges even rather than leaving one word on its own line. */
h1, h2, h3,
.post-title,
.widget-title,
.entry-title {
    text-wrap: balance;
}

/* Dates and counts line up when the numerals are the same width. */
.post-date,
.entry-meta,
.comment-metadata,
.wp-block-calendar {
    font-variant-numeric: tabular-nums;
}

/* ------------------------------------------------------- the post card --- */

.post-wrap {
    background: #ffffff;
    border: 1px solid #e8eaed;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow 220ms ease, border-color 220ms ease, transform 220ms ease;
}

.post-wrap:hover {
    border-color: #dfe3e8;
    box-shadow: 0 14px 34px rgba(23, 24, 26, 0.09);
    transform: translateY(-2px);
}

/* A card that is a link should show it, including for keyboard users. */
.post-wrap:focus-within {
    border-color: #d42929;
    box-shadow: 0 0 0 3px rgba(212, 41, 41, 0.16);
}

.post-media {
    overflow: hidden;
    background: #f1f3f5;
}

.post-media img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 600ms cubic-bezier(0.2, 0.6, 0.2, 1);
}

.post-wrap:hover .post-media img {
    transform: scale(1.035);
}

.post-content {
    padding: 26px 28px 28px;
}

/* Single posts are already inside the page frame, so the card chrome is off. */
.single .post-wrap,
.page .post-wrap {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: none;
}

.single .post-content,
.page .post-content {
    padding-left: 0;
    padding-right: 0;
}

/* --------------------------------------------------- category and meta --- */

.post-cats {
    display: block;
    margin-bottom: 12px;
    font-size: 11px;
    line-height: 1;
    color: #6b7280;
}

.post-cats a,
.post-cats .cat-links a {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.13em;
    color: #d42929;
    transition: color 160ms ease;
}

.post-cats a:hover,
.post-cats a:focus {
    color: #a81f1f;
}

.post-cats a + a {
    margin-left: 10px;
}

.post_title {
    margin: 0;
}

/* The archive title is an h5 in the markup, well below its importance. */
.post-title {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.28;
    letter-spacing: -0.016em;
    color: #17181a;
}

h1.post-title {
    font-size: 36px;
    line-height: 1.16;
    letter-spacing: -0.022em;
}

.post-title a {
    background-image: linear-gradient(#d42929, #d42929);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 1px;
    transition: background-size 260ms ease, color 160ms ease;
}

.post-title a:hover,
.post-title a:focus {
    color: #d42929;
    background-size: 100% 1px;
}

.post-meta {
    margin: 0;
}

.post-date {
    margin: 0 0 14px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.045em;
    color: #6b7280;
}

.post-excerpt,
.content {
    line-height: 1.75;
}

/* ------------------------------------------------------------ read more --- */

.more-link {
    margin-top: 6px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #17181a;
    border-bottom: 1px solid #e8eaed;
    padding-bottom: 3px;
    transition: color 160ms ease, border-color 160ms ease;
}

.more-link:hover,
.more-link:focus {
    color: #d42929;
    border-bottom-color: #d42929;
}

.more-link .fa {
    margin-left: 6px;
    transition: transform 200ms ease;
}

.more-link:hover .fa,
.more-link:focus .fa {
    transform: translateX(4px);
}

/* -------------------------------------------------------------- sidebar --- */

.widget {
    margin-bottom: 34px;
}

.widget .widget-title,
.widget-area .widget-title,
.widget h2 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 12px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #17181a;
    border-bottom: 1px solid #e8eaed;
}

.widget .widget-title:after,
.widget-area .widget-title:after,
.widget h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 38px;
    height: 2px;
    background: #d42929;
}

.widget ul li {
    padding: 9px 0;
    border-bottom: 1px solid #f1f3f5;
}

.widget ul li:last-child {
    border-bottom: 0;
}

/* -------------------------------------------------- links and readability --- */

/*
 * The base rule sets text-decoration: none !important on every link, which
 * leaves body copy links indistinguishable from the text around them. Inside
 * article content they are underlined again.
 */
.post-excerpt p a,
.entry-content p a,
.comment-content a {
    text-decoration: underline !important;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(212, 41, 41, 0.45);
}

.post-excerpt p a:hover,
.entry-content p a:hover,
.comment-content a:hover {
    color: #d42929;
    text-decoration-color: #d42929;
}

/* Long measures are hard to track back from. */
.single .post-excerpt > p,
.single .entry-content > p {
    max-width: 72ch;
}

/* ---------------------------------------------------------------- focus --- */

/*
 * The base focus style was a 1px dotted grey outline, which is easy to lose
 * against the page. This is visible without being loud, and only shows for
 * keyboard users.
 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.more-link:focus-visible {
    outline: 2px solid #d42929;
    outline-offset: 3px;
    border-radius: 6px;
}

/* ------------------------------------------------------------- motion --- */

@media (prefers-reduced-motion: reduce) {

    .post-wrap,
    .post-media img,
    .post-title a,
    .more-link,
    .more-link .fa {
        transition: none;
    }

    .post-wrap:hover {
        transform: none;
    }

    .post-wrap:hover .post-media img {
        transform: none;
    }
}

/* --------------------------------------------------------- responsive --- */

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

    .post-content {
        padding: 22px 22px 24px;
    }

    .post-title {
        font-size: 21px;
    }

    h1.post-title {
        font-size: 28px;
    }
}

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

    .post-wrap {
        margin-bottom: 24px;
        border-radius: 10px;
    }

    .post-content {
        padding: 20px 18px 22px;
    }

    .post-title {
        font-size: 19px;
    }

    h1.post-title {
        font-size: 25px;
    }

    .widget {
        margin-bottom: 28px;
    }
}

/* ========================================================================
   Intimate 1.1.1 - components
   ------------------------------------------------------------------------
   Navigation, pagination, forms, comments, breadcrumbs, empty states and
   footer. Written for this theme's own markup.
   ======================================================================== */

/* ------------------------------------------------------------- skip link --- */

/*
 * The skip link exists in the markup but had no styling, so a keyboard user
 * tabbing into the page could not see where they were.
 */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 100000;
    padding: 12px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #ffffff;
    background: #d42929;
    border-radius: 0 0 6px 0;
}

.skip-link:focus {
    left: 0;
    color: #ffffff;
    outline: 2px solid #17181a;
    outline-offset: 2px;
}

/* ------------------------------------------------------------ navigation --- */

.main-menu ul li > a {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #17181a;
    /* Was "all 0.2s", which animates layout properties too. */
    transition: color 160ms ease, background-color 160ms ease;
}

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

/* A real indicator for the current section instead of only a pale fill. */
.main-menu > ul > li > a:after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 8px;
    height: 2px;
    background: #d42929;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 200ms ease;
}

.main-menu > ul > li.current-menu-item > a:after,
.main-menu > ul > li.current_page_item > a:after,
.main-menu > ul > li:hover > a:after,
.main-menu > ul > li > a:focus:after {
    transform: scaleX(1);
}

.main-menu ul li.current-menu-item > a,
.main-menu ul li:hover > a {
    color: #d42929;
    background-color: transparent;
}

/* Submenus read as a panel above the page, not part of it. */
.main-menu ul ul {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(23, 24, 26, 0.14);
}

.main-menu ul ul li > a {
    font-size: 12px;
    letter-spacing: 0.06em;
    background-color: #ffffff;
    border-bottom: 1px solid #f1f3f5;
}

.main-menu ul ul li:last-child > a {
    border-bottom: 0;
}

.main-menu ul ul li:hover > a,
.main-menu ul ul li.current-menu-item > a {
    background-color: #faf3f3;
    color: #d42929;
}

.main-menu ul li > a:focus-visible {
    outline: 2px solid #d42929;
    outline-offset: -2px;
}

/* ------------------------------------------------------------ pagination --- */

.pagination .page-numbers {
    min-width: 46px;
    width: auto;
    height: 46px;
    line-height: 44px;
    padding: 0 14px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #17181a;
    /* Was a flat #ddd square with no hover state at all. */
    background: #ffffff;
    border: 1px solid #e8eaed;
    border-radius: 10px;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus {
    color: #d42929;
    border-color: #d42929;
    background: #ffffff;
}

.pagination .page-numbers.current {
    color: #ffffff;
    background: #d42929;
    border-color: #d42929;
}

.pagination .page-numbers.dots {
    background: transparent;
    border-color: transparent;
    color: #6b7280;
}

.pagination a.page-numbers:focus-visible {
    outline: 2px solid #d42929;
    outline-offset: 2px;
}

/* The ajax "view more" control. */
.ajax-pagination .show-more {
    display: inline-block;
    padding: 13px 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #ffffff;
    background: #17181a;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 180ms ease;
}

.ajax-pagination .show-more:hover {
    background: #d42929;
}

.ajax-pagination .show-more .fa {
    margin-right: 8px;
}

/* ----------------------------------------------------------------- forms --- */

/*
 * The search field, comment form and widget forms each looked different
 * because nothing styled them together.
 */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
select,
textarea {
    width: 100%;
    padding: 12px 16px;
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #17181a;
    background: #ffffff;
    border: 1px solid #e0e4e8;
    border-radius: 10px;
    transition: border-color 160ms ease, box-shadow 160ms ease;
    -webkit-appearance: none;
    appearance: none;
}

select {
    /* Leave room for the native arrow after appearance is reset. */
    padding-right: 38px;
    background-image: linear-gradient(45deg, transparent 50%, #6b7280 50%), linear-gradient(135deg, #6b7280 50%, transparent 50%);
    background-position: calc(100% - 18px) 21px, calc(100% - 13px) 21px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
    border-color: #d42929;
    box-shadow: 0 0 0 3px rgba(212, 41, 41, 0.14);
    outline: none;
}

::placeholder {
    color: #6b7280;
    opacity: 1;
}

textarea {
    min-height: 150px;
    resize: vertical;
}

input[type="submit"],
button[type="submit"],
.btn-primary {
    width: auto;
    padding: 13px 28px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #ffffff;
    background: #d42929;
    border: 1px solid #d42929;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 180ms ease, border-color 180ms ease;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:focus {
    background: #a81f1f;
    border-color: #a81f1f;
}

/* The default WordPress search form. */
.search-form {
    position: relative;
    display: flex;
    gap: 8px;
}

.search-form label {
    flex: 1 1 auto;
    margin: 0;
}

.search-form .search-submit {
    flex: 0 0 auto;
}

/* --------------------------------------------------------------- comments --- */

.comment-list .comment-body {
    padding: 24px 0;
    border-bottom: 1px solid #f1f3f5;
}

.comment-list .comment-author .fn {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #17181a;
}

.comment-list .comment-author img.avatar {
    border-radius: 50%;
}

.comment-list .comment-metadata,
.comment-list .comment-metadata a {
    font-size: 12px;
    letter-spacing: 0.04em;
    color: #6b7280;
}

.comment-list .reply a {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #d42929;
    transition: color 160ms ease;
}

.comment-list .reply a:hover,
.comment-list .reply a:focus {
    color: #a81f1f;
}

.comment-respond .comment-reply-title {
    font-size: 20px;
    letter-spacing: -0.01em;
}

.comment-form label {
    display: block;
    margin-bottom: 6px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #17181a;
}

/* ------------------------------------------------------------ breadcrumbs --- */

.breadcrumbs,
.breadcrumb-trail {
    font-size: 12px;
    letter-spacing: 0.04em;
    color: #6b7280;
}

.breadcrumbs a,
.breadcrumb-trail a {
    color: #6b7280;
    transition: color 160ms ease;
}

.breadcrumbs a:hover,
.breadcrumb-trail a:hover {
    color: #d42929;
}

/* ---------------------------------------------------------- empty states --- */

.search-no-results .page-content,
.page-404-content,
.no-results .page-content {
    padding: 48px 0;
    text-align: center;
}

.page-404-content h1,
.error404 .page-title {
    font-size: 76px;
    line-height: 1;
    letter-spacing: -0.03em;
    color: #17181a;
}

.search-no-results .search-form,
.page-404-content .search-form {
    max-width: 460px;
    margin: 24px auto 0;
}

/* ----------------------------------------------------------------- footer --- */

.site-footer .widget .widget-title,
.site-footer .widget h2 {
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.14);
}

.site-footer .widget ul li {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.copyright {
    font-size: 14px;
    color: #b9bfc6;
}

.copyright a {
    color: #ffffff;
    transition: color 160ms ease;
}

.copyright a:hover,
.copyright a:focus {
    color: #d42929;
}

/* --------------------------------------------------------- content polish --- */

.entry-content table,
.post-excerpt table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

.entry-content table th,
.entry-content table td,
.post-excerpt table th,
.post-excerpt table td {
    padding: 10px 12px;
    border: 1px solid #e8eaed;
    text-align: left;
}

.entry-content table th,
.post-excerpt table th {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    background: #f6f7f9;
    color: #17181a;
}

/* Wide tables scroll instead of pushing the page sideways. */
.entry-content .wp-block-table,
.post-excerpt .wp-block-table {
    overflow-x: auto;
}

.entry-content pre,
.post-excerpt pre {
    padding: 18px 20px;
    background: #f6f7f9;
    border: 1px solid #e8eaed;
    border-radius: 10px;
    overflow-x: auto;
    font-size: 14px;
    line-height: 1.6;
}

.entry-content code,
.post-excerpt code {
    padding: 2px 6px;
    background: #f1f3f5;
    border-radius: 6px;
    font-size: 0.92em;
}

/* --------------------------------------------------------------- motion --- */

@media (prefers-reduced-motion: reduce) {

    .main-menu ul li > a,
    .main-menu > ul > li > a:after,
    .pagination .page-numbers,
    .ajax-pagination .show-more,
    input,
    select,
    textarea,
    .comment-list .reply a {
        transition: none;
    }

    .main-menu > ul > li > a:after {
        transform: none;
    }
}

/* ------------------------------------------------------------ responsive --- */

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

    /* On the collapsed menu the underline indicator has nothing to sit on. */
    .main-menu > ul > li > a:after {
        display: none;
    }

    .main-menu ul ul {
        box-shadow: none;
        border-radius: 0;
    }

    .page-404-content h1,
    .error404 .page-title {
        font-size: 56px;
    }
}

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

    .search-form {
        flex-direction: column;
    }

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

    .pagination .page-numbers {
        min-width: 40px;
        height: 40px;
        line-height: 38px;
        padding: 0 10px;
        font-size: 13px;
    }
}
/* --------------------------------------------- underline corrections --- */

/*
 * The theme sets text-decoration: none !important on every link, then adds
 * underline !important back in 33 hover rules. On anything that reads as a
 * button or a chip an underline is wrong, and on the post title it doubled
 * up with the animated underline set above.
 */
.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus,
.post-cats a:hover,
.post-cats a:focus,
.post-cats > span a:hover,
.post-cats > span a:focus,
.post-title a:hover,
.post-title a:focus,
.comment-body .reply .comment-reply-link:hover,
.comment-body .reply .comment-reply-link:focus,
.post-excerpt .wp-block-tag-cloud a:hover,
.post-excerpt .wp-block-tag-cloud a:focus,
.footer-menu li a:hover,
.footer-menu li a:focus,
.main-menu ul li > a:hover,
.main-menu ul li > a:focus,
.more-link:hover,
.more-link:focus,
.ajax-pagination .show-more:hover {
    text-decoration: none !important;
}
/* ------------------------------------------- contrast corrections --- */

/*
 * These sat between 2.9:1 and 3.8:1 against their own background, under the
 * 4.5:1 WCAG AA minimum for body text.
 */
.main-menu ul ul li > a {
    color: #17181a;          /* was #818181, 3.8:1 on the white submenu */
}

.breadcrumbs-wrap,
ul.trail-items li a,
.breadcrumbs .delim {
    color: #6b7280;          /* was #858585 at 3.6:1 and #8d97a1 at 2.9:1 */
}

.card__post__author-info span,
.card__post__author-info a {
    color: #6b7280;          /* was #868686, 3.55:1 */
}

.textwidget .wpcf7 .wpcf7-not-valid-tip {
    color: #a81f1f;          /* was #f46180, 2.98:1, on an error message */
}

/* ========================================================================
   Intimate 1.1.1 - block widgets
   ------------------------------------------------------------------------
   WordPress renders widgets as blocks since 5.8. The theme's widget CSS
   targets the classic .widget_* classes, which no longer appear, so the
   sidebar had almost no styling of its own. These rules cover the block
   equivalents and make every widget align to the same edge.
   ======================================================================== */

.widget_block {
    margin-bottom: 34px;
}

.widget_block:last-child {
    margin-bottom: 0;
}

/* ---------------------------------------------------------- widget title --- */

.widget_block .wp-block-heading,
.widget_block h2,
.widget_block h3 {
    position: relative;
    margin: 0 0 18px;
    padding-bottom: 12px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #17181a;
    border-bottom: 1px solid #e8eaed;
}

.widget_block .wp-block-heading:after,
.widget_block h2:after,
.widget_block h3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 38px;
    height: 2px;
    background: #d42929;
}

/* ------------------------------------------------------------ list reset --- */

/*
 * Archives and Categories kept the browser's bullets and indent while Latest
 * Posts and Latest Comments did not, so no two widgets lined up. Every list
 * now starts at the same edge.
 */
.wp-block-archives,
.wp-block-archives-list,
.wp-block-categories,
.wp-block-categories-list,
.wp-block-latest-posts,
.wp-block-latest-posts__list,
.wp-block-latest-comments,
.wp-block-page-list,
.wp-block-rss,
.widget_block ul,
.widget_block ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wp-block-archives li,
.wp-block-categories li,
.wp-block-latest-posts__list li,
.wp-block-latest-comments__comment,
.wp-block-page-list li,
.wp-block-rss li {
    position: relative;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    border-bottom: 1px solid #f1f3f5;
}

.wp-block-archives li:last-child,
.wp-block-categories li:last-child,
.wp-block-latest-posts__list li:last-child,
.wp-block-latest-comments__comment:last-child,
.wp-block-page-list li:last-child,
.wp-block-rss li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.wp-block-archives li:first-child,
.wp-block-categories li:first-child,
.wp-block-latest-posts__list li:first-child,
.wp-block-latest-comments__comment:first-child,
.wp-block-page-list li:first-child {
    padding-top: 0;
}

/* Nested category and page children stay inside the same rhythm. */
.wp-block-categories li ul,
.wp-block-page-list li ul {
    margin-top: 10px;
    padding-left: 16px;
    border-top: 1px solid #f1f3f5;
}

.wp-block-categories li ul li:first-child,
.wp-block-page-list li ul li:first-child {
    padding-top: 10px;
}

/* ------------------------------------------------------------ list links --- */

.widget_block a {
    color: #4c4f53;
    transition: color 160ms ease;
}

.widget_block a:hover,
.widget_block a:focus {
    color: #d42929;
}

/*
 * Categories and Archives read as an index: the name on the leading edge and
 * the count on the trailing edge, so the numbers form their own column instead
 * of trailing after ragged text.
 */
.wp-block-archives li,
.wp-block-categories li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
}

.wp-block-archives li a,
.wp-block-categories li a,
.wp-block-page-list li a {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #17181a;
}

.wp-block-archives li a:hover,
.wp-block-categories li a:hover,
.wp-block-archives li a:focus,
.wp-block-categories li a:focus {
    color: #d42929;
}

/*
 * The count block widgets emit when "Show post counts" is on. Set as a badge
 * so the column of numbers is readable at a glance.
 */
.wp-block-categories li .post-count,
.wp-block-archives li .post-count,
.wp-block-categories-list li .post-count {
    flex: 0 0 auto;
    min-width: 32px;
    padding: 4px 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    color: #ffffff;
    background: #d42929;
    border-radius: 6px;
    font-variant-numeric: tabular-nums;
}

/* A nested list is a column again, not a row. */
.wp-block-categories li ul,
.wp-block-page-list li ul {
    display: block;
    flex: 1 0 100%;
}

/* ---------------------------------------------------------- latest posts --- */

.wp-block-latest-posts__post-title {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #17181a;
}

.wp-block-latest-posts__post-title:hover,
.wp-block-latest-posts__post-title:focus {
    color: #d42929;
}

.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-author {
    display: block;
    margin-top: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7280;
    font-variant-numeric: tabular-nums;
}

.wp-block-latest-posts__post-excerpt {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.6;
    color: #4c4f53;
}

.wp-block-latest-posts__featured-image img {
    border-radius: 10px;
}

/* ------------------------------------------------------- latest comments --- */

/*
 * The default output is one flat run of text: author, the word "on", then the
 * post title, all the same weight and colour. Giving the author and the post
 * different treatment makes the line scannable.
 */
.wp-block-latest-comments__comment {
    font-size: 14px;
    line-height: 1.6;
    color: #6b7280;
}

.wp-block-latest-comments__comment-meta {
    font-size: 14px;
    line-height: 1.6;
}

.wp-block-latest-comments__comment-author {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #17181a;
}

.wp-block-latest-comments__comment-author:hover,
.wp-block-latest-comments__comment-author:focus {
    color: #d42929;
}

.wp-block-latest-comments__comment-link {
    color: #4c4f53;
}

.wp-block-latest-comments__comment-link:hover,
.wp-block-latest-comments__comment-link:focus {
    color: #d42929;
}

.wp-block-latest-comments__comment-date {
    display: block;
    margin-top: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7280;
}

.wp-block-latest-comments__comment-excerpt p {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 1.6;
    color: #4c4f53;
}

.wp-block-latest-comments__comment-avatar {
    border-radius: 50%;
}

/* ---------------------------------------------------------- search block --- */

.wp-block-search__label {
    display: block;
    margin-bottom: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #17181a;
}

.wp-block-search__inside-wrapper {
    display: flex;
    gap: 8px;
}

.wp-block-search__input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 12px 16px;
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    color: #17181a;
    background: #ffffff;
    border: 1px solid #e0e4e8;
    border-radius: 10px;
}

.wp-block-search__input:focus {
    border-color: #d42929;
    box-shadow: 0 0 0 3px rgba(212, 41, 41, 0.14);
    outline: none;
}

.wp-block-search__button,
.wp-block-search .wp-element-button {
    flex: 0 0 auto;
    padding: 12px 22px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #ffffff;
    background: #d42929;
    border: 1px solid #d42929;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 180ms ease, border-color 180ms ease;
}

.wp-block-search__button:hover,
.wp-block-search__button:focus {
    background: #a81f1f;
    border-color: #a81f1f;
}

/* -------------------------------------------------- other widget blocks --- */

.wp-block-tag-cloud a {
    display: inline-block;
    margin: 0 6px 8px 0;
    padding: 6px 12px;
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #4c4f53;
    background: #f6f7f9;
    border: 1px solid #e8eaed;
    border-radius: 999px;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.wp-block-tag-cloud a:hover,
.wp-block-tag-cloud a:focus {
    color: #ffffff;
    background: #d42929;
    border-color: #d42929;
}

.widget_block .wp-block-calendar table {
    width: 100%;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

.widget_block .wp-block-calendar th {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #17181a;
    background: #f6f7f9;
}

.widget_block .wp-block-calendar td,
.widget_block .wp-block-calendar th {
    padding: 7px 4px;
    border: 1px solid #e8eaed;
    text-align: center;
}

/* A select based archive or category dropdown. */
.widget_block select,
.wp-block-archives select,
.wp-block-categories select {
    width: 100%;
}

/* Keep the group wrapper from adding its own spacing on top of ours. */
.widget_block .wp-block-group__inner-container > *:last-child {
    margin-bottom: 0;
}

/* ---------------------------------------------------------------- focus --- */

.widget_block a:focus-visible,
.wp-block-search__input:focus-visible,
.wp-block-search__button:focus-visible {
    outline: 2px solid #d42929;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {

    .widget_block a,
    .wp-block-tag-cloud a,
    .wp-block-search__button {
        transition: none;
    }
}

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

    .wp-block-search__inside-wrapper {
        flex-direction: column;
    }

    .wp-block-search__button {
        width: 100%;
    }
}
/* ------------------------------------------------ padding correction --- */

/*
 * .has-post-thumbnail .post-content set padding: 20px 0, with no horizontal
 * padding at all, and it outranks the plain .post-content rule. Every post
 * with a featured image - which is most of them - had its title, meta and
 * excerpt running edge to edge against the card border.
 */
.has-post-thumbnail .post-content {
    padding: 26px 28px 28px;
}

.single .has-post-thumbnail .post-content,
.page .has-post-thumbnail .post-content {
    padding-left: 0;
    padding-right: 0;
}

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

    .has-post-thumbnail .post-content {
        padding: 22px 22px 24px;
    }
}

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

    .has-post-thumbnail .post-content {
        padding: 20px 18px 22px;
    }
}

/* ========================================================================
   Intimate 1.1.1 - dropdown sizing and motion
   ======================================================================== */

/* ---------------------------------------------------------- submenu type --- */

.main-menu ul ul li > a {
    /*
     * The top level rule sets 700 for the menu bar. Inheriting it made every
     * dropdown item bold, and long items wrapped to two bold lines.
     */
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.005em;
    text-transform: none;
    color: #17181a;
    padding: 11px 20px;
    background-color: #ffffff;
    border-bottom: 1px solid #f1f3f5;
    transition: color 160ms ease, background-color 160ms ease, padding-left 160ms ease;
}

.main-menu ul ul li:last-child > a {
    border-bottom: 0;
}

.main-menu ul ul li:hover > a,
.main-menu ul ul li.current-menu-item > a {
    color: #d42929;
    background-color: #faf3f3;
    /* A small shift on hover tells you which row you are on. */
    padding-left: 25px;
}

.main-menu ul ul ul li > a {
    padding-left: 30px;
}

.main-menu ul ul ul li:hover > a {
    padding-left: 35px;
}

/* --------------------------------------------------------- panel motion --- */

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

    .main-menu li > ul {
        /* Was 27px, which pushed the first item away from the menu bar. */
        padding: 8px 0;
        width: 260px;
        border-radius: 10px;
        box-shadow: 0 16px 40px -4px rgba(23, 24, 26, 0.16);
        /*
         * Was "all 0.2s". visibility cannot be interpolated, so it flipped at
         * the midpoint of the fade. Delaying it until the close finishes keeps
         * the panel interactive only while it is actually visible.
         */
        transform: translateY(-8px);
        transition: opacity 200ms ease, transform 220ms cubic-bezier(0.2, 0.7, 0.3, 1), visibility 0s linear 220ms;
        -webkit-transition: opacity 200ms ease, -webkit-transform 220ms cubic-bezier(0.2, 0.7, 0.3, 1), visibility 0s linear 220ms;
    }

    .main-menu li:focus-within > ul,
    .main-menu li:focus > ul,
    .main-menu li:hover > ul {
        transform: translateY(0);
        transition: opacity 180ms ease, transform 220ms cubic-bezier(0.2, 0.7, 0.3, 1), visibility 0s;
        -webkit-transition: opacity 180ms ease, -webkit-transform 220ms cubic-bezier(0.2, 0.7, 0.3, 1), visibility 0s;
    }

    /* Third level slides in from the side rather than downward. */
    .main-menu li > ul ul {
        transform: translateX(-8px) translateY(0);
    }

    .main-menu li > ul li:hover > ul,
    .main-menu li > ul li:focus-within > ul {
        transform: translateX(0) translateY(0);
    }

    /* The caret on a parent item should react with the rest of the row. */
    .main-menu ul li.dropdown_menu > a > span:before {
        transition: transform 200ms ease, border-color 160ms ease;
    }

    .main-menu > ul > li:hover > a > span:before,
    .main-menu > ul > li:focus-within > a > span:before {
        border-color: #d42929;
        transform: rotate(-45deg);
    }
}

@media (prefers-reduced-motion: reduce) {

    .main-menu li > ul,
    .main-menu li:hover > ul,
    .main-menu li > ul ul,
    .main-menu ul ul li > a,
    .main-menu ul li.dropdown_menu > a > span:before {
        transition: none;
        transform: none;
    }

    .main-menu ul ul li:hover > a,
    .main-menu ul ul ul li:hover > a {
        padding-left: 20px;
    }
}

/* ========================================================================
   Intimate 1.1.1 - layout utilities and post navigation
   ======================================================================== */

/* --------------------------------------------------------- utilities --- */

/*
 * enqueue.php loads css/grid.css, which is the column grid only. The utility
 * classes live in css/grid.min.css, which is never enqueued, so .clearfix and
 * .pull-right did nothing at all. Three templates put clearfix on the post
 * content wrapper, which is how a trailing floated image escaped the article
 * and overlapped the sharing row and the post navigation below it.
 */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

/* Belt and braces: the article itself contains its own floats. */
.post-excerpt:after,
.entry-content:after,
.post-footer:after {
    content: "";
    display: table;
    clear: both;
}

/* ------------------------------------------------- post navigation --- */

/*
 * The labels were CSS content, so they could not be translated. They are
 * real markup now, and these rules drop the old pseudo elements.
 */
.post-navigation .nav-previous a:before,
.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:before,
.post-navigation .nav-next a:after {
    content: none;
}

.post-navigation {
    clear: both;
    margin-top: 34px;
    padding-top: 26px;
    border-top: 1px solid #e8eaed;
}

.post-navigation .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex: 1 1 240px;
    float: none;
    width: auto;
    min-width: 0;
    padding: 0;
}

.post-navigation .nav-links a {
    display: block;
    padding: 16px 18px;
    background: #ffffff;
    border: 1px solid #e8eaed;
    border-radius: 10px;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.post-navigation .nav-links a:hover,
.post-navigation .nav-links a:focus {
    border-color: #dfe3e8;
    box-shadow: 0 10px 26px rgba(23, 24, 26, 0.08);
}

.post-navigation .nav-label {
    display: block;
    margin-bottom: 6px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #6b7280;
}

.post-navigation .nav-title {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    color: #17181a;
}

.post-navigation .nav-links a:hover .nav-title,
.post-navigation .nav-links a:focus .nav-title {
    color: #d42929;
}

/* Anything the linked post drags in stays inside its own card. */
.post-navigation .nav-links img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

@media (prefers-reduced-motion: reduce) {

    .post-navigation .nav-links a {
        transition: none;
    }
}

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

    .post-navigation .nav-links {
        gap: 12px;
    }
}

/* ========================================================================
   Intimate 1.1.1 - header icon buttons
   ------------------------------------------------------------------------
   The off canvas toggle and the search toggle were bare icons with no
   surface, no hover and no focus state. The toggle also drew its bullet
   dots at left: -8px, outside its own 25x20 box, so part of the icon was
   not clickable.
   ======================================================================== */

.canvas-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: transparent;
    transition: background-color 180ms ease;
}

.canvas-btn:hover,
.canvas-btn:focus {
    background: #f4f5f7;
}

/* The whole icon now sits inside the button. */
.canvas-btn span {
    left: 14px;
    width: 18px;
    height: 2px;
    border-radius: 6px;
    background-color: #17181a;
    transition: background-color 180ms ease, width 180ms ease;
}

.canvas-btn span:after {
    left: -8px;
    width: 4px;
    height: 2px;
    border-radius: 1px;
    background: #17181a;
    transition: background-color 180ms ease;
}

.canvas-btn span:nth-child(1) {
    top: 13px;
}

.canvas-btn span:nth-child(2) {
    top: 19px;
}

.canvas-btn span:nth-child(3) {
    top: 25px;
    bottom: auto;
}

/* A small stagger on hover gives the icon some life. */
.canvas-btn:hover span,
.canvas-btn:focus span {
    background-color: #d42929;
}

.canvas-btn:hover span:after,
.canvas-btn:focus span:after {
    background: #d42929;
}

.canvas-btn:hover span:nth-child(2) {
    width: 13px;
}

/* --------------------------------------------------------- search icon --- */

.search-box .s_click {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    color: #17181a;
    transition: background-color 180ms ease, color 180ms ease;
}

.search-box .s_click:hover,
.search-box .s_click:focus {
    background: #f4f5f7;
    color: #d42929;
}

.search-box i {
    width: auto;
    padding: 0;
    font-size: 16px;
    line-height: 1;
}

/* ------------------------------------------------------ mobile toggle --- */

.bar-menu {
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid #e8eaed;
    border-radius: 10px;
    background: #ffffff;
    cursor: pointer;
    transition: border-color 180ms ease, background-color 180ms ease;
}

.bar-menu:hover,
.bar-menu:focus {
    border-color: #d42929;
    background: #ffffff;
}

/* ---------------------------------------------------------------- focus --- */

.canvas-btn:focus-visible,
.bar-menu:focus-visible,
.search-box .s_click:focus-visible,
.close-btn a:focus-visible {
    outline: 2px solid #d42929;
    outline-offset: 2px;
}

/* The off canvas close control. */
.close-btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    transition: background-color 180ms ease;
}

.close-btn a:hover,
.close-btn a:focus {
    background: #d42929;
    color: #ffffff;
}

@media (prefers-reduced-motion: reduce) {

    .canvas-btn,
    .canvas-btn span,
    .canvas-btn span:after,
    .bar-menu,
    .search-box .s_click,
    .close-btn a {
        transition: none;
    }

    .canvas-btn:hover span:nth-child(2) {
        width: 18px;
    }
}

/* ========================================================================
   Intimate 1.1.1 - dropdown and off canvas corrections
   ======================================================================== */

/* ---------------------------------------------------- off canvas close --- */

/*
 * .close-btn is a 35px box with background: #fff !important. Colouring the
 * icon white made it a white glyph on a white box, so the control looked
 * like an empty white square. The icon is dark, and the link fills the box
 * it actually sits in rather than overflowing a 40px circle out of a 35px
 * parent.
 */
.close-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    color: #17181a;
    background: transparent;
    transition: color 180ms ease, background-color 180ms ease;
}

.close-btn a:hover,
.close-btn a:focus {
    color: #ffffff;
    background: #d42929;
}

.close-btn a .fa {
    line-height: 1;
}

/* ------------------------------------------------------ dropdown rows --- */

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

    /*
     * The theme animates a small dash in on hover, at left: 35px, and pushes
     * the label to padding-left: 50px !important at the same time. The label
     * therefore jumped 30px on hover and long items reflowed onto a second
     * line mid animation. Room for the dash is reserved up front so only the
     * dash moves.
     */
    .main-menu ul ul li > a {
        padding: 11px 22px 11px 36px;
    }

    .main-menu ul ul li:hover > a,
    .main-menu ul ul li.current-menu-item > a {
        padding-left: 36px !important;
    }

    .main-menu ul ul li > a:before {
        top: 50%;
        left: 18px;
        margin-top: -1px;
        height: 2px;
        border-radius: 1px;
        background: #d42929;
        transition: width 180ms ease;
    }

    .main-menu ul ul li:hover > a:before,
    .main-menu ul ul li.current-menu-item > a:before {
        width: 10px;
    }

    /* Third level keeps the same rhythm one step in. */
    .main-menu ul ul ul li > a {
        padding-left: 36px;
    }

    .main-menu ul ul ul li:hover > a {
        padding-left: 36px !important;
    }

    /* A wider panel so two word labels do not wrap. */
    .main-menu li > ul {
        width: 290px;
    }

    /* The caret that marks a further level, on the trailing edge. */
    .main-menu ul ul li.dropdown_menu > a {
        padding-right: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .main-menu ul ul li > a:before,
    .close-btn a {
        transition: none;
    }
}

/* ========================================================================
   Intimate 1.1.1 - header bar corrections
   ======================================================================== */

/*
 * .top_date_social > div:first-child:after draws a divider bar. When the
 * social menu is not set the date is the only child, so the divider was
 * left hanging at the end of the bar with nothing after it.
 */
.top_date_social > div:first-child:last-child:after {
    content: none;
}

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

    /*
     * Setting the menu bar in tracked uppercase made each item wider than
     * the mixed case original, which pushed the last items onto a second
     * row. Tighter tracking and padding bring the row back to one line
     * while keeping the uppercase treatment.
     */
    .main-menu > ul > li > a {
        padding: 0 13px;
        font-size: 12px;
        letter-spacing: 0.06em;
    }

    .main-menu > ul > li:last-child > a {
        padding: 0 0 0 13px;
    }

    /* The underline follows the tighter padding. */
    .main-menu > ul > li > a:after {
        left: 13px;
        right: 13px;
    }

    .main-menu > ul > li:last-child > a:after {
        right: 0;
    }

    /* Keep the row on one line rather than wrapping mid bar. */
    .main-menu > ul {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .main-menu > ul > li {
        flex: 0 0 auto;
    }
}

/* The off canvas toggle sits on the same line as the menu it belongs to. */
.menu_right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

/* ========================================================================
   Intimate 1.1.1 - third level menu fix
   ======================================================================== */

/*
 * overflow: hidden was set on .main-menu ul ul so the rounded corners would
 * clip the item backgrounds. A third level menu is a child of that same ul
 * and is positioned at left: 100%, outside its parent box, so the clip hid
 * it completely. The corners are rounded on the first and last rows instead.
 */
.main-menu ul ul {
    overflow: visible;
}

.main-menu ul ul li:first-child > a {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.main-menu ul ul li:last-child > a {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

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

    /* The third level opens beside its parent row, not below the panel. */
    .main-menu li > ul li > ul {
        top: 0;
        left: 100%;
    }

    /* Near the right edge it opens back toward the page instead. */
    .main-menu li.submenu-right > ul li > ul,
    .main-menu > ul > li:last-child > ul li > ul,
    .main-menu > ul > li:nth-last-child(2) > ul li > ul {
        left: auto;
        right: 100%;
    }
}

/* ========================================================================
   Intimate 1.1.1 - alignment corrections
   ======================================================================== */

/*
 * .comment-form carried 25px of padding while the Leave a Reply heading and
 * the post navigation above it sat at the content edge, so the whole form
 * was indented relative to everything around it.
 */
.comment-form {
    padding: 25px 0;
}

.comment-respond .must-log-in {
    padding: 24px 0;
}

/*
 * The trending strip floats a fixed label and lets the slider sit beside it.
 * Before the slider script runs the two overlap and the first characters of
 * the headline disappear behind the label. A flex row cannot overlap.
 */
.trending-news .trending-news-inner {
    display: flex;
    align-items: center;
}

.trending-news .trending-news-inner .title {
    flex: 0 0 auto;
    float: none;
    border-radius: 6px;
}

.trending-news .trending-news-inner .trending-news-slider {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 14px;
}

/* The 404 headline was set at the h1 display size inside a 500px column, so
   it broke onto three lines. */
.page-404-content h1 {
    font-size: 30px;
    line-height: 1.22;
    letter-spacing: -0.018em;
}

.page-404-content .error-code {
    font-size: 88px;
    line-height: 1;
    color: #17181a;
}

/* The 404 and no-results search controls follow the same button style. */
.search-no-results .search-form input[type="submit"],
.page-404-content .search-form input[type="submit"],
.search-no-results .search-submit,
.page-404-content .search-submit {
    background: #d42929;
    border-color: #d42929;
    border-radius: 10px;
    color: #ffffff;
}

.search-no-results .search-form input[type="search"],
.page-404-content .search-form input[type="search"] {
    border-radius: 10px;
}

/* The comment submit button matches every other primary action. */
.comment-form #submit {
    background: #d42929;
    border: 1px solid #d42929;
    border-radius: 10px;
    color: #ffffff;
}

.comment-form #submit:hover,
.comment-form #submit:focus {
    background: #a81f1f;
    border-color: #a81f1f;
}

/*
 * .comment-form-comment label:after added " *" to the Comment label.
 * WordPress already prints <span class="required">*</span> inside that
 * label, so the field read "Comment * *". The real element is kept and the
 * CSS one dropped, which also keeps it available to a screen reader.
 */
.comment-form-comment label:after {
    content: none;
}

.comment-form label .required {
    color: #d42929;
}