/*
Theme Name: AcmeBlog
Theme URI: https://www.acmethemes.com/themes/acmeblog/
Author: acmethemes
Author URI: https://www.acmethemes.com/
Description: AcmeBlog is a professional blog theme, can be used for blog, news and magazine site. It is a modern responsive theme. It is SEO friendly theme. You can just focus on writing content and images. The theme has beautifully designed featured section and you have full control over it. AcmeBlog is very easy to use and customize. It is a very lightweight theme but has a highly customizable theme customizer. With its advanced setting, you can control featured section, homepage, sidebar and inner pages. You have full control over header setting- logo, date, search and social. Further, you can add your own copyright text in the footer. This theme comes with advanced layout/design control. Default layout can be full or boxed, sidebar options are left, right and no sidebar. The image can be enabled/disable in blog and archive pages. You can change the whole site primary colour. With the custom CSS and custom background image option, you can further customize your site. In the single post, you can show-hide related posts. Also with extra theme options, you can add breadcrumb and search placeholder. The theme comes with reset options too. Again Author widget, allow you to add author information. Support: http://www.acmethemes.com/supports/ and Demo http://www.acmethemes.com/demo/?theme=acmeblog
Version: 3.1.0
Tested up to: 6.8
Requires PHP: 5.6.20
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: acmeblog
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, news, e-commerce

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Post Formats
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

mark {
    color: #2d2d2d
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

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

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal;
    max-width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

blockquote:before {
    content: "\201C";
    display: block;
    font-size: 30px;
    height: 0;
    left: -20px;
    position: relative;
    top: -10px;
}

blockquote {
    border-left: none;
    font-size: 16px;
    font-style: italic;
    color: #888888;
    display: block;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body {
    color: #2D2D2D;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 22px;
}

/*font family*/
.besides-slider .beside-caption,
.main-navigation li,
.date-display,
.site-description,
.slider-section,
.comment-reply-title,
.comments-title,
.comment-form .form-submit input,
.read-more,
.slicknav_nav li a,
.widget-title,
.page-header .page-title,
.single .entry-header .entry-title,
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a,
.site-title {
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    line-height: 30px;
}

#page {
    width: 1230px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#2D2D2D)";
    /*IE 8*/
    -moz-box-shadow: 0px 0px 12px #2D2D2D;
    /*FF 3.5+*/
    -webkit-box-shadow: 0px 0px 12px #2D2D2D;
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0px 0px 12px #2D2D2D;
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#2D2D2D);
    /*IE 5.5-7*/
    background: #ffffff;
    margin: 0 auto;
}

.boxed-layout #page {
    width: 1050px;
}

.wrapper {
    background: #ffffff;
    margin: 0 auto;
}

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

a {
    color: #8c919b;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
}

a:focus {
    outline: 3px dotted #0d47a1;
    color: #0d47a1;
}

p {
    margin: 0 0 16px;
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
    font-weight: 700;
    line-height: 1.6;
    margin: 0 0 16px;
    color: #000000;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

ul {
    margin: 0;
    padding: 0;
}

figure {
    margin: 0;
}

i.fa {
    margin-right: 5px;
}

/* Large desktop */
@media (max-width: 1229px) {
    * {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    a[href^=tel] {
        /* css */
        color: inherit;
        text-decoration: inherit;
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit;
    }

    #page,
    .boxed-layout #page {
        width: 100%;
    }

    .wrapper {
        width: 980px;
    }
}

/* Portrait tablet to landscape and desktop */
@media screen and (max-width:992px) {
    .wrapper {
        padding: 0 5px;
        width: 740px;
    }
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation #menu-main-menu>li:first-child {
    border-left: none;
}

.main-navigation li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #222222;
    border-image: none;
    border-style: solid;
    border-width: 0 0 0 1px;
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 42px;
    position: relative;
}

