/*
Theme Name: Docile
Theme URI: https://www.templatesell.com/item/docile
Author: templatesell
Author URI: https://www.templatesell.com/
Description: Docile 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/docile
Version: 1.1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: docile
Requires PHP: 7.4
Tested up to: 7.1
Requires at least: 6.0
Tags: custom-background, custom-header, one-column, two-columns, three-columns, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog, news

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.

Docile is free WordPress theme by, Template Sell.
Docile 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: "Arimo",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    color: #4c4f53;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background: #f7f7f7;
}

/* 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: 'Heebo', sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    color: #000000;
    letter-spacing: 0.3px;
    opacity: 0.9;
}
h1,
.h1 {
    font-size: 29px;
}
h2,
.h2 {
    font-size: 26px;
}
h3,
.h3 {
    font-size: 23px;
}
h4,
.h4 {
    font-size: 20px;
}
h5,
.h5 {
    font-size: 17px;
}
h6,
.h6 {
    font-size: 15px;
}

/* tags */
button {
    -webkit-transition: color 200ms ease, background 200ms ease;
    transition: color 200ms ease, background 200ms 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: 6px;
    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
====================================================================
***/
.preloader {
  height: 100vh;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 111111;
  position: fixed;
  background: #ffffff;
}
.preloader .spinner {
  width: 40px;
  height: 40px;
  background-color: #333;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/***
====================================================================
## 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;
}
.top-menu{
    padding: 0;
    margin: 0;
    list-style: none;
}
.top-menu li{
    display: inline-block;
    margin-left: 15px;
}
.top-menu li a{
    font-size: 14px;
}
.top-menu li:first-child{
    margin-left: 0;
}
.trending-news .trending-news-inner {
    position: relative;
    background: #fff;
}
.trending-news .trending-news-inner .title {
    float: left;
    padding: 10px 15px;
    background: #d42929;
    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: 400;
    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: 300ms;
    transition: 300ms;
    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;
    color: #fff;
}

/*
# 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 300ms 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 300ms ease-out;
    transition: transform 300ms ease-out;
}

.header-default .bar-menu.menu-open {
    -webkit-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 300ms 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);
    transform: rotate(-90deg) translateX(3px);
}

.header-default .line-menu.last-line {
    align-self: flex-end;
    transition: transform 300ms 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);
    transform: rotate(-90deg) translateX(-3px);
}
.menu-area{
    background: #333;
}
.docile-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 200ms ease-in-out;
    transition: all 200ms 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;
    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);
    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;
}

/* =============================================
##Docile 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;
    }
    .docile-home-icon {
        float: left;
        display: block;
    }

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

    div.menu-description {
        position: absolute;
        top: 2px;
        font-size: 9px;
        background: #d42929;
        line-height: 12px;
        padding: 2px 5px;
        right: -10px;
        color: #fff;
        display: block;
    }
    div.menu-description:before {
        content: " ";
        position: absolute;
        bottom: -4px;
        left: 20%;
        border-width: 0 0 4px 4px;
        border-style: solid;
        border-color: transparent #d42929;
    }
    .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: 500;
        color: #fff;
        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: #fff;
        position: relative;
        content: '';
        display: inline-block;
        height: 4px;
        width: 4px;
        top: -3px;
        margin-left: 8px;
        box-sizing: content-box;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .main-menu ul li.dropdown_menu > ul a span:before{
        border-color: #666;
    }
    .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 200ms ease-in-out;
        transition: all 200ms 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);
        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 200ms ease-in-out;
        transition: all 200ms 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%);
        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 500ms ease;
        transition: all 500ms 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 300ms ease-in-out;
        transition: all 300ms ease-in-out;

        -webkit-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);
        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 300ms ease;
        transition: all 300ms 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;
    }
}

.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: 300ms;
    transition: 300ms;
    font-family: 'Heebo', 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: #fff;
    transition: all 200ms ease-in-out;
}
.canvas-btn span:after {
    position: absolute;
    background: #fff;
    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: 500ms ease;
    transition: 500ms 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: 10px 0 0 10px;
    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: 500ms ease;
    transition: 500ms 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;
}

/*====================================================
## 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: 40px 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: #fff;
        transition: all 200ms 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 .main-menu > ul {
        width: 100%;
        background: #fff;
        top: 100%;
        text-align: left;
        left: 0;
        margin: 0;
        z-index: 50;
        position: absolute;
        padding: 0 15px;
    }
   .header-image .main-menu > ul > li > a {
        color: #212121;
    }
    .header-1 .bar-menu.menu-open {
        -webkit-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;
    }
    ul[aria-expanded="true"] {
        border-top: 1px solid #f2f2f2;
    }
}

/*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;
}

.tags__wrapper {
    padding: 5px 0;
}
.tags__wrapper strong {
    color: #383b42;
}
.tags__wrapper strong {
    margin-right: 10px;
}
.tags__wrapper strong:before {
    content: '\f292';
    font-family: FontAwesome;
    font-size: 12px;
    padding: 0 5px;
}
.tags__wrapper ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.tags__wrapper ul li {
    display: inline-block;
    margin-right: 10px;
}
.tags__wrapper ul li a {
    padding: 2px 4px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    background: #f5f5f5;
    color: #08f;
}
.tags__wrapper ul li a:hover, 
.tags__wrapper ul li a:focus {
    color: #fff;
    background: #08f;
}

/*==============================================================
## 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: #d42929;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
.slidder__content p{
    color: #fff;
    font-size: 16px;
}
.slide-wrap .caption i{
    margin-right: 5px;
}
.slide-wrap .img-cover{
    position: relative;
}
.slide-wrap .img-cover:after{
    position: absolute;
    height: 2px;
    content: "";
    width: 100%;
    background: #fff;
    left: 0;
    z-index: 1;
    bottom: 0;
}
.popular__news-right .card__post:after {
    position: absolute;
    height: 100%;
    content: "";
    width: 2px;
    background: #fff;
    left: 0;
    z-index: 1;
    top:0;
}
.popular__news-right .card__post:before {
    position: absolute;
    height: 2px;
    content: "";
    width: 100%;
    background: #fff;
    left: 0;
    z-index: 1;
    bottom: 0;
}
.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: 500ms ease;
    transition: 500ms 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;
    padding: 15px 0;
    background: #fff;
}
.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 .page-content 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;
    margin-bottom: 0;
    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 300ms;
  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;
}
.post-content .post-excerpt p a,
.post-content .post-excerpt li a,
.post-content .entry-content p a,
.post-content .entry-content li a{
    text-decoration: underline !important;
}


/* date */
.post-date {
    margin: 0 0 10px 0;
    font-size: 12px;
    font-style: normal;
    color: #989ea6
}
.post-date a {
    color: #989ea6;
}
.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: #989ea6;
    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: 6px;
    font-size: 12px;
}
a.effect {
    background:#f7f8f8;
    padding: 10px 15px;
    margin: 15px 0 10px 0;
    border-radius: 6px;
    display: inline-block;
    font-size: 12px;
    position: relative;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}
a.effect:before {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background:#d42929;
    border-radius: 6px;
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}
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: #989ea6;
}
.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 160ms ease 300ms;
    transition: all 160ms ease 300ms;
    text-align: center;
}
.meta_bottom .post-share a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    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: #333;
    color: #fff;
}

.post-media:hover .meta_bottom{
    visibility: visible;
    opacity: 1;
    margin-bottom: 0;
    -webkit-transition: all 160ms ease 0s;
    transition: all 160ms 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: 3px;
    display: inline-block;
}
.pagination a.prev.page-numbers,
.pagination a.next.page-numbers{
    min-width: 100px;
    text-align:center;
}

