/*
Theme Name: Ostrich Magazine
Theme URI: https://themeostrich.com/downloads/ostrich-magazine/
Author: themeostrich
Author URI: https://themeostrich.com/
Description: Clean and elegantly designed multipurpose WordPress theme, Ostrich Magazine. It is ideal for magazines, blogs, and especially news-related websites. The modern and professional design is easy and quick to set up, especially with the pre-built demo. Apart from its modern design, Ostrich Magazine is highly flexible and responsive. It is also cross-browser compatible. Your content and design look sleek on any screen resolution or any version of the browser. It is well optimized for speed, its performance, and follows well-practiced SEO. While it offers a solid admin panel for you to design and edit the theme, it also comes with a smooth and high-quality browsing experience for all users.
Version: 1.0.3
Requires PHP: 5.6
Requires at least: 5.0
Tested up to: 5.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ostrich-magazine
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

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.

Ostrich Magazine is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores 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 http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Layouts and Titles
# Media
    ## Captions
    ## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
    ## Featured Slider
    ## WP Travel Search
    ## Recommended Packages
    ## About Us Section
    ## Call To Action
    ## Travel Preparation
    ## Travel Destination
    ## Client Testimonial
    ## Latest Posts

# Blog/Archive/Single
# Footer
# Font Family Options
# Responsive

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

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#loader {
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    background-color: #fff;
    position:fixed;
    display: table;
    width: 100%;
    top:0;
    height: 100%;
    min-height: 100%;
    z-index:9999;
}

.loader-container {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    z-index: 12;
    text-align:center;
    text-transform: uppercase;
}

#preloader {
    position:relative;
    margin:auto;
    width:100px;
}

#preloader span {
    display:block;
    bottom:0px;
    width: 9px;
    height: 5px;
    background:#fff;
    position:absolute;
    animation: preloader 1.5s  infinite ease-in-out;
}

#preloader span:nth-child(2) {
    left:11px;
    animation-delay: .2s;
}
#preloader span:nth-child(3) {
    left:22px;
    animation-delay: .4s;
}
#preloader span:nth-child(4) {
    left:33px;
    animation-delay: .6s;
}
#preloader span:nth-child(5) {
    left:44px;
    animation-delay: .8s;
}

.loader-container svg {
    width: 70px;
    height: 70px;
    fill:#fdc800;
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

@keyframes preloader {
    0% {height:5px;transform:translateY(0px);background: #ff2d00;}
    25% {height:30px;transform:translateY(15px);background: #ff2d00;}
    50% {height:5px;transform:translateY(0px);background: #ff2d00;}
    100% {height:5px;transform:translateY(0px);background: #ff2d00;}
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.blog-loader {
    text-align: center;
    margin-top: 50px;
}
.blog-loader svg {
    width: 30px;
    height: 30px;
}
#LBloadmore svg.latest-posts-loader,
.blog-loader svg {
    margin-left: 15px;
    animation: infinitepreloader 1.5s  infinite ease-in-out;
}
@keyframes infinitepreloader {
    100%{transform: rotate(180deg);}
}
.backtotop {
    background-color: #d72924;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    color: #fff;
}
.backtotop:hover {
    background-color: #2c2d39;
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

@-webkit-keyframes colorchange {
    0%   {border-color: #e30048;}
    25%  {border-color: #fdc800;}
    50%  {border-color: #9acf0b;}
    75%  {border-color: #a93d7b;}
    100% {border-color: #f1ad02;}
}

@keyframes colorchange {
    0%   {border-color: #e30048;}
    25%  {border-color: #fdc800;}
    50%  {border-color: #9acf0b;}
    75%  {border-color: #a93d7b;}
    100% {border-color: #f1ad02;}
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
    font-family: 'Lora', serif;
    font-weight: 400;
}

#page {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 15px #aaa;
    overflow-x:hidden;
}

.boxed-layout #page,
.frame-layout #page {
    background-color: #eee;
}

#content {
    position: relative;
    overflow-x: hidden;
}

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

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 52px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #333;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

h1 {
    margin: 0 0 16px;
}

mark {
    background: #ff0;
    color: #2c2d39;
}

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

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;
}
tbody {
    text-align: left;
}
tr {
    border: 1px solid #e4e4e4;
}
td,
th {
    padding: 10px;
    font-weight: 400;
}

th {
    color: #2c2d39;
}

td#next {
    text-align: right;
}

.calendar_wrap table {
    display: table;
}

.calendar_wrap th,
.calendar_wrap td {
    padding: 8px 5px;
}

.site-footer .calendar_wrap th,
.site-footer .calendar_wrap td {
    color: #fff;
}

.site-footer .calendar_wrap caption {
    color: #fff;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    line-height: 28px;
    word-wrap: break-word;
}
p {
    margin: 0 0 1em;
}
p:last-child {
    margin-bottom: 0;
}
dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

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 { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
    overflow-x: hidden;
}

blockquote {
    padding: 15px 0;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    position: relative;
    margin: 0 0 21px;
}

blockquote p {
    margin-bottom: 0;
}

blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}

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

ul,
ol {
    margin: 0 0 21px;
    padding-left: 1.5em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

ul li a {
    text-decoration: none;
}

dt {
    font-weight: bold;
    margin-bottom: 1em;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}

img:focus {
    outline: thin dotted;
}

figure {
    margin: 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
    display: inline-block;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 16px 26px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    text-align: center;
    background-color: #990f12;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 10px;
    border: none;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #d72924;
    color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background-color: #fdc800;
    color: #990f12;
    outline: thin dotted;
}

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: #333;
    border: 1px solid #eee;
    border-radius: 0px;
    padding: 10px;
    background-color: #eee;
}

select {
    border: 1px solid #ccc;
}

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: #333;
    border-color: #d72924;
    outline: thin dotted;
}

textarea {
    width: 100%;
}
#respond input,
.wpcf7 input {
    width: 100%;
}
p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}
.comment-notes {
    margin-top: 0;
    margin-bottom: 20px;
}
#respond label {
    color: #a6a5a5;
    margin-bottom: 5px;
    display: block;
}
#commentform p {
    margin-bottom: 21px;
}
.customize-support #commentform p.comment-form-comment {
    margin-bottom: 10px;
}
#commentform p.form-submit {
    margin: 0;
}
#comments {
    margin: 60px 0 0;
}
#respond {
    margin-top: 50px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #d72924;
    text-decoration: underline;
}

a:hover,
a:focus,
a:active {
    color: #333;
}

a:focus {
    outline: thin dotted;
}

/*--------------------------------------------------------------
## Top Menu
--------------------------------------------------------------*/
#top-navigation {
    background-color: #333;
    z-index: 30000;
    position: relative;
}
#top-navigation .social-icons ul {
    display: inline-block;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    position: relative;
    width: 100%;
    padding: 0;
    z-index: 3000;
    margin-bottom: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.home #masthead {
    margin-bottom: 30px;
}
#masthead a {
    text-decoration: none;
}
.site-branding-wrapper {
    padding: 30px 0;
}
.site-branding + .site-advertisement {
    margin-top: 20px;
}
.site-title {
    font-size: 32px;
    margin: 0;
    font-weight: bold;
    line-height: 1.3;
}
.site-title a {
    color: #2c2d39;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-title a:hover {
    color: #990f12;
}
.site-description {
    margin: 0;
    color: #990f12;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 0.10em;
    font-size: 16px;
}
.site-logo img {
    max-height: 80px;
    width: auto;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main-navigation {
    display: block;
    position: relative;
    float: none;
}
#site-navigation {
    background-color: #d72924;
}
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a,
.main-navigation ul#primary-menu li:focus > a {
    color: #fff;
    opacity: 0.8;
}
.main-navigation ul#primary-menu li:hover > svg,
.main-navigation ul#primary-menu li:focus > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg {
    fill: #fff;
    opacity: 0.8;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #2c2d39;
}
.main-navigation ul.sub-menu a:after {
    float: right;
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    position: relative;
}

