/*
Theme Name: Fairtimes Pro
Theme URI:
Author: Theme Palace
Author URI: https://themepalace.com
Description: Fairtimes Pro is based on the WordPress News theme, excellent for the news site. It is uncluttered with a clean layout and easy-to-use interface. With multiple demos to choose from, you can start with the one that suits your news niche. While the design part is absolutely professional, it gives full attention to the content being displayed. It supports high-quality images and videos to make your content more trustworthy and meaningful without compromising performance speed. The top section of the homepage is dedicated to advertising. Enjoy the extra income with marketing. You can also edit the site with the live WordPress customizer. Not just design layouts and fonts and colors, you can also create articles and author, category. Moreover, you have plenty of navigation options, as well as header and footer customization. This way, you have the freedom to choose over how your content is presented. Fairtimes Pro is flexible to use. It is also fast and responsive. It works and looks well from the reader's perspective. Users can easily access the news from mobile devices, laptops, or any device regardless of their sizes and browsers.
Version: 1.0.0
Requires PHP: 5.6
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: fairtimes-pro
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, portfolio, news, 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.

Blog 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.io/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloaderg
# 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
# Sections
	## Featured Slider 
# Footer
# 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;
}

.loader-container svg {
    width: 70px;
    height: 70px;
    fill: #ffd200;
    -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;
}

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

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

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

.backtotop {
    text-align: center;
    position: fixed;
    width: 40px;
    height: 40px;
    line-height: 36px;
    background-color: #ffd200;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    bottom: -100px;
    right: 25px;
    -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;
    cursor: pointer;
    z-index: 300;
}

.backtotop:hover {
    background-color: #000;
}

.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

.backtotop:hover svg {}

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

@keyframes colorchange {
    0% {
        border-color: #e30048;
    }
    25% {
        border-color: #ffd200;
    }
    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%;
}


/***
====================================================================
## Start CSS
====================================================================
***/

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: "Meiryo", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: normal;
    color: #333;
    background-color: #fff;
    /* Fallback for when there is no custom background color defined. */
}

#page {
    position: relative;
}

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


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

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.3;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 20px;
    font-weight: bold;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

p {
    margin: 10px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #333;
}

.h3-space {
    letter-spacing: -1px;
}


/**
 * Links
 * -------------------------------------------------------------
 */

a {
    background-color: transparent;
    transition: all 0.3s;
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #2457aa;
}

a:focus {
    outline: thin dotted;
}

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


/**
 * Elements
 * -------------------------------------------------------------
 */

.featured-image {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.featured-image:hover {
    opacity: 0.8;
}

.post-thumbnail-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.theiaStickySidebar:after {
    display: table;
    clear: both;
    content: "";
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

svg {
    vertical-align: middle;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.clr {
    clear: both;
}


/***
====================================================================
## Masthead
====================================================================
***/

#masthead {
    position: relative;
    width: 100%;
    background-color: transparent;
    margin-bottom: 0;
    top: 0;
    left: 0;
    right: 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;
    z-index: 3000;
}


/**
 * Site Branding
 * -------------------------------------------------------------
 */

.site-branding-container {
    background-color: #2457aa;
}

.site-branding-wrapper {
    text-align: center;
    padding: 20px 0;
}

.site-branding {
    text-align: center;
    margin: 10px 0;
}

.site-logo {}

.site-logo img {
    max-width: 100%;
}

@media screen and (min-width: 1200px) {
    .site-branding-wrapper {
        clear: both;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .site-branding {
        float: left;
        display: flex;
        align-items: center;
        width: 25%;
        margin-right: 20px;
    }
}

@media screen and (max-width: 567px) {
    .site-branding {
        display: block;
    }
}


/**
 * Masthead / Social Icons
 * -------------------------------------------------------------
 */

#masthead .social-icons {
    /*margin: 10px 0;*/
}

#masthead .social-icons ul {
    list-style: none;
}

#masthead .social-icons li {
    background-color: #2b63bd;
    /*box-shadow: 1px 2px 20px 0 rgb(230 230 230 / 80%);*/
}

#masthead .social-icons li:not(:last-child) {
    margin-right: 5px;
}

#masthead .social-icons li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

#masthead .social-icons li svg {
    fill: #fff;
}

@media screen and (min-width: 1025px) {
    #masthead .social-icons {
        /*margin: 0;*/
    }
    #masthead .social-icons li:not(:last-child) {
        margin-right: 10px;
    }
}

@media screen and (min-width: 1200px) {
    #masthead .social-icons {
        width: 15%;
    }
    #masthead .social-icons ul {
        float: right;
    }
    #masthead .social-icons li:not(:last-child) {
        margin-right: 10px;
    }
}


/***
====================================================================
## Site Navigation
====================================================================
***/

#site-navigation {
    background-color: #1f4c94;
}

.main-navigation {
    display: block;
    position: relative;
}

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

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
}

.main-navigation ul.nav-menu>li {
    position: relative;
    padding: 20px 15px;
}

.main-navigation ul.nav-menu>li>a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}

.main-navigation ul.nav-menu>li.current-menu-item>a,
.main-navigation ul.nav-menu>li>a:hover,
.main-navigation ul.nav-menu>li:hover>a {
    color: #ffd200;
}

@media screen and (min-width: 1025px) {
    .main-navigation {
        display: block !important;
        height: auto !important;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
        /*border-top: solid 4px transparent;
        border-bottom: solid 1px transparent;*/
    }
    .main-navigation ul.nav-menu>li:after {
        position: absolute;
        content: "";
        width: 1px;
        height: 15px;
        background-color: #fff;
        top: 26px;
        right: 0;
    }
    .menu-sticky .nav-shrink #site-navigation {
        position: fixed;
        background-color: #1f4c94;
        /*box-shadow: 1px 0 3px 2px rgb(0 0 0 / 10%);*/
        top: 0;
        left: 0;
        right: 0;
    }
    .menu-sticky .nav-shrink #site-navigation ul.nav-menu>li>a {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: normal;
        color: #fff;
    }
    .menu-sticky .nav-shrink #site-navigation ul.nav-menu>li.current-menu-item>a,
    .menu-sticky .nav-shrink #site-navigation ul.nav-menu>li>a:hover,
    .menu-sticky .nav-shrink #site-navigation ul.nav-menu>li:hover>a {
        color: #ffd200;
    }
}