.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: #989ea6;
    display: block;
    padding-left: 10px;
    top: 0;
}
.posts-navigation .nav-previous a:after {
    position: absolute;
    content: "\f0d9";
    font-family: "FontAwesome";
    color: #989ea6;
    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: #989ea6;
    display: block;
    padding-right: 10px;
    top: 0;
    right: 0;
}
.posts-navigation .nav-next a:after {
    position: absolute;
    content: "\f0da";
    font-family: "FontAwesome";
    color: #989ea6;
    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
 * -------------------------------------------------------------
 */
 .single .post-wrap{
    background: #fff;
    padding: 25px;
 }
.single .post-wrap .post-media{
    margin-left: -25px;
    margin-right: -25px;
}
.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: #989ea6;
    display: block;
    padding-left: 10px;
    top: 0;
}
.post-navigation .nav-previous a:after {
    position: absolute;
    content: "\f0d9";
    font-family: "FontAwesome";
    color: #989ea6;
    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: #989ea6;
    display: block;
    padding-right: 10px;
    top: 0;
    right: 0;
}
.post-navigation .nav-next a:after {
    position: absolute;
    content: "\f0da";
    font-family: "FontAwesome";
    color: #989ea6;
    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 200ms ease;
    transition: border-color 200ms 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: 999px;
}
.about-author-avatar .avatar-bg-overlay {
    border-radius: 999px;
}
.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: #989ea6;
}
.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: #989ea6;
}
.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;
    padding: 25px;
    background-color: #ffffff;
    margin: 20px 0;
}

/* 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-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 200ms ease;
    transition: border-color 200ms 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 200ms ease;
    transition: background-color 200ms 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: #989ea6;
}
.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: #989ea6;
}
.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: 'Arimo', 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: #989ea6;
    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: 999px;
}

/* 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: #989ea6;
}
.comment-meta .comment-metadata a {
    color: #989ea6;
}
.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: #989ea6;
}
.comment-body .reply .comment-reply-link:focus {
    color: #989ea6;
}
.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: #989ea6;
}
.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.left-image .related-posts{
    display: none;
}
.post-wrap .related-posts .post-wrap{
    padding: 0;
}
.post-wrap .related-posts .post-media{
    margin: 0;
}

/*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: #999;
}
.search-no-results .search-field:-moz-placeholder,
.page-404-content .search-field:-moz-placeholder {
    color: #999;
}
.search-no-results.search-field:-ms-input-placeholder,
.page-404-content .search-field:-ms-input-placeholder {
    color: #999;
}
.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 300ms ease 0s;
}
.back_home {
    padding: 20px;
    display: inline-block;
}

/**
 * Front Page Blog Block
 * -------------------------------------------------------------
 */
.docile_front_loop_block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
.docile_front_loop_block article{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.docile_front_loop_block article img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: 250px;
    position: relative;
}
.docile_front_loop_block article{
    margin-bottom: 20px;
}
.docile_front_loop_block article .post-content {
    padding: 10px;
    background: #fff;
}
/**
 * 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;
    background: #fff;
    padding: 15px;
}

.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: #d42929;
    bottom: -2px;
    content: "";
    left: calc(50% - 30px);
}
/**
 * Widget: Archives
 * -------------------------------------------------------------
 */

.widget_archive ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_archive ul li {
    color: #989ea6; /* 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: #989ea6;
    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: #989ea6;
    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: #989ea6;
}


/**
 * 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 200ms ease;
    transition: background-color 200ms 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 200ms ease;
    transition: border-bottom-color 200ms 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 200ms ease;
    transition: border-color 200ms 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: 'Arimo', 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: #989ea6;
}
.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: #989ea6;
}

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

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

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

.widget_docile_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 300ms 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_docile-popular-post-widget ul{
    margin: 0;
    padding: 0;
 }
.widget_docile-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 200ms ease;
    transition: bottom 200ms 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 200ms ease;
    transition: bottom 200ms 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: 6px;
    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 300ms 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
 * -------------------------------------------------------------
 */
 .docile-featured-post-sidebar > ul,
 .docile-featured-post > ul {
    margin: 0;
    padding: 5px 0 0;
}
.docile-featured-post-sidebar > ul li,
.docile-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: 999px;
    background-color: rgba(255, 255, 255, 0.71);
    color: #4c4f53;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    -webkit-transition: box-shadow 200ms ease;
    transition: box-shadow 200ms 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 200ms ease;
    transition: opacity 200ms 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 300ms ease;
    -webkit-transition: all 300ms 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: 10px 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: #d42929;
    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 500ms ease;
    transition: all 500ms 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;
}
.trending-news-inner .title {
    float: left;
    padding: 10px 15px;
    background: #d42929;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}
.trending-news-two .title {
    float: left;
    padding: 10px 15px;
    background: #333;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}
.marquee__inner{
    background: #fff;
    padding-right: 15px;
}
.marquee-slide{
    overflow:hidden;
    padding: 6px 0;
}
.marquee-slide a{
    padding: 0 15px;
    font-weight: normal;

}
.marquee-slide a img {
    width: 25px;
    height: auto;
    margin-right: 5px;
}

/*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: 500ms ease;
    transition: 500ms 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;
}
.docile-post-grid .widget-title{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-size: 22px;
}
.docile-post-grid .widget-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    background: #d42929;
    z-index: 1;
}
.docile-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: 300ms;
    transition: 300ms;
    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: 300ms;
    transition: 300ms;
    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 200ms ease;
    transition: all 200ms 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#docile-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: 'Arimo', 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: 999px;
    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: 999px;
    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: #989ea6;
}
.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: #989ea6;
}
.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: 'Arimo', 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: #989ea6;
}
.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: #989ea6;
    opacity: 1;
}
/* Firefox 18- */
.post-excerpt .wp-block-search .wp-block-search__input:-moz-placeholder {
    color: #989ea6;
    opacity: 1;
}
/* Firefox 19+ */
.post-excerpt .wp-block-search .wp-block-search__input::-moz-placeholder {
    color: #989ea6;
    opacity: 1;
}
/* IE 10+ */
.post-excerpt .wp-block-search .wp-block-search__input:-ms-input-placeholder {
    color: #989ea6;
    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-docile-text {
    margin-bottom: 15px;
}
.post-excerpt .wp-block-docile-text .wp-block-docile-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 300ms 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 200ms 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,
    .docile_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) {
    .widget,
    .container{
        padding-left: 10px;
        padding-right: 10px;
    }

    /* 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: 999px;
    -webkit-border-radius: 999px;
    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: 999px;
    -webkit-border-radius: 999px;
    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: 999px;
    -webkit-border-radius: 999px;
    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: 999px;
    -webkit-border-radius: 999px;
    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;
}

/* ==========================================================================
   Docile 1.1.3 - typography
   ========================================================================== */

/*
 * All six heading levels shared line-height 1.5 and weight 500. At 29px that
 * leaves a headline looking loose and unemphatic, and it gave a h6 the same
 * leading as a paragraph. Each level now gets leading suited to its size.
 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
    color: #17181a;
    letter-spacing: -0.01em;
    -webkit-font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}

h1, .h1 { line-height: 1.2; }
h2, .h2 { line-height: 1.25; }
h3, .h3 { line-height: 1.3; }
h4, .h4 { line-height: 1.35; }
h5, .h5 { line-height: 1.4; }
h6, .h6 { line-height: 1.45; }

body {
    -webkit-font-feature-settings: "kern" 1, "liga" 1;
    font-feature-settings: "kern" 1, "liga" 1;
    text-rendering: optimizeLegibility;
}

/*
 * blockquote asked for Playfair Display, which this theme has never enqueued,
 * so quotes fell back to the browser default serif and clashed with everything
 * around them. A system serif keeps the intended contrast with no extra
 * download.
 */
blockquote,
blockquote:before,
.wp-block-quote {
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* 'Arimo' is a sans-serif; a serif fallback rendered Times when it was missing. */
.comment-list .pingback .comment-body > a,
.widget_search #searchform .search-field {
    font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ==========================================================================
   Docile 1.1.3 - readable secondary text
   ========================================================================== */

/*
 * #989ea6 on white measures about 2.9:1. WCAG AA wants 4.5:1 for body-sized
 * text, and this grey carried post meta, navigation labels and captions -
 * exactly the small text that needs the contrast most. #6b7280 measures 5.1:1
 * and is close enough that the design reads the same.
 */
.post-navigation .nav-previous a:before,
.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:before,
.post-navigation .nav-next a:after,
.posts-navigation .nav-previous a:before,
.posts-navigation .nav-previous a:after,
.posts-navigation .nav-next a:before,
.posts-navigation .nav-next a:after,
.post-navigation .nav-label,
.entry-meta,
.post-date,
.post-date a,
.wp-caption-text,
figcaption,
.wp-block-image figcaption {
    color: #6b7280;
}

/* ==========================================================================
   Docile 1.1.3 - top bar menu
   ========================================================================== */

/*
 * .top-menu styled its <li> as inline-block and stopped there. That selector
 * also matches every nested <li>, and nothing hid .top-menu ul, so a menu with
 * children rendered its whole tree as an indented browser-default list sitting
 * above the header - which is what a fresh install gets, because with no menu
 * assigned WordPress falls back to wp_list_pages().
 */
.top-bar-area {
    background-color: #ffffff;
    border-bottom: 1px solid #ececee;
}

.top-menu {
    position: relative;
    z-index: 60;
}

.top-menu li {
    position: relative;
    margin-left: 0;
}

.top-menu > li > a {
    display: block;
    padding: 11px 14px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: #4c4f53;
    transition: color 160ms ease;
}

.top-menu > li:first-child > a {
    padding-left: 0;
}

/* A parent needs to look like one before anyone will hover it. */
.top-menu > li.page_item_has_children > a:after,
.top-menu > li.menu-item-has-children > a:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 7px;
    vertical-align: 2px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: currentColor;
    transform: rotate(45deg);
}

.top-menu ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 60;
    min-width: 210px;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ececee;
    border-radius: 10px;
    box-shadow: 0 14px 34px -6px rgba(23, 24, 26, 0.18);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-6px);
    /*
     * visibility cannot be interpolated, so animating it inside "all" flips it
     * at the midpoint of the fade. Delaying it until the fade-out has finished
     * keeps the panel clickable only while it is actually on screen.
     */
    transition: opacity 200ms ease, transform 200ms cubic-bezier(0.2, 0.7, 0.3, 1), visibility 0s linear 200ms;
}

.top-menu li:hover > ul,
.top-menu li:focus-within > ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 160ms ease, transform 200ms cubic-bezier(0.2, 0.7, 0.3, 1), visibility 0s;
}

