/*
Theme Name: Blogood
Theme URI: https://themepalace.com/downloads/blogood/
Author: Theme Palace
Author URI: https://themepalace.com
Description: Blogood is a functional, convenient, and modern WordPress theme for blogs. It is a bright blog theme with an absolutely stunning design. The theme is so designed that you can showcase your content effortlessly in a visually appealing way. It is fully responsive and works flawlessly on all types of devices like mobiles, tablets, laptops, and computers. The customization is super easy and requires no coding knowledge. It’s ideal for all personal or professional lifestyle bloggers who are looking for stylish designs for their websites.
Requires at least: 5.0
Version: 1.0.1
Requires PHP: 5.6
Tested up to: 6.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blogood
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, right-sidebar, editor-style, 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.

Blogood 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
	## About Us Section

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

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

.backtotop {
    text-align: center;
    position: fixed;
    width: 40px;
    height: 40px;
    line-height: 35px;
    background-color: #82b440;
    border: solid 1px #82b440;
    border-radius: 5px;
    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: #fff;
}

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

.backtotop:hover svg {
    fill: #82b440;
}

@-webkit-keyframes colorchange {
    0% {
        border-color: #e30048;
    }

    25% {
        border-color: #1E1E1E;
    }

    50% {
        border-color: #9acf0b;
    }

    75% {
        border-color: #a93d7b;
    }

    100% {
        border-color: #f1ad02;
    }
}

@keyframes colorchange {
    0% {
        border-color: #e30048;
    }

    25% {
        border-color: #1E1E1E;
    }

    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 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    position: relative;
    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. */
}


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

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

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


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

a {
    transition: all 0.3s ease-in-out;
    -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;
    text-decoration: none;
    color: #333;
}

a:hover,
a:active {
    color: #396D00;
}

a:focus {
    outline: 0;
}

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


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

.clr {
    clear: both;
}


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

#masthead {
    position: relative;
    width: 100%;
    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-container {
    position: relative;
    padding: 20px 0;
}


/***
====================================================================
## Site Branding
====================================================================
***/

.site-branding-wrapper {
    float: left;
    display: flex;
    align-items: center;
    -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;
}

@media screen and (min-width: 1025px) {
    .site-branding-wrapper {
        width: 25%;
    }
}

.site-branding {
    margin-right: 20px;
}

.site-logo {}

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

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


/***
====================================================================
## Manin Navgation
====================================================================
***/

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

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

.main-navigation ul.nav-menu>li {
    position: relative;
}

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

.main-navigation ul.nav-menu>li>a:hover,
.main-navigation ul.nav-menu>li:hover>a {
    color: #396D00;
}

@media screen and (min-width: 1025px) {
    .main-navigation {
        display: block !important;
        height: auto !important;
        width: 50%;
    }
    .main-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation ul li {
        display: inline-block;
    }
    .main-navigation ul li:not(:last-child) {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-navigation {
        display: none;
        position: absolute;
        max-width: 100%;
        width: 100%;
        background-color: #fff;
        top: 100%;
        left: auto;
        right: 0;
        z-index: 30000;
    }
    .main-navigation ul.nav-menu {}
    .main-navigation ul.nav-menu>li {
        padding: 10px 20px;
        border-bottom: solid 1px #eee;
    }
    .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: #333;
    }
    .main-navigation ul.nav-menu>li>a:hover,
    .main-navigation ul.nav-menu>li:hover>a {
        color: #396D00;
    }
}

.menu-toggle {
    float: right;
    min-height: 50px;
    line-height: 50px;
    position: relative;
    background: transparent;
    border: none;
    border-radius: 0;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 2px;
}

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

svg.icon-close {
    width: 16px;
    height: 16px;
    fill: #000;
}

.menu-toggle svg.icon-close {
    width: 20px;
    height: 20px;
}

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

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

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


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

#content {
    position: relative;
}


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

#page-site-header {
    position: relative;
    padding: 250px 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

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


/***
====================================================================
## Keyword
====================================================================
***/

#blogood_hero_text_pro {
/*    padding: 50px 0 0;*/
    padding: 30px 20px;
    background: #f3f3f3;
}

@media screen and (min-width: 1025px) {
    #blogood_hero_text_pro {
/*        padding: 90px 0 0;*/
    }
}

@media screen and (max-width: 992px) {
    #blogood_hero_text_pro {
        padding-left: 0;
        padding-right: 0;
    }
}

#blogood_hero_text_pro .section-header {
    text-align: center;
}

#blogood_hero_text_pro .section-header p {
    margin: 0;
    padding: 0;
}


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

#blogood_creative_post {
    padding: 50px 0;
}

@media screen and (min-width: 1025px) {
    #blogood_creative_post {
        padding: 90px 0 230px;
        padding-bottom: 90px;
    }
}

#blogood_creative_post .wrapper {
    position: relative;
}

#blogood_creative_post .section-content {
    display: block;
    position: relative;
}


/**
 * List Post
 * -------------------------------------------------------------
 */

#blogood_creative_post article {
    float: none;
    position: relative;
    width: 100%;
}

#blogood_creative_post article:not(:last-child) {
    margin-bottom: 40px;
}

#blogood_creative_post article:not(:last-child) .creative-post-banner {
    align-items: center;
    display: table;
    position: relative;
    width: 100%;
    border: solid 1px #eee;
}