.main-navigation ul.nav-menu > li > a {
    padding: 15px 0;
    color: #fff;
}
.main-navigation form.search-form input {
    background-color: #2c2d39;
    border-color: #2c2d39;
    color: #fff;
    font-weight: 400;
}
.main-navigation .search-menu svg {
    fill: #fff;
}
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a.search-active:hover svg,
.main-navigation ul#primary-menu li.search-menu:hover > a.search-active svg {
    fill: #fff;
}
.main-navigation li.search-menu a.search-active svg {
    fill: #fff;
}
.main-navigation a:hover,
.main-navigation ul.nav-menu > li > a:hover {
    color: #d72924;
}
.main-navigation a {
    font-size: 18px;
    display: block;
    color: #fff;
    position: relative;
    font-weight: 400;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.main-navigation ul ul a {
    width: 250px;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
    color: #2c2d39;
}
.main-navigation .count {
    float: right;
    background-color: #fdc800;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 1.1;
    margin-top: 5px;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 45px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
input.search-field:focus {
    outline: thin dotted;
}
.main-navigation svg.icon-close {
    display: none;
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
svg.icon-search,
svg.icon-close {
    width: 15px;
    height: 15px;
    fill: #fff;
}
.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: #fff;
}
.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #2c2d39;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}
.menu-toggle {
    border-radius: 0;
    font-size: 16px;
    padding: 15px;
    margin: auto;
    display: block;
    height: 60px;
    position: relative;
    background-color: transparent;
    border: none;
}
.menu-toggle:hover,
.menu-toggle:focus {
    background-color: transparent;
}
.menu-toggle:focus {
    outline: thin dotted;
}
.menu-toggle svg {
    fill: #fff;
}
.menu-label {
    float: right;
    color: #2c2d39;
    padding: 2px 0 0 10px;
    display: none;
}
svg.icon-menu {
    width: 30px;
    height: 30px;
}
.menu-open svg.icon-menu {
    display: none;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 55px;
    line-height: 62px;
}
.main-navigation .dropdown-toggle.active > svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.menu-overlay {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.menu-overlay.active {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 3;
}
.main-navigation ul.nav-menu li.social-menu {
    display: none;
}
.header-2 .main-navigation ul.nav-menu li.social-menu {
    display: inline-block;
}
.header-2 .main-navigation ul.nav-menu li.social-menu ul {
    display: inline-block;
    position: relative;
    opacity: 1;
    visibility: visible;
}
.header-2 .main-navigation .social-menu ul li a {
    width: 40px;
    height: 40px;
    line-height: 37px;
    background-color: rgb(0 0 0 / 0.10);
}
.header-2 #masthead .main-navigation .social-menu ul li a:hover svg, 
.header-2 #masthead .main-navigation .social-menu ul li a:focus svg {
    fill: #fff;
}
.social-icons li.date a:before {
    content: "\f017";
    font-family: 'FontAwesome';
    color: #fff;
    padding-right: 8px;
}
.social-icons li.date a {
    width: auto;
    height: auto;
    line-height: 30px;
    background-color: #d72924;
    border-radius: 0;
    padding: 10px 15px;
    margin-left: 10px;
    font-size: 16px;
}
.social-icons li.date a:hover,
.social-icons li.date a:focus {
    background-color: #333;
    color: #fff;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 50px 0 0;
    overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    position: relative;
}
.post-navigation a,
.posts-navigation a {
    font-weight: 400;
    color: #fdc800;
}
.post-navigation a:hover,
.posts-navigation a:hover,
.post-navigation a:focus,
.posts-navigation a:focus {
    color: #2c2d39;
}
.post-navigation,
.posts-navigation {
    padding: 0;
    position: relative;
    clear: both;
}
.navigation.pagination a {
    text-decoration: none;
}
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    color: #fff;
    background-color: #d72924;
    border: 1px solid #d72924;
    border-radius: 5px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    border-color: #252525;
    background-color: #252525;
}
.pagination .prev.page-numbers,
.pagination .next.page-numbers {
    border: none;
}
.pagination .prev.page-numbers img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.pagination img {
    opacity: 0.4;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.pagination a:hover img,
.pagination a:focus img {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.nav-previous span {
    padding-left: 20px;
    float: left;
    text-align: left;
}
.nav-next span {
    padding-right: 20px;
    float: right;
    text-align: right;
}
.navigation .nav-previous svg {
    position: absolute;
    top: 35px;
    left: 20px;
}
.navigation .nav-next svg {
    position: absolute;
    top: 35px;
    right: 20px;
    webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.post-navigation span,
.posts-navigation span {
    display: table;
    word-break: break-word;
}
.navigation.post-navigation,
.navigation.posts-navigation {
    background-color: #eee;
}
.navigation.posts-navigation {
    margin-top: 25px;
    background-color: #eee;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.navigation.post-navigation .nav-previous,
.navigation.posts-navigation .nav-previous,
.navigation.post-navigation .nav-next,
.navigation.posts-navigation .nav-next {
    padding: 26px;
}
.navigation.post-navigation a,
.navigation.posts-navigation a {
    font-size: 22px;
    color: #a6a5a5;
}
.navigation.post-navigation a:hover,
.navigation.posts-navigation a:hover,
.navigation.post-navigation a:focus,
.navigation.posts-navigation a:focus {
    color: #d72924;
}
.navigation.post-navigation a:focus,
.navigation.posts-navigation a:focus {
    outline: thin dotted;
}
.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:hover svg,
.navigation.post-navigation a:focus svg,
.navigation.posts-navigation a:focus svg {
    fill: #d72924;
}
/*--------------------------------------------------------------
# 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;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

/*--------------------------------------------------------------
# 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:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.container:before,
.container:after,
.testimonial-slider .featured-image:before,
.testimonial-slider .featured-image:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.container:before,
.container:after,
.testimonial-slider .featured-image:before,
.testimonial-slider .featured-image:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.3em;
}
.widget:last-child {
    margin-bottom: 0;
}

#colophon .widget {
    margin: 0 0 40px;
}

#colophon .widget.widget_text {
    margin-bottom: 15px;
}

#colophon .widget:last-child {
    margin-bottom: 0;
}

#secondary .widget {
    margin-bottom: 35px;
}

#secondary .widget:last-child {
    margin-bottom: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    background-color: #f6f6f6;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}
.widget select:focus {
    outline: thin dotted;
}

.widget input {
    height: 40px;
    border-radius: 0;
    padding: 0 15px;
}

form.search-form button.search-submit {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #d72924;
    border: none;
    border-radius: 0;
    padding: 0;
}
form.search-form button.search-submit svg {
    fill: #fff;
    width: 16px;
    height: 16px;
}
form.search-form button.search-submit:hover,
form.search-form button.search-submit:focus {
    background-color: #252525;
}
form.search-form button.search-submit:hover svg,
form.search-form button.search-submit:focus svg {
    fill: #fff;
}
form.search-form input {
    border: none;
}
form.search-form input {
    padding: 0 40px 0 15px;
    height: 50px;
    background-color: #f5f5f3;
}
form.search-form {
    position: relative;
}

form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300;
}

#wp-calendar tbody td {
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 15px;
    text-align: left;
}
#colophon .widget.widget_calendar th {
    color: #fff;
}
.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget-title {
    font-size: 22px;
    margin: 0 0 20px;
    font-weight: 600;
    position: relative;
}

.widget li:not(:last-child) {
    margin-bottom: 20px;
}

.right-sidebar #secondary,
.left-sidebar #secondary {
    margin-top: 50px;
}
#secondary {
    position: relative;
    overflow: hidden;
}
#secondary .widget_search form.search-form input {
    background-color: #eee;
}
#secondary .widget-title,
#secondary .widgettitle {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 400;
    color: #333;
}
input[type="submit"] {
    padding: 16px 26px;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-align: center;
    background-color: #252525;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #d72924;
    color: #fff;
}
.widget_popular_post ul,
.widget_latest_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li,
.widget.widget_latest_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    position: relative;
}
.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.widget_popular_post h3,
.widget_latest_post h3 {
    display: table-row;
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}
.widget_popular_post time,
.widget_latest_post time {
    margin-top: 5px;
    display: inline-block;
    font-size: 16px;
}
.widget_latest_post ul li img,
.widget_popular_post ul li img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    float: left;
    margin-right: 20px;
}
.widget_popular_post ul li:first-child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    float: none;
    margin-right: 0px;
}
.widget_latest_post ul li .entry-container,
.widget_popular_post ul li .entry-container {
    display: table-row;
}
.widget_latest_post .entry-title,
.widget_popular_post .entry-title {
    font-size: 16px;
    margin-bottom: 0;
}
.widget_popular_post h3 a,
.widget_latest_post h3 a,
.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time {
    color: #2c2d39;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time {
    color: #fdc800;
}
.textwidget img,
.aboutwidget img {
    margin-bottom: 21px;
    display: block;
}

#widget_about-4 .textwidget {
    text-align: center;
}

.site-footer .jetpack_subscription_widget #subscribe-submit:after {
    border-bottom-color: #fff;
}
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
    background-color: #fdc800;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#colophon .widget .social-icons li a:hover svg,
#colophon .widget .social-icons li a:focus svg {
    fill: #fff;
}
.widget_contact_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget_categories li {
    position: relative;
}
.widget_categories .has-post-thumbnail a {
    position: absolute;
    background-color: #fff;
    top: 20px;
    left: 20px;
    color: #2c2d39;
    padding: 6px 19px;
    text-transform: uppercase;
}
#secondary .widget_categories li.has-post-thumbnail:not(:last-child) {
    margin-bottom: 20px;
}
#secondary .cat-links a {
    color: #d72924;
}
#secondary a {
    color: #333;
}
#secondary .widget ul li:nth-child(odd) .cat-links a {
    color: #007bff;
}
#secondary a:hover,
#secondary a:focus,
#secondary .widget ul li:nth-child(odd) .cat-links a:hover {
    color: #d72924;
}
.tagcloud a {
    font-size: 14px !important;
    line-height: 1.2;
    background-color: transparent;
    color: #fff !important;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 1px 3px 0;
    border: 1px solid #fff;
    border-radius: 50px;
        text-decoration: none;
}
#secondary .tagcloud a {
    color: #111 !important;
    border: 1px solid #111;
}
.tagcloud a:hover,
.tagcloud a:focus {
    background-color: #000;
    border-color: #000;
}
#secondary .widget li:not(:last-child) {
    margin-bottom: 0;
}
#secondary .widget.widget_popular_post li:not(:last-child) {
    margin-bottom: 20px;
}
#secondary .widget.widget_about .aboutwidget {
    text-align: center;
}
#secondary .widget.widget_about .aboutwidget img {
    margin-left: auto;
    margin-right: auto;
}
#secondary .widget_social_icons ul {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}
#secondary .widget_social_icons {
    margin-bottom: 30px;
}
#secondary .widget ul li ul {
    padding-top: 5px;
    padding-left: 15px;
}
.widget_recent_entries .post-date {
    display: block;
}
#secondary .widget > ul li,
#secondary .widget_nav_menu ul li {
    padding: 10px 0;
    position: relative;
}
.blog #secondary .widget  > ul li:not(:last-child),
.search #secondary .widget  > ul li:not(:last-child),
.archive #secondary .widget > ul li:not(:last-child), 
.single #secondary .widget  > ul li:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.widget_latest_post a:before,
.widget_popular_post a:before,
.widget_contact_info a:before {
    display: none;
}
#colophon .widget_contact_info li:before {
    content: "-";
    margin-right: 5px;
}
.footer-widgets-area .widget_popular_post h3 a,
.footer-widgets-area .widget_latest_post h3 a,
.footer-widgets-area .widget_popular_post a time,
.footer-widgets-area .widget_popular_post time,
.footer-widgets-area .widget_latest_post a time,
.footer-widgets-area .widget_latest_post time {
    color: #fff;
}
.footer-widgets-area .widget_popular_post time,
.footer-widgets-area .widget_latest_post time {
    display: table-row;
    font-size: 12px;
}
#secondary .social-icons li {
    margin-right: 5px;
    margin-bottom: 5px;
}
#secondary .social-icons li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
#secondary .widget.widget_latest_post li,
#secondary .widget.widget_latest_post li:first-child,
#secondary .widget.widget_latest_post li:hover,
#secondary .widget.widget_popular_post li,
#secondary .widget.widget_popular_post li:first-child,
#secondary .widget.widget_popular_post li:hover,
#secondary .widget.widget_recent_news li {
    padding: 0;
    border: none;
    background-color: transparent;
}
#secondary .widget.widget_latest_post h3 a,
#secondary .widget.widget_popular_post h3 a {
    font-weight: 600;
}
#secondary .widget.widget_latest_post li:not(:last-child),
#secondary .widget.widget_popular_post li:not(:last-child) {
    margin-bottom: 10px;
}
.footer-widgets-area .widget.widget_latest_post ul li:not(:last-child),
.footer-widgets-area .widget.widget_popular_post ul li:not(:last-child) {
    margin-bottom: 5px;
}
.footer-logo-wrapper {
    background-color: #121026;
}
.footer-logo-wrapper .container {
    border-top: 1px solid rgb(238 238 238 / 10%);
    padding: 40px 0;
    text-align: center;
}
#colophon .footer-logo-wrapper .footer-logo a {
    text-decoration: none;
    font-size: 42px;
    color: #fff;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}
.hentry {
    margin: 0;
}

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

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

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}
.page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.page-header span.author-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #2c2d39;
}
.page-header small {
    font-size: 12px;
    color: #fdc800;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
}
.no-sidebar nav.navigation.pagination {
    text-align: center;
}
.navigation.pagination svg {
    fill: #fff;
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    left: -1px;
}
.navigation.pagination .prev svg,
.navigation.posts-navigation .nav-previous svg,
.navigation.post-navigation .nav-previous svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.navigation.pagination .next svg {
    left: auto;
    right: -1px;
    webkit-transform: rotate( 90deg );
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.navigation.posts-navigation svg,
.navigation.post-navigation svg {
    width: 13px;
    height: 13px;
    fill: #a6a5a5;
    display: inline-block;
    vertical-align: middle;
}
.navigation.posts-navigation svg.icon-left,
.navigation.post-navigation svg.icon-left {
    margin-right: 20px;
}
.navigation.posts-navigation svg.icon-right,
.navigation.post-navigation svg.icon-right {
    margin-left: 20px;
}
.single-post-wrapper .entry-title {
    font-size: 32px;
    font-weight: 700;
}
.single-post-wrapper .post-categories {
    margin-bottom: 7px;
    display: inline-block;
}
.single-post-wrapper article p {
    margin-top: 0;
    margin-bottom: 28px;
}
.single-post-wrapper article blockquote p {
    margin-bottom: 0;
}
.single-post-wrapper article img {
    margin-bottom: 30px;
}
.single-post-wrapper article .author-image img {
    margin-bottom: 0;
    border-radius: 50%;
}
.single-post-wrapper article p.first-letter:first-letter {
    display: inline-block;
    float: left;
    font-size: 90px;
    line-height: 0.6;
    margin: 16px 16px 0 0;
}
.single-post-wrapper span.posted-on svg,
.single-post-wrapper span.cat-links svg {
    fill: #fdc800;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -3px;
}
.single-post-wrapper span.cat-links svg {
    top: -2px;
}
.single-post-wrapper span.posted-on a:hover svg,
.single-post-wrapper span.posted-on a:focus svg,
.single-post-wrapper span.cat-links:hover svg {
    fill: #2c2d39;
}
.single-post-wrapper .entry-meta > span:not(:last-child):after {
    content: "";
    padding: 0 5px;
}
.single-post-wrapper span.cat-links a:not(:last-child):after {
    content: ",";
    color: #2c2d39;
    padding-left: 2px;
    margin-right: 3px;
}
.single.no-sidebar #content-wrapper {
    max-width: 1000px;
    margin: auto;
}
.tags-links {
    display: inline-block;
}
.single-post-wrapper span.tags-links a {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #72757a;
    font-weight: 400;
}
.single-post-wrapper span.tags-links a:hover,
.single-post-wrapper span.tags-links a:focus {
    color: #fdc800;
    border-color: #fdc800;
}
.single-post-wrapper .entry-meta {
    margin-bottom: 25px;
}
.single-post-wrapper .entry-meta .date {
    font-size: 49px;
    color: #2c2d39;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.single-post-wrapper .entry-meta .month {
    font-size: 14px;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    padding-left: 5px;
    margin-bottom: 28px;
    font-weight: bold;
}
.single-post .site-main .comment-navigation,
.single-post .site-main .posts-navigation,
.single-post .site-main .post-navigation {
    margin-bottom: 0;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}
.no-sidebar .single-post-wrapper .featured-image {
    text-align: center;
}
span.next-article {
    padding-right: 65px;
    display: inline-block;
}
#author-section {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 35px 0;
    margin-bottom: 35px;
}
.author-image {
    float: left;
    margin-right: 30px;
}
.author-content {
    display: table;
}
.author-name {
    font-size: 18px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
}
.author-name:after {
    content: "";
    background-color: #fdc800;
    width: 29px;
    height: 3px;
    display: block;
    margin-top: 30px;
}
.author-name span {
    color: #5e5e5e;
    padding-left: 5px;
    font-weight: 400;
}
.author-content .social-icons li a {
    background-color: #171717;
}
.author-content .social-icons li a svg {
    fill: #fff;
}
.error404.left-sidebar #primary,
.error404.right-sidebar #primary,
.error404.no-sidebar #primary {
    width: 100%;
    float: none;
}
.error-404.not-found {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.error-404.not-found .page-header {
    margin-bottom: 20px;
}
.error-404.not-found .search-form button.search-submit {
    background-color: #333;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}
.comments-title,
#reply-title {
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: bold;
    color: #a6a5a5;
}
ul.post-categories li:after {
    content: ",";
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 15px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
    padding-top: 35px;
    position: relative;
    overflow: hidden;
}
#comments ol.children .comment-content {
    background-color: #eee;
    box-shadow: none;
}
#comments ol.children .reply {
    padding-left: 12px;
}
.says {
    display: none;
}
.comment-meta img {
    width: 65px;
    height: 65px;
    float: left;
    border-radius: 50%;
    margin-right: 35px;
    margin-top: -20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    padding-bottom: 25px;
    text-align: right;
    padding-right: 10px;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
    border-bottom: none;
}
#comments ol.comment-list > li {
    padding-top: 18px;
}
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li article:last-child .reply {
    border-bottom: none;
    padding-bottom: 0;
}
.reply a {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    text-align: center;
    background-color: #252525;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.reply a:hover,
.reply a:focus {
    background-color: #d72924;
    color: #fff;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: #a6a5a5;
    font-weight: 600;
    text-decoration: none;
}
.comment-meta .url:hover,
.comment-meta .url:focus {
    color: #d72924;
}
.comment-metadata a,
.comment-metadata a time {
    color: #82868b;
    text-decoration: none;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
    color: #2c2d39;
}
.comment-metadata a:hover time,
.comment-metadata a:focus time {
    color: #d72924;
}
.comment-metadata {
    float: right;
    padding-right: 35px;
    position: relative;
    z-index: 1;
}
.comment-content {
    margin-bottom: 13px;
    padding: 57px 25px 7px;
    margin-top: -50px;
    background-color: #eee;
    color: #82868b;
    margin-left: 120px;
    position: relative;
    right: 10px;
    clear: both;
    border-radius: 5px;
}
.comment-content:before {
    content: "";
    border: 9px solid transparent;
    border-right-color: #eee;
    position: absolute;
    left: -18px;
    top: 30px;
}
#comments ol.children .comment-content:before {
    border-right-color: #eee;
}
.comment-content p {
    margin-bottom: 1em;
}
.comment-meta {
    margin-bottom: -100px;
    display: inline-block;
    width: 100%;
}
.comment-meta .fn {
    padding-left: 35px;
    position: relative;
    z-index: 1;
}
/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
    position: relative;
}
.entry-content {
    margin-top: 0;
}
.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.pt {
    padding: 60px 0;
}
.padding + .padding {
    padding-top: 0;
}
.entry-title {
    font-size: 18px;
    margin: 0 0 16px;
}
.entry-title a {
    text-decoration: none;
}
.section-header {
    position: relative;
}
.section-title {
    position: relative;
    font-size: 22px;
    margin: 0 0 20px;
    font-weight: 600;
    color: #333;
    max-width: 700px;
    text-align: left;
}
.section-title:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    width: 3px;
    height: 100%;
    content: "";
    background: #d72924;
}
.overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}
.section-subtitle {
    margin: 0;
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    max-width: 800px;
    line-height: 28px;
    font-style: normal;
    color: #d72924;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.featured-image {
    position: relative;
}
.col-1 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5 {
    margin: 0 -15px;
}

.col-1 article,
.col-2 article,
.col-3 article,
.col-4 article,
.col-5 article {
    padding: 0 15px;
    margin-bottom: 30px;
}

.col-1 article:last-child,
.col-2 article:last-child,
.col-3 article:last-child,
.col-4 article:last-child,
.col-5 article:last-child {
    margin-bottom: 0;
}
/*--------------------------------------------------------------
# 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-left: auto;
    margin-right: auto;
}

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin: -5px;
    clear: both;
    display: table;
    width: 100%;
}

.gallery-item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    float: left;
    padding: 5px;
}

.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;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}
.footer-widgets-area .widget .social-icons li {
    display: inline-block;
    width: auto;
    margin: 0 8px;
}
.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}
.social-icons li a {
    background-color: transparent;
    width: 35px;
    height: 35px;
    line-height: 32px;
    border-radius: 50%;
    display: block;
}
.social-icons a:focus {
    outline: thin dotted;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
    fill: #fff;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
    fill: #fff;
    opacity: 1;
}
.social-icons li a svg {
    fill: #fff;
    opacity: 0.8;
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus,
.social-icons li a[href*="fb.com"]:focus {
    background-color: #3c5798 !important;
}
.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus {
    background-color: #1ea0f1 !important;
}
.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus {
    background-color: #0077B5 !important;
}
.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus {
    background-color: #ec7161 !important;
}
.social-icons li a[href*="slack.com"]:hover,
.social-icons li a[href*="slack.com"]:focus {
    background-color: #E60264;
}
.social-icons li a[href*="youtube.com"]:hover,
.social-icons li a[href*="youtube.com"]:focus {
    background-color: #cc181e !important;
}

.social-icons li a[href*="dribbble.com"]:hover,
.social-icons li a[href*="dribbble.com"]:focus {
    background-color: #f4a09c !important;
}

.social-icons li a[href*="pinterest.com"]:hover,
.social-icons li a[href*="pinterest.com"]:focus {
    background-color: #bd081b !important;
}

.social-icons li a[href*="bitbucket.org"]:hover,
.social-icons li a[href*="bitbucket.org"]:focus {
    background-color: #205081 !important;
}

.social-icons li a[href*="github.com"]:hover,
.social-icons li a[href*="github.com"]:focus {
    background-color: #323131 !important;
}

.social-icons li a[href*="codepen.io"]:hover,
.social-icons li a[href*="codepen.io"]:focus {
    background-color: #2c2d39 !important;
}

.social-icons li a[href*="flickr.com"]:hover,
.social-icons li a[href*="flickr.com"]:focus {
    background-color: #025FDF !important;
}

.social-icons li a[href$="/feed/"]:hover,
.social-icons li a[href$="/feed/"]:focus {
    background-color: #089DE3 !important;
}

.social-icons li a[href*="foursquare.com"]:hover,
.social-icons li a[href*="foursquare.com"]:focus {
    background-color: #F94877 !important;
}

.social-icons li a[href*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:focus {
    background-color: #cd42e7 !important;
}

.social-icons li a[href*="tumblr.com"]:hover,
.social-icons li a[href*="tumblr.com"]:focus {
    background-color: #56BC8A !important;
}

.social-icons li a[href*="reddit.com"]:hover,
.social-icons li a[href*="reddit.com"]:focus {
    background-color: #FF4500 !important;
}

.social-icons li a[href*="vimeo.com"]:hover,
.social-icons li a[href*="vimeo.com"]:focus {
    background-color: #00ADEF !important;
}

.social-icons li a[href*="digg.com"]:hover,
.social-icons li a[href*="digg.com"]:focus {
    background-color: #00ADEF !important;
}

.social-icons li a[href*="twitch.tv"]:hover,
.social-icons li a[href*="twitch.tv"]:focus {
    background-color: #0E9DD9 !important;
}

.social-icons li a[href*="stumbleupon.com"]:hover,
.social-icons li a[href*="stumbleupon.com"]:focus {
    background-color: #EB4924 !important;
}

.social-icons li a[href*="delicious.com"]:hover,
.social-icons li a[href*="delicious.com"]:focus {
    background-color: #0076E8 !important;
}

.social-icons li a[href*="mailto:"]:hover,
.social-icons li a[href*="mailto:"]:focus {
    background-color: #4169E1 !important;
}
.social-icons li a[href*="soundcloud.com"]:hover,
.social-icons li a[href*="soundcloud.com"]:focus {
    background-color: #FF5500 !important;
}
.social-icons li a[href*="wordpress.org"]:hover,
.social-icons li a[href*="wordpress.org"]:focus.org"] {
    background-color: #0073AA !important;
}
.social-icons li a[href*="wordpress.com"]:hover {
    background-color: #00AADC !important;
}

.social-icons li a[href*="jsfiddle.net"]:hover,
.social-icons li a[href*="jsfiddle.net"]:focus {
    background-color: #396AB1 !important;
}

.social-icons li a[href*="tripadvisor.com"]:hover,
.social-icons li a[href*="tripadvisor.com"]:focus {
    background-color: #FFE090 !important;
}

.social-icons li a[href*="angel.co"]:hover,
.social-icons li a[href*="angel.co"]:focus {
    background-color: #2c2d39 !important;
}

/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 298px 0;
    text-align: center;
    position: relative;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
}
#page-site-header .container {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    width: 90%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#page-site-header .page-title {
    font-size: 52px;
    color: #fff;
    margin: 0;
}
/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
#breadcrumb-list {
    margin-top: 5px;
}
#page-site-header + #breadcrumb-list {
    display: none;
}
.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trail-items li {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    color: #fff;
}
.trail-items li:not(:last-child):after {
    content: "/";
    padding-left: 4px;
    padding-right: 1px;
}
.trail-items li a {
    color: #fff;
    opacity: 0.8;
}
.trail-items li a:hover,
.trail-items li a:focus {
    opacity: 1;
}
/*--------------------------------------------------------------
#  Hero Postss
--------------------------------------------------------------*/

.right-widget-posts {
    margin-bottom: 30px;
}
.breaking-news-wrapper {
    padding: 15px;
    border: 1px solid #000;
    margin-bottom: 20px;
}
.breaking-news-slider article {
    position: relative;
    padding: 0 15px;
}
#breaking-news .news-title {
    float: left;
}
.news-title {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    color: #d72924;
}
.breaking-news-item-wrapper a {
    color: #333;
}
.breaking-news-item-wrapper a:hover,
.breaking-news-item-wrapper a:focus {
    color: #d72924;
}
#breaking-news .news-title:before {
    content: "\f0e7";
    font-family: 'FontAwesome';
    color: #d72924;
    padding-right: 5px;
}
.breaking-news-item-wrapper .entry-title {
    margin-bottom: 0;
    padding: 0px;
    font-size: 16px;
    font-weight: 600;
}
.hero-posts-wrapper article .featured-image {
    position: relative;
    padding: 260px 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.post-wrapper {
    position: absolute;
    bottom: 0;
    padding: 10px 20px 25px 20px;
}
.post-wrapper .entry-title {
    margin-bottom: 5px;
}
.post-wrapper .entry-title a {
    color: #fff;
}
.post-wrapper .entry-title a:hover,
.post-wrapper .entry-title a:focus {
    color: #d72924;
}
.post-wrapper .footer-meta {
    margin: 0;
    color: #fff;
}
.post-wrapper .footer-meta a,
.post-wrapper .posted-on:before {
    color: #fff;
}
.post-wrapper .footer-meta a:hover,
.post-wrapper .footer-meta a:focus,
.post-wrapper .posted-on:hover:before {
    color: #d72924;
}
.hero-posts-wrapper .entry-meta a {
    background-color: #007bff;
}
.hero-posts-wrapper .entry-meta a:hover,
.hero-posts-wrapper .entry-meta a:focus {
    background-color: #333;
}
#recent-news .featured-image {
    margin-bottom: 15px;
    padding: 150px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    overflow: hidden;
}
#recent-news .footer-meta {
    margin: 0;
}
#recent-news .entry-title {
    margin-bottom: 5px;
}
#recent-news .entry-title a {
    color: #333;
}
#recent-news .entry-title a:hover,
#recent-news .entry-title a:focus,
#secondary .widget.widget_latest_post .entry-title a:hover {
    color: #d72924;
}
.left-widget-posts article {
    margin-bottom: 20px;
}
.left-widget-posts article:last-child {
    margin-bottom: 0px;
}
.entry-meta {
    padding: 0;
    position: absolute;
    top: -1px;
    left: 30px;
}
#breaking-news .slick-prev  {
    left: auto;
    right: 40px;
}
#breaking-news .slick-next,
.left-widget-posts .slick-next {
    right: 0;
}
.left-widget-posts .slick-prev {
    left: auto;
    right: 45px;
}
.left-widget-posts .slick-next {
    right: 10px;
}
.left-widget-posts .slick-prev,
.left-widget-posts .slick-next {
    top: -30px;
}
.slick-prev:hover, 
.slick-next:hover, 
.slick-prev:focus, 
.slick-next:focus {
    background-color: #000;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-slide {
    outline: none;
}
.slick-prev:before,
.slick-next:before {
    content: "";
    background-image: url('assets/img/left-arrow.svg');
    width: 14px;
    height: 14px;
    display: block;
    margin: 0 auto;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #d72924;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.slick-prev:hover:before, 
.slick-next:hover:before, 
.slick-prev:focus:before, 
.slick-next:focus:before {
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.slick-prev:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.slick-prev,
.slick-next {
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 0;
    opacity: 1;
    z-index: 1;
    border: 1px solid #000;
}
.slick-arrow {
    background-color: transparent;
    border-radius: 0px;
}
.slick-prev {
    left: 25px;
}
.slick-next {
    right: 25px;
}
.slick-dots {
    bottom: -50px;
}
.slick-dots li.slick-active button {
    background-color: #d72924;
}
.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0;
}
.slick-dots li button {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    padding: 0;
    border: 2px solid #d72924;
    background-color: transparent;
}

/*--------------------------------------------------------------
#  Gallery Posts
--------------------------------------------------------------*/
#gallery-posts {
    position: relative;
    margin-bottom: 30px;
}
#gallery-posts .featured-image {
    padding: 100px 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.gallery-left-post article, 