/* Third level and deeper open to the side rather than stacking downward. */
.top-menu ul ul {
    top: -7px;
    left: 100%;
    transform: translateX(-6px);
}

.top-menu li:hover > ul ul,
.top-menu li:focus-within > ul ul {
    transform: translateX(-6px);
}

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

.top-menu ul li {
    display: block;
    margin-left: 0;
}

.top-menu ul li > a {
    display: block;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    color: #4c4f53;
    white-space: nowrap;
    transition: color 160ms ease, background-color 160ms ease, padding-left 160ms ease;
}

.top-menu ul li:hover > a,
.top-menu ul li > a:focus {
    background-color: #f6f7f8;
    padding-left: 20px;
}

.top-menu ul li.page_item_has_children > a:after,
.top-menu ul li.menu-item-has-children > a:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 8px;
    vertical-align: 1px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: currentColor;
    transform: rotate(-45deg);
}

/*
 * The divider after the date is drawn on :first-child, so when the social menu
 * is switched off - the default - it hung off the end of the line with nothing
 * after it.
 */
.top_date_social > div:first-child:last-child:after {
    content: none;
}

.today-date p {
    margin: 0;
    padding: 11px 0;
    font-size: 13px;
    line-height: 1.4;
    color: #6b7280;
}

@media (max-width: 991px) {

    /* No hover on a touch screen, so nothing here can open a hover panel. */
    .top-menu ul {
        display: none;
    }

    .top-menu {
        text-align: center;
    }

    .top_date_social > div {
        text-align: center;
    }

    .top_date_social {
        text-align: center;
    }
}

/* ==========================================================================
   Docile 1.1.3 - primary menu
   ========================================================================== */

@media (min-width: 992px) {

    /*
     * 20px of padding either side plus 0.8px of tracking on uppercase text made
     * each item wider than it needed to be, and a nine item menu spilled onto a
     * second row. Tightening both fits a normal menu on one line; a menu long
     * enough to still wrap now lines up as two even rows instead of drifting.
     */
    .main-menu > ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .main-menu > ul > li > a {
        padding: 0 13px;
        letter-spacing: 0.3px;
    }

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

    /*
     * Submenu links were #818181 on white - about 2.9:1, under the 4.5:1 AA
     * needs - and hover changed nothing but a 10px dash, so there was no
     * feedback that a row was selected.
     */
    .main-menu ul ul li > a,
    .main-menu ul ul li:hover > a {
        color: #3d4045;
    }

    .main-menu ul ul li:hover > a,
    .main-menu ul ul li > a:focus {
        color: #d42929;
        background-color: #f6f7f8;
    }

    .main-menu ul li.dropdown_menu > ul a span:before {
        border-color: #6b7280;
    }

    .main-menu li > ul {
        /* 27px pushed the first row a long way from the bar it belongs to. */
        padding: 8px 0;
        border-radius: 10px;
        transform: translateY(-8px);
        /*
         * "all" included visibility, which is not interpolatable and so flips
         * at the midpoint of the fade - the panel took clicks before it had
         * finished appearing. Delay it past the close instead.
         */
        -webkit-transition: opacity 200ms ease, -webkit-transform 220ms cubic-bezier(0.2, 0.7, 0.3, 1), visibility 0s linear 220ms;
        transition: opacity 200ms ease, 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);
        -webkit-transition: opacity 200ms ease, -webkit-transform 220ms cubic-bezier(0.2, 0.7, 0.3, 1), visibility 0s;
        transition: opacity 200ms ease, transform 220ms cubic-bezier(0.2, 0.7, 0.3, 1), visibility 0s;
    }

    /* Levels three and up sit beside their parent, so they slide sideways. */
    .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);
    }

    .main-menu ul ul li > a {
        border-bottom: 1px solid #f1f3f5;
        -webkit-transition: color 160ms ease, background-color 160ms ease, padding-left 160ms ease;
        transition: color 160ms ease, background-color 160ms ease, padding-left 160ms ease;
    }

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

    /* Round only the outer corners, so the panel's radius is not clipped off. */
    .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;
    }

    /*
     * A menu bar drawn straight over a header photo depends entirely on how
     * bright that photo happens to be. A gradient scrim keeps the labels legible
     * over a light sky without flattening a dark one.
     */
    .header-image .menu-area {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.52));
    }

    /*
     * align-self-center centres the offcanvas button against the whole row, so
     * when the menu wrapped to two lines the button floated between them.
     */
    .menu_right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 86px;
    }
}