#blogood_creative_post article:not(:last-child) .featured-image {
    display: table-cell;
    position: absolute;
    width: 30%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#blogood_creative_post article:not(:last-child) .entry-container {
    display: table-cell;
    width: 70%;
    padding: 15px 15px 15px 25px;
}

#blogood_creative_post article:not(:last-child) .entry-header {}

#blogood_creative_post article:not(:last-child) h3.entry-title {}

#blogood_creative_post article:not(:last-child) h3.entry-title a {
    color: #333;
}

#blogood_creative_post article:not(:last-child) .entry-content {}

#blogood_creative_post article:not(:last-child) .entry-content p {
    margin: 0;
}

@media screen and (max-width: 767px) {
    #blogood_creative_post article:not(:last-child) .featured-image,
    #blogood_creative_post article:not(:last-child) .entry-container {
        display: block;
        width: 100%;
    }
    #blogood_creative_post article:not(:last-child) .featured-image {
        position: inherit;
        padding: 100px 0;
    }
    #blogood_creative_post article:not(:last-child) .entry-container {
        margin-top: 20px;
        padding: 0 15px 15px;
    }
}


/**
 * Categories-1
 * -------------------------------------------------------------
 */

#blogood_creative_post article:nth-last-child(1)>div {
    border: solid 1px #82b440;
    padding: 10px;
}

#blogood_creative_post article:nth-last-child(1) .creative-post-banner {}

#blogood_creative_post article:nth-last-child(1) .featured-image {
    position: relative;
    padding: 150px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

@media screen and (min-width: 992px) {
    #blogood_creative_post article:nth-last-child(1) .featured-image {
        padding: 310px 0;
    }
}

/*@media screen and (min-width: 1025px) {
    #blogood_creative_post article:nth-last-child(1) .featured-image {
        padding: 355px 0;
    }
}*/

/*#blogood_creative_post article:nth-last-child(1) .featured-image:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 60%);
    bottom: 0;
    left: 0;
}*/

#blogood_creative_post article:nth-last-child(1) .entry-container {
    position: absolute;
    bottom: 0;
    left: 15px;
    padding: 0;
}

#blogood_creative_post article:nth-last-child(1) .entry-header {}

#blogood_creative_post article:nth-last-child(1) h2.entry-title {
    margin: 0;
    padding: 10px 15px;
    color: #fff;
    background: #82b440;
}

@media screen and (max-width: 767px) {
    #blogood_creative_post article:nth-last-child(1) .entry-container {
        left: 0;
/*        padding: 20px;*/
    }
}


/**
 * Responive
 * -------------------------------------------------------------
 */

@media screen and (min-width: 767px) {
    #blogood_creative_post .entry-container {
        padding: 40px 35px;
    }
}

@media screen and (min-width: 1025px) {
    #blogood_creative_post article {
        width: 50%;
    }
    #blogood_creative_post article:nth-last-child(1) {
        position: absolute;
        top: 0;
        right: 0;
    }
}


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

#blogood_advertisement {
    padding: 50px 0;
    padding: 0;
}

@media screen and (min-width: 1025px) {
    #blogood_advertisement {
        padding: 90px 0;
        padding: 0;
    }
}

#blogood_advertisement .wrapper {
}

#blogood_advertisement article {
    padding: 10px;
    border: solid 1px #eee;
}

#blogood_advertisement .adverstisement-content {
    padding: 60px 50px;
    padding-left: 15px;
}

#blogood_advertisement .adverstisement-content h2.entry-title {}

#blogood_advertisement .adverstisement-content p {
    margin: 0;
}

#blogood_advertisement .featured-image {}

#blogood_advertisement .featured-image img {
    object-fit: cover;
    width: 415px;
    width: 100%;
}

@media screen and (min-width: 767px) {
    #blogood_advertisement .adverstisement-content {
        float: left;
        width: 50%;
    }
    #blogood_advertisement .featured-image {
        float: left;
        width: 50%;
/*        margin-top: -30px;*/
    }
}

@media screen and (min-width: 1200px) {
    #blogood_advertisement .featured-image {
        padding-left: 115px;
    }
}

@media screen and (max-width: 992px) {
    #blogood_advertisement .adverstisement-content {
        padding: 30px 25px;
    }
}

@media screen and (max-width: 767px) {
    #blogood_advertisement .adverstisement-content {
        padding: 0 0 20px;
        text-align: center;
    }
    #blogood_advertisement .featured-image img {
        width: 100%;
    }
}


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

#blogood_hero_post_pro {
    position: relative;
    margin: 50px 0;
    padding: 50px 0;
    background: #82b440;
    z-index: 111;
}

@media screen and (min-width: 1025px) {
    #blogood_hero_post_pro {
        padding: 90px 0;
    }
}

#blogood_hero_post_pro article {}

#blogood_hero_post_pro .hero-post-banner {}

#blogood_hero_post_pro .featured-image {
    padding: 180px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

/*#blogood_hero_post_pro .featured-image img {
    position: absolute;
    top: -38px;
    left: -80px;
    z-index: -1;
}*/

#blogood_hero_post_pro .entry-container {}

#blogood_hero_post_pro .section-header {}

#blogood_hero_post_pro h2.section-title {
    color: #fff;
}