.gallery-right-post article {
    padding: 0 10px 10px;
}
.gallery-mid-post .post-wrapper {
    position: absolute;
    bottom: 0;
    padding: 10px 30px 25px 30px;
}
.gallery-left-post .entry-meta a {
    background-color: #4ab106;
}
.gallery-right-post .entry-meta a {
    background-color: #007bff;
}

#gallery-posts .gallery-mid-post .featured-image {
    padding: 205px 0;
}
.gallery-mid-post .entry-title,
#recent-post .regular .entry-title {
    font-size: 28px;
    line-height: 38px;
}
#gallery-posts .post-wrapper .footer-meta,
.video-wrapper .post-wrapper .footer-meta,
#recent-post .post-wrapper .footer-meta  {
    margin-top: 20px;
}
#gallery-posts span.byline:after,
#recent-post span.byline:after {
    content: "";
}
.footer-meta .admin-image a {
    padding: 0;
}
.admin-container {
    padding: 15px 0;
}
.gallery-mid-post .slick-prev,
.gallery-mid-post .slick-next,
#recent-post .slick-prev,
#recent-post .slick-next {
    top: 16px;
    border-color: #000;
    background-color: #000;
}
.gallery-mid-post .slick-prev {
    left: auto;
    right: 31px;
}
#recent-post .slick-prev   {
    left: auto;
    right: 31px;
}
#recent-post .slick-next,
.gallery-mid-post .slick-next {
    right: 0;
}