.main-navigation li:first-child {
    border-left: none;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 250px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li:focus-within>ul {
    left: auto;
}

.main-navigation ul ul li:hover>ul {
    left: 100%;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    display: block;
    font-size: 14px;
    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. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear {
    clear: both;
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Search widget. */
.widget_search .search-submit {
    display: none;
}

.widget_search {
    position: relative;
    width: 100%;
}

/*** CALENDER ***/
#calendar_wrap #wp-calendar {
    width: 100%;
}

#calendar_wrap #wp-calendar caption {
    font-size: 13px;
    font-weight: 700;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
}

#calendar_wrap table,
#calendar_wrap th,
#calendar_wrap td,
#calendar_wrap tr {
    border: 1px solid rgba(0, 0, 0, 0.03);
    border-collapse: collapse;
    padding: 3px;
}

#calendar_wrap #wp-calendar th,
#calendar_wrap #wp-calendar td {
    border: 1px solid rgba(0, 0, 0, 0.03);
    text-align: center;
}

#calendar_wrap th {
    background: rgba(0, 0, 0, 0.03);
    line-height: 20px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

#calendar_wrap #wp-calendar #today,
#calendar_wrap #wp-calendar #today a {
    color: #ffffff;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline-block;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.entry-content ul,
.entry-content ol {
    margin-bottom: 25px;
    padding: 0 0 0 25px;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Post Formats
--------------------------------------------------------------*/
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
    font-size: 30px;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title {
    display: none;
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply-title,
.comments-title {
    border-bottom: 1px solid #d9d9d9;
    font-size: 16px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 15px;
    position: relative;
}

.comment-form input {
    border: 1px solid #d9d9d9;
    color: #b8b8b8;
    font-size: 14px;
    padding: 10px;
    width: 313px;
}

.comment-form-author input,
.comment-form-email input {
    float: left;
    margin: 0 0 16px;
}

.comment-form-author input {
    margin: 0 29px 16px 0;
}

.comment-form-url input {
    clear: both;
    width: 655px;
}

.comment-form textarea {
    width: 77%;
    display: block;
    border: 1px solid #d9d9d9;
    resize: none;
    color: #b8b8b8;
    font-size: 14px;
    padding: 10px;
}

.comment-form .form-submit input,
.read-more {
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    line-height: 26px;
    padding: 4px 10px;
    width: auto;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
}

.comment-form .form-submit input:hover,
.read-more:hover {
    border: 2px solid #2d2d2d;
}

.read-more {
    border: 1px solid #ffffff;
}

.comment-list {
    margin: 0 0 20px 0;
}

.comment-list li {
    color: #2d2d2d;
    font-size: 13px;
    list-style-type: none;
    clear: both;
    padding: 0 0 20px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 20px;
}

.comment-author img {
    float: left;
    margin: 0 20px 0 0;
    border-radius: 50%;
}

.comment-list .fn {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: #000000;
}

.comment-list .fa.fa-clock-o {
    font-size: 14px;
    margin-right: 3px;
}

.bypostauthor {
    display: block;
}

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

    .comment-form input,
    .comment-form-url input,
    .comment-form textarea {
        width: 100%;
    }
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 2px;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*------------------------------------------------------*\
    #Custom CSS
\*--------------------------------------------------------*/
/*-----------------*\
    #HEADER
\*-----------------*/
.header-container {
    margin-top: 10px;
}

/*Date*/
.date-display {
    margin: 0.67em 0;
}

.date-display,
.site-description {
    font-style: normal;
    font-weight: 400;
    color: #8c919b;
}

.acme-search-block {
    float: left;
    text-align: right;
    width: 76%;
}

/***** SOCIALS *****/
.socials {
    display: inline-block;
    font-size: 18px;
    margin: 0.67em 0;
}

/***** LOGO & ADDS *****/
.site-title {
    font-size: 2.5em;
    font-weight: bold;
    color: #000000;
    line-height: 1.6;
    margin: 0 0 16px;
}

.site-title:hover,
.site-title a:hover {
    color: #2d2d2d;
}

.site-description {
    font-size: 20px;
}

.site-branding {
    padding: 22px;
}

.site-logo {
    width: 31%;
    text-align: center;
    margin: 0 auto;
}

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

.right-header .search-block {
    display: none;
}

.acme-toggle-search {
    color: #8c919b;
    font-size: 20px;
    height: 25px;
    width: 25px;
    margin: 13px 0;
    cursor: pointer;
    float: right;
}

.search-block input.menu-search,
.widget_search input.menu-search {
    font-size: 13px;
    line-height: 31px;
    height: 31px;
    padding: 2px 23px 2px 8px;
    width: 100%;
}

.widget_search input.menu-search {
    padding: 7px;
    height: 40px;
}

.searchsubmit {
    color: #8c919b;
}

.search-block #searchsubmit,
.widget_search #searchsubmit {
    background: rgba(0, 0, 0, 0);
    border: medium none;
    font-size: 20px;
    height: 25px;
    position: absolute;
    right: 7px;
    top: 3px;
    width: 25px;
}

.widget_search #searchsubmit {
    top: 7px;
}