@media screen and (max-width: 1024px) {
    .main-navigation {
        display: none;
        /*position: static;*/
        position: absolute;
        max-width: 100%;
        width: 100%;
        background-color: #fff;
        top: 100%;
        right: 0;
        left: auto;
        margin-top: 0;
        z-index: 30000;
    }
    .main-navigation .wrapper {
        width: 100%;
        padding: 0;
    }
    .main-navigation ul.nav-menu {
        border-top: solid 1px rgb(255 255 255 / 10%);
    }
    .main-navigation ul.nav-menu>li {
        padding: 15px 15px 15px 25px;
        border-bottom: solid 1px rgb(255 255 255 / 10%);
    }
    .main-navigation ul.nav-menu>li:last-child {
        border-bottom: none;
    }
    .main-navigation ul.nav-menu>li>a {
        font-size: 16px;
        font-weight: normal;
        color: #fff;
    }
    .main-navigation ul.nav-menu>li.current-menu-item>a,
    .main-navigation ul.nav-menu>li>a:hover,
    .main-navigation ul.nav-menu>li:hover>a {
        color: #ffd200;
    }
}


/**
 * Menu Toggle
 * -------------------------------------------------------------
 */

.menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    min-height: 50px;
    line-height: 50px;
    background-color: #1f4c94;
    border: none;
    border-radius: 0;
    padding: 0;
}

.menu-toggle:hover,
.menu-toggle:focus {
    background-color: #1f4c94;
    border-color: #1f4c94;
}

svg.icon-menu {
    fill: #fff;
    vertical-align: baseline;
    width: 30px;
    height: 30px;
}

svg.icon-close {
    display: none;
    width: 20px;
    height: 20px;
    fill: #fff;
}

.menu-label {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding-left: 10px;
}

@media screen and (min-width: 1025px) {
    .menu-toggle {
        display: none;
    }
}


/***
====================================================================
## Content
====================================================================
***/

#content.site-content {
    position: relative;
    background: #fff;
}


/***
====================================================================
## Categories-1
====================================================================
***/

#fairtimes_pro_header_posts_section {
    padding: 50px 0;
    background-color: #fff3c6;
}

.header-post {}

.header-post .tab-content {
    display: none;
}

.header-post .tab-content.active {
    display: block;
}

.header-post article {}

.header-post .entry-container {}

.header-post .entry-header {}

.header-post h2.entry-title {}

.header-post .entry-content {}

.header-post .entry-content p {
    margin-bottom: 20px;
}

.header-post .featured-image {}

@media screen and (min-width: 767px) {
    .header-post article {
        display: table;
        position: relative;
        width: 100%!important;
    }
    .header-post .entry-container {
        text-align: left;
        display: table-cell;
        width: 43%;
        padding: 0 30px 0 0;
    }
    .header-post .featured-image {
        display: table-cell;
        /*position: absolute;*/
        position: relative;
        width: 57%;
        /*height: 100%;*/
        margin: 0;
        padding: 175px 0;
        top: 0;
        right: 0;
    }
}

@media screen and (min-width: 1200px) {
    /*#fairtimes_pro_header_posts_section.col-2 .header-post {
        float: left;
        width: 68%;
    }*/
}

@media screen and (max-width: 767px) {
    #fairtimes_pro_header_posts_section.col-2 .header-post article {
        float: none;
        width: 100%;
    }
    #fairtimes_pro_header_posts_section.col-2 .header-post article .featured-image {
        padding: 200px 0;
    }
}


/***
====================================================================
## Post / Categories-1
====================================================================
***/

#fairtimes_pro_most_viewed_posts_section {
    padding: 50px 0;
}

.grid-layout article:not(:last-child) {
    margin-bottom: 30px;
}

.grid-layout .fairtimes_pro_grid-layout {
    border: solid 1px #f0f0f0;
}

.grid-layout .featured-image {
    position: relative;
    padding: 100px 0;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
    /*margin-bottom: 20px;*/
}

.grid-layout .entry-container {
    padding: 20px;
}

.grid-layout .entry-header {}

.grid-layout h3.entry-title {}

.grid-layout h3.entry-title a {
    color: #333;
}

.grid-layout .entry-content {}

.grid-layout .entry-content p {
    margin: 0;
} 


/***
====================================================================
## Main Post Wrapper
====================================================================
***/

#main-post-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
}

#main-post-wrapper #primary {}

#main-post-wrapper .right-sidebar {}

#inner-content-wrapper #primary {}

#inner-content-wrapper .right-sidebar {}

#main.site-main {}

.home #main.site-main {}

.single #main.site-main {}

@media screen and (min-width: 1025px) {
    .right-sidebar #secondary {
        float: left;
        width: 30%;
        padding-right: 30px;
    }
    .right-sidebar #primary {
        float: right;
        width: 70%;
    }
}

@media screen and (max-width: 1024px) {
    .right-sidebar #secondary {
        margin-top: 40px;
    }
}


/***
====================================================================
## Categories-2
====================================================================
***/

#fairtimes_pro_most_recent_posts {}

#fairtimes_pro_most_recent_posts .col-2 article {
    width: 100%;
    margin-bottom: 45px;
}

#fairtimes_pro_most_recent_posts .full-width {
    background-color: #e5e7fd;
    padding: 15px;
}

/*#fairtimes_pro_most_recent_posts .section-header {
    position: relative;
    border-bottom: solid 1px rgb(0 0 0 / 15%);
    margin-bottom: 30px;
}

#fairtimes_pro_most_recent_posts h2.section-title {
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    padding-bottom: 10px;
    padding-right: 15px;
    border-bottom: solid 3px #ffd200;
}*/

#fairtimes_pro_most_recent_posts .featured-image {
    position: relative;
    padding: 200px 0;
    background-position: 50%;
    background-size: cover;
    margin-bottom: 20px;
}

#fairtimes_pro_most_recent_posts .entry-container {}

#fairtimes_pro_most_recent_posts .entry-header {}