.canvas-btn {
    display: inline-block;
}

/* A 20px icon is below the 44px minimum for a touch target. */
.canvas-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
}

/* ==========================================================================
   Docile 1.1.3 - visible keyboard focus
   ========================================================================== */

/*
 * Several rules reset focus to the resting colour, which leaves a keyboard user
 * with no idea where they are. :focus-visible keeps the ring off mouse clicks.
 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid #d42929;
    outline-offset: 2px;
    border-radius: 2px;
}

.header-image .menu-area a:focus-visible,
.site-footer a:focus-visible {
    outline-color: #ffffff;
}

.skip-link:focus {
    outline: 2px solid #d42929;
    outline-offset: 2px;
}

/* ==========================================================================
   Docile 1.1.3 - reduced motion
   ========================================================================== */

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

    *,
    *:before,
    *:after {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .main-menu li > ul,
    .main-menu li:hover > ul,
    .main-menu li > ul ul,
    .top-menu ul,
    .top-menu li:hover > ul {
        -webkit-transform: none;
        transform: none;
    }

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

/* ==========================================================================
   Docile 1.1.3 - block widgets
   ========================================================================== */

/*
 * Since WordPress 5.8 the default widgets are blocks. A Categories widget is
 * now .wp-block-categories inside a .widget_block section, not .widget_categories,
 * and its heading is a plain <h2 class="wp-block-heading"> rather than the
 * <h2 class="widget-title"> that before_title used to supply. This theme did
 * style the block classes, but every one of those rules was scoped under
 * .post-excerpt - the post body - so in a sidebar or footer they matched
 * nothing and the widgets fell back to browser defaults: disc bullets, default
 * link colours, no spacing and no widget title bar.
 */

.widget .wp-block-group,
.widget .wp-block-group__inner-container {
    margin: 0;
    padding: 0;
}

/* Give a block heading the same treatment before_title gives a classic one. */
.widget_block h2,
.widget_block h3,
.widget .wp-block-heading {
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 20px;
    font-size: 22px;
    line-height: 1.3;
    text-transform: capitalize;
    color: #2f3235;
}

.widget_block h2:after,
.widget_block h3:after,
.widget .wp-block-heading:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #eee;
}

.widget_block h2:before,
.widget_block h3:before,
.widget .wp-block-heading:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 50px;
    height: 4px;
    background: #d42929;
}

/* ------------------------------------------------------------- list blocks */

.widget .wp-block-categories,
.widget .wp-block-archives,
.widget .wp-block-latest-posts,
.widget .wp-block-page-list,
.widget .wp-block-latest-comments {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget .wp-block-categories li,
.widget .wp-block-archives li,
.widget .wp-block-latest-posts li,
.widget .wp-block-page-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eeefef;
}

.widget .wp-block-categories li:last-child,
.widget .wp-block-archives li:last-child,
.widget .wp-block-latest-posts li:last-child,
.widget .wp-block-page-list li:last-child {
    border-bottom: 0;
}

.widget .wp-block-categories li a,
.widget .wp-block-archives li a,
.widget .wp-block-latest-posts li a,
.widget .wp-block-page-list li a {
    display: block;
    padding: 10px 0;
    font-size: 15px;
    line-height: 1.5;
    color: #4c4f53;
    -webkit-transition: color 160ms ease, padding-left 160ms ease;
    transition: color 160ms ease, padding-left 160ms ease;
}

.widget .wp-block-categories li a:hover,
.widget .wp-block-categories li a:focus,
.widget .wp-block-archives li a:hover,
.widget .wp-block-archives li a:focus,
.widget .wp-block-latest-posts li a:hover,
.widget .wp-block-latest-posts li a:focus,
.widget .wp-block-page-list li a:hover,
.widget .wp-block-page-list li a:focus {
    color: #d42929;
    padding-left: 6px;
}

/* Nested categories keep their indent without regaining a bullet. */
.widget .wp-block-categories li ul,
.widget .wp-block-page-list li ul {
    margin: 0;
    padding-left: 16px;
    list-style: none;
    border-top: 1px solid #eeefef;
}

/*
 * WordPress prints a list widget count as bare text - "Travel (10)" - with no
 * element around it. templatesell/filters/widget-counts.php wraps it so it can
 * be shown as a badge and labelled for a screen reader.
 */
.widget .post-count {
    float: right;
    min-width: 24px;
    margin-left: 8px;
    padding: 0 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    background-color: #d42929;
    border-radius: 6px;
    -webkit-transition: background-color 160ms ease;
    transition: background-color 160ms ease;
}

.widget li a:hover .post-count,
.widget li a:focus .post-count {
    background-color: #2f3235;
}

/* ------------------------------------------------------------- dropdowns */

.widget .wp-block-categories-dropdown select,
.widget .wp-block-archives-dropdown select,
.widget select {
    width: 100%;
    max-width: 100%;
    padding: 10px 12px;
    font-size: 15px;
    color: #4c4f53;
    background-color: #ffffff;
    border: 1px solid #dfe2e5;
    border-radius: 10px;
}

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

.widget .wp-block-latest-comments__comment {
    margin: 0;
    padding: 12px 0;
    font-size: 15px;
    line-height: 1.6;
    border-bottom: 1px solid #eeefef;
}

.widget .wp-block-latest-comments__comment:last-child {
    border-bottom: 0;
}

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

.widget .wp-block-latest-comments__comment-author {
    font-weight: 700;
    color: #2f3235;
}

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

.widget .wp-block-latest-comments__comment-date {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    color: #6b7280;
}

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

.widget .wp-block-latest-posts__post-date,
.widget .wp-block-latest-posts__post-author {
    display: block;
    font-size: 13px;
    color: #6b7280;
}

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

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

.widget .wp-block-search {
    margin: 0;
}

.widget .wp-block-search__label {
    display: block;
    margin-bottom: 10px;
    font-family: "Heebo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #2f3235;
}

.widget .wp-block-search__inside-wrapper {
    display: flex;
    padding: 0;
    border: 0;
}

.widget .wp-block-search__input {
    flex: 1 1 auto;
    min-width: 0;
    height: 46px;
    padding: 0 14px;
    font-size: 15px;
    color: #4c4f53;
    background-color: #ffffff;
    border: 1px solid #dfe2e5;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    -webkit-transition: border-color 160ms ease;
    transition: border-color 160ms ease;
}

.widget .wp-block-search__input:focus {
    border-color: #d42929;
    outline-offset: 0;
}

/*
 * The submit button was near-black while every other action on the page used
 * the primary colour, so the one control a reader is meant to press looked the
 * least like a button on the page.
 */
.widget .wp-block-search__button {
    flex: 0 0 auto;
    height: 46px;
    margin: 0;
    padding: 0 20px;
    font-family: "Heebo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    background-color: #d42929;
    border: 0;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    -webkit-transition: background-color 160ms ease;
    transition: background-color 160ms ease;
}

.widget .wp-block-search__button:hover,
.widget .wp-block-search__button:focus {
    background-color: #2f3235;
}

.widget .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    padding: 4px;
    border: 1px solid #dfe2e5;
    border-radius: 10px;
}

.widget .wp-block-search.wp-block-search__button-inside .wp-block-search__input {
    border: 0;
    border-radius: 6px;
}

.widget .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
    border-radius: 6px;
}

/* ------------------------------------------------------------- tag cloud */