/***** HEADER-MENU *****/
.slicknav_nav,
.responsive-slick-menu {
    display: none;
}

.header-wrapper #site-navigation {
    border-top: 1px solid #393939;
    box-shadow: -1px -5px 0 -1px #393939 inset;
    margin: 0 auto;
    min-height: 60px;
    padding: 4px 0;
    position: relative;
}

.header-wrapper .header-main-menu .menu {
    position: absolute;
}

.header-wrapper .menu li a {
    color: #000000;
    display: block;
    font-weight: normal;
    line-height: 48px;
    padding: 0 15px;
    position: relative;
}

.header-wrapper .menu li ul a {
    line-height: 40px;
}

.acmethemes-nav ul li.menu-item-has-children::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #BBBBBB transparent transparent;
    border-style: solid;
    border-width: 4px;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: 3px;
    top: 55%;
    width: 0;
    border-top-color: #dddddd;
}

.search-block {
    display: inline-block;
    float: right;
    margin: 7px 0;
    position: relative;
    width: 185px;
}

.error404 #primary .page-content .search-block,
.search-no-results #primary .page-content .search-block {
    float: none;
    width: 50%;
}

/*** SUB-MENU ***/
.header-wrapper .main-navigation ul ul.sub-menu li {
    float: none;
    border: none;
    box-shadow: 0 3px 5px 0 #545454;
}

.header-wrapper .main-navigation ul ul.sub-menu {
    top: 48px;
}

.header-wrapper .main-navigation ul ul ul.sub-menu {
    top: 0;
}

.header-wrapper ul.sub-menu li a {
    font-size: 14px;
    border-top: none;
    padding-top: 2px;
    background: #ffffff;
    margin-top: 7px;
}

.header-wrapper .acmethemes-nav {
    float: left;
}

/* Large desktop */
@media (max-width: 1229px) {

    /*** HEADER ***/
    .header-wrapper .menu li a {
        padding: 0 18px;
    }
}

/* Portrait tablet to landscape and desktop */
@media screen and (min-width:992px) {

    .date-display,
    .right-header {
        padding-top: 32px;
    }

    .right-header.acme-col-3 {
        float: right;
    }
}

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

    /*** HEADER ***/
    .header-main-menu {
        height: 48px;
    }

    .header-container .acme-col-3 {
        text-align: center;
        width: 100%;
    }

    .acme-search-block {
        padding-right: 15px;
        width: 49%;
    }

    .socials {
        float: left;
    }

    .slicknav_nav,
    .responsive-slick-menu {
        display: block;
    }

    .header-wrapper .header-main-menu .menu {
        display: none;
    }

    .responsive-slick-menu {
        color: #ffffff;
    }

    .slicknav_btn:before {
        background: #ffffff;
        box-shadow: 0 6px 0 0 #ffffff, 0 12px 0 0 #ffffff;
        content: "";
        height: 3px;
        left: 3px;
        position: absolute;
        top: 6px;
        width: 22px;
    }

    .slicknav_btn {
        background: #2D2D2D;
        background-position: center center;
        border: 1px solid #ffffff;
        border-radius: 4px;
        color: transparent;
        cursor: pointer;
        display: block;
        float: right;
        font: 0px/0 a;
        height: 28px;
        right: 0;
        position: absolute;
        text-decoration: none;
        text-shadow: none;
        top: 8px;
        width: 30px;
    }

    .slicknav_nav li {
        border-top: 1px solid #383838;
        display: block;
        padding: 0 12px;
        width: 100%;
    }

    .slicknav_nav li a {
        color: #000000;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        line-height: 40px;
    }

    .header-wrapper ul.sub-menu ul.sub-menu {
        border-top: 1px solid #ffffff;
    }

    .header-wrapper ul.sub-menu li a {
        margin-top: 0;
        background: none;
        border: none;
    }

    .header-wrapper .main-navigation .slicknav_nav ul.sub-menu {
        background: #ffffff;
        left: 0;
        position: relative;
        top: 0;
        width: 100%;
    }

    .header-wrapper .slicknav_item.slicknav_row {
        width: 100%;
    }

    .header-wrapper .menu-right .slicknav_btn {
        left: auto;
        right: 10px;
    }

    .main-navigation ul ul a {
        width: auto;
    }

    .header-wrapper .main-navigation ul ul.sub-menu li {
        border-bottom: none;
        clear: both;
    }
}