#fairtimes_pro_most_recent_posts h2.entry-title {}

#fairtimes_pro_most_recent_posts .entry-content {
    display: block;
}

#fairtimes_pro_most_recent_posts .entry-content p {
    margin: 0;
}

@media screen and (min-width: 1025px) {
    #fairtimes_pro_most_recent_posts .full-width .featured-image {
        padding: 275px 0;
    }
    #fairtimes_pro_most_recent_posts .full-width .entry-header,
    #fairtimes_pro_most_recent_posts .full-width .entry-content {
        /*width: 50%;*/
    }
    #fairtimes_pro_most_recent_posts .full-width .entry-header {
        float: left;
    }
    #fairtimes_pro_most_recent_posts .full-width .entry-content {
        float: right;
        /*margin-top: -30px;*/
    }
}


/***
====================================================================
## List Post / Categories-2
====================================================================
***/

#fairtimes_pro_popular_posts_section {
    margin-bottom: 45px;
}

#magazine-popular-posts {}

.popular-posts-wrapper {}

.list-layout article {
    border: solid 1px #f0f0f0;
}

.list-layout article:not(:last-child) {
    margin-bottom: 30px;
}

.list-layout article .featured-image {
    position: relative;
    padding: 125px 0;
    background-color: #333;
    background-position: 50%;
    background-size: cover;
    /*margin-bottom: 20px;*/
}

.list-layout article .entry-container {
    padding: 20px;
}

.list-layout article .entry-header {}

.list-layout article h3.entry-title {}

.list-layout article h3.entry-title a {
    color: #333;
}

.list-layout article .entry-content {}

.list-layout article .entry-content p {
    margin: 0;
}

@media screen and (min-width: 567px) {
    .list-layout article.has-post-thumbnail {
        display: table;
        position: relative;
        width: 100%;
    }
    .list-layout article.has-post-thumbnail .featured-image {
        display: table-cell;
        position: absolute;
        width: 40%;
        height: 100%;
        margin-bottom: 0;
        padding: 0;
        top: 0;
        left: 0;
    }
    .list-layout article.has-post-thumbnail .entry-container {
        display: table-cell;
        width: 60%;
        padding: 25px 20px 25px 20px;
    }
}


/***
====================================================================
## Page Site Header
====================================================================
***/

#page-site-header {
    text-align: center;
    position: relative;
    padding: 200px 0;
    background-color: #333;
    background-position: 50%;
    background-size: cover;
}

#page-site-header .overlay {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 40%);
    top: 0;
    left: 0;
}

#page-site-header .header-wrapper {}

#page-site-header .wrapper {
    text-align: center;
    position: relative;
}

#page-site-header .page-header {}

#page-site-header h2.page-title {
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-weight: normal;
    color: #fff;
}

@media screen and (min-width: 1025px) {
    #page-site-header .wrapper {
        text-align: center;
        position: absolute;
        width: 90%;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #page-site-header h2.page-title {
        font-size: 32px;
    }
}

@media screen and (max-width: 1024px) {
    #page-site-header {
        padding: 150px 0;
    }
}


/***
====================================================================
## Single Post
====================================================================
***/

#inner-content-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
}

#inner-content-wrapper article {}

#inner-content-wrapper article .featured-image {
    margin-bottom: 20px;
}

#inner-content-wrapper article .featured-image img {
    object-fit: cover;
    width: 100%;
    height: 450px;
}

#inner-content-wrapper article .entry-container {}

#inner-content-wrapper article .entry-header {}

#inner-content-wrapper article h2.entry-title {
    font-weight: normal;
}

#inner-content-wrapper article .entry-content {}

#inner-content-wrapper article .entry-content h3 {}

#inner-content-wrapper article .entry-content p {}


/***
====================================================================
## Secondary
====================================================================
***/

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

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


/**
 * Widget Trending News
 * -------------------------------------------------------------
 */

.widget_trending_news {
    border: solid 3px #f0f0f0;
    padding: 15px;
}

.widget_trending_news .widget-header {
    position: relative;
}

.widget_trending_news h2.widget-title {
    vertical-align: middle;
    /*display: inline-block;*/
    position: relative;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.widget_trending_news h2.widget-title:before {
    position: absolute;
    content: "";
    width: 60px;
    height: 2px;
    background: #ffd200;
    bottom: 0;
    left: 0;
}

.widget_trending_news h2.widget-title a {
    color: #333;
}

.widget_trending_news ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget_trending_news ul li {
    display: table;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.widget_trending_news ul li:last-child {
    margin-bottom: 0;
}

.widget_trending_news ul li .featured-image {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 20px;
}

.widget_trending_news ul li .featured-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.widget_trending_news ul li .entry-container {
    display: table;
    margin-top: 20px;
}

.widget_trending_news ul li .entry-header {}

.widget_trending_news ul li h2.entry-title {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
}

.widget_trending_news ul li h2.entry-title a {
    color: #333;
}

.widget_trending_news ul li h2.entry-title a:hover {
    color: #2457aa;
}

/*@media screen and (min-width: 567px) {
    .widget_trending_news ul li .featured-image {
        float: left;
        width: 120px;
        height: 120px;
        margin-right: 20px;
    }
}*/


/**
 * Widget Text
 * -------------------------------------------------------------
 */

#secondary .widget_text {
    border: solid 3px #7db935;
    padding: 3px;
}

#secondary .textwidget {
    background-color: #f5f5f5;
    padding: 15px;
}

#secondary .textwidget p {
    margin: 0;
    padding: 0;
}


/***
====================================================================
## Footer
====================================================================
***/

#colophon {
    background-color: #2457aa;
}

.footer-widgets-area {
    padding: 50px 0;
}

.footer-widgets-area .hentry {
    text-align: center;
    margin: 0 auto;
}

/*.double-border-line {
    display: block;
    max-width: 1170px;
    width: 90%;
    height: 6px;
    border-top: solid 1px rgb(0 0 0 / 10%);
    border-bottom: solid 1px rgb(0 0 0 / 10%);
    margin: 0 auto;
}*/


/**
 * Footer / Logo
 * -------------------------------------------------------------
 */