#blogood_hero_post_pro .entry-content {}

#blogood_hero_post_pro .entry-content p {
    margin: 0;
    color: #fff;
}

@media screen and (min-width: 767px) {
    #blogood_hero_post_pro .hero-post-banner {
        align-items: center;
        display: table;
        position: relative;
        width: 100%;
    }
    #blogood_hero_post_pro .featured-image {
        display: table-cell;
        position: absolute;
        width: 50%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0;
        margin-bottom: 0;
    }
    #blogood_hero_post_pro .entry-container {
        display: table-cell;
        width: 50%;
        padding: 100px 0 100px 50px;
    }
}

@media screen and (max-width: 992px) {
    #blogood_hero_post_pro .entry-container {
        padding: 70px 0 70px 50px;
    }
}

@media screen and (max-width: 767px) {
    #blogood_hero_post_pro .entry-container {
        margin-top: 20px;
        padding: 0;
    }
}


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

#blogood_latest_fashion {
    padding: 0 0 50px;
}

@media screen and (min-width: 1025px) {
    #blogood_latest_fashion {
        padding: 0 0 90px;
    }
}

#blogood_latest_fashion .wrapper {
    position: relative;
}

@media screen and (max-width: 767px) {
    #blogood_latest_fashion .col-3 article:not(:last-child) {
        margin-bottom: 40px;
    }
}

#blogood_latest_fashion .col-3 article>div {
    padding: 10px;
    border: solid 1px #82b440;
}

#blogood_latest_fashion .featured-image {
/*    margin-bottom: 20px;*/
    padding: 100px 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

#blogood_latest_fashion .entry-container {}

#blogood_latest_fashion .entry-header {}

#blogood_latest_fashion h3.entry-title {
    margin: -20px 20px 0;
    padding: 20px;
    text-align: center;
    position: relative;
    background: #fff;
}

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

@media screen and (max-width: 992px) {
    #blogood_latest_fashion h3.entry-title {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 767px) {
    #blogood_latest_fashion h3.entry-title {
        margin-left: 20px;
        margin-right: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}


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

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

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

.single #page-site-header .wrapper {
    position: relative;
}

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

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

/*@media screen and (min-width: 1025px) {
    #page-site-header .wrapper {
        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%);
    }
}*/


/***
====================================================================
## Layout Primary / Secondary
====================================================================
***/

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

@media screen and (min-width: 1025px) {
    #inner-content-wrapper {
        padding: 90px 0;
    }
}

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

@media screen and (max-width: 1024px) {
    #secondary {
        margin-top: 50px;
    }
}


/***
====================================================================
## Primary
====================================================================
***/

.site-main {}

.single-wrapper {}

.single-wrapper article {}

.single-wrapper .entry-featured-image {
    margin-bottom: 20px;
}

.single-wrapper .entry-featured-image img {
    object-fit: cover;
    width: 100%;
}

.single-wrapper .entry-content {}

.single-wrapper .entry-content h2 {
    font-size: 20px;
    font-weight: bold;
}

.single-wrapper .entry-content p {}


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

#secondary .widget {
    clear: both;
    margin-bottom: 30px;
}

#secondary .widget:last-child {}

.widget_popular_post {
    align-items: center;
    display: table;
    position: relative;
    width: 100%;
}

.widget_popular_post .widget-header {}

.widget_popular_post h2.widget-title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: solid 1px #82b440;
}

.widget_popular_post h2.widget-title a {
    color: #fff;
    display: inline-block;
    position: relative;
    background: #82b440;
    padding: 10px 30px 10px 15px;
}

.widget_popular_post h2.widget-title a:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 20px transparent;
    border-top: solid 46px white;
}

.widget_popular_post ul {
    clear: both;
/*    display: table;*/
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget_popular_post ul li {
    clear: both;
    /*display: inline-block;*/
    width: 100%;
    margin-bottom: 15px;
    padding: 3px;
    border: solid 1px #eee;
}

.widget_popular_post ul li:last-child {
    margin-bottom: 0;
    /*padding-bottom: 0;
    border-bottom: none;*/
}

.widget_popular_post ul li .popular-post-wrapper {}

.widget_popular_post ul li .featured-image {
    display: table-cell;
    position: relative;
    width: 25%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    padding: 40px;
}

.widget_popular_post ul li .entry-container {
    display: table-cell;
    width: 75%;
    padding: 15px 0 15px 15px;
}

.widget_popular_post ul li .entry-header {}

.widget_popular_post ul li h3.entry-title {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}

.widget_popular_post ul li h3.entry-title a {
    color: #333;
}

.widget_popular_post ul li h3.entry-title a:hover,
.widget_popular_post ul li:hover h3.entry-title a {
    color: #396D00;
}


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

#colophon {
    padding: 15px 0;
    border-top: solid 2px #000;
}

.site-info {}

.site-info span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

.site-info span a {
    color: #333;
}

.site-info .social-icons {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 992px) {
    .site-info span {
        width: 70%;
    }
    .site-info .social-icons {
        width: 30%;
        text-align: right;
    }
}

@media screen and (max-width: 992px) {
    #colophon {
        text-align: center;
    }
    .site-info .social-icons {
        margin-top: 10px;
    }
}


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

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

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

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

.social-icons li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    background: #fff;
    border: solid 1px #eee;
    border-radius: 5px;
}