/* Landscape phone to portrait tablet */
@media screen and (max-width:767px) {

    /*** HEADER ***/
    .acme-search-block,
    .socials {
        width: 100%;
        text-align: center;
    }

    .acme-toggle-search {
        float: none;
    }

    .search-block {
        width: 100%;
    }

    /*text align center*/
    body {
        text-align: center;
    }

    .bx-controls {
        text-align: left;
    }
}

/* Landscape phones and down */
@media screen and (max-width:639px) {

    /*** HEADER ***/
    .date-display.site-logo {
        margin: 0 10px 20px 0;
    }
}

/*-----------------*\
    #FOOTER
\*-----------------*/
/*** COMMON FOOTER CSS ***/
.footer-wrapper,
.footer-copyright {
    background: #2D2D2D;
    color: #ababab;
}

.footer-wrapper a {
    color: #ffffff;
}

.footer-wrapper .border {
    padding: 20px 0;
}

.footer-wrapper .widget-title {
    color: #000;
}

.acmeblog-footer-widget-box {
    margin: 0 auto;
    padding: 25px;
}

.footer-wrapper h1,
.footer-wrapper h2,
.footer-wrapper h3,
.footer-wrapper h4,
.footer-wrapper h5,
.footer-wrapper h6,
.footer-wrapper p,
.footer-wrapper a,
.footer-wrapper .widget li a {
    color: #ffffff;
}

/***************************************/
/* Portrait tablet to landscape and desktop */
@media screen and (max-width:992px) {

    /*** FOOTER ***/
    .footer-wrapper {
        padding: 30px 0 0;
    }
}

/* CONTENT*/
.content-wrapper {
    padding: 20px;
}

/* Large desktop */
@media (max-width: 1229px) {
    .content-wrapper {
        padding-top: 13px !important;
    }
}

/* Landscape phone to portrait tablet */
@media screen and (max-width:767px) {
    .wrapper {
        width: 98%;
    }
}

/*SLIDER AND FEATURED SECTION*/
.slider-feature-wrap {
    margin-bottom: 17px;
}

.boxed-layout .slider-feature-wrap {
    margin-bottom: 0;
}

.home-bxslider {
    display: none;
}

.home-bxslider .cat-links {
    left: 0;
    position: absolute;
    z-index: 1;
}

.slider-section {
    float: left;
    overflow: hidden;
    position: relative;
    width: 67%
}

.has_not_beside_sidebar .slider-section {
    width: 100%;
}

.slider-section .bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    left: 0;
}

.slider-section .bx-wrapper li {
    overflow: hidden;
}

.slider-section .bx-wrapper img {
    float: left;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    width: 100%;
    max-height: 394px;
}

.has_not_beside_sidebar .slider-section .bx-wrapper img {
    max-height: unset;

}

.slider-section .bx-wrapper img:hover {
    transform: scale(1.1);
}

.slider-section .slider-desc {
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 70%;
    height: 45%;
    text-align: center;
    max-height: 180px;
}