.footer-widgets-area .widget_text {
    margin-bottom: 30px;
}

.footer-widgets-area .textwidget {
    line-height: 0;
}

.footer-widgets-area .textwidget a {
    display: inline-block;
}

.footer-widgets-area .textwidget img {
    display: block;
    max-width: 100%;
}


/**
 * Footer / Social Icons
 * -------------------------------------------------------------
 */

.widget_social_icons {}

.widget_social_icons .widget-header {
    position: relative;
    border-bottom: solid 1px rgb(255 255 255 / 10%);
    margin-bottom: 30px;
}

.widget_social_icons h2.widget-title {
    vertical-align: middle;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: solid 3px #ffd200;
}

.widget_social_icons .social-icons {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget_social_icons .social-icons li {
    display: inline-block;
    width: auto;
    background-color: #2b63bd;
    /*box-shadow: 1px 2px 20px 0 rgb(230 230 230 / 80%);*/
}

.widget_social_icons .social-icons li:not(:last-child) {
    margin-right: 10px;
}

.widget_social_icons .social-icons li svg {
    fill: #fff;
}


/**
 * Footer / Site Info
 * -------------------------------------------------------------
 */

.site-info {
    text-align: center;
    position: relative;
    padding: 25px 0;
    border-top: solid 1px rgb(255 255 255 / 10%);
}

.site-info span {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.site-info a {
    color: #ffd200;
}

@media screen and (min-width: 567px) {
    .footer-widgets-area.col-4 .hentry {
        float: left;
        width: 50%;
    }
    /*.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
        clear: left;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(odd) {
        padding-right: 40px;
    }
    .footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
        margin-bottom: 0;
    }*/
}

@media screen and (min-width: 1200px) {
    .footer-widgets-area.col-4 .hentry {
        width: 25%;
        padding-right: 35px;
    }
    /*.footer-widgets-area.col-4 .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) {
        margin-bottom: 0;
    }*/
}


/***
====================================================================
## Social Icons
====================================================================
***/

.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}

.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}

.social-icons li a {
    background-color: transparent;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}

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


/***
====================================================================
## Social Icons Hover Color
====================================================================
***/

.social-icons li a.facebook:hover,
.social-icons li a.facebook:focus {
    background-color: #3c5798 !important;
}

.social-icons li a.twitter:hover,
.social-icons li a.twitter:focus {
    background-color: #1ea0f1 !important;
}

.social-icons li a.instagram:hover,
.social-icons li a.instagram:focus {
    background-color: #9A26C9 !important;
}

.social-icons li a.pinterest:hover,
.social-icons li a.pinterest:focus {
    background-color: #E6001C !important;
}


/***
====================================================================
## End CSS
====================================================================
***/

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;
    color: #7b7b7b;
}

dfn {
    font-style: italic;
}

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

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

td,
th {
    padding: 5px;
    font-weight: 400;
}

th {
    color: #fff;
}

td#next {
    text-align: right;
}

table#wp-calendar {
    display: table;
}


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

button,
input,
select,
textarea {
    color: #666;
    font-size: 18px;
    line-height: 28px;
    word-wrap: break-word;
}

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

blockquote {
    padding: 21px 25px;
    margin: 30px 0;
    font-size: 22px;
    line-height: 1.5;
}

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

blockquote p:before,
blockquote p:after {
    content: "“";
    display: inline-block;
}

blockquote p:after {
    content: "”";
}

blockquote p {
    margin: 0;
}

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

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

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

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

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

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


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

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

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 {
    border-color: #aaa #bbb #bbb;
    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 {
    width: 100%;
    color: #666;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    padding: 10px;
    background-color: #eaedf3;
    border: 1px solid #eaedf3;
}

select {
    border: 1px solid #e0e0e0;
}

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

textarea {
    width: 100%;
}

.main-navigation svg.icon-close {
    display: none;
}

.secondary-menu-toggle {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.secondary-menu-toggle svg {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}

.secondary-menu-toggle svg.icon-close {
    display: none;
    fill: #000;
    width: 16px;
    height: 16px;
}

.secondary-menu-toggle.active svg.icon-menu-bar {
    display: none;
}

.secondary-menu-toggle.active svg.icon-close {
    display: block;
}

#site-menu .menu-toggle.active svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.menu-toggle.active svg.icon-menu {
    display: none;
}

.menu-toggle.active svg.icon-close {
    display: block;
}

button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 57px;
    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.active {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 3;
}


/*--------------------------------------------------------------
# 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;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}


/*--------------------------------------------------------------
# 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,
.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,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.widget_recent_news.col-2>ul>li:before,
.widget_recent_news.col-2>ul>li:after,
.widget_popular_news>ul>li:before,
.widget_popular_news>ul>li:after,
.widget_posts_filter .tab-content>ul>li:before,
.widget_posts_filter .tab-content>ul>li:after,
.widget_recent_news ul li:before,
.widget_recent_news ul li:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
.widget_recent_news.col-2>ul>li:before,
.widget_recent_news.col-2>ul>li:after,
.widget_popular_news>ul>li:before,
.widget_popular_news>ul>li:after,
.widget_posts_filter .tab-content>ul>li:before,
.widget_posts_filter .tab-content>ul>li:after,
.widget_recent_news ul li:before,
.widget_recent_news ul li:after {
    clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

/*.widget {
    margin: 0 0 20px;
}

.widget:last-child {
    margin-bottom: 0;
}*/


/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
    background-color: #efefef;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}

select:focus {
    outline: thin dotted;
}

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

form.search-form button.search-submit {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.widget_search form.search-form .search-submit {
    width: auto;
    color: #fff;
    background-color: #171616;
    left: auto;
    right: 0;
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 10px;
}

.widget_search form.search-form .search-submit:hover,
.widget_search form.search-form .search-submit:focus {
    background-color: #ffd200;
    color: #fff;
}

.widget_search form.search-form .search-submit svg {
    fill: #fff;
    width: 14px;
    height: 14px;
}

.widget_search form.search-form .search-submit:hover svg,
.widget_search form.search-form .search-submit:focus svg {
    fill: #fff;
}

.widget_search form.search-form input {
    border: none;
}

.widget_search form.search-form input {
    padding: 0 55px 0 15px;
    height: 40px;
    background-color: #eaedf3;
}

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

/*.widget-title {
    font-size: 22px;
    margin: 0 0 16px;
}*/

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

.widget_posts_filter .tab-content .cat-links ul>li {
    margin-bottom: 0;
    line-height: 1.3;
}

.widget_instagram ul {
    list-style: none;
    margin: 0 -5px;
    padding: 0;
}

.widget_instagram li {
    margin: 0;
    padding: 0 5px;
}

.widget.widget_instagram li:not(:last-child),
#colophon .footer-widgets-area .widget.widget_instagram li:not(:last-child) {
    margin-bottom: 10px;
}

.widget_instagram .col-1 li {
    width: 100%;
    float: none;
}

.widget_instagram .col-2 li {
    width: 50%;
    float: left;
}

.widget_instagram .col-3 li {
    width: 33.33%;
    float: left;
}

.widget_instagram .col-4 li {
    width: 25%;
    float: left;
}

.widget_instagram .col-5 li {
    width: 20%;
    float: left;
}

.widget_instagram .col-6 li {
    width: 16.66%;
    float: left;
}

.widget_instagram li img {
    width: 100%;
}

.widget.widget_archive li {
    text-align: right;
}

.widget.widget_archive li a {
    float: left;
}

#colophon .entry-title {
    text-transform: none;
}

