/*
Theme Name: Elegant Magazine
Theme URI: https://www.afthemes.com/products/elegant-magazine/
Author: AF themes
Author URI: https://www.afthemes.com/
Description: An elegant and minimalist theme, which is predominantly designed for a web news portal and magazine with an immense research on contemporary online newspapers. With the help of available customizer options and widgets, you can implement layout as a trending news journals, modern fashion magazine, travel blogging & magazine, clean and minimal news sites, blogging site and even more. The theme is SEO friendly with optimized code and awesome support. See our demos: https://demo.afthemes.com/elegant-magazine/, https://demo.afthemes.com/elegant-magazine/newsportal/, https://demo.afthemes.com/elegant-magazine/minimal/, https://demo.afthemes.com/elegant-magazine/architecture-and-interior/, https://demo.afthemes.com/elegant-magazine/travel-blog/ and support at : https://afthemes.com/forums/forum/elegant-magazine/
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elegant-magazine
Tags: news, blog, entertainment, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, full-width-template, custom-header, translation-ready, theme-options, threaded-comments

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.

Elegant Magazine is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Elegant Magazine WordPress Theme, Copyright 2018 AF themes
Elegant Magazine 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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
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-color: transparent;
}

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

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

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

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

figure {
    margin: 1em 40px;
}

hr {
    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;
}

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
    color: #757575;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    color: #000000;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.main-navigation a,
.font-family-1,
.site-description,
.trending-posts-line,
.widget-title,
.em-widget-subtitle,
.grid-item-metadata .item-metadata,
.af-navcontrols .slide-count,
.figure-categories .cat-links,
.nav-links a {
    font-family: 'Oswald', sans-serif;
}

p {
    margin-bottom: 15px;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    font-style: italic;
    border: 0;
    position: relative;
    text-align: center;
    font-size: 1.5625em;
    line-height: 1.44;
    margin-top: 2.57143em;
    margin-bottom: 2.14286em;
    padding-top: 1.71429em;
    padding-bottom: 1.71429em;
}

blockquote blockquote {
    font-size: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
}

blockquote blockquote:after {
    border-bottom: 0;
}

@media not screen and (min-width: 992px) {
    blockquote {
        font-size: 1.125em;
        line-height: 1.33333;
        margin-top: 2.66667em;
        margin-bottom: 2em;
        padding: 0.66667em;
        padding-top: 1.33333em;
        padding-bottom: 1.33333em;
    }
}

blockquote:before {
    content: "\201C";
    position: absolute;
    top: -0.75em;
    left: 50%;
    padding: 0 0.857em;
    color: black;
    background: white;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

blockquote:after {
    content: "";
    display: block;
    width: 9em;
    margin-left: -4.5em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0;
}

blockquote cite {
    display: block;
    margin-top: 1.5em;
    font-size: 0.57143em;
    line-height: 1.5;
    font-style: normal;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul, ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dl {
    border: 2px solid #e8e8e8;
    padding: 2.5em;
}

dt {
    text-align: left;
    font-size: 130%;
    font-weight: bold;
}

dd {
    margin: 0;
    padding: 0 0 1em 0;
}

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

figure {
    margin: 0 auto;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    font-size: 16px;
    line-height: 1;
    outline: none;
    padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

.em-view-more {
    display: block;
    margin: 20px auto;
    padding: 20px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
    outline: none;
}

input, select {
    height: 45px;
    line-height: 45px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.no-gutter .no-gutter-col {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 768px) {
    .pad-0l {
        padding-left: 0 !important;
    }

    .pad-0r {
        padding-right: 0 !important;
    }

    .pad-0lr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.table-block {
    display: table;
    width: 100%;
    height: 100%;
}

.table-block-child {
    display: table-cell;
}

.v-center {
    vertical-align: middle;
}

.v-top {
    vertical-align: top;
}

.v-bottom {
    vertical-align: bottom;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #404040;
    text-decoration: none;
}

a:visited {
    color: #404040;
}

a:hover, a:focus, a:active {
    color: #F44336;
    outline: 0;
    text-decoration: none;
}

a:focus {
    outline: 0;
}

a:hover, a:active {
    outline: 0;
    text-decoration: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 25px;
    text-align: center;
}

.navigation-container {
    border-left: 1px solid;
    border-right: 1px solid;
    position: relative;
}

.icon-search {
    border-left: 1px solid;
    text-align: center;
    right: 0;

}

.icon-search,
.offcanvas {
    cursor: pointer;
    position: absolute;
    line-height: 55px;
    height: 55px;
    width: 80px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

.offcanvas {
    font-size: 18px;
    display: table;
    text-align: center;
    border-right: 1px solid;
    left: 0;
}

.offcanvas-nav {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.offcanvas-menu {
    position: relative;
    overflow: hidden;
    width: 24px;
    height: 17px;
    margin: 0 auto;
}

.offcanvas-menu span {
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
    height: 3px;
    transition: .1s width linear;
}

@media only screen and (max-width: 75em) {
    .offcanvas-menu span {
        right: auto;
        left: 0;
    }
}

.offcanvas-menu span.mbtn-mid {
    top: 50%;
    width: 80%;
    margin-top: -1.5px;
}

.offcanvas-menu span.mbtn-bot {
    bottom: 0;
    width: 60%;
}

.offcanvas:hover .offcanvas-menu span,
.offcanvas:focus .offcanvas-menu span {
    width: 100%;
}

#af-search-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rg