.slider-section .slide-title,
.besides-slider .post-title a {
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.slider-section .slide-caption {
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    text-align: center;
}

.slider-section .read-more {
    margin-top: 10px;
}

.slider-section .slider-details,
.slider-section .above-slider-details {
    padding: 15px;
}

.slider-section .above-slider-details,
.slider-section .cat-links a {
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    padding: 4px 11px;
}

.slider-section .cat-links a:hover {
    color: #2d2d2d;
}

.slider-section .above-slider-details {
    background: none;
    padding-left: 0;
}

.slider-feature-wrap a {
    color: #ffffff;
}

.slider-section .above-slider-details i {
    margin: 9px;
}

.slider-section .bx-controls-direction a {
    background: rgba(0, 0, 0, 0.4);
    display: inline-block;
    font-size: 39px;
    height: 40px;
    text-shadow: none;
    width: 40px;
    text-align: center;
    position: absolute;
    top: 50%;
}

.slider-section .bx-controls-direction a.bx-next {
    background-position: -38px 0;
    margin-right: 25px;
    padding-left: 10px;
    float: right;
}

/*featured right slider*/
.besides-slider {
    float: right;
    width: 31%;
}

.besides-slider .beside-post {
    float: left;
    position: relative;
}

.boxed-layout .besides-slider .beside-post {
    margin-bottom: 17px;
}

.besides-slider .beside-thumb {
    margin: 0;
    overflow: hidden;
    position: relative;
}

.besides-slider .overlay {
    background: rgba(0, 0, 0, 0.2);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.besides-slider .beside-post:hover .overlay {
    background: rgba(0, 0, 0, 0);
}

.besides-slider .beside-thumb img {
    float: left;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    width: 100%;
}

.besides-slider .beside-caption {
    color: #ffffff;
    bottom: 25%;
    left: 15%;
    padding-bottom: 24px;
    position: absolute;
    width: 70%;
    text-align: center;
}

.besides-slider .beside-caption .post-title {
    line-height: 18px;
    margin: 0;
}

.besides-slider .beside-caption .post-date {
    font-size: 12px;
    line-height: 24px;
}

.besides-slider .beside-caption .post-date i {
    font-size: 11px;
    margin-left: 5px;
    margin-right: 4px
}

/* Portrait tablet to landscape and desktop */
@media screen and (max-width:992px) {

    /*** SLIDER ***/
    .slider-section .slide-caption {
        display: none;
    }

    .beside-caption .post-date,
    .slider-desc .cat-links {
        display: none;
    }
}

/* Landscape phone to portrait tablet */
@media screen and (max-width:767px) {

    /*** SLIDER ***/
    .slider-section .slider-desc {
        height: 45% !important;
    }

    .slider-section,
    .besides-slider {
        width: 100%;
    }

    .besides-slider .beside-post {
        margin: 5px 0 15px;
        width: 50%;
        padding: 5px;
    }
}

/* Landscape phones and down */
@media screen and (max-width:640px) {

    /*** SLIDER ***/
    .slider-section .slider-desc {
        height: 45% !important;
    }

    .slider-section {
        width: 100%;
    }

    .besides-slider .beside-caption .post-title {
        display: none;
    }

    .slider-section .above-slider-details {
        display: none;
    }
}

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

    /*** SLIDER ***/
    .slider-section .slider-desc {
        height: 30% !important;
    }

    .home-bxslider .cat-links {
        display: none;
    }

    .slider-section .slide-title {
        display: none;
    }
}

/***** Sidebars  *****/
#primary {
    width: 70%;
}

.secondary-sidebar {
    width: 28%;
}

/*** RIGHT-SIDEBAR ***/
.right-sidebar #primary {
    float: left;
}

.right-sidebar .secondary-sidebar {
    float: right;
}

/*** LEFT-SIDEBAR ***/
.left-sidebar #primary {
    float: right;
}

.left-sidebar .secondary-sidebar {
    float: left;
}

/*** NO-SIDEBAR ***/
.no-sidebar #primary {
    width: 100%;
}

/*** BOTH-SIDEBAR ***/
.both-sidebar #primary-wrap {
    float: left;
    width: 73%;
}

.both-sidebar #primary-wrap #secondary-left {
    float: left;
    width: 32%;
}

.both-sidebar #primary-wrap #primary {
    float: right;
    width: 65%;
}

.both-sidebar #secondary-right {
    float: right;
    width: 25%;
}

/*middle column*/
.middle-col {
    overflow-x: hidden;
}