/*--------------------------------------------------------------
#  Most Popular
--------------------------------------------------------------*/
#most-popular,
#video,
.hot-topic-wrapper,
#technology .technology-bg {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 8%);
    border: 1px solid #eee;
    margin-bottom: 30px;
}
#most-popular .section-content {
    margin: 0 -15px;
}
#most-popular article {
    padding: 0 15px;
}
#most-popular .featured-image {
    padding: 100px 0;
    margin-bottom: 15px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
#most-popular article:nth-child(even) .entry-meta a {
    background-color: #007bff;
}
#most-popular article:nth-child(even) .entry-meta a:hover {
    background-color: #000;
}
#most-popular .entry-title {
    margin-bottom: 5px;
}
#most-popular .footer-meta {
    margin: 0;
}
#most-popular .entry-title a {
    color: #333;
}
#most-popular .entry-title a:hover,
#most-popular .entry-title a:focus {
    color: #d72924;
}
#most-popular .slick-prev,
#most-popular .slick-next {
    top: -30px;
    border-color: #000;
}
#most-popular .slick-prev  {
    left: auto;
    right: 55px;
}
#most-popular .slick-next {
    right: 18px;
}

#hero-posts #secondary .cat-links a {
    color: #fff;
}

/*--------------------------------------------------------------
#  Video
--------------------------------------------------------------*/
#video {
    position: relative;
}
.video-wrapper {
    margin-bottom: 40px;
}
.video-wrapper .post-wrapper {
    position: absolute;
    bottom: 0;
    padding: 10px 30px 25px 30px;
    left: 0;
    right: 0;
}
.video-wrapper .featured-image {
    padding: 200px 0;
}
.video-wrapper .footer-meta .comment:before {
    color: #fff;
}
#video .video-button {
    background-color: #d72924;
    margin: auto;
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:70px;
    outline: none;
    border: none;
    padding: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#video  span.byline:after,
#hot-topic span.byline:after {
    content: "";
}
#video .video-button:hover {
    background-color: #333;
}
.video-button a {
    display: block;
}
.video-button svg {
    fill: #fff;
}
.video-wrapper .entry-title {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}
.video-featured-wrapper article {
    border-bottom: 1px solid #eee;
    padding-bottom: 45px;
    margin-bottom: 25px;
} 
.video-featured-wrapper article:last-child {
    margin: 0;
    padding: 0;
    border-bottom: none;
}  
.video-featured-wrapper article .featured-image {
    margin-right: 20px;
    margin-bottom: 20px;
    width: 100px;
    height: 100px;
}
.video-featured-wrapper article .featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-featured-wrapper .entry-title {
    font-size: 16px;
    margin-bottom: 10px;
}
.video-featured-wrapper .entry-title a {
    color: #333;
}
.video-featured-wrapper .entry-title a:hover,
.video-featured-wrapper .entry-title a:focus {
    color: #d72924;
}
.video-featured-wrapper .footer-meta {
    margin: 0;
}
.footer-meta .comment:before {
    content: "\f086";
    font-family: 'FontAwesome';
    color: #333;
}

.home #secondary .widget,
.blog #secondary .widget,
.search #secondary .widget,
.archive #secondary .widget,
.single #secondary .widget {
    padding: 10px 20px 20px 20px;
    background-color: #fff;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 8%);
    border: 1px solid #eee;
}
.widget.widget_posts_filter ul.tabs {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
#secondary .widget.widget_posts_filter ul.tabs li {
    display: inline-block;
    margin: 0;
}
#secondary .widget.widget_posts_filter ul.tabs li.active {
    border-bottom: 2px solid #d72924;
}
#secondary .widget.widget_posts_filter ul.tabs li a {
    color: #333;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 400;
    margin-right: 10px;
   font-family: 'Poppins', sans-serif;
}
#secondary .widget.widget_posts_filter ul.tabs li.active a,
#secondary .widget.widget_posts_filter ul.tabs li a:hover {
    color: #d72924;
}
#secondary .widget.widget_posts_filter ul.tabs li a .fa {
    padding-right: 5px;
}
.tab-content.active {
    display: block;
}
.tab-content {
    display: none;
}
.widget_posts_filter ul li img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    float: left;
    margin-right: 20px;
}
.widget_posts_filter ul li .entry-container {
    display: table-row;
}
#secondary .widget.widget_posts_filter ul li ul,
#secondary .widget.widget_latest_post ul li ul,
#secondary .widget.widget_recent_news ul li ul {
    padding-top: 0px;
    padding-left: 0px;
}
.widget_posts_filter .entry-title,
.widget.widget_latest_post .entry-title  {
    font-size: 14px;
    margin-bottom: 0;
}
#secondary .widget.widget_posts_filter .tab-content li:not(:last-child),
#secondary .widget.widget_latest_post li:not(:last-child),
#secondary .widget.widget_popular_post li:not(:last-child),
#recent-post .widget.widget_popular_post li:not(:last-child) {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
#colophon .widget.widget_latest_post li:not(:last-child) {
    padding-bottom: 5px;
}
#secondary .widget.widget_popular_post li:first-child,
#recent-post .widget.widget_popular_post li:first-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 20px;  
}
#secondary .widget-title {
    position: relative;
}
.widget.widget_topic_post .widget-title:before,
.widget.widget_popular_post .widget-title:before,
.widget.widget_latest_post .widget-title:before,
.widget.widget_recent_news .widget-title:before,
.blog #secondary .widget-title:before,
.search #secondary .widget-title:before,
.archive #secondary .widget-title:before,
.single #secondary .widget-title:before,
#secondary .widget.widget_slider_post .widget-title:before,
#secondary .widget.widget_trending_post .widget-title:before,
#secondary .widget.widget_text .widget-title:before {
    content: "";
    position: absolute;
    left: -21px;
    top: 0;
    width: 3px;
    height: 100%;
    content: "";
    background: #d72924;
}
#secondary .widget.widget_topic_post .widget-title, 
#secondary .widget.widget_topic_post .widgettitle {
   margin: 0;
}
.widget.widget_topic_post ul li:first-child .entry-container,
.widget.widget_popular_post ul li:first-child .entry-container {
    position: absolute;
    bottom: 0;
    padding: 20px;
}
.widget.widget_topic_post img {
    width: 100%;
    object-fit: cover;
    vertical-align: middle;
}
#secondary .widget.widget_topic_post ul li:first-child .entry-container a,
#secondary .widget.widget_popular_post ul li:first-child .entry-container a,
#recent-post .widget.widget_popular_post ul li:first-child .entry-container a {
    color: #fff;
}
#secondary .widget.widget_topic_post ul li .entry-container a:hover,
#secondary .widget.widget_popular_post ul li .entry-container a:hover,
#recent-post .widget.widget_popular_post ul li .entry-container a:hover {
    color: #d72924;
}
#recent-post .widget.widget_popular_post ul li .entry-container a {
    color: #333;
}
.widget.widget_popular_post ul li:first-child .entry-container .entry-title {
    font-size: 18px;
}

#recent-post .widget.widget_popular_post {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 8%);
    border: 1px solid #eee;
}
#recent-post .widget.widget_popular_post .widget-title:before {
    left: -30px;
}
#secondary .widget.widget_recent_news ul li .cat-links a,
.blog-post-wrapper article:nth-child(odd) .cat-links a {
    color: #fff;
    background-color: #007bff;
}
#secondary .widget.widget_recent_news ul li:nth-child(even) .cat-links a,
.blog-post-wrapper article:nth-child(even) .cat-links a  {
    background-color: #ff5575;
}
#secondary .widget.widget_recent_news ul li:nth-child(even) .cat-links a:hover,
#secondary .widget.widget_recent_news ul li .cat-links a:hover,
.blog-post-wrapper article:nth-child(odd) .cat-links a:hover,
.blog-post-wrapper article:nth-child(even) .cat-links a:hover {
    background-color: #333;
}
#secondary .widget.widget_recent_news ul li .cat-links a:hover {
    color: #fff;
}
#secondary .widget.widget_recent_news ul li:not(:last-child) {
    margin-bottom: 30px;
}
#secondary .social-icons li a svg {
    fill:#333;
}
#secondary .social-icons li a:hover svg {
    fill:#fff;
}