.social-icons li a:hover {
    border-color: transparent;
}

.social-icons li a svg {
    fill: #82b440;
}


/**
 * Social Icons Hover Color
 * -------------------------------------------------------------
 */

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

.social-icons li a.ff-instagram:hover,
.social-icons li a.ff-instagram:focus {
    background-color: #cd42e7;
}

.social-icons li a.ff-pinterest:hover,
.social-icons li a.ff-pinterest:focus {
    background-color: #bd081b;
}

.social-icons li a.ff-youtube:hover,
.social-icons li a.ff-youtube:focus {
    background-color: #cc181e;
}

.social-icons li a:hover svg.icon-facebook,
.social-icons li a:hover svg.icon-instagram,
.social-icons li a:hover svg.icon-pinterest,
.social-icons li a:hover svg.icon-youtube,
.social-icons li a:focus svg.icon-facebook,
.social-icons li a:focus svg.icon-instagram,
.social-icons li a:focus svg.icon-pinterest,
.social-icons li a:focus svg.icon-youtube {
    fill: #fff;
}


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

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

#page {
    position: relative;
    max-width: 1613px;
    margin: 0px auto;
    background: #fff;
}

.second-design #page {
    position: relative;
    max-width: unset;
    margin: unset;
    background-image: unset;
}

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: #1E1E1E;
}

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="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

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: 10px 25px;
    font-weight: 400;
}

th {
    color: #fff;
}

td#next {
    text-align: right;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
    word-wrap: break-word;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #fff;
    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.second-design {
    background-color: #fff;
}

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 {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #857d7d;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

button:hover {
    border-color: #ccc #bbb #aaa;
}

button:focus button:active {
    border-color: #aaa #bbb #bbb;
    outline: thin dotted;
}

select {
    border: 1px solid #e0e0e0;
}

textarea {
    width: 100%;
}

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

.site-branding-container .overlay {
    opacity: 0.5;
}

.site-branding-container .wrapper {
    position: relative;
    z-index: 1;
}

.site-logo+#site-identity {
    margin-top: 15px;
}

.site-title {
    margin: 0;
    line-height: 1.3;
    font-family: 'Georama', sans-serif;
    font-weight: bold;
    font-size: 26px;
    -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 {
    color: #1E1E1E;
    text-decoration: none;
}

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

.site-title a:hover,
.site-title a:focus {
    opacity: 0.8;
    color: #1E1E1E;
}

.site-description {
    margin: 0;
    line-height: 1.3;
    color: #1E1E1E;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: 'Georama', sans-serif;
}

.main-navigation ul.nav-menu li.current-menu-item>a {
    font-weight: 600;
}

.main-navigation ul.nav-menu li:hover>svg,
.main-navigation ul.nav-menu li:focus>svg,
.main-navigation li.menu-item-has-children:hover>a>svg,
.main-navigation li.menu-item-has-children:focus>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.nav-menu>li.current-menu-item>a>svg {
    fill: #82b440;
}

.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}

.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #1E1E1E;
    border-bottom: 1px solid #eee;
}

.main-navigation ul.sub-menu a:after {
    float: right;
}

.main-navigation .social-menu-item ul {
    display: block;
    border: none;
}

.main-navigation .social-menu-item ul li a {
    width: 40px;
    border: 1px solid #d6d6d6;
}

.main-navigation .social-menu-item ul li a:hover,
.main-navigation .social-menu-item ul li a:focus {
    opacity: 0.8;
}

.main-navigation .social-menu-item .social-icons {
    margin: 0;
    padding: 20px 15px 20px 25px;
}

.main-navigation+.social-icons {
    display: block;
}

.main-navigation ul.nav-menu li.current-menu-item>a {
    text-transform: uppercase;
    font-weight: 700;
}

.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation .social-icons ul,
.main-navigation .header-button ul {
    position: relative;
    float: none;
    left: auto;
    background-color: transparent;
    z-index: 1;
    display: inline-block;
    top: auto;
    box-shadow: unset;
}

.header-button ul li .btn {
    background-color: unset;
    color: #1E1E1E;
    border-color: #1E1E1E;
    padding: 6px 12px;
    border-radius: 20px;
}

.header-button ul li a:hover,
.header-button ul li a:focus {
    color: #82b440;
}

.header-button ul li .btn:hover,
.header-button ul li .btn:focus {
    border-color: #82b440;
}

.main-navigation .header-button ul li a {
    width: unset;
    position: relative;
}

.main-navigation .social-icons ul li a {
    width: 40px;
    padding: 0;
}

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

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

.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: #1E1E1E;
}

.main-navigation .social-icons ul {
    width: 100%;
}

#masthead .home-icon>a svg.icon-home {
    width: 24px;
    height: 24px;
    margin-top: -3px;
}

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

.main-navigation svg.icon-down {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    fill: #7b7b7b;
}

.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #7b7b7b;
    position: absolute;
    right: 15px;
    top: 17px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.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: #1E1E1E;
    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-label {
    text-transform: uppercase;
    color: #1E1E1E;
    padding: 3px 0 0 10px;
    font-weight: bold;
    font-family: 'Georama', sans-serif;
    display: none;
}

#top-navigation .wrapper {
    position: relative;
}