.middle-col #primary {
    float: none;
    margin: 0 auto;
    width: 70%;
    padding-bottom: 40px;
}

/*** COMMON WIDGETS ***/
.page-header .page-title,
.single .entry-header .entry-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 15px;
    padding: 12px 0;
    position: relative;
}

.page-header .page-title:before,
.single .entry-header .entry-title:before {
    bottom: 0;
    content: '';
    display: inline-block;
    left: 0;
    position: absolute;
    width: 50%;
}

.widget-title,
.widgettitle {
    background: #EEEEEF;
    font-size: 18px;
    padding: 12px 15px;
}

.widget-title span {
    display: block;
}

.widget .search-block {
    width: 85%;
    margin-bottom: 40px;
    float: none;
}

.widget li {
    border-top: 1px solid #d7d7d7;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

.widget li a {
    color: #2d2d2d;
}

.widget select {
    background: #ffffff;
    border: 1px solid #cccccc;
    max-width: 100%;
    padding: 8px 15px;
}

/*tags*/
.tagcloud a {
    display: inline-block;
    font-size: 13px !important;
    margin-bottom: 8px;
    margin-right: 4px;
    padding: 5px;
}

/*author*/
.acmeblog-author-widget {
    text-align: center;
}

.acmeblog-author-widget img {
    border-radius: 50%;
    margin: 0 auto;
}

/* Landscape phone to portrait tablet */
/* Landscape phone to portrait tablet */
@media screen and (max-width:767px) {

    /*** SIDEBAR ***/
    #primary,
    .both-sidebar #primary,
    .middle-col #primary,
    .both-sidebar #primary-wrap #primary,
    .left-sidebar #primary {
        margin: 0 0 20px;
        width: 100%;
    }

    .secondary-sidebar,
    .both-sidebar #primary-wrap,
    .both-sidebar #primary-wrap #secondary-left,
    .both-sidebar #secondary-right,
    .middle-col .secondary-sidebar,
    .right-sidebar .secondary-sidebar,
    .left-sidebar .secondary-sidebar,
    .no-sidebar .secondary-sidebar {
        clear: both;
        float: none;
        margin: 0 0 20px;
        width: 100%;
    }
}

/* column*/
.acme-col-3 {
    float: left;
    width: 33.33%;
}

/* Landscape phones and down */
@media screen and (max-width:481px) {
    .acme-col-3 {
        width: 100%;
    }
}

/*** Featured/Recent post widgets ***/
/*Featured widgets */
.above-entry-meta a {
    margin-right: 4px;
}

.featured-desc .above-entry-meta {
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    margin-bottom: 2px;
    padding: 0 6px;
    border-radius: 4px;
}

.featured-desc .above-entry-meta {
    background: none;
    color: #2d2d2d;
    padding-left: 0;
    display: inline;
}

.featured-desc .above-entry-meta span {
    display: inline-block;
}

.featured-entries-col .acme-col-3 {
    padding: 5px;
    overflow: hidden;
}

.featured-entries-col .acme-col-3 .widget-image {
    width: 100%;
}

/* Portrait tablet to landscape and desktop */
@media screen and (max-width:510px) {
    .featured-entries li .widget-image {
        width: 100% !important;
    }
}

/*Inner Pages*/
.single-thumb-full {
    width: 100%;
}

.posted-on,
.cat-links,
.comments-link,
.edit-link {
    margin-right: 15px;
    display: inline-block;
}

.posted-on a,
.cat-links a,
.comments-link a,
.edit-link a,
.tags-links a,
.byline a,
.nav-links a {
    color: #2d2d2d;
    font-size: 13px;
}

.single .single-feat {
    display: inline-block;
    float: left;
    max-width: 44%;
    padding-right: 15px;
}

.single.single-large-image .single-feat {
    float: none;
    clear: both;
    display: block;
    padding: 0;
}

.single .entry-content {
    line-height: 22px;
    padding: 0 0 10px 0;
}

.single article.post .entry-content {
    width: auto;
    padding: 0;
}

/*** Single-LARGE-IMAGE ***/
.single.single-large-image article.post .single-feat {
    margin: 0 0 20px 0;
    width: 100%;
    max-width: 100%;
}