.widget .wp-block-tag-cloud a {
    display: inline-block;
    margin: 0 6px 8px 0;
    padding: 6px 14px;
    font-size: 13px !important;
    line-height: 1.4;
    color: #4c4f53;
    background-color: #f6f7f8;
    border: 1px solid #e6e8ea;
    border-radius: 999px;
    -webkit-transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

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

/* -------------------------------------------------------------- calendar */

.widget .wp-block-calendar table {
    width: 100%;
    border-collapse: collapse;
}

.widget .wp-block-calendar th,
.widget .wp-block-calendar td {
    padding: 7px 0;
    font-size: 14px;
    text-align: center;
    border: 1px solid #eeefef;
}

.widget .wp-block-calendar th {
    font-weight: 700;
    background-color: #f6f7f8;
}

.widget .wp-block-calendar caption {
    padding-bottom: 10px;
    font-weight: 700;
    color: #2f3235;
}

/* ---------------------------------------------------------------- groups */

.widget .wp-block-group + .wp-block-group {
    margin-top: 24px;
}

/*
 * A sidebar list long enough to run past the article - a full category list, for
 * instance - leaves the page looking broken. Cap it and let it scroll.
 */
.sidebar-area .widget .wp-block-categories,
.sidebar-area .widget .wp-block-archives,
.sidebar-area .widget_categories > ul,
.sidebar-area .widget_archive > ul {
    max-height: 420px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

/* ==========================================================================
   Docile 1.1.3 - post navigation
   ========================================================================== */

/*
 * The previous and next labels used to be CSS content: strings, so no
 * translator could reach them and a screen reader got a link whose only text
 * was the neighbouring post title. content-single.php now passes real,
 * translated labels to the_post_navigation(), which means the decorative
 * copies have to go or both appear at once.
 */
.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:before {
    content: none;
}

.post-navigation .nav-links a {
    padding: 0;
}

.post-navigation .nav-links .nav-label {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7280;
}

.post-navigation .nav-links .nav-title {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    color: #2f3235;
    -webkit-transition: color 160ms ease;
    transition: color 160ms ease;
}

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

/* Keep room for the arrow glyph the theme still draws either side. */
.post-navigation .nav-previous a {
    padding-left: 18px;
}

.post-navigation .nav-next a {
    padding-right: 18px;
}

.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:after {
    top: 1px;
    color: #6b7280;
}

/*
 * The two halves are 50% wide with nothing between them, so a long title on the
 * left ran straight into the right-hand column.
 */
.post-navigation .nav-previous {
    padding-right: 24px;
}

.post-navigation .nav-next {
    padding-left: 24px;
}

@media (max-width: 575px) {

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

    .post-navigation .nav-next {
        margin-top: 20px;
    }

    .post-navigation .nav-next a {
        padding-left: 18px;
        padding-right: 0;
    }

    .post-navigation .nav-next a:after {
        left: 0;
        right: auto;
    }
}

/* ==========================================================================
   Docile 1.1.3 - underlines
   ========================================================================== */

/*
 * The theme sets "text-decoration: none !important" on every link and then
 * forces an underline back on hover in 27 places, including on things shaped
 * like buttons - pagination tiles, tag pills, widget titles and card headlines.
 * An underline belongs on a link inside running prose, not on a tile the reader
 * already recognises as clickable.
 */
.pagination a.page-numbers:hover,
.widget .widget-title a:hover,
.widget .widget-title a:focus,
.widget_block h2 a:hover,
.widget_block h2 a:focus,
.post-title a:hover,
.post-title a:focus,
.tags__wrapper ul li a:hover,
.tags__wrapper ul li a:focus,
.footer-menu li a:hover,
.footer-menu li a:focus,
.footer-social-links a:hover,
.footer-social-links a:focus,
.post-navigation .nav-links a:hover,
.post-navigation .nav-links a:focus,
.posts-navigation .nav-links a:hover,
.posts-navigation .nav-links a:focus,
.comment-navigation .nav-links a:hover,
.comment-navigation .nav-links a:focus,
.widget .wp-block-tag-cloud a:hover,
.widget .wp-block-tag-cloud a:focus,
.widget .wp-block-categories li a:hover,
.widget .wp-block-archives li a:hover,
.widget .wp-block-latest-posts li a:hover,
.widget .wp-block-page-list li a:hover,
.cat-links a:hover,
.cat-links a:focus,
.post-cats > span a:hover,
.post-cats > span a:focus {
    text-decoration: none !important;
}

/*
 * Prose links keep an underline, because inside a paragraph colour alone is not
 * enough to tell a link from emphasis - that is WCAG 1.4.1.
 */
.post-excerpt p a,
.entry-content p a,
.entry-content li a,
.comment-content a {
    text-decoration: underline;
    text-underline-offset: 2px;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}

/* ==========================================================================
   Docile 1.1.3 - post cards
   ========================================================================== */

/*
 * The front page lays its cards out three to a row in a flex container, but only
 * the <article> stretched to the height of its row - the white .post-content
 * panel inside it stopped at its own text. A row with one long excerpt and two
 * short ones showed two stunted cards with a gap of page background underneath.
 */
.docile_front_loop_block {
    align-items: flex-start;
}

.docile_front_loop_block article {
    display: flex;
}

.docile_front_loop_block article .post-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (max-width: 767px) {

    /* Two thirds of the screen is not a column, it is a sliver. */
    .docile_front_loop_block article {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

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

    .docile_front_loop_block article {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/*
 * Post meta wrapped mid-name - "Theme" on one line and "Reviewer" on the next -
 * because the author and date sat in one run of inline text with no gap.
 */
.post-date .entry-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    align-items: center;
}

.post-date .entry-meta > span,
.post-date .entry-meta .posted-on,
.post-date .entry-meta .byline {
    white-space: nowrap;
}

.post-cats {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* ==========================================================================
   Docile 1.1.3 - pagination
   ========================================================================== */

/*
 * 50px grey squares, with the current page in near-black while every other
 * action on the page used the primary colour.
 */
.pagination .page-numbers {
    min-width: 46px;
    width: auto;
    height: 46px;
    padding: 0 14px;
    line-height: 44px;
    font-size: 14px;
    color: #4c4f53;
    background: #ffffff;
    border: 1px solid #e2e5e8;
    border-radius: 10px;
    box-sizing: border-box;
    -webkit-transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

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

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

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

.pagination a.prev.page-numbers,
.pagination a.next.page-numbers {
    min-width: 92px;
}

/* ==========================================================================
   Docile 1.1.3 - trending strip
   ========================================================================== */

/*
 * The headline sat in a display: table-cell beside a floated label. Before the
 * slider script initialises, the two overlap and the first headline is clipped
 * at the right edge. A flex row cannot overlap, and reserving room on the right
 * keeps the slider arrows off the text.
 */
.trending-news .trending-news-inner,
.trending-news-two .marquee__inner {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-radius: 10px;
}

.trending-news .trending-news-inner .title,
.trending-news-two .title {
    float: none;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.trending-news .trending-news-inner .trending-news-slider {
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 70px;
}

.trending-news .trending-news-inner .trending-news-slider .item-single {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ==========================================================================
   Docile 1.1.3 - comments and forms
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
textarea,
select {
    border-radius: 10px;
    -webkit-transition: border-color 160ms ease, box-shadow 160ms ease;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

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

input[type="submit"],
button[type="submit"],
.wp-block-button__link {
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: background-color 160ms ease, color 160ms ease;
    transition: background-color 160ms ease, color 160ms ease;
}

/*
 * WordPress already prints the required marker inside the label, so a second
 * one added in CSS gave every required field two asterisks.
 */
.comment-form-comment label:after,
.comment-form-author label:after,
.comment-form-email label:after {
    content: none;
}

/* ==========================================================================
   Docile 1.1.3 - corner radii
   ========================================================================== */

/*
 * Radii were picked ad hoc: 2, 3, 4, 6, 8, 10, 12, 15, 18, 23, 36 and 40px all
 * appear. Everything added or reworked in this release uses one scale - 10px
 * for surfaces and controls, 6px for small inline pieces, 999px for pills - so
 * the parts of the page that sit next to each other agree.
 */
.widget,
.post-wrap,
.comment-respond,
.comment-body,
.author-box,
.related-posts .post-wrap {
    border-radius: 10px;
}

.docile_front_loop_block article .post-media img,
.blog .post-wrap > .post-media img,
.archive .post-wrap > .post-media img,
.search .post-wrap > .post-media img,
.single .post-wrap > .post-media img,
.related-posts .post-media img {
    border-radius: 10px 10px 0 0;
}

/*
 * Tiles that butt up against each other stay square: the featured mosaic, the
 * grid slider, the trending strip thumbnails and the widget post lists.
 */
.slide-wrap img,
.slide-wrap .no-image-slider,
.no-image-grid,
.no-image-missed,
.no-image-slider-right,
.card__post .card__post__body img,
.post__grid img,
.promo-slider-wrapper img,
.promo-grid-slider-wrapper img,
.slider-wrapper img,
.trending-news-two .marquee-slide img,
.trending-news .trending-news-inner img {
    border-radius: 0;
}

.widget img,
.comment-content img,
.avatar {
    border-radius: 6px;
}

.widget .avatar,
.comment-author .avatar {
    border-radius: 999px;
}

/* ==========================================================================
   Docile 1.1.3 - trending ticker
   ========================================================================== */

/*
 * The ticker track has to be allowed to shrink, or a long list of headlines
 * pushes the label out of the strip instead of scrolling inside it.
 */
.trending-news-two .marquee-slide,
.trending-news .trending-news-inner .trending-news-slider {
    flex: 1 1 auto;
    min-width: 0;
}

.trending-news-two .marquee__inner {
    align-items: center;
}

.trending-news-two .title i {
    line-height: 1;
}

/* ==========================================================================
   Docile 1.1.3 - prose links
   ========================================================================== */

/*
 * style-rtl.css replaces style.css outright rather than layering on top of it,
 * and it is an older copy: it never picked up the rule that underlines links
 * inside post content. So on a right-to-left site, a link in a paragraph was
 * told apart from the text around it by colour alone, which WCAG 1.4.1 does not
 * accept. Stating it here keeps both sheets equivalent.
 */
.post-content .post-excerpt p a,
.post-content .post-excerpt li a,
.post-content .entry-content p a,
.post-content .entry-content li a {
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

/* ==========================================================================
   Docile 1.1.3 - top bar on small screens
   ========================================================================== */

@media (max-width: 767px) {

    /*
     * A nine item utility menu stacks three rows deep on a phone and pushes the
     * masthead off the first screen. Tighten it so it costs one row of chrome
     * rather than three.
     */
    .top-menu > li > a {
        padding: 7px 9px;
        font-size: 12px;
    }

    .top-menu > li:first-child > a {
        padding-left: 9px;
    }

    .today-date p {
        padding: 6px 0;
        font-size: 12px;
    }
}

/* ==========================================================================
   Docile 1.1.3 - cards with no featured image
   ========================================================================== */

/*
 * A post with no featured image gets an empty div standing in for the picture,
 * filled with #f7f7f7. The card then prints its headline, category and byline
 * over that div in white. White on #f7f7f7 is about 1.05:1 - the text is
 * effectively invisible, and it is the headline. A dark placeholder keeps the
 * caption at better than 12:1 and still reads as "no image" rather than as a
 * broken one.
 */
.no-image,
.no-image-slider,
.no-image-grid,
.no-image-missed,
.no-image-slider-right {
    background-color: #2b3038;
    background-image: linear-gradient(135deg, #333942 0%, #22262c 100%);
}

/*
 * The overlay gradient these cards use to lift their caption assumed a photo
 * underneath. Over a flat placeholder it does nothing, so state the scrim.
 */
.card__post .card__post__body:after,
.slide-wrap:after {
    pointer-events: none;
}

.no-image + .card__post__content,
.no-image-grid + .card__post__content,
.no-image-missed + .card__post__content {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0));
}

/* ==========================================================================
   Docile 1.1.3 - one button treatment
   ========================================================================== */

/*
 * The theme had five different ways of drawing the same control:
 *
 *   .search-no-results / .page-404-content submit   #212121 on a #333 border
 *   .textwidget input[type="submit"]                #1f2123, square
 *   .widget .search-form .search-submit             #efefef with grey text
 *   .widget_search #searchform .search-submit       transparent, underlined
 *   .comment-form #submit                           its own thing again
 *
 * So the search button on the 404 page was black while the search button in the
 * sidebar beside it was the accent colour, and neither looked like the comment
 * form's submit. One treatment, one radius, one hover.
 */

.search-no-results .search-form input[type="submit"],
.page-404-content .search-form input[type="submit"],
.textwidget input[type="submit"],
.textwidget button,
.widget .search-form .search-submit,
.search-wrapper .search-form .search-submit,
.comment-form #submit,
.wp-block-search__button {
    color: #ffffff;
    background-color: #d42929;
    border: 1px solid #d42929;
    font-family: "Heebo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.search-no-results .search-form input[type="submit"]:hover,
.search-no-results .search-form input[type="submit"]:focus,
.page-404-content .search-form input[type="submit"]:hover,
.page-404-content .search-form input[type="submit"]:focus,
.textwidget input[type="submit"]:hover,
.textwidget input[type="submit"]:focus,
.textwidget button:hover,
.textwidget button:focus,
.widget .search-form .search-submit:hover,
.widget .search-form .search-submit:focus,
.search-wrapper .search-form .search-submit:hover,
.search-wrapper .search-form .search-submit:focus,
.comment-form #submit:hover,
.comment-form #submit:focus,
.wp-block-search__button:hover,
.wp-block-search__button:focus {
    color: #ffffff;
    background-color: #2f3235;
    border-color: #2f3235;
}

/*
 * The field beside those buttons was square with a hard right edge because the
 * two were meant to read as one control. Keep that, on the shared radius.
 */
.search-no-results .search-form .search-field,
.page-404-content .search-form .search-field,
.widget .search-field,
.search-wrapper .search-field {
    border-radius: 10px 0 0 10px;
}

.search-no-results .search-form input[type="submit"],
.page-404-content .search-form input[type="submit"],
.widget .search-form .search-submit,
.search-wrapper .search-form .search-submit {
    border-radius: 0 10px 10px 0;
    margin-left: -1px;
}

/*
 * The sidebar's other search variant drew its button as transparent text with
 * an underline, which read as a link rather than the button it is.
 */
.widget_search #searchform .search-submit {
    padding: 0 20px;
    height: 45px;
    color: #ffffff;
    background: #d42929;
    border: 1px solid #d42929;
    border-radius: 0 10px 10px 0;
}

.widget_search #searchform .search-submit:hover,
.widget_search #searchform .search-submit:focus {
    color: #ffffff;
    background: #2f3235;
    border-color: #2f3235;
}

/*
 * "Back to Home" was the only call to action on the 404 page and it was drawn
 * as underlined body text.
 */
.page-404-content .back_home a,
.error-404 .back_home a {
    display: inline-block;
    margin-top: 8px;
    padding: 12px 26px;
    font-family: "Heebo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff !important;
    background-color: #d42929;
    border-radius: 10px;
    text-decoration: none !important;
    -webkit-transition: background-color 160ms ease;
    transition: background-color 160ms ease;
}

.page-404-content .back_home a:hover,
.page-404-content .back_home a:focus,
.error-404 .back_home a:hover,
.error-404 .back_home a:focus {
    color: #ffffff !important;
    background-color: #2f3235;
}

/* ==========================================================================
   Docile 1.1.3 - masthead legibility
   ========================================================================== */

/*
 * The site title is printed straight onto the header image with only a flat 20%
 * black wash behind it. Over a bright sky - the default header image is a
 * sunset - white on that is close to unreadable. A gradient anchored at the top,
 * where the title sits, fixes it without darkening the picture overall.
 */
.header-image .head_one {
    position: relative;
}

.header-image .head_one:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60%;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
}

.header-image .head_one > .container {
    position: relative;
    z-index: 1;
}

.main-header.header-image .site-title a,
.main-header.header-image .logo p {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

/* ==========================================================================
   Docile 1.1.3 - image ratios
   ========================================================================== */

/*
 * Card thumbnails were a fixed 200px tall whatever shape the original was, so a
 * portrait photograph was cropped to a letterbox. An aspect ratio crops the
 * same way but scales with the column, which matters once three columns become
 * one on a phone.
 */
@supports (aspect-ratio: 16 / 9) {

    .docile_front_loop_block article .post-media img {
        height: auto;
        aspect-ratio: 16 / 10;
    }
}

/* ==========================================================================
   Docile 1.1.3 - news grid
   ========================================================================== */

/*
 * The front page loop is the paper's front page. It reads as one sheet with
 * headlines ruled off from each other, not as a tray of separate cards.
 */
.docile_front_loop_block,
    .search .site-main,
    .archive .site-main {
    align-items: stretch;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #e9ebed;
    border-radius: 10px;
    overflow: hidden;
}

.docile_front_loop_block article,
    .search .site-main article,
    .archive .site-main article {
    display: flex;
    margin: 0;
    padding: 0;
    /*
     * The rules between items are drawn as the item's own right and bottom
     * borders, so the outer edge of the sheet never doubles up.
     */
    border-right: 1px solid #eef0f2;
    border-bottom: 1px solid #eef0f2;
}

.docile_front_loop_block article .post-wrap,
    .search .site-main article .post-wrap,
    .archive .site-main article .post-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.docile_front_loop_block article .post-content,
    .search .site-main article .post-content,
    .archive .site-main article .post-content {
    padding: 18px 16px 20px;
    background: none;
}

/* -------------------------------------------------------------- thumbnail */

/*
 * A news thumbnail supports the headline, it does not lead it, so it stays
 * modest and never rounds - a rounded corner inside a ruled grid breaks the
 * line the rules are drawing.
 */
.docile_front_loop_block article .post-media,
    .search .site-main article .post-media,
    .archive .site-main article .post-media {
    position: relative;
    overflow: hidden;
}

.docile_front_loop_block article .post-media img,
    .search .site-main article .post-media img,
    .archive .site-main article .post-media img {
    display: block;
    width: 100%;
    height: 175px;
    border-radius: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

@supports (aspect-ratio: 16 / 9) {

    .docile_front_loop_block article .post-media img,
    .search .site-main article .post-media img,
    .archive .site-main article .post-media img {
        height: auto;
        aspect-ratio: 16 / 9;
    }
}

/* ------------------------------------------------------------- kicker ---- */

/*
 * The category is a kicker: small, set in the accent, sitting above the
 * headline the way a section label does in print.
 */
.docile_front_loop_block article .post-cats,
    .search .site-main article .post-cats,
    .archive .site-main article .post-cats {
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.docile_front_loop_block article .post-cats a,
    .search .site-main article .post-cats a,
    .archive .site-main article .post-cats a {
    color: #d42929;
}

/* ------------------------------------------------------------- headline -- */

.docile_front_loop_block article .post_title,
    .search .site-main article .post_title,
    .archive .site-main article .post_title {
    margin-bottom: 8px;
}

.docile_front_loop_block article .post-title,
    .search .site-main article .post-title,
    .archive .site-main article .post-title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: -0.015em;
}

.docile_front_loop_block article .post-title a,
    .search .site-main article .post-title a,
    .archive .site-main article .post-title a {
    color: #17181a;
    -webkit-transition: color 160ms ease;
    transition: color 160ms ease;
}

.docile_front_loop_block article .post-wrap:hover .post-title a,
    .search .site-main article .post-wrap:hover .post-title a,
    .archive .site-main article .post-wrap:hover .post-title a,
.docile_front_loop_block article .post-title a:hover,
    .search .site-main article .post-title a:hover,
    .archive .site-main article .post-title a:hover,
.docile_front_loop_block article .post-title a:focus,
    .search .site-main article .post-title a:focus,
    .archive .site-main article .post-title a:focus {
    color: #d42929;
}

/* Four lines is where a headline stops being a headline. */
.docile_front_loop_block article .post-title a,
    .search .site-main article .post-title a,
    .archive .site-main article .post-title a {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ----------------------------------------------------------------- meta -- */

.docile_front_loop_block article .post-meta,
    .search .site-main article .post-meta,
    .archive .site-main article .post-meta {
    margin-bottom: 10px;
}

.docile_front_loop_block article .post-date,
    .search .site-main article .post-date,
    .archive .site-main article .post-date {
    margin: 0;
    font-size: 12px;
    color: #6b7280;
}

.docile_front_loop_block article .post-date a,
    .search .site-main article .post-date a,
    .archive .site-main article .post-date a {
    color: #6b7280;
}

.docile_front_loop_block article .post-date .entry-meta,
    .search .site-main article .post-date .entry-meta,
    .archive .site-main article .post-date .entry-meta {
    gap: 2px 12px;
}

.docile_front_loop_block article .post-date i,
    .search .site-main article .post-date i,
    .archive .site-main article .post-date i {
    margin-right: 5px;
    opacity: 0.7;
}

/* -------------------------------------------------------------- standfirst */

.docile_front_loop_block article .post-excerpt,
    .search .site-main article .post-excerpt,
    .archive .site-main article .post-excerpt {
    padding-top: 0;
    border-top: 0;
    font-size: 14.5px;
    line-height: 1.6;
    color: #55585c;
}

.docile_front_loop_block article .post-excerpt p,
    .search .site-main article .post-excerpt p,
    .archive .site-main article .post-excerpt p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}

.docile_front_loop_block article:not(.has-post-thumbnail) .post-excerpt p,
    .search .site-main article:not(.has-post-thumbnail) .post-excerpt p,
    .archive .site-main article:not(.has-post-thumbnail) .post-excerpt p {
    -webkit-line-clamp: 5;
}

.docile_front_loop_block article .post-excerpt .page-links,
    .search .site-main article .post-excerpt .page-links,
    .archive .site-main article .post-excerpt .page-links {
    margin-top: 10px;
    font-size: 13px;
    color: #6b7280;
}

/* ---------------------------------------------------------------- sticky -- */

/*
 * A pinned story gets a rule in the accent above its kicker. That is enough to
 * read as "this one is being held at the top" without boxing it.
 */
.docile_front_loop_block article.sticky .post-wrap,
    .search .site-main article.sticky .post-wrap,
    .archive .site-main article.sticky .post-wrap {
    position: relative;
}

.docile_front_loop_block article.sticky .post-wrap:after,
    .search .site-main article.sticky .post-wrap:after,
    .archive .site-main article.sticky .post-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 46px;
    height: 3px;
    background-color: #d42929;
}

/* ------------------------------------------------------------- the rules -- */

/*
 * Three across on a desktop: every third item ends a row, so it carries no
 * right rule, and the last row carries no bottom rule.
 */
@media (min-width: 992px) {

    .docile_front_loop_block article:nth-child(3n),
    .search .site-main article:nth-child(3n),
    .archive .site-main article:nth-child(3n) {
        border-right: 0;
    }

    .docile_front_loop_block article:nth-last-child(-n+3):nth-child(3n+1),
    .search .site-main article:nth-last-child(-n+3):nth-child(3n+1),
    .archive .site-main article:nth-last-child(-n+3):nth-child(3n+1),
    .docile_front_loop_block article:nth-last-child(-n+3):nth-child(3n+1) ~ article,
    .search .site-main article:nth-last-child(-n+3):nth-child(3n+1) ~ article,
    .archive .site-main article:nth-last-child(-n+3):nth-child(3n+1) ~ article {
        border-bottom: 0;
    }
}

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

    .docile_front_loop_block article,
    .search .site-main article,
    .archive .site-main article {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .docile_front_loop_block article:nth-child(2n),
    .search .site-main article:nth-child(2n),
    .archive .site-main article:nth-child(2n) {
        border-right: 0;
    }

    .docile_front_loop_block article:nth-last-child(-n+2):nth-child(2n+1),
    .search .site-main article:nth-last-child(-n+2):nth-child(2n+1),
    .archive .site-main article:nth-last-child(-n+2):nth-child(2n+1),
    .docile_front_loop_block article:nth-last-child(-n+2):nth-child(2n+1) ~ article,
    .search .site-main article:nth-last-child(-n+2):nth-child(2n+1) ~ article,
    .archive .site-main article:nth-last-child(-n+2):nth-child(2n+1) ~ article {
        border-bottom: 0;
    }
}

@media (max-width: 767px) {

    /*
     * On a phone a news list is horizontal: thumbnail left, headline right, so
     * four or five stories fit on a screen instead of one.
     */
    .docile_front_loop_block article,
    .search .site-main article,
    .archive .site-main article {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border-right: 0;
    }

    .docile_front_loop_block article:last-child,
    .search .site-main article:last-child,
    .archive .site-main article:last-child {
        border-bottom: 0;
    }

    .docile_front_loop_block article .post-wrap,
    .search .site-main article .post-wrap,
    .archive .site-main article .post-wrap {
        flex-direction: row;
        align-items: flex-start;
        padding: 16px;
    }

    .docile_front_loop_block article .post-media,
    .search .site-main article .post-media,
    .archive .site-main article .post-media {
        flex: 0 0 108px;
        max-width: 108px;
        margin-right: 14px;
    }

    .docile_front_loop_block article .post-media img,
    .search .site-main article .post-media img,
    .archive .site-main article .post-media img {
        height: 76px;
        aspect-ratio: auto;
        border-radius: 6px;
    }

    .docile_front_loop_block article .post-content,
    .search .site-main article .post-content,
    .archive .site-main article .post-content {
        flex: 1 1 auto;
        min-width: 0;
        padding: 0;
    }

    .docile_front_loop_block article .post-title,
    .search .site-main article .post-title,
    .archive .site-main article .post-title {
        font-size: 16px;
    }

    /* On a narrow screen the standfirst is what gets cut, not the headline. */
    .docile_front_loop_block article .post-excerpt,
    .search .site-main article .post-excerpt,
    .archive .site-main article .post-excerpt {
        display: none;
    }

}

/* ==========================================================================
   Docile 1.1.3 - block styles
   ========================================================================== */

/*
 * The three variations registered in inc/block-patterns.php. They were styled
 * in css/editor-styles.css, so they looked right while being written and did
 * nothing once published - which is the worse half of the bug to have.
 */

.wp-block-quote.is-style-docile-statement,
.entry-content .wp-block-quote.is-style-docile-statement {
    margin: 0 0 40px;
    padding: 26px 30px;
    border: 0;
    border-left: 3px solid #d42929;
    background-color: #f6f7f8;
    border-radius: 10px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    line-height: 1.55;
    color: #2f3235;
}

.wp-block-quote.is-style-docile-statement:before {
    content: none;
}

.wp-block-quote.is-style-docile-statement p:last-of-type {
    margin-bottom: 0;
}

.wp-block-quote.is-style-docile-statement cite {
    display: block;
    margin-top: 14px;
    font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #6b7280;
}

.wp-block-image.is-style-docile-framed img {
    padding: 8px;
    background-color: #ffffff;
    border: 1px solid #e6e8ea;
    border-radius: 10px;
}

.wp-block-image.is-style-docile-framed figcaption {
    margin-top: 10px;
    font-size: 14px;
    color: #6b7280;
}

.is-style-docile-checklist {
    list-style: none;
    padding-left: 0;
}

.is-style-docile-checklist li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    list-style: none;
}

.is-style-docile-checklist li:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 0.55em;
    width: 12px;
    height: 6px;
    border-left: 2px solid #d42929;
    border-bottom: 2px solid #d42929;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* ==========================================================================
   Docile 1.1.3 - news grid spacing
   ========================================================================== */

/*
 * The loop is one panel now, and it had no margin under it, so the pagination
 * sat directly against its bottom edge with nothing between the last headline
 * and the page numbers. .pagination carries its own 50px below and none above,
 * which was fine while every story was a separate floating card and reads as a
 * collision now.
 */
.docile_front_loop_block,
    .search .site-main,
    .archive .site-main {
    margin-bottom: 30px;
}

.pagination {
    margin-top: 0;
}

/*
 * The pinned marker is drawn at the very corner of the panel, where the panel's
 * own 10px radius clips it into a wedge. Inset it so it reads as a deliberate
 * tab rather than as something poking out.
 */
.docile_front_loop_block article.sticky .post-wrap:after,
    .search .site-main article.sticky .post-wrap:after,
    .archive .site-main article.sticky .post-wrap:after {
    top: 0;
    left: 16px;
    width: 40px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

/*
 * The three hero sections above the loop each set their own bottom spacing, so
 * the gaps between the mosaic, the slider and the loop were all different.
 */
.slider-wrapper,
.promo-slider-wrapper,
.promo-grid-slider-wrapper,
.slider-below-widget-wrapper {
    margin-bottom: 30px;
}

.trending-news-two {
    margin-bottom: 30px;
}

@media (max-width: 767px) {

    .docile_front_loop_block,
    .search .site-main,
    .archive .site-main {
        margin-bottom: 24px;
    }

    .slider-wrapper,
    .promo-slider-wrapper,
    .promo-grid-slider-wrapper,
    .slider-below-widget-wrapper,
    .trending-news-two {
        margin-bottom: 24px;
    }

    .docile_front_loop_block article.sticky .post-wrap:after,
    .search .site-main article.sticky .post-wrap:after,
    .archive .site-main article.sticky .post-wrap:after {
        left: 16px;
    }
}

/* ==========================================================================
   Docile 1.1.3 - kicker length
   ========================================================================== */

/*
 * docile_entry_meta() prints every category a post belongs to. A post filed
 * under thirty of them turns the kicker into a wall of uppercase orange that
 * fills the cell and pushes the headline out of sight - the one thing the cell
 * exists to show. Two lines is as much section label as any story needs; the
 * rest is still in the markup for a screen reader and for search engines.
 */
.docile_front_loop_block article .post-cats,
.search .site-main article .post-cats,
.archive .site-main article .post-cats {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*
 * The same list runs under the headline on a single post, where there is room
 * for it but no reason for it to run to twenty lines either.
 */
.single .post-cats {
    max-height: 4.4em;
    overflow: hidden;
}