#top-navigation {
    border-top: 1px solid #0000002e;
    border-bottom: 1px solid #0000002e;
}

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 {
    -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: #1E1E1E;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 3;
}

span.border-line {
    border: 1px solid #d9d9d9;
    width: 100%;
    display: inline-block;
    margin: 30px 0;
}

.outer-content .icon-close {
    position: absolute;
    right: 15%;
    display: block;
    width: 14px;
    height: 14px;
}

.outer-content {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    background-color: #ffbb98;
}

/*--------------------------------------------------------------
# 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,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
#most-read>ul>li:before,
#most-read>ul>li:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.wrapper:before,
.wrapper:after,
.widget:before,
.widget:after,
#most-read>ul>li:before,
#most-read>ul>li:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.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;
    background-color: #d1d1d1;
}

.scoial-icons svg.icon-close {
    width: 15px;
    height: 15px;
}

.widget_block h2 {
    font-size: 22px;
    /*margin: 0 0 16px;*/
}

div#instagram-01 {
    float: left;
    margin-top: 56px;
}

#instagram-01 svg.icon-instagram {
    margin-right: 12px;
    fill: #fff;
}

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

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

.widget_block h2,
.widgettitle {
    /*margin: 0 0 25px;*/
    font-weight: 700;
    font-size: 20px;
    color: #1E1E1E;
}

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

input[type="submit"] {
    padding: 10px 30px;
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    border: none;
    background-color: #1E1E1E;
    color: #fff;
    position: relative;
    text-align: center;
    font-family: 'Georama', 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: #82b440;
    color: #fff;
}

div#sponser {
    text-align: center;
    margin-top: 26px;
}

#sponser article {
    float: left;
    width: 33.33%;
}

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

.widget_popular_post a:hover time,
.widget_popular_post a:focus time {
    color: #1E1E1E;
}

.widget_popular_post a:hover time,
.widget_popular_post a:focus time {
    color: #1E1E1E;
}

.widget_popular_post a time,
.widget_popular_post time {
    color: #1E1E1E;
    font-family: 'Georama', sans-serif;
}

.widget_popular_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,
#subscribe-text a {
    line-height: 1.5;
    display: inline-block;
    font-weight: 400;
}

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

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

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

.widget svg {
    fill: #1E1E1E;
}

#secondary-sidebar ul li {
    font-weight: 600;
    font-family: 'Georama', sans-serif;
}

#secondary-sidebar ul li a {
    text-decoration: unset;
}

.widget_recent_news ul li img {
    object-fit: cover;
    float: right;
    border-radius: 12px;
}

.widget_recent_news ul li>a {
    float: right;

}

.widget_recent_news ul li .entry-container {
    padding-right: 15px;
    display: table-cell;
}

.widget_recent_news .entry-title,
#most-read .entry-title {
    font-size: 16px;
    margin-bottom: 0;
}

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

.tab-content {
    display: none;
}

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.grid-layout {
    float: left;
    width: 100%;
    position: relative;
}

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

.hentry {
    margin: 0;
}

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

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

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

.no-sidebar-content #hero-posts {
    max-width: 900px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.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;
}

/*.entry-content {
    margin-top: 0;
}*/

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

/*.entry-title {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 16px;
    color: #1E1E1E;
    word-wrap: break-word;
}

.entry-title a {
    color: #1E1E1E;
    text-decoration: unset;
}

.entry-title a:hover,
.entry-title a:focus {
    color: #396D00;
}*/

/*.section-header {
    margin: 0 0 36px;
}*/

/*.section-header,
.widget-header {
    position: relative;
    overflow: hidden;
}*/

/*.section-title {
    font-size: 34px;
    font-weight: 700;
    display: inline-block;
}*/

.widget_block h2 {
    padding-right: 15px;
    display: inline-block;
    /*margin: 0 0 58px;*/
}

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

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

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

.btn {
    padding: 14px 30px;
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
    border-radius: 15px;
    border: none;
    background-color: #82b440;
    border: 1px solid #82b440;
    color: #fff;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-family: 'Georama', sans-serif;
    font-weight: 600;
    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;
}

.btn:hover,
.btn:focus {
    background-color: #1E1E1E;
    border-color: #1E1E1E;
    color: #fff;
}

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

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

/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="linkedin.com"] {
    background-color: #0077B5;
}

.social-icons li a[href*="plus.google.com"] {
    background-color: #ec7161;
}

.social-icons li a[href*="codepen.io"] {
    background-color: #1E1E1E;
}

.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus,
.tp-social.social-icon li a[href*="twitter.com"] {
    background-color: #1ea0f1 !important;
}

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

/*--------------------------------------------------------------
#  main-posts Section
--------------------------------------------------------------*/
.grid-layout article:not(:last-child),
.list-layout article:not(:last-child) {
    margin-bottom: 40px;
}

.grid-layout .featured-image,
.list-layout .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 110px 0;
    margin-bottom: 20px;
    background-color: #1E1E1E;
    border-radius: 12px;
}

.grid-layout .entry-title,
.list-layout .entry-title {
    margin-bottom: 5px;
}

/*--------------------------------------------------------------
#  Single Post
--------------------------------------------------------------*/
.single #primary article .entry-title {
    font-size: 28px;
    margin: 14px 0;
}

/*--------------------------------------------------------------
# 					Footer
--------------------------------------------------------------*/
.custom-menu ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}