.single.single-large-image article.post .single-thumb {
    float: none;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}

.single.single-large-image .single-thumb {
    display: inline-block;
    line-height: 0;
    overflow: hidden;
}

.single.single-large-image .entry-content {
    width: 100%;
    padding: 0;
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 992px) {

    .both-sidebar .single-thumb,
    .both-sidebar .related-post {
        width: 100%;
    }

    .both-sidebar .related-post {
        margin: 20px 0;
    }
}

article.post .entry-footer {
    clear: both;
}

article.post .entry-header {
    margin: 0 0 10px;
}

article.post .entry-header .entry-title {
    margin: 0 0 10px;
}

article.post .entry-content {
    margin: 0;
}

article.post .post-thumb {
    float: left;
    margin-right: 10px;
    width: auto;
    max-width: 44%;
}

article.post {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 10px;
}

article.post.sticky {
    padding: 8px;
}

.comments-link,
.edit-link {
    border-left: 1px solid #cccccc;
    margin-left: 12px;
    padding-left: 10px;
}

/*** BLOG-LARGE-IMAGE ***/
.blog-large-image article.post .post-thumb {
    margin: 0 0 20px 0;
    width: 100%;
}

.blog-large-image article.post .post-thumb {
    float: none;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
    max-width: 100%;
}

.blog-large-image .post-thumb>a {
    display: inline-block;
    line-height: 0;
    overflow: hidden;
}

.blog-large-image article.post .entry-content {
    width: 100%;
    padding: 0;
}

/*archive pages*/
.nav-links div {
    display: inline-block;
    margin-bottom: 10px;
}

.nav-next {
    float: right;
}

.nav-previous>a::before,
.nav-next a::after {
    content: "\f100";
    font-family: fontawesome;
    padding: 5px;
}

.nav-next a::after {
    content: "\f101";
}

.nav-links .nav-previous a,
.nav-links .nav-next a {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    padding: 6px;
    position: relative;
}

/*BLOG TYPES*/
/*** BLOG-no-image ***/
.blog-no-image article .entry-content {
    padding: 0 2% 0 0;
}

/*** ERROR404 ***/
.error404 #primary {
    text-align: center;
    width: 100%;
}

.error404 #primary .not-found {
    min-height: 400px;
    padding-top: 100px;
}

/*Contact Us*/
.wpcf7-form input,
.wpcf7-form .your-message textarea {
    background: #f2f2f2;
    border: 1px solid #dddddd;
    outline: medium none;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wpcf7-form input.wpcf7-submit {
    font-size: 15px;
    background: none;
    font-weight: 700;
    width: 122px;
    text-transform: uppercase;
    transition: 0.5s ease-in-out;
}

.wpcf7-form input.wpcf7-submit:hover {
    color: #ffffff;
}

/*breadcrumbs*/
.breadcrumb {
    color: #ffffff;
    float: left;
    padding: 5px 10px;
    position: relative;
}

.breadcrumb::after {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid;
    content: "";
    height: 0;
    margin-top: -3px;
    position: absolute;
    right: -5px;
    top: 50%;
    width: 0;
}

.breadcrumbs {
    margin-bottom: 20px;
}

#acmeblog-breadcrumbs {
    background: #eeeeef;
    padding: 0;
}

#acmeblog-breadcrumbs .breadcrumb-trail li {
    display: block;
    float: left;
    list-style: outside none none;
    padding: 5px 0 5px 10px;
}

#acmeblog-breadcrumbs a:hover {
    text-decoration: underline;
}

#acmeblog-breadcrumbs .breadcrumb-trail li.trail-item.trail-end::after {
    display: none;
}

#acmeblog-breadcrumbs .breadcrumb-trail li::after {
    color: #ddd;
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 10px;
}

#acmeblog-breadcrumbs .breadcrumb-trail .trail-items {
    margin: 0;
    padding: 0;
}

/*default content style*/
.acme-default.menu {
    color: #ffffff;
    padding: 10px
}

.acme-default.beside-caption,
.acme-default.post-title {
    color: #2D2D2D;
}

.entry-content p a,
.comment-content p a,
.comment-content li a,
.textwidget a {
    text-decoration: underline;
}