/*--------------------------------------------------------------
#  Hot Topics
--------------------------------------------------------------*/
.featured-image {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
#hot-topic .featured-image {
    padding: 200px 0;
}
.hot-topic-wrapper article:nth-child(odd) .entry-meta a {
    background-color: #ff5575;
}
.hot-topic-wrapper article:nth-child(even) .entry-meta a {
    background-color: #007bff;
}
.hot-topic-wrapper article:nth-child(odd) .entry-meta a:hover,
.hot-topic-wrapper article:nth-child(even) .entry-meta a:hover {
    background-color: #000;
}
#site-advertisement {
    text-align: center;
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
#  Technology
--------------------------------------------------------------*/
#technology .technology-wrapper {
    margin-bottom: 30px;
}
.technology-wrapper .featured-image {
    padding: 160px 0;
}
.technology-post-wrapper .featured-image {
    padding: 75px 0;
}
#technology .featured-image {
    margin-bottom: 20px;
}
.technology-post-wrapper article:nth-child(even) {
    padding-right: 0;
}
.technology-post-wrapper.col-2 {
    margin: 0;
}
#technology .technology-wrapper .entry-title {
    font-size: 24px;
    margin: 0;
}
#technology .entry-title {
    margin: 0;
    font-size: 16px;
}
#technology .entry-title a {
    color: #333;
}
#technology .entry-title a:hover {
    color: #d72924;
}
#technology .footer-meta {
   margin-top: 5px;
}
.technology-wrapper p {
    line-height: 1.5;
    margin-top: 10px;
}

/*--------------------------------------------------------------
#  Recent Post
--------------------------------------------------------------*/
#recent-post  {
    margin-bottom: 30px;
}
#recent-post .column-wrapper:first-child {
    margin-bottom: 30px;
}
#recent-post .regular .featured-image {
    padding: 255px 0;
}
#recent-post:before, div#recent-post:after {
    content: "";
    display: table;
    clear: both;
}

/*--------------------------------------------------------------
#  Two Column Wrapper
--------------------------------------------------------------*/
.two-column-wrapper,
.more-news-wrapper {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 8%);
    border: 1px solid #eee;
}
#two-column .column-wrapper:first-child {
    margin-bottom: 30px;
}
.two-column-wrapper article {
    position: relative;
    margin-bottom: 30px;
}
.two-column-wrapper .section-content {
    margin: 0 -15px;
}
.two-column-wrapper article:first-child .featured-image {
    padding: 200px 0;
}
.two-column-wrapper article:first-child .entry-container {
    position: absolute;
    bottom: 0;
    padding: 20px;
}
.two-column-wrapper article:first-child .entry-title {
    font-size: 18px;
}
.two-column-wrapper article:first-child .entry-title a,
.two-column-wrapper article:first-child .footer-meta a,
.two-column-wrapper article:first-child span.posted-on:before {
    color: #fff;
}
.two-column-wrapper article:first-child .entry-title a:hover,
.two-column-wrapper article:first-child .footer-meta a:hover,
.two-column-wrapper article:first-child span.posted-on:hover:before,
.two-column-wrapper article .entry-title a:hover,
.two-column-wrapper article .footer-meta a:hover,
.two-column-wrapper article span.posted-on:hover:before {
    color: #d72924;
}
.two-column-wrapper article:first-child .entry-title {
    font-size: 22px;
}
.two-column-wrapper .entry-title {
        margin-bottom: 5px;
}
.two-column-wrapper article .entry-title a {
    color: #333;
}
.two-column-wrapper .footer-meta {
    margin-top: 0px;
}
.two-column-wrapper article:not(:first-child) {
    position: relative;
    margin-bottom: 42px;
}
.two-column-wrapper article:not(:first-child) .featured-image {
    width: 110px;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: table-cell;
}
.two-column-wrapper article:not(:first-child) .entry-container {
    padding-left: 130px;
    display: table-cell;
}
.two-column-wrapper article:not(:first-child):after {
    content: "";
    border-bottom: 1px solid #eee;
    position: absolute;
    margin: 19px 0;
    height: 1px;
    width: 100%;
}
.two-column-wrapper article:last-child,
.two-column-wrapper article:last-child:after {
     margin-bottom: 0; 
     border-bottom: none;
}

/*--------------------------------------------------------------
#  More News
--------------------------------------------------------------*/
#more-news {
    margin-bottom: 30px;
}
.more-news-wrapper .featured-image {
    padding: 150px 0;
}
.more-news-wrapper .regular {
    margin: 0 -15px;
}
.more-news-wrapper article {
    padding: 0 15px;
}
.more-news-wrapper .slick-dots {
    position: absolute;
    bottom: auto;
    top: -50px;
    right: 15px;
    left: auto;
    text-align: right;
}
.more-news-wrapper .slick-dots li {
    position: relative;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button:before {
    display: none;
}
.more-news-wrapper .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    padding: 0;
    border: 2px solid #eee;
    background-color: #eee;
}
.more-news-wrapper .slick-dots li.slick-active button {
    background-color: #d72924;
    border-color: #d72924;
    transform: scale(1.3);
}

/*--------------------------------------------------------------
#  Subscribe
--------------------------------------------------------------*/
#subscribe-newsletter {
    background-position: 50%;
    background-size: cover;
    padding: 60px 0;
    position: relative;
}
#subscribe-newsletter .container {
    position: relative;
}
#subscribe-newsletter.col-2 article:nth-child(1) {
    margin-bottom: 30px;
}
#subscribe-newsletter .section-header {
    margin-bottom: 40px;
}
#subscribe-newsletter .section-title {
    color: #fff;
    text-align: left;
}
#subscribe-newsletter.col-1 .widget.jetpack_subscription_widget, 
#subscribe-newsletter.col-2 .widget.jetpack_subscription_widget {
    margin-left: auto;
    margin-right: auto;
}
.jetpack_subscription_widget form {
    position: relative;
    max-width: 620px;
    margin: 0 auto;
}
.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
    text-align: center;
    padding: 30px;
}
.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 35px;
}
#subscribe-text p {
    font-size: 22px;
}
.jetpack_subscription_widget h2, 
.jetpack_subscription_widget p {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}
.jetpack_subscription_widget input[type="email"] {
    width: 100%;
    min-height: 50px;
    padding: 0 20px 0 0;
    border-radius: 0px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #2e2d3c;
    outline: none;
}
.jetpack_subscription_widget #subscribe-submit {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.jetpack_subscription_widget input[type="submit"] {
    padding: 5px 15px;
    font-size: 14px;
    line-height: 34px;
    display: inline-block;
    min-width: 133px;
    min-height: 50px;
    background-color: #005cbf;
    color: #fff;
    border: none;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    outline: none;
}

/*--------------------------------------------------------------
#  Contact
--------------------------------------------------------------*/
#contact {
    background-color: #f6f7fb;
}
.contact-wrapper .section-header {
    text-align: left;
    margin: 0;
    padding: 0;
}
.widget_contact_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget li:not(:last-child) {
    margin-bottom: 15px;
}
.contact-wrapper article:first-child {
    padding: 40px 0;
}
.contact-wrapper .icon {
    margin-right: 20px;
    position: relative;
    float: left;
}
.contact-wrapper .icon svg {
    fill: #d72924;
} 
.contact-wrapper .wpcf7 input,
.contact-wrapper textarea {
    width: 100%;
    background-color: #eee;
    border-color: #eee;
}
.contact-wrapper input[type="submit"] {
    background-color: #d72924;
}
.contact-wrapper input[type="submit"]:hover {
    background-color: #333;
}
.map {
    margin-top: 20px;
}
.map img {
    height: 350px;
}
/*--------------------------------------------------------------
#  Archive / Blog
--------------------------------------------------------------*/
.blog-post-wrapper .featured-image {
    padding: 160px 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.entry-meta span {
    display: inline-block;
}
.blog-post-wrapper .entry-container {
    padding-top: 25px;
}
.blog-post-wrapper .entry-meta {
    position: relative;
    top: 0;
    left: auto;
    margin-bottom: 20px;
}
.entry-meta a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lora', serif;
    text-decoration: none;
    background-color: #ff6e0d;
    padding: 5px 10px;
    text-transform: uppercase;
}
.entry-meta a:hover,
.entry-meta a:focus {
    background-color: #000;
}
.entry-meta a time {
    color: #333;
}
.footer-meta a {
    padding-left: 8px;
    text-decoration: none;
    color: #333;
}
.footer-meta a:hover {
    color: #d72924;
}
span.posted-on:before {
    content: "\f017";
    font-family: 'FontAwesome';
    color: #333;
}
span.byline:after {
    content: "/";
    display: inline-block;
    text-align: center;
    margin: 0 5px;
}
.entry-meta a:hover time {
    color: #d72924;
}
.blog-post-wrapper .entry-title {
    font-size: 24px;
    margin: 10px 0 15px 0;
}
.blog-post-wrapper .entry-title a,
.blog-widget ul li h3 a {
    color: #333;
    text-decoration: none;
}
.blog-post-wrapper .entry-title a:hover,
span.byline a:hover,
.blog-widget ul li h3 a:hover {
    color: #d72924;
}
.footer-meta {
    margin-top: 5px;
}
.footer-meta img {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    object-fit: cover;
    margin-right: 15px;
    float: left;
}
span.byline span {
    display: inline-block;
    font-family: 'Lato', sans-serif;
}
span.byline .position {
    display: block;
}
span.byline a {
    color: #333;
    text-decoration: none;
}
.blog-widget h2 {
    color: #fff;
    font-weight: 600;
    font-size: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    padding-bottom: 20px;
    margin: 0 0 30px 0;
}
.blog-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.blog-widget ul li {
    display: inline-block;
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.blog-widget ul li h3 {
    font-size: 18px;
    line-height: 1.5;
    display: table-row;
    font-weight: 600;
    margin: 0 0 5px 0;
    display: inline-block;
}
.blog-widget ul li img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    float: right;
}
.blog-widget .featured-wrapper {
    float: left;
    max-width: 350px;
    padding-right: 50px;
}
.blog-post-wrapper.grid-view.col-1 {
    width: 100%;
    max-width: 100%;
        margin: auto;
}
/*--------------------------------------------------------------
#  Single
--------------------------------------------------------------*/
#content-wrapper {
    position: relative;
}
.no-sidebar-content #content-wrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.single-wrapper .entry-meta span svg {
    fill: #82868b;
    margin-right: 10px;
}
.single-wrapper .entry-meta span.cat-links svg {
    margin-right: 7px;
}
.single-wrapper .entry-meta span.posted-on,
.single-wrapper .entry-meta span.posted-on a {
    color: #82868b;
}
.single-wrapper .entry-meta span a:hover,
.single-wrapper .entry-meta span a:focus,
.single-wrapper .cat-links a,
.single-wrapper .entry-meta span.byline a.fn:hover,
.single-wrapper .entry-meta span.byline a.fn:focus {
    color: #d72924;
}
.single-wrapper .featured-image {
    margin-bottom: 30px;
}
.single-wrapper .entry-meta,
.single-wrapper .entry-container {
    margin-bottom: 25px;
}
.single-wrapper .entry-meta {
    padding: 0;
    position: relative;
    top: 0px;
    left: 0px;
}
.single-wrapper .entry-meta a,
.single-wrapper .entry-meta a:hover,
.single-wrapper .entry-meta a:focus {
    background-color: transparent;
}
.single-wrapper .comments-title {
    margin-bottom: 40px;
}
.single-wrapper .entry-meta .cat-links {
    display: inline-block;
}
.single-wrapper .entry-meta a,
.single-wrapper .entry-meta i {
    font-size: 16px;
    font-weight: 400;
}
.single-wrapper .entry-meta > span:not(:last-child):after {
    content: " |";
}
.single-wrapper .entry-meta > span a {
    color: #8c8c8c;
}
.single-wrapper .entry-meta > span a:hover,
.single-wrapper .entry-meta > span a:focus {
    color: #d72924;
}
.single-wrapper .comment-respond {
    background-color: transparent;
    border: none;
}
#commentform .comment-form-url,
.comment-respond p.comment-form-author,
.comment-respond p.comment-form-email {
    width: 100%;
    float: none;
    margin-right: 0;
}
ul.post-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.post-categories li {
    display: inline-block;
}
.archive-description p {
    color: #fff;
}
#respond .comment-form-cookies-consent input[type="checkbox"], 
.comment-form-cookies-consent input[type="checkbox"] {
    width: auto;
    float: left;
    height: auto;
    min-height: auto;
    margin-right: 10px;
}
#respond .comment-form-cookies-consent label, 
.comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}
.comment-form-cookies-consent {
    clear: both;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}