.custom-menu ul li:last-child {
    margin-right: 0;
}

.widget_featured_post ul li .entry-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

#colophon .widget-title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

#colophon h2.site-title {
    font-size: 36px;
}

#colophon .cat-links li {
    margin-bottom: 0;
    margin-right: 3px;
    width: auto;
}

#colophon .widget-title,
#colophon .widgettitle {
    color: #1E1E1E;
}

#colophon .widget_text .textwidget p {
    font-size: 18px;
    color: #000;
    font-weight: 400;
}

.widget_featured_post article {
    position: relative;
    clear: both;
    display: table;
    width: 100%;
}

.widget_featured_post .featured-image {
    background-size: cover;
    background-position: 50%;
    background-color: #1E1E1E;
    width: 100px;
    height: 100%;
    float: left;
    display: table-cell;
    position: absolute;
    top: 0;
    left: 0;
}

.widget_featured_post .entry-container {
    padding: 5px 0;
    display: table-cell;
    text-align: left;
    padding-left: 120px;
}

#colophon .widget_recent_entries ul li span {
    display: block;
    font-size: 16px;
}

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

.social-icons .icon-facebook:hover,
.social-icons .icon-facebook:focus {
    fill: #fff;
}

.social-icons .icon-twitter:hover,
.social-icons .icon-twitter:focus {
    fill: #fff;
}

.social-icons .icon-instagram:hover,
.social-icons .icon-instagram:focus {
    fill: #fff;
}

.social-icons .icon-pinterest:hover,
.social-icons .icon-pinterest:focus {
    fill: #fff;
}

#colophon .widget_recent_entries ul li span:before {
    content: "";
    background-image: url('assets/images/clock.svg');
    background-position: 50%;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 10px;
    -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);
}

.home #colophon .site-info.col-2 a {
    color: #1E1E1E;
}

.home #colophon .site-info.col-2 a:hover,
.home #colophon .site-info.col-2 a:focus {
    color: #1E1E1E;
}

.site-info span:last-child {
    margin-bottom: 0;
}

.footer-logo {
    margin-bottom: 10px;
}

.custom-menu {
    margin-bottom: 15px;
}

#colophon .widget_text .textwidget p {
    padding: 0;
}

/*--------------------------------------------------------------
.					Blog  &  Single
--------------------------------------------------------------*/
body.blog div#recent-posts,
body.archive div#recent-posts,
body.single div#recent-posts {
    margin-top: unset;
}

body.blog div#recent-posts article,
body.archive div#recent-posts article,
body.single div#recent-posts article {
    float: left;
    width: 100%;
}

body.blog #secondary .widget,
body.archive #secondary .widget {
    margin-bottom: 30px;
    padding: 30px;
    background-color: #eee;
    clear: both;
}

body.blog .widget-title,
body.archive .widget-title,
body.blog .widget_block h2,
body.archive .widget_block h2,
body.single .widget_block h2 {
    color: #1E1E1E;
    margin: 0 0 20px;
    font-family: 'Georama', sans-serif;
}

body.blog #secondary ul,
body.archive #secondary ul {
    margin: 0 0 21px;
    padding-left: 1.5em;
}

body.blog #secondary ul li,
body.archive #secondary ul li {
    font-size: 16px;
    font-family: 'Georama', sans-serif;
    list-style: disc;
}

body.single #recent-posts .entry-container {
    width: 100%;
    padding: unset;
}

body.single #recent-posts .featured-image {
    width: 100%;
    padding: 250px 0;
}


.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-slide {
    outline: none;
}

.slick-prev,
.slick-next {
    visibility: hidden;
}

.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,
.slick-next:before {
    content: "";
    background-image: url('assets/images/right-arrow-angle.svg');
    width: 16px;
    height: 16px;
    display: inline-block;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
}

.slick-prev:before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(180deg);
}

.slick-prev,
.slick-next {
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    opacity: 1;
    z-index: 1;
    -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;
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    opacity: 1;
    border-color: #82b440;
    background-color: #82b440;
}

.slick-prev {
    left: 50px;
}

.slick-next {
    right: 50px;
}

.slick-prev,
.slick-next {
    border: 1px solid #fff;
    background-color: #fff;
}

.slick-dots {
    bottom: 25px;
}

.slick-dots li {
    margin: 0;
}

.slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: 1px solid #1E1E1E;
}

.slick-dots li.slick-active button {
    background-color: #1E1E1E;
}

.slick-dots li button:focus {
    outline: thin dotted #1E1E1E;
}

.slick-dots li button:before {
    display: none;
}

/*.col-2 article:not(:last-child),
.col-3 article:not(:last-child),
.col-4 article:not(:last-child),
.col-5 article:not(:last-child),
.col-6 article:not(:last-child) {
    margin-bottom: 22px;
}*/

.read-more a {
    font-weight: 600;
    text-decoration: none;
}

.read-more svg {
    fill: #fff;
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

/*--------------------------------------------------------------
#  Hero Text Section
--------------------------------------------------------------*/
#blogood_hero_text_pro .section-title {
    font-size: 48px;
    max-width: 620px;
    margin: 0;
}

#blogood_hero_text_pro .social-icons {
    margin-top: 8px;
}