#left-sidebar .entry-title {
    margin-bottom: 0;
    font-size: 20px;
}

#secondary-sidebar .widget,
#left-sidebar .widget {
    margin-bottom: 40px;
}

input[type="submit"] {
    padding: 10px 30px;
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    border: none;
    background-color: #ffd200;
    color: #fff;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    -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: #171616;
    color: #fff;
}

.jetpack_subscription_widget form {
    position: relative;
    max-width: 620px;
    margin: 0 auto;
}

.jetpack_subscription_widget input[type="email"] {
    width: 100%;
    min-height: 60px;
    padding: 2px 168px 0 30px;
    background-color: #414C57;
    border: none;
    border-radius: 50px;
    color: #fff;
}

.jetpack_subscription_widget input[type="submit"] {
    padding: 13px 23px;
    font-size: 14px;
    line-height: 34px;
    display: inline-block;
    border-radius: 25px;
    min-width: 133px;
    min-height: 60px;
    background-color: #ffd200;
    color: #fff;
    border: none;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.jetpack_subscription_widget input[type="submit"]:hover,
.jetpack_subscription_widget input[type="submit"]:focus {
    background-color: #333;
}

.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
    margin-bottom: 10px;
}

.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 25px;
}

.jetpack_subscription_widget #subscribe-submit {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.jetpack_subscription_widget .widget-title {
    margin-bottom: 5px;
}

#subscribe-email label {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}

.widget_popular_post ul,
.widget_latest_post ul,
.widget_featured_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,
.widget.widget_featured_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child,
.widget.widget_featured_post ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget_popular_post h3,
.widget_latest_post h3,
.widget_featured_post h3 {
    font-size: 16px;
    line-height: 1.5;
    display: table-row;
    letter-spacing: 0.01em;
}

.widget_popular_post h3 a,
.widget_latest_post h3 a,
.widget_featured_post h3 a {
    display: block;
}

#secondary .widget_popular_post h3 a,
#secondary .widget_latest_post h3 a,
#secondary .widget_featured_post h3 a {
    font-weight: 600;
}

.widget_popular_post time,
.widget_latest_post time,
.widget_featured_post time {
    display: table-row;
    font-weight: 500;
}

.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
    color: #333;
}

.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,
.widget_featured_post h3 a:hover,
.widget_featured_post h3 a:focus,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
    color: #ffd200;
}

.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time,
.widget_featured_post a time,
.widget_featured_post time {
    color: #ffd200;
    font-family: 'Poppins', sans-serif;
}

.widget_popular_post img,
.widget_latest_post img,
.widget_featured_post img {
    max-width: 95px;
    width: 95px;
    height: 95px;
    float: left;
    margin-right: 14px;
}

/*.textwidget img {
    margin-bottom: 25px;
    display: block;
}*/

.widget.widget_text .btn {
    margin-top: 20px;
}

/*.textwidget a {
    line-height: 1.5;
    display: inline-block;
    font-weight: 500;
}*/

#secondary .jetpack_subscription_widget input[type="email"] {
    height: 50px;
    min-height: auto;
    background-color: #fff;
    border-color: #fff;
    padding: 15px 18px;
}

#secondary .jetpack_subscription_widget input[type="submit"] {
    position: relative;
    margin: auto;
    min-height: 50px;
    border-radius: 0;
    background-color: #333;
    min-width: 151px;
    margin: 0;
    text-transform: uppercase;
}

#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
    background-color: #ffd200;
}

#secondary p#subscribe-email {
    margin-top: 0;
}

#secondary .widget .social-icons {
    text-align: center;
    margin-top: -10px;
}

#secondary .widget .social-icons li a:hover svg,
#secondary .widget .social-icons li a:focus svg {
    fill: #fff;
}

#secondary-sidebar .widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget svg {
    fill: #ffd200;
}

#secondary-sidebar a,
#secondary-sidebar li {
    color: #ffd200;
}

#secondary-sidebar a:hover,
#secondary-sidebar a:focus {
    color: #ffd200;
}

.widget .post-categories li {
    margin-bottom: 0;
}

.widget_recent_news ul li img,
.widget_posts_filter ul li img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    float: left;
    margin-right: 20px;
}

.widget_popular_news .post-number {
    width: 50px;
    height: 100px;
    float: left;
    margin-right: 20px;
    background-color: #ffd200;
    position: relative;
    font-size: 28px;
    line-height: 100px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.widget_recent_news ul li .entry-container,
.widget_popular_news ul li .entry-container,
.widget_posts_filter ul li .entry-container {
    display: table-row;
}

.widget_popular_news .entry-title,
.widget_posts_filter .entry-title {
    font-size: 16px;
    margin-bottom: 0px;
}

.widget_recent_news .entry-title {
    font-size: 18px;
    margin-bottom: 5px;
}

#secondary .post-categories a,
#secondary-sidebar .post-categories a {
    color: #ffd200;
}