/*--------------------------------------------------------------
#                   Dark Version
--------------------------------------------------------------*/
.dark-version,
.dark-version .post-articles-wrapper,
.dark-version #secondary .widget.widget_search form.search-form input,
.dark-version #secondary .widget.widget_search button.search-submit {
    background-color: #333;
}

.dark-version .navigation.post-navigation, 
.dark-version .navigation.posts-navigation,
.dark-version .comment-content,
.dark-version #comments ol.children .comment-content,
.dark-version #top-navigation,
.dark-version #site-navigation,
.dark-version .video-button:hover,
.dark-version #secondary .widget_search form.search-form input,
.dark-version .pagination .page-numbers, 
.dark-version .pagination .page-numbers.dots:hover, 
.dark-version .pagination .page-numbers.dots:focus, 
.dark-version .pagination .page-numbers.prev, 
.dark-version .pagination .page-numbers.next,
.dark-version input[type="text"], 
.dark-version input[type="email"], 
.dark-version input[type="url"], 
.dark-version input[type="search"],
.dark-version textarea,
.dark-version form.search-form button.search-submit,
.dark-version #most-popular, 
.dark-version #video, 
.dark-version .hot-topic-wrapper, 
.dark-version #technology .technology-bg,
.dark-version.home #secondary .widget,
.dark-version #recent-post .widget.widget_popular_post,
.dark-version .two-column-wrapper, 
.dark-version .more-news-wrapper,
.dark-version.blog #secondary .widget, 
.dark-version.search #secondary .widget, 
.dark-version.archive #secondary .widget, 
.dark-version.single #secondary .widget {
    background-color: #222;
}
.dark-version #colophon input[type="email"] {
    background-color: transparent;
}
/*--------------------------------------------------------------
#                   Text Color
--------------------------------------------------------------*/
.dark-version,
.dark-version p,
.dark-version h1, 
.dark-version h2, 
.dark-version h3, 
.dark-version h4, 
.dark-version h5, 
.dark-version h6,
.dark-version a:hover,
.dark-version a:focus,
.dark-version .site-title a,
.dark-version .nav-tabs li a,
.dark-version #recent-news .entry-title a,
.dark-version span.byline a,
.dark-version .entry-meta a time,
.dark-version .blog-post-wrapper .entry-title a, 
.dark-version .blog-widget ul li h3 a,
.dark-version .post-item-wrapper .entry-title a, 
.dark-version #testimonial .featured-image .entry-title a,
.dark-version .position,
.dark-version #testimonial article .entry-content p,
.dark-version #secondary a,
.dark-version #secondary .widget-title,
.dark-version #secondary .widgettitle,
.dark-version input[type="text"], 
.dark-version input[type="email"], 
.dark-version input[type="url"], 
.dark-version input[type="search"],
.dark-version textarea,
.dark-version #most-popular .entry-title a,
.dark-version .footer-meta a,
.dark-version span.posted-on:before,
.dark-version #secondary .widget.widget_posts_filter ul.tabs li a,
.dark-version .video-featured-wrapper .entry-title a,
.dark-version .footer-meta .comment:before,
.dark-version #technology .entry-title a,
.dark-version #recent-post .widget.widget_popular_post ul li .entry-container a,
.dark-version .two-column-wrapper article .entry-title a,
.dark-version .widget_popular_post h3 a, 
.dark-version .widget_latest_post h3 a, 
.dark-version .widget_popular_post a time, 
.dark-version .widget_popular_post time, 
.dark-version .widget_latest_post a time, 
.dark-version .widget_latest_post time {
    color: #fff;
}

.dark-version #most-popular .entry-title a:hover,
.dark-version .footer-meta a:hover,
.dark-version .video-featured-wrapper .entry-title a:hover,
.dark-version #technology .entry-title a:hover,
.dark-version #recent-post .widget.widget_popular_post ul li .entry-container a:hover,
.dark-version .two-column-wrapper article .entry-title a:hover,
.dark-version .widget_popular_post h3 a:hover, 
.dark-version .widget_latest_post h3 a:hover, 
.dark-version .widget_popular_post a:hover time, 
.dark-version .widget_popular_post time, 
.dark-version .widget_latest_post a:hover time, 
.dark-version .widget_latest_post time {
    color: #fff;
    opacity: 0.8;
}


.dark-version.menu-sticky #masthead.nav-shrink .main-navigation ul.nav-menu > li > a,
.dark-version #about .section-subtitle, 
.dark-version #about .section-title,
.dark-version #about p,
.dark-version #pricing article ul.pricing-list li {
    color: #333;
}

@media screen and (min-width: 1024px) {
   .dark-version .main-navigation ul.nav-menu > li > a {
        color: #fff;
    } 
    .dark-version .main-navigation svg.icon-down {
        fill:#fff;
    }
    .dark-version .main-navigation .sub-menu svg {
        fill:#2c2d39;
    }
}


/*--------------------------------------------------------------
#                   Border Color
--------------------------------------------------------------*/
.dark-version #most-popular, 
.dark-version #video, 
.dark-version .hot-topic-wrapper, 
.dark-version #technology .technology-bg,
.dark-version.home #secondary .widget,
.dark-version #recent-post .widget.widget_popular_post,
.dark-version .two-column-wrapper, 
.dark-version .more-news-wrapper {
    border: 1px solid rgb(238 238 238 / 10%);
}

.dark-version #comments ol.children .comment-content:before,
.dark-version .comment-content:before {
    border-right-color: #222;
}

.dark-version .pagination .page-numbers, 
.dark-version .pagination .page-numbers.dots:hover, 
.dark-version .pagination .page-numbers.dots:focus, 
.dark-version .pagination .page-numbers.prev, 
.dark-version .pagination .page-numbers.next {
    border-color: #333;
}




/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #121026;
}
#colophon a,
#colophon p,
#colophon li,
.site-footer strong {
    color: #a6a5a5;
}
#colophon .textwidget p {
    color: rgba(255, 255, 255, 0.50);
}
#colophon a:hover,
#colophon a:focus {
    color: #d72924;
}
#colophon .widget-title,
#colophon .widgettitle {
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 600;
}
#colophon .widget-title:before,
#colophon .widgettitle:before {
    display: none;
}
.footer-widgets-area.page-section {
    padding: 63px 0;
}
.footer-widgets-area ul.social-icons {
    margin-left: -10px;
}
.footer-widgets-area .social-icons li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.footer-widgets-area .social-icons li a svg {
    fill: #fff;
    opacity: 0.5;
    width: 20px;
    height: 20px;
}
.footer-widgets-area .social-icons li a:hover svg,
.footer-widgets-area .social-icons li a:focus svg {
    opacity: 1;
}
.footer-widgets-area ul.social-icons li a:before {
    display: none;
}
.footer-widgets-area .widget.widget_tag_cloud ul li {
    width: auto;
}
.site-footer span.post-date {
    display: block;
    margin-bottom: 3px;
}
.site-info span {
    display: block;
    text-align: center;
}
.site-info {
    background-color: #000;
}
.site-info {
    padding: 12px 0;
    color: #a6a5a5;
}
.site-info .social-icons {
    text-align: center;
    line-height: 44px;
}
#colophon .site-info a {
    color: #d72924;
}
#colophon .site-info a:hover,
#colophon .site-info a:focus {
    text-decoration: underline;
}
.site-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.site-info ul li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
}
#colophon .site-info ul li a {
    color: #a6a5a5;
}
.footer-widgets-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widgets-area .widget ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
}
.footer-widgets-area .widget ul li:last-child,
.footer-widgets-area .widget .social-icons li {
    margin-bottom: 0;
}
.footer-widgets-area .hentry {
    margin-bottom: 45px;
}
.footer-widgets-area.col-1 .hentry {
    text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
    margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
    margin-left: auto;
    margin-right: auto;
}
.footer-widgets-area.page-section.col-1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.site-info .social-icons li a svg {
    fill: #fff;
}

/*--------------------------------------------------------------
# Typography Options
--------------------------------------------------------------*/
.header-font-1 h1,
.header-font-1 h2,
.header-font-1 h3,
.header-font-1 h4,
.header-font-1 h5,
.header-font-1 h6 {
    font-family: 'Rajdhani', sans-serif;
}

.header-font-2 h1,
.header-font-2 h2,
.header-font-2 h3,
.header-font-2 h4,
.header-font-2 h5,
.header-font-2 h6 {
    font-family: 'Cherry Swash', sans-serif;
}

.header-font-3 h1,
.header-font-3 h2,
.header-font-3 h3,
.header-font-3 h4,
.header-font-3 h5,
.header-font-3 h6 {
    font-family: 'Philosopher', sans-serif;
}

.header-font-4 h1,
.header-font-4 h2,
.header-font-4 h3,
.header-font-4 h4,
.header-font-4 h5,
.header-font-4 h6 {
    font-family: 'Slabo 27px', sans-serif;
}

.header-font-5 h1,
.header-font-5 h2,
.header-font-5 h3,
.header-font-5 h4,
.header-font-5 h5,
.header-font-5 h6 {
    font-family: 'Dosis', sans-serif;
}

.body-font-1 {
    font-family: 'News Cycle', sans-serif;
}

.body-font-2 {
    font-family: 'Pontano Sans', sans-serif;
}

.body-font-3 {
    font-family: 'Gudea', sans-serif;
}

.body-font-4 {
    font-family: 'Quattrocento Sans', sans-serif;
}

.body-font-5 {
    font-family: 'Khand', sans-serif;
}