#blogood_hero_text_pro .social-icons svg {
    fill: #82b440;
}

#blogood_hero_text_pro .social-icons li a {
    background-color: #FFEBF1;
}

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

/*--------------------------------------------------------------
#  Hero Post Section
--------------------------------------------------------------*/
#blogood_hero_post_pro .read-more {
    margin-top: 15px;
    display: inline;
    align-items: center;
}

/*--------------------------------------------------------------
#  Creative Post
--------------------------------------------------------------*/
/*#blogood_creative_post article:nth-last-child(1) a {
    color: #fff;
}

#blogood_creative_post article:nth-last-child(1) a:hover,
#blogood_creative_post article:nth-last-child(1) a:focus {
    color: #82b440;
}*/

#blogood_creative_post .read-more,
#blogood_latest_fashion .read-more {
    position: absolute;
    right: 0;
    top: 20px;
}

#blogood_creative_post .read-more a,
#blogood_latest_fashion .read-more a {
    color: #82b440;
}

#blogood_creative_post .read-more svg,
#blogood_latest_fashion .read-more svg {
    fill: #82b440;
}

#blogood_creative_post .read-more a:hover,
#blogood_latest_fashion .read-more a:hover,
#blogood_creative_post .read-more a:focus,
#blogood_latest_fashion .read-more a:focus {
    color: #1E1E1E;
}

#blogood_creative_post .read-more a:hover svg,
#blogood_latest_fashion .read-more a:hover svg,
#blogood_creative_post .read-more a:focus svg,
#blogood_latest_fashion .read-more a:focus svg {
    fill: #1E1E1E;
}

/*--------------------------------------------------------------
#  Adverstisement
--------------------------------------------------------------*/
#blogood_advertisement .read-more {
    margin-top: 15px;
}

#blogood_advertisement .btn {
    background-color: #335AFF;
    border-color: #335AFF;
}

#blogood_advertisement .btn:hover,
#blogood_advertisement .btn:focus {
    background-color: #1E1E1E;
    border-color: #1E1E1E;
    color: #fff;
}

/*--------------------------------------------------------------
#  Recently Added/ Content Wrapper
--------------------------------------------------------------*/
.widget_block h2 {
    margin: 0 0 36px;
}

/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {

    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6 {
        margin: 0 -15px;
        display: flex;
        flex-wrap: wrap;
        list-style: none;
    }

    .col-2 article,
    .col-4 article,
    .col-5 article,
    .col-6 article {
        padding: 0 15px;
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }

    .col-3 article {
        padding: 0 15px;
        float: left;
        width: 33.3333%;
        /*margin-bottom: 30px;*/
    }

    .col-2 article:nth-child(2n+1),
    .col-3 article:nth-child(2n+1),
    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(2n+1),
    .col-6 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),
    .col-5 article:nth-last-child(-n+2),
    .col-6 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

    #recent-posts .featured-image {
        width: 50%;
        float: left;
        background-position: 50%;
        padding: 167px 0;
        border-radius: 12px;
    }

    .view-more a {
        font-size: 18px;
    }

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

    .grid-layout .section-title {
        font-size: 54px;
    }
}

@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-5 article,
    .col-6 article {
        width: 33.33%;
    }

    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: none;
    }

    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: left;
    }

    .col-5 article:nth-last-child(-n+3),
    .col-6 article:nth-last-child(-n+3) {
        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-5 article {
        width: 20%;
    }

    .col-6 article {
        width: 16.66%;
    }

    .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-5 article:nth-last-child(-n+5),
    .col-6 article:nth-last-child(-n+6) {
        margin-bottom: 0;
    }

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

    .site-info.col-2 span {
        width: 50%;
        float: left;
        text-align: left;
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 600;
    }

    .site-info.col-2 span:nth-child(2) {
        width: 50%;
        float: right;
        text-align: right;
    }

    .site-info .wrapper {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
    }

    .footer-logo {
        width: 30%;
        text-align: left;
    }
}