#secondary .post-categories a:hover,
#secondary-sidebar .post-categories a:hover,
#secondary .post-categories a:focus,
#secondary-sidebar .post-categories a:focus {
    color: #171616;
}

.widget_recent_news ul.post-categories,
.widget_posts_filter .cat-links ul,
.widget_recent_news .cat-links li,
.widget_recent_news .entry-meta {
    line-height: 1;
}

.widget_recent_news>ul>li:not(:last-child),
.widget_posts_filter>ul>li:not(:last-child) {
    margin-bottom: 30px;
}

.widget_recent_news .entry-meta {
    margin-bottom: 8px;
}

.widget_popular_news ul li .entry-container .entry-meta {
    margin-top: 7px;
}

.widget_posts_filter .widget-title span:not(:last-child):after {
    content: "|";
    margin: 0 7px;
}

.widget_posts_filter .widget-title span {
    cursor: pointer;
}

.widget_posts_filter .widget-title span.active {
    color: #ffd200;
}

.widget_no_image_post li,
.widget_most_read_post li,
.widget_latest_news li {
    display: table;
    width: 100%;
    position: relative;
}

.widget_no_image_post .post-count {
    float: left;
    font-size: 70px;
    color: #DFDFDF;
    line-height: 100px;
    font-weight: 700;
    width: 100px;
    height: 100px;
    margin-right: 5px;
    font-family: 'Philosopher', sans-serif;
}

.widget_no_image_post .entry-container,
.widget_most_read_post .has-post-thumbnail .entry-container,
.widget_latest_news .has-post-thumbnail .entry-container {
    display: table;
    margin-top: 20px;
}

.widget_most_read_post li:first-child .featured-image {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 20px;
    float: left;
}

#secondary .widget_most_read_post li:first-child .entry-container .entry-title {
    font-size: 24px;
}

.widget_most_read_post li.has-post-thumbnail:first-child {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding-bottom: 20px;
}

.widget_most_read_post .has-post-thumbnail .featured-image img,
.widget_latest_news .has-post-thumbnail .featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.widget.widget_word_news .featured-image {
    padding: 75px 0;
}

#secondary .widget.widget_word_news .col-2 {
    margin: 0 -10px;
}

.widget.widget_word_news .col-2 li.has-post-thumbnail {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.widget.widget_latest_news ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget_posts_slider article {
    padding: 225px 0;
    background-size: cover;
    background-position: 50%;
    position: relative;
}

.widget_posts_slider .entry-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 45px;
    text-align: center;
}

#left-sidebar .widget_posts_slider .entry-title {
    font-size: 24px;
}

.widget_posts_slider .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-color: transparent;
}

.widget_posts_slider .slick-prev:hover,
.widget_posts_slider .slick-next:hover,
.widget_posts_slider .slick-prev:focus,
.widget_posts_slider .slick-next:focus {
    background-color: transparent;
}

.widget_posts_slider .slick-prev:before,
.widget_posts_slider .slick-next:before {
    width: 30px;
    height: 30px;
}

.widget_posts_slider .slick-prev {
    left: 0;
    right: auto;
}

.widget_posts_slider .slick-next {
    right: 0;
}

.widget_posts_slider .slick-arrow: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);
}

.widget_posts_slider .post-categories a,
.widget_posts_slider .posted-on a,
.widget_posts_slider .entry-title a,
.widget_posts_slider .entry-meta>span:not(:first-child):before {
    color: #fff;
}

.widget_posts_slider .post-categories a:hover,
.widget_posts_slider .post-categories a:focus {
    color: #ffd200;
}


/*--------------------------------------------------------------
# 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-summary {
    margin: 0;
}

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


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

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

.relative:before,
.relative:after {
    content: "";
    display: table;
    clear: both;
}

.page-section {
    padding: 50px 0;
}

.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.blog #secondary .widget h2.widget-title,
.archive #secondary .widget h2.widget-title {
    margin-bottom: 30px;
}

#left-sidebar h2.widget-title {
    font-size: 20px;
    margin: 0;
    padding-bottom: 10px;
    display: inline-block;
    border-bottom: 3px solid #ffd200;
    vertical-align: middle;
}

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

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

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

.btn {
    padding: 14px 30px;
    font-size: 14px;
    line-height: 26px;
    min-height: 55px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 30px;
    min-width: 161px;
    border: none;
    background-color: #ffd200;
    color: #fff;
    position: relative;
    text-align: center;
    font-family: 'Philosopher', sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    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;
}

.btn:hover,
.btn:focus {
    background-color: #171616;
    color: #fff;
}

#infinite-handle {
    text-align: center;
    margin-bottom: 30px;
}

.col-1 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

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

.col-1 article:last-child,
.col-2 article:last-child,
.col-3 article:last-child,
.col-4 article:last-child {
    margin-bottom: 0;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-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-bottom: 1.5em;
}

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

.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 Hover Color
--------------------------------------------------------------*/