/*--------------------------------------------------------------
#                   RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
    .col-2,
    .col-3,
    .col-4 {
        margin: 0 -15px;
    }
    .col-2 article,
    .col-3 article,
    .col-4 article {
        padding: 0 15px;
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }
    .col-2 article:nth-child(2n+1),
    .col-3 article:nth-child(2n+1),
    .col-4 article:nth-child(2n+1) {
        clear: left;
    }
    .col-2 article:nth-last-child(-n+2),
    .col-3 article:nth-last-child(-n+2),
    .col-4 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .comment-metadata {
        margin-top: 0;
    }
    .latest-news {
        display: flex;
        align-items: center;
        overflow: hidden;
        text-align: left;
    }
    .video-featured-wrapper article .featured-image {
        float: left;
        margin-bottom: 0;
    }
    .video-featured-wrapper article .entry-container {
        display: table;
    }
    .blog-posts-wrapper .entry-meta > span {
        display: inline-block;
    }
    .footer-widgets-area.col-2 .hentry,
    .footer-widgets-area.col-4 .hentry {
        width: 50%;
        float: left;
    }
    .footer-widgets-area.col-2 .hentry:nth-child(2n+1),
    .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
        clear: left;
    }
    .footer-widgets-area.col-2 .hentry:nth-child(odd),
    .footer-widgets-area.col-4 .hentry:nth-child(odd) {
        padding-right: 40px;
    }
    .footer-widgets-area.col-2 .hentry:nth-last-child(-n+2),
    .footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .site-info.col-2 span {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (min-width: 767px) {
    .col-1 .hentry {
        width: 100%;
    }
    .col-2 .hentry {
        width: 50%;
        float: left;
    }
    .col-3 .hentry {
        width: 33.33%;
        float: left;
    }
    .col-4 .hentry {
        width: 50%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }
    .col-3 article {
        width: 33.33%;
    }
    .col-3 article:nth-child(2n+1) {
        clear: none;
    }
    .col-3 article:nth-child(3n+1) {
        clear: left;
    }
    .col-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    blockquote.alignright {
        width: -webkit-calc(50% - 0.736842105em);
        width: calc(50% - 0.736842105em);
        margin-top: 10px;
        margin-bottom: 25px;
    }
    .site-branding-wrapper {
        clear: both;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .site-branding {
        width: 40%;
        float: left;
        text-align: left;
        margin: 21px 0;
    }
    .site-advertisement {
        width: 60%;
        float: right;
        text-align: right;
    }
    .site-branding + .site-advertisement {
        margin-top: 0;
    }
    #recent-post .column-wrapper:first-child {
        float: left;
        width: 45%;
    }
    #recent-post .column-wrapper:last-child {
        float: left;
        width: 55%;
        padding-left: 30px;
    }
    #two-column .column-wrapper {
        width: 50%;
        float: left;
        padding: 0 15px;
    }
    #page-site-header .page-title {
        font-size: 68px;
    }
    .post-articles-wrapper {
        background-color: #fff;
        border-radius: 10px;
        padding: 20px;
    }
    .single-wrapper #reply-title {
        font-size: 42px;
    }
    .single-wrapper .comments-title {
        font-size: 42px;
    }
    .comment-navigation .nav-previous,
    .posts-navigation .nav-previous,
    .post-navigation .nav-previous {
        padding-right: 25px;
    }
    .comment-navigation .nav-next,
    .posts-navigation .nav-next,
    .post-navigation .nav-next {
        padding-left: 25px;
    }
    .footer-widgets-area.col-3 .hentry {
        margin-bottom: 0;
    }
    .footer-widgets-area.col-3 .hentry:not(:last-child) {
        padding-right: 40px;
    }
    .site-info.col-2 .container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .site-info.col-2 span {
        float: left;
        width: 50%;
        text-align: left;
    }
    .site-info.col-2 span:nth-child(2) {
        float: right;
        text-align: right;
    }
    .site-info.col-2 .social-icons {
        text-align: right;
        float: right;
    }
}
@media screen and (min-width: 992px) {
    .col-4 .hentry  {
        width: 25%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-4 article {
        width: 25%;
    }
    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: none;
    }
    .col-4 article:nth-child(4n+1),
    .col-5 article:nth-child(5n+1),
    .col-6 article:nth-child(6n+1) {
        clear: left;
    }
    .col-4 article:nth-last-child(-n+4),
    .col-5 article:nth-last-child(-n+5),
    .col-6 article:nth-last-child(-n+6) {
        margin-bottom: 0;
    }
    .hero-slider-wrapper .entry-content {
        line-height: 30px;
    }
    #about-us article.has-post-thumbnail {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: row;
    }
    #about-us article.has-post-thumbnail .featured-image {
        width: 49%;
        float: left;
        padding: 307px 0;
        margin-bottom: 0;
    }
    #about-us article.has-post-thumbnail .entry-container {
        width: 51%;
        float: left;
        padding-top: 50px;
        padding-left: 60px;
    }
    #technology .technology-wrapper,
    .technology-post-wrapper {
        width: 50%;
        float: left;
        margin-bottom: 0px;
    }
    .technology-wrapper {
        padding-right: 15px;
    }
    .comment-form-author,
    .comment-form-email,
    .comment-form-url {
        width: 33.33%;
        float: left;
    }
    .footer-widgets-area.col-4 .hentry {
        width: 25%;
        padding-right: 30px;
    }
    .footer-widgets-area.col-5 .hentry {
        padding-right: 30px;
    }
    .footer-widgets-area.col-4 .hentry:last-child,
    .footer-widgets-area.col-5 .hentry:last-child {
        padding-right: 0;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
        clear: none;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(4n+1) {
        clear: left;
    }
    .footer-widgets-area.col-4 .hentry:nth-last-child(-n+4),
    .footer-widgets-area.col-5 .hentry:nth-last-child(-n+5) {
        margin-bottom: 0;
    }
   
}
@media screen and (min-width: 1024px) {
    #top-navigation .main-navigation {
        text-align: left;
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    #top-navigation .main-navigation ul.nav-menu {
        width: 70%;
    }
    #top-navigation .main-navigation ul.nav-menu > li {
        padding: 0;
    }
    #top-navigation .main-navigation ul.nav-menu > li > a {
        padding: 11px 0;
    }
    #top-navigation .main-navigation ul li:hover > ul, 
    #top-navigation .main-navigation ul li.focus > ul {
        left: 0;
        right: auto;
    }
    #top-navigation .main-navigation ul ul li:hover > ul, 
    #top-navigation .main-navigation ul ul li.focus > ul {
        left: 100%;
        right: auto;
    }
    #top-navigation .main-navigation ul ul li a svg {
        display: inline-block;
        top: 17px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    #top-navigation .social-icons {
        width: 30%;
        text-align: right;
    }
    .main-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
    }
    .main-navigation ul.nav-menu > li:not(:last-child) {
        margin-right: 25px;
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
        left: 0;
        right: auto;
        opacity: 1;
        visibility: visible;
    }
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: 100%;
        right: auto;
    }
    .main-navigation ul ul ul {
        top: 0;
    }
    .main-navigation ul.sub-menu li a {
        color: #2c2d39;
        padding: 10px 20px;
    }
    .main-navigation ul.sub-menu > li:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }
    .main-navigation .menu-item-has-children > a:after {
        float: none;
    }
    .main-navigation ul.sub-menu li:hover > a,
    .main-navigation ul.sub-menu li:focus > a {
        color: #d72924;
    }
    .main-navigation .sub-menu svg {
        fill: #2c2d39;
        right: 0;
        margin-top: 5px;
    }
    .main-navigation ul.sub-menu > li:last-child > a {
        border-bottom: none;
    }
    .main-navigation .search-menu {
        float: right;
    }
    #search {
        position: absolute;
        z-index: 30;
        right: 0;
        top: 60px;
        display: none;
    }
    .main-navigation .search-active .icon-search {
        display: none;
    }
    .main-navigation .search-active .icon-close {
        display: inline-block;
    }
    #masthead .main-navigation ul ul li.menu-item-has-children > a {
        padding-right: 35px;
    }
    #masthead .main-navigation ul ul li a svg {
        display: inline-block;
        top: 17px;
        right: 15px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .main-navigation ul#primary-menu ul li.current-menu-item > a,
    .main-navigation ul#primary-menu ul li:hover > a,
    .main-navigation ul#primary-menu ul li:focus > a {
        color: #d72924;
    }
    .main-navigation ul ul {
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        -moz-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
    }
    .main-navigation ul ul li.menu-item-has-children:hover > a > svg,
    .main-navigation ul ul li.menu-item-has-children > a:hover > svg {
        fill: #d72924;
    }
    #search:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #121026;
        position: absolute;
        top: -7px;
        right: 8px;
    }
    button.dropdown-toggle {
        display: none;
    }
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation .left-menu {
        padding-left: 50px;
    }
    .main-navigation ul.nav-menu > li.left-menu > a,
    .main-navigation ul.nav-menu > li.right-menu > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .main-navigation li.left-menu + li.right-menu:before {
        content: "/";
        position: absolute;
        top: 50%;
        margin-left: -6px;
        color: #fff;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .main-navigation form.search-form {
        border: 10px solid #121026;
    }
    .main-navigation form.search-form input {
        background-color: #fff;
        border-color: #fff;
        color: #2c2d39;
    }
    .menu-sticky #masthead.nav-shrink #top-bar {
        display: none;
    }
    .menu-sticky #masthead.nav-shrink .main-navigation {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
    .menu-sticky #masthead.nav-shrink .main-navigation ul.nav-menu > li > a {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .absolute-header #masthead {
        position: absolute;
    }
    .absolute-header .main-navigation ul.nav-menu > li > a {
        color: #fff;
    }
     .absolute-header .main-navigation svg.icon-down {
        fill:#fff;
    }
    .header-2 .site-branding {
        width: 30%;
    }
    .header-2 .main-navigation {
        width: 70%;
    }
    .header-2 .main-navigation ul.nav-menu > li.social-menu {
        float: right;
        padding: 30px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .header-2 .main-navigation .social-menu ul {
        position: relative;
        float: none;
        left: 0;
        background-color: transparent;
        display: inline-block;
        box-shadow: none;
    }
    .header-2 .main-navigation .social-menu ul li {
        padding: 0;
        margin-right: 5px;
    }
    .header-2 .main-navigation .social-menu ul li a {
        width: 40px;
        height: 40px;
        line-height: 37px;
        background-color: rgb(0 0 0 / 0.10);
    }
    .header-2 #masthead .main-navigation .social-menu ul li a svg {
        transform: none;
        fill: #8c8c8c;
    }
    .header-2.absolute-header #masthead .main-navigation .social-menu ul li {
       background-color: #eee;
    }
    .header-2.absolute-header #masthead .main-navigation .social-menu ul li a svg {
        fill: #fff;
    }
    .customize-support.menu-sticky #masthead.nav-shrink {
        top: 32px;
    }
    .pt {
        padding: 80px 0;
    }
    .right-widget-posts {
        float: right;
        width: 75%;
        padding-left: 30px;
        margin-bottom: 0px;
    }
    .left-widget-wrapper {
        float: left;
        width: 25%;
    }
    #recent-news .featured-image {
        padding: 85px 0;
    }
    .gallery-left-post,
    .gallery-right-post {
        width: 25%;
        float: left;
    }
    .gallery-mid-post {
        width: 50%;
        float: left;
    }
    .video-wrapper {
        position: relative;
        float: left;
        width: 60%;
        padding-right: 30px;
        margin-bottom: 0;
    }
    .video-featured-wrapper {
        float: left;
        width: 40%;
    }
    .blog-post-wrapper.grid-view article {
        position: relative;
        display: table;
        padding: 0;
    }
    .blog-post-wrapper.grid-view article .featured-image {
        width: 50%;
        display: table-cell;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding: 0;
    }
    .blog-post-wrapper.grid-view article .entry-container {
        width: 50%;
        display: table-cell;
        float: left;
        text-align: left;
        padding: 28px 30px 28px 0;
    }
    .right-sidebar #primary,
    .left-sidebar #primary {
        width: 70%;
        float: left;
        padding-right: 40px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
        width: 30%;
        float: right;
        margin-top: 0;
        margin-bottom: 40px;
    }
    .secondary-inactive #primary {
        width: 100%;
        float: none;
        padding:0;
    }
    .left-sidebar #primary {
        float: right;
        padding-right: 0;
        padding-left: 40px;
    }
    .no-sidebar #primary {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .boxed-layout #page {
        max-width: 1250px;
        margin-left: auto;
        margin-right: auto;
    }
    .frame-layout {
        max-width: 100%;
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        margin: 50px auto;
    }
}

@media screen and (min-width: 1280px)  {
    #top-bar.col-2 .latest-news, 
    #top-bar.col-2 .contact-info {
        width: 50%;
        float: left;
    }
    .latest-news-header svg {
        display: none;
    }
    #top-header .contact-info {
        display: block;
    }
    #events .event-news-wrapper, 
    #events .upcoming-events-wrapper {
        padding: 0 15px;
        width: 50%;
        float: left;
    }
    #events .event-news-wrapper {
        margin-bottom: 0;
    }
    .topheader-dropdown {
        display: none;
    }
    #top-bar .contact-info {
        display: block;
    }
}
@media screen and (min-width: 1900px) {
    .container {
        max-width: 1440px;
    }
    .pt {
        padding: 100px 0;
    }
    .frame-layout {
        padding-left: 70px;
        padding-right: 70px;
        margin: 70px auto;
    }
    #content-wrapper {
        padding: 100px 0;
    }
    #respond {
        margin-top: 55px;
    }
    .footer-widgets-area.col-3 .hentry:not(:last-child),
    .footer-widgets-area.col-2 .hentry:nth-child(odd) {
        padding-right: 100px;
    }
    .boxed-layout #page {
        max-width: 1600px;
        width: 90%;
    }
    .footer-widgets-area.page-section {
        padding: 90px 0;
    }
}

@media screen and (max-width: 1279px) {
    #top-bar {
        padding: 0;
        margin: 0;
    }
    #top-bar .container {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    .latest-news {
        max-width: 85%;
    }
    .latest-news-header {
        min-width: 50px;
        line-height: 45px;
    }
    .latest-news-header svg {
        fill: #fff;
    }
    .latest-news-header span {
        display: none;
    }
    #top-bar .contact-info {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        z-index: 30000;
        padding: 25px;
        margin: 0;
        background-color: #d72924;
    }
    .contact-info .contact-details, 
    .contact-info .social-icons {
        width: 100%;
        float: none;
        text-align: left;
    }
    .contact-details ul li {
        display: block;
        margin-right: 0;
    }
    .contact-details ul li a {
        color: #fff;
    }
    .contact-details ul li a svg, 
    .contact-info .social-icons li a svg {
        fill: #fff;
    }
    .contact-info .social-icons {
        margin-left: -10px;
    }
    .topheader-dropdown,
    .latest-news-header {
        background: #333;
    }
}
@media screen and (max-width: 1023px) {
    #top-navigation .main-navigation {
        float: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #top-navigation .menu-toggle {
        height: 50px;
        margin: 0;
    }
    .main-navigation .social-icons a {
        border-bottom: none;
    }
    .main-navigation ul.nav-menu {
        margin-top: 0;
        position: absolute;
        top: 100%;
        left: auto;
        right: 0;
        width: 100%;
    }
    #masthead {
        background-color: transparents;
    }
    .secondary-menu ul {
        float: none;
    }
    .site-logo img {
        max-height: 60px;
    }
    .site-branding {
        padding: 15px 0;
        min-height: 80px;
    }
    .site-title {
        font-size: 26px;
    }
    .main-navigation a {
        border-bottom: 1px solid #eee;
    }
    .main-navigation ul.nav-menu > li {
        padding: 0;
    }
    .main-navigation ul.nav-menu > li > a {
        padding: 15px;
    }
    .main-navigation ul.sub-menu li a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .main-navigation ul ul a {
        width: 100%;
    }
    .main-navigation ul#primary-menu li.current-menu-item > a,
    .main-navigation ul#primary-menu li:hover > a,
    .main-navigation ul#primary-menu li:focus > a,
    .main-navigation ul.nav-menu > li > a {
        color: #2c2d39;
    }
    .main-navigation ul ul,
    .main-navigation ul ul ul {
        box-shadow: none;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0;
        display: none;
    }
    .main-navigation ul.sub-menu li {
        padding-right: 0;
    }
    .main-navigation .menu-item-has-children > a:before {
        content: "";
        float: right;
        position: relative;
        right: 25px;
        background-color: #ccc;
        width: 1px;
        height: 25px;
    }
    .main-navigation .menu-item-has-children > a:after {
        padding-top: 3px;
    }
    .main-navigation ul.nav-menu > li > a,
    .main-navigation ul.sub-menu li a {
        padding: 15px 15px 15px 25px;
    }
    .main-navigation ul.sub-menu li a {
        padding-left: 50px;
    }
    .main-navigation ul.sub-menu ul li a {
        padding-left: 75px;
    }
    .main-navigation ul.sub-menu ul ul li a {
        padding-left: 100px;
    }
    .main-navigation ul.sub-menu ul ul ul li a {
        padding-left: 125px;
    }
    .main-navigation .menu-item-has-children a svg {
        display: none;
    }
    .main-navigation ul.sub-menu li a {
        border-left: none;
    }
    .main-navigation ul.nav-menu {
        margin-right: 0;
        background-color: #fff;
        margin-top: 0px;
    }
    .main-navigation {
        position: static;
    }
    .main-navigation a {
        color: #2c2d39;
    }
    .main-navigation svg.icon-search,
    .main-navigation svg.icon-down {
        fill: #2c2d39;
        margin-top: -5px;
    }
    .main-navigation ul.sub-menu {
        border: none;
    }
    .menu-open .menu-toggle .icon-close {
        display: inline-block;
        margin: auto;
        width: 20px;
        height: 20px;
    }
    #masthead.site-header .main-navigation ul.nav-menu {
        margin-top: 0;
        position: absolute;
        max-width: 400px;
        top: 100%;
        left: auto;
        right: 0;
        width: 100%;
        border-top: 1px solid #eee;
    }
    .main-navigation .search-menu a {
        display: none;
    }
    .main-navigation form.search-form input {
        background-color: #fff;
        border: none;
    }
    .menu-open #search {
        display: block !important;
    }
    .main-navigation form.search-form input {
        padding-left: 25px;
    }
    .main-navigation .sub-menu svg {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    #site-navigation ul ul {
        background-color: transparent;
    }
    .main-navigation ul.nav-menu .social-menu {
        padding: 15px;
    }
    .gallery-left-post {
        width: 50%;
        float: left;
    }
   .gallery-right-post {
        width: 50%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 992px) {
    #about .entry-container {
        padding: 50px 0px 50px 50px;
    }
    #our-courses .col-3 article {
        width: 50%;
    }
    #our-courses .col-3 article:nth-child(2n+1) {
        clear: left;
    }
    #our-courses .col-3 article:nth-child(3n+1) {
        clear: none;
    }
    .upcoming-events-wrapper {
        margin-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    #breaking-news .news-title,
    #breaking-news .slick-arrow {
        display: none !important;
    }
    #masthead.site-header .main-navigation ul.nav-menu {
        max-width: 100%;
    }
    .site-branding-wrapper {
        text-align: center;
    }
    .grid-item.hentry {
        width: 50%;
    }
    #video .entry-container {
        margin-bottom: 30px;
    }
    .gallery-left-post {
        width: 100%;
        float: none;
    }
    .gallery-left-post article, .gallery-right-post article {
        padding: 0 0 10px 0;
    }
    .gallery-right-post {
        width: 100%;
        margin-top: 10px;
    }
    .comment-navigation .nav-previous,
    .post-navigation .nav-previous,
    .comment-navigation .nav-next,
    .post-navigation .nav-next {
        width: 100%;
    }
    .post-navigation span.previous-article b,
    .post-navigations span.previous-article b,
    .post-navigation span.next-article b,
    .post-navigations span.next-article b {
        font-size: 18px;
    }
    .pagination .page-numbers,
    .pagination .page-numbers.dots:hover,
    .pagination .page-numbers.dots:focus,
    .pagination .page-numbers.prev,
    .pagination .page-numbers.next {
        margin-bottom: 7px;
    }
    .navigation.post-navigation a,
    .navigation.posts-navigation a {
        font-size: 16px;
    }
    #respond {
        margin-top: 0;
    }
    #commentform p.comment-form-comment,
    #commentform p.form-submit {
        margin-top: 21px;
    }
    nav.navigation.pagination {
        margin-top: 15px;
    }
    #secondary {
        margin-top: 30px;
    }
    .single-post-wrapper .entry-title,
    .comments-title,
    #reply-title {
        font-size: 26px;
    }
    #comments {
        margin-top: 40px;
    }
    .tags-links {
        margin-bottom: 25px;
    }
    .navigation.post-navigation .nav-previous + .nav-next {
        padding-top: 0;
    }
    .navigation.post-navigation .nav-previous + .nav-next svg {
        top: 10px;
    }
}
@media screen and (max-width: 567px) {
    #menu-social .date{
        display: none;
    }
    .menu-toggle svg.icon-menu {
        width: 25px;
        height: 25px;
    }
    .menu-toggle {
        position: relative;
        top: 0;
        left: 0;
        z-index: 3000;
        text-align: center;
        float: none;
        top: 0;
        width: 50px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .social-icons li.date {
        margin-top: 10px;
    }
    .main-navigation .social-icons,  .main-navigation .social-icons ul {
        text-align: center;
    }
    .main-navigation .social-icons li a {
        border-bottom: none;
    }
    .menu-toggle.active {
        margin-right: -22px;
    }
    .site-logo img {
        margin-right: 10px;
    }
    .site-description {
        font-size: 14px;
    }
    .menu-toggle svg.icon-close {
        width: 16px;
        height: 16px;
    }
    .site-title {
        font-size: 22px;
    }
   .footer-widgets-area .widget.widget_latest_post {
        text-align: left;
    }
    #subscribe-newsletter .section-title {
        text-align: center;
    }
    #page-site-header {
        padding: 200px 0;
    }
    #page-site-header .page-title {
        font-size: 32px;
    }
    .grid-item.hentry {
        width: 100%;
    }
    .hero-slider-wrapper .button {
        margin-right: 0;
        display: block;
    }
    .pagination .page-numbers.prev,
    .pagination .page-numbers.next {
        top: 0;
    }
    .pagination .prev.page-numbers:before,
    .pagination .next.page-numbers:before {
        width: 35px;
        height: 10px;
    }
    .site-main .comment-navigation,
    .site-main .post-navigation {
        margin-top: 25px;
    }
    .site-main .posts-navigation {
        margin-top: 0;
    }
    .single-wrapper .comments-title {
        margin-bottom: 0;
    }
    .single-wrapper #reply-title {
        margin-bottom: 25px;
    }
    .comment-metadata {
        float: none;
        padding-right: 0;
    }
    .comment-content {
        padding: 25px;
        margin-left: 20px;
        margin-top: 30px;
    }
    .comment-meta .fn {
        padding-left: 0;
    }
    .comment-meta img {
        margin-top: 0;
    }
    #comments ol.children .comment-metadata {
        padding-right: 90px;
    }
    #comments ol.children .comment-content {
        margin-right: 0;
    }
    .comment-content:before {
        border-right-color: transparent;
        border-bottom-color: #f5f5f3;
        left: 20px;
        top: -18px;
    }
    #comments ol.children .comment-content:before {
        border-right-color: transparent;
        border-bottom-color: #f5f5f3;
    }
    blockquote.alignright {
        margin-left: 0;
    }
    .footer-widgets-area .hentry:last-child,
    .footer-widgets-area.col-3 .hentry:last-child {
        margin-bottom: 0;
        padding-right: 0;
    }
    .footer-widgets-area {
        text-align: center;
    }
    .footer-widgets-area .widget_text img {
        margin-left: auto;
        margin-right: auto;
    }
    #colophon .widget-title,
    #colophon .widgettitle {
        display: inline-block;
    }
}

.left-widget-posts .featured-image{
    padding: 75px;
    margin-bottom: 15px;
}

#ostrich_magazine_slider_post-3 .footer-meta {
    margin-top: -10px;
}

#ostrich_magazine_trending_post-3 .featured-image {
    padding: 85px 0;
    margin-bottom: 15px;
}

.no-post-thumbnail .entry-container{
    width: 100% !important;
}

#breadcrumb-list {
    bottom: 0px;
    background: black;
    width: 100%;
    padding: 20px 100px;
    position: absolute;
}

#page-site-header {
    padding: 250px 0;
}

#masthead{
    background-size: cover;
}

@media screen and (min-width: 767px){
    #page-site-header .page-title {
        font-size: 56px;
    }
}

#secondary .cat-links a{
    color: #fff !important;
}

.widget_popular_post li:first-child time,
.widget_popular_post li:first-child span.posted-on:before{
    color: #fff !important;
}

@media screen and (max-width: 567px){
   .social-icons li.date {
        display: none;
    } 
}

.textwidget {
    text-align: center;
}