@media screen and (min-width: 1025px) {
    .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;
    }

    .site-title {
        font-size: 38px;
    }

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

    section#right-sidebar {
        width: 33.33%;
        padding-left: 20px;
    }

    .no-sidebar nav.navigation.pagination {
        text-align: center;
    }

    .featured-slider article {
        padding: 400px 0;
    }

    .featured-content-wrapper {
        position: absolute;
        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%);
    }

    .featured-content-wrapper .entry-title {
        font-size: 70px;
    }

    .featured-slider-gallery {
        position: absolute;
        bottom: 0;
        right: 15px;
        width: 34%;
        margin-right: 0;
    }

    .inner-wrapper-sticky {
        padding-bottom: 50px;
        display: block;
    }

    .no-sidebar #primary {
        width: 100%;
        float: none;
        padding-right: 0;
    }

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

    #masthead .social-icons {
        margin: 0;
    }

    #masthead .search-menu,
    .main-navigation .social-icons ul {
        width: unset;
    }

    #masthead .social-menu {
        padding-left: 10px;
    }

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

    .main-navigation .nav-menu>li>a>svg.icon-down {
        fill: #1E1E1E;
    }

    .main-navigation+.social-icons {
        display: block;
    }

    .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:focus>a>svg,
    .main-navigation li.menu-item-has-children>a:focus>svg {
        fill: #1E1E1E;
    }

    #masthead .main-navigation ul.nav-menu li.current-menu-item>a {
        color: #396D00;
    }

    .main-navigation ul.nav-menu>li:hover>a>svg,
    .main-navigation ul.nav-menu>li:focus>a>svg,
    .main-navigation ul.nav-menu>li.current-menu-item>a>svg {
        fill: #396D00;
    }

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

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

    .main-navigation ul ul {
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    }

    .main-navigation ul.sub-menu li:hover>a,
    .main-navigation ul.sub-menu li:focus>a {
        background-color: #82b440;
        color: #fff;
    }

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

    #masthead .main-navigation ul ul li.menu-item-has-children>a {
        padding-right: 35px;
    }

    #masthead .main-navigation ul ul li a svg {
        top: 17px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    #masthead .main-navigation .social-menu a svg {
        transform: unset;
    }

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

    .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: #fff;
    }

    button.dropdown-toggle,
    .menu-toggle {
        display: none;
    }

    .main-navigation ul.nav-menu>li.menu-item-has-children:hover>a:before {
        content: "";
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        width: 10px;
        height: 10px;
        margin: auto;
    }

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

    .menu-sticky .nav-shrink #site-navigation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    #masthead .main-navigation ul.nav-menu>li.main-navigation-search:before {
        display: none;
    }

    .main-navigation form.search-form ::-webkit-input-placeholder {
        color: #fff;
    }

    .main-navigation li.header-button {
        display: none;
    }

    div.header-button ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    div.header-button ul li {
        display: inline-block;
    }

    div.header-button ul li a {
        text-decoration: none;
    }

    div.header-button ul li:not(:last-child) {
        margin-right: 15px;
    }

    .site-branding-container .wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    div.header-button {
        width: 25%;
        text-align: right;
    }

    .third-design .main-navigation {
        width: 70%;
        text-align: right;
    }

    .third-design .site-branding-wrapper {
        width: 30%;
    }

    #top-navigation .main-navigation {
        width: 100%;
        /* text-align: left; */
    }

    #blogood_creative_post article:nth-child(3) {
        margin-bottom: 0;
    }

    .footer-widgets-area.page-section {
        padding: 65px 0;
    }

    #blogood_slider article {
        padding: 315px 0;
    }

    #blogood_sponsor article {
        margin-bottom: 0;
    }

    #blogood_trending_products .product-wrapper {
        width: 25%;
    }

    #blogood_trending_products .product-wrapper:nth-child(2n+1) {
        clear: none;
    }

    #blogood_trending_products .product-wrapper:nth-child(4n+1) {
        clear: left;
    }

    #blogood_trending_products .product-wrapper:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1200px) {
    .site-title {
        font-size: 38px;
    }

    .footer-widgets-area.col-4 .hentry {
        width: 20%;
        padding-right: 35px;
    }

    .footer-widgets-area.col-5 .hentry {
        /*width: 20%;*/
        float: left;
    }

    .footer-widgets-area.col-4 .hentry:last-child {
        padding-right: 0;
        width: 40%;
    }

    .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
        clear: none;
    }

    .footer-widgets-area.col-4 .hentry:nth-child(4n+1),
    .footer-widgets-area.col-5 .hentry:nth-child(5n+1) {
        clear: left;
    }

    .footer-widgets-area.col-4 .hentry:nth-last-child(-n+4) {
        margin-bottom: 0;
    }

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

    #masthead .social-menu {
        padding-left: 150px;
    }

    #blogood_hero_text_pro .section-title {
        font-size: 60px;
    }

    /*#blogood_hero_post_pro .section-title {
        font-size: 38px;
    }*/

    /*.section-title {
        font-size: 44px;
    }*/

    #blogood_slider article {
        padding: 375px 0;
    }

    .slider-wrapper .entry-title {
        font-size: 42px;
    }
}

@media screen and (min-width: 1900px) {
    .wrapper {
        max-width: 1440px;
    }

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

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

    #masthead .social-menu {
        padding-left: 200px;
    }

    .main-navigation ul.nav-menu>li>a {
        padding: 18px 19px;
    }

    #masthead .main-navigation a {
        font-size: 16px;
    }

    #blogood_hero_post_pro .section-title {
        font-size: 28px;
    }

    #blogood_latest_fashion .entry-title {
        font-size: 20px;
    }

    #blogood_creative_post article:nth-last-child(1) .entry-title {
        font-size: 28px;
    }
}

@media screen and (max-width: 1024px) {
    div.header-button {
        display: none;
    }

    .main-navigation .wrapper {
        width: 100%;
        padding: 0;
    }

    .main-navigation ul ul a {
        width: 100%;
    }

    .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.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 svg.icon-down {
        fill: #1E1E1E;
        margin-top: -5px;
    }

    .main-navigation ul.sub-menu {
        border: none;
    }

    .main-navigation .sub-menu svg {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        top: 28px;
    }

    li.header-button {
        padding: 11px 25px;
    }

    li.header-button ul li {
        display: inline-block;
    }

    li.header-button ul li:not(:last-child) {
        padding-right: 20px;
    }
}

@media screen and (max-width: 567px) {
    .site-logo+#site-identity {
        margin-top: 20px;
    }
}

.same-background {
    padding-top: 0;
}


input:hover,
button:hover {
    text-decoration: none !important;
}