/*.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="facebook.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*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:focus {
    background-color: #9A26C9 !important;
}

.social-icons li a[href*="pinterest.com"]:hover,
.social-icons li a[href*="pinterest.com"]:focus {
    background-color: #E6001C !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*="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*="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: #333 !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*="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 {
    background-color: #0073AA !important;
}

.social-icons li a[href*="wordpress.com"]:hover,
.social-icons li a[href*="wordpress.com"]:focus {
    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: #333 !important;
}

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


/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/

@media screen and (min-width: 567px) {
    .col-2,
    .col-3,
    .col-4 {
        margin: 0 -15px;
        display: flex;
        flex-wrap: wrap;
    }
    .col-2 article,
    .col-3 article,
    .col-4 article {
        padding: 0 15px;
        width: 50%;
        margin-bottom: 30px;
    }
    .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;
    }
    .full-width.grid-layout .featured-image {
        padding: 175px 0;
    }
    .archive-blog-wrapper article.has-post-thumbnail {
        display: table;
        width: 100%;
        position: relative;
    }
    .archive-blog-wrapper article.has-post-thumbnail .featured-image {
        width: 40%;
        margin-bottom: 0;
        padding: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: table-cell;
    }
    .archive-blog-wrapper article.has-post-thumbnail .entry-container {
        width: 60%;
        display: table-cell;
        padding: 25px 0 25px 20px;
    }
    #fairtimes_pro_most_popular_section .most-popular-wrapper.col-2 {
        margin-bottom: 30px;
    }
    #fairtimes_pro_most_popular_section .most-popular-wrapper.col-2:last-child {
        margin-bottom: 0;
    }
    #fairtimes_pro_most_viewed_posts_section .col-2 {
        margin: 0 -15px;
    }
    #fairtimes_pro_most_viewed_posts_section .col-2 article,
    #fairtimes_pro_related_posts_section .col-2 article,
    #fairtimes_pro_related_posts_section .col-3 article,
    #fairtimes_pro_related_posts_section .col-4 article,
    #fairtimes_pro_related_posts_section .col-5 article {
        width: 50%;
        float: left;
        padding: 0 15px;
    }
    #fairtimes_pro_featured_posts_section article:nth-child(2n+1),
    #fairtimes_pro_most_viewed_posts_section .col-2 article:nth-child(2n+1),
    #fairtimes_pro_related_posts_section .col-2 article:nth-child(2n+1),
    #fairtimes_pro_related_posts_section .col-3 article:nth-child(2n+1),
    #fairtimes_pro_related_posts_section .col-4 article:nth-child(2n+1) {
        clear: left;
    }
    #fairtimes_pro_most_viewed_posts_section .col-2 article:nth-last-child(-n+2),
    #fairtimes_pro_related_posts_section .col-2 article:nth-last-child(-n+2),
    #fairtimes_pro_related_posts_section .col-3 article:nth-last-child(-n+2),
    #fairtimes_pro_related_posts_section .col-4 article:nth-last-child(-n+2),
    #fairtimes_pro_related_posts_section .col-5 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    #fairtimes_pro_most_popular_section .widget_most_popular>ul>li,
    #fairtimes_pro_design_article_section .widget_most_popular>ul>li {
        display: table;
        position: relative;
    }
    #fairtimes_pro_most_popular_section .widget_most_popular .featured-image,
    #fairtimes_pro_design_article_section .widget_most_popular .featured-image {
        width: 185px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        display: table-cell;
        padding: 0;
        margin-bottom: 0;
    }
    #fairtimes_pro_most_popular_section .widget_most_popular ul li .entry-container,
    #fairtimes_pro_design_article_section .widget_most_popular ul li .entry-container {
        display: table;
        padding-top: 15px;
        padding-left: 205px;
        padding-bottom: 15px;
    }
    #fairtimes_pro_most_popular_section .widget_most_popular.three-column .featured-image {
        width: 120px;
    }
    #fairtimes_pro_most_popular_section .widget_most_popular.three-column ul li .entry-container {
        display: table;
        padding-top: 15px;
        padding-left: 140px;
    }
    .widget_most_read_post .has-post-thumbnail .featured-image {
        margin-right: 20px;
        width: 120px;
        height: 120px;
        float: left;
    }
    .widget_latest_news .has-post-thumbnail .featured-image {
        margin-right: 20px;
        width: 185px;
        height: 185px;
        float: left;
    }
    .footer-widgets-area.col-2 .hentry {
        width: 50%;
        float: left;
    }
    .footer-widgets-area.col-2 .hentry:nth-child(2n+1) {
        clear: left;
    }
    .footer-widgets-area.col-2 .hentry:nth-child(odd) {
        padding-right: 40px;
    }
    .footer-widgets-area.col-2 .hentry:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}

@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:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    #fairtimes_pro_breaking_news_section .news-title {
        float: left;
    }
    .breaking-news-slider article {
        margin-top: 0px;
    }
    .full-width.grid-layout .entry-title {
        font-size: 28px;
    }
    .header-side-post>ul>li:nth-child(2n+1) {
        clear: left;
    }
    .header-side-post>ul>li {
        width: 50%;
        float: left;
    }
    .slider-related-posts.widget_recent_news.col-2>ul {
        margin: 0 -15px;
    }
    .slider-related-posts.widget_recent_news.col-2>ul>li {
        width: 50%;
        float: left;
        padding: 0 15px;
    }
    .slider-related-posts.widget_recent_news.col-2>ul>li:nth-child(2n+1) {
        clear: left;
    }
    #fairtimes_pro_most_popular_section .col-2 {
        margin: 0 -15px;
    }
    #fairtimes_pro_most_popular_section .col-2 .half-width,
    #fairtimes_pro_design_article_section .col-2 .half-width {
        width: 50%;
        float: left;
    }
    #fairtimes_pro_most_popular_section .most-popular-wrapper.col-2 {
        margin-bottom: 30px;
    }
    #fairtimes_pro_most_popular_section .most-popular-wrapper.col-2:last-child {
        margin-bottom: 0;
    }
    #random-posts article.has-post-thumbnail.full-width .entry-container {
        padding: 47px 0 47px 30px;
    }
    #random-posts article:not(.full-width) {
        width: 50%;
        float: left;
        padding-right: 20px;
    }
    #random-posts article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    #power_news_multiple_posts_section .section-content {
        width: 50%;
        float: left;
        margin-bottom: 0;
    }
}

@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-last-child(-n+4) {
        margin-bottom: 0;
    }
    #fairtimes_pro_featured_article_section .featured-wrapper {
        display: table;
        width: 100%;
    }
    #fairtimes_pro_featured_article_section article.has-post-thumbnail .featured-image {
        float: left;
    }
    #fairtimes_pro_featured_article_section article.has-post-thumbnail .header-wrapper {
        display: table;
    }
    #fairtimes_pro_featured_article_section article.has-post-thumbnail .entry-content {
        display: inline-block;
    }
    .archive-blog-wrapper article .archive-post-wrapper .entry-container {
        padding: 43px 50px;
    }
    .archive-blog-wrapper article.has-post-thumbnail .featured-image {
        width: 40.6%;
    }
    .archive-blog-wrapper article.has-post-thumbnail .entry-container {
        padding: 43px 50px;
        width: 59.4%;
    }
}

@media screen and (min-width: 1025px) {
    .col-3 article {
        width: 33.33%;
    }
    .menu-overlay.active {
        display: none;
    }
    .main-navigation .social-menu-item ul {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        float: none;
        background-color: transparent;
        box-shadow: none;
    }
    .main-navigation .social-menu-item ul li:not(:last-child),
    .main-navigation .social-menu-item ul li a {
        border: none;
    }
    .main-navigation .social-menu-item .social-icons {
        padding: 5px 0;
    }
    .main-navigation li.social-menu-item {
        float: right;
    }
    button.dropdown-toggle {
        display: none;
    }
    #fairtimes_pro_related_posts_section .col-3 article,
    #fairtimes_pro_related_posts_section .col-4 article {
        width: 25%;
        margin-bottom: 50px;
    }
    #fairtimes_pro_related_posts_section .col-5 article {
        width: 20%;
        margin-bottom: 50px;
    }
    #fairtimes_pro_related_posts_section .col-3 article {
        width: 33.33%;
    }
    #fairtimes_pro_related_posts_section .col-3 article:nth-child(2n+1),
    #fairtimes_pro_related_posts_section .col-4 article:nth-child(2n+1) {
        clear: none;
    }
    #fairtimes_pro_related_posts_section .col-3 article:nth-child(3n+1),
    #fairtimes_pro_related_posts_section .col-4 article:nth-child(4n+1) {
        clear: left;
    }
    #fairtimes_pro_related_posts_section .col-4 article:nth-last-child(-n+3),
    #fairtimes_pro_related_posts_section .col-4 article:nth-last-child(-n+4) {
        margin-bottom: 0;
    }
    .inner-wrapper-sticky {
        padding-bottom: 50px;
        display: block;
    }
    .left-sidebar #primary {
        width: 70%;
        float: left;
        padding-right: 30px;
    }
    .left-sidebar #secondary {
        width: 30%;
        float: left;
    }
    .left-sidebar #primary {
        padding-left: 30px;
        padding-right: 0;
        float: right;
    }
    .no-sidebar #primary {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    #main-post-wrapper #left-sidebar {
        width: 32%;
        padding-right: 30px;
        padding-left: 0;
        float: left;
    }
    .boxed-layout,
    .frame-layout {
        background-image: url('assets/images/pattern.png');
    }
    .boxed-layout #page,
    .frame-layout #page {
        max-width: 1200px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
    }
    .frame-layout #page {
        margin: 50px auto;
    }
}

@media screen and (min-width: 1200px) {
    .full-width.grid-layout .featured-image {
        padding: 250px 0;
    }
    #fairtimes_pro_header_posts_section.col-2 .header-side-post {
        float: right;
        width: 32%;
        padding-left: 30px;
        margin-bottom: 0px;
    }
    .header-side-post>ul>li {
        width: 100%;
        float: none;
    }
    .header-side-post>ul>li:nth-child(2n+1) {
        clear: none;
    }
    #fairtimes_pro_most_popular_section .col-2 .half-width,
    #fairtimes_pro_design_article_section .col-2 .half-width {
        width: 50%;
        float: left;
    }
    #fairtimes_pro_most_popular_section .col-3 .half-width {
        width: 33.33%;
        float: left;
    }
    .footer-widgets-area.col-5 .hentry {
        width: 20%;
        float: left;
    }
    .footer-widgets-area.col-5 .hentry:nth-child(5n+1) {
        clear: left;
    }
    .site-info.col-3 span,
    .site-info.col-3 .social-icons {
        width: 20%;
        float: left;
    }
    .site-info.col-3 span {
        text-align: left;
    }
    .site-info.col-3 .custom-menu {
        width: 60%;
        float: left;
        text-align: center;
    }
    .site-info.col-3 .social-icons {
        float: right;
        text-align: right;
    }
}

@media screen and (min-width: 1900px) {
    .wrapper {
        max-width: 1440px;
    }
    .double-border-line {
        max-width: 1400px;
    }
    .widget_recent_news .entry-title {
        font-size: 20px;
    }
    .boxed-layout #page,
    .frame-layout #page {
        max-width: 1600px;
    }
    .site-info:before {
        max-width: 1410px;
    }
    .site-info.col-3 span,
    .site-info.col-3 .social-icons {
        width: 15%;
    }
    .site-info.col-3 .custom-menu {
        width: 70%;
    }
    #fairtimes_pro_breaking_news_section {
        margin-top: 0;
        margin-bottom: 5px;
        margin-left: -41px;
    }
    #fairtimes_pro_breaking_news_section .wrapper {
        max-width: 545px;
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 1200px) {
    #fairtimes_pro_most_popular_section {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1024px) {
    body.home:not(.blog) #secondary {
        margin-top: 0;
        margin-bottom: 30px;
    }
    #fairtimes_pro_featured_article_section article:not(:last-child) {
        margin-bottom: 30px;
    }
    #fairtimes_pro_related_posts_section {
        margin-top: 30px;
    }
    #fairtimes_pro_related_posts_section .col-5 article:nth-child(2n+1) {
        clear: left;
    }
}

@media screen and (max-width: 767px) {
    #masthead.site-header .main-navigation ul.nav-menu {
        max-width: 100%;
    }
    body.home:not(.blog) #secondary {
        margin-top: 30px;
    }
    #inner-content-wrapper article .featured-image img {
        height: auto;
    }
}

@media screen and (max-width: 567px) {
    .widget.widget_word_news .col-2 li.has-post-thumbnail {
        width: 100%;
        float: none;
    }
    .half-width ul {
        padding: 0;
        list-style: none;
    }
    #fairtimes_pro_related_posts_section .col-4 article,
    #fairtimes_pro_related_posts_section .col-5 article {
        margin-bottom: 30px;
    }
    .footer-widgets-area .hentry:last-child,
    .footer-widgets-area.col-3 .hentry:last-child {
        margin-bottom: 0;
        padding-right: 0;
    }
}

.blog .header-wrapper,
.archive .header-wrapper {
    background-color: unset !important;
}

img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}