/*
Theme Name: BlogMelody
Theme URI:https://sensationaltheme.com/downloads/blogmelody-free/
Author: Sensational Theme
Author URI: http://sensationaltheme.com/
Description: BlogMelody is a modern WordPress theme that comes with high-quality features and minimal design. The theme is a perfect fit for all kind of blogs such as food blogs, travel journals, personal blogs many more. BlogMelody is a fully responsive design that always remains mobile-friendly and will render perfectly on all devices. You also get support for custom headers, two column layout, full-width layout, and tons of easy customization options.
Version: 1.2
Requires PHP: 5.6
Tested up to: 5.5
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blogmelody
Tags: translation-ready, custom-background, theme-options, custom-menu, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns,  grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, 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.

BlogMelody business 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:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
# Infinite scroll
# Layouts and Titles
# Media
    ## Captions
    ## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
    ## Featured Slider Section
    ## Featured Plans Section
    ## Featured Services Section
    ## Projects Section
    ## Partners Logo Section
    ## Latest News Section
# Footer
# Responsive

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


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

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

body.single {
    background-color: #fff9f5;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23fff3eb' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

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

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 20px;
}

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 {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #2c396b;
    -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;
}

#page {
    max-width: 1920px;
    margin: 0 auto;
    box-shadow: 0 0 15px #aaa;
}


/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

#masthead {
    position: relative;
    width: 100%;
    z-index: 3000;
    background-color: #fff;
    -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-menu {
    /*padding: 0 50px 118px;*/
    padding: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.site-menu .overlay {
    background-color: #2c396b;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%2331407a' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.site-menu .site-branding,
.site-menu .widget_social_icons {
    width: 33.33%;
    float: left;
    text-align: center;
}

.site-branding {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 20px 0;
}

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


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

.site-menu .widget_social_icons {
    margin: 40px 0;
}

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

.social-icons li {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    position: relative;
    text-align: center;
    width: 40px;
    height: auto;
    line-height: 40px;
}

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

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

.social-icons li a {
    display: block;
    background-color: transparent;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #ffc49d;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.social-icons li a:hover {
    color: #fff;
}

.social-icons li a:before {
    font-family: "FontAwesome";
    visibility: visible;
    font-size: 20px;
}

.social-icons li a.fa-facebook:before,
.social-icons li a[href*="fb.com"]:before {
    content: "\f09a";
}

.social-icons li a.fa-instagram:before {
    content: "\f16d";
}

.social-icons li a.fa-youtube:before {
    content: "\f04b";
}


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

.social-icons li a.fa-facebook:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a.fa-facebook:focus,
.social-icons li a[href*="fb.com"]:focus {
    background-color: #3c5798 !important;
}

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

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


/*--------------------------------------------------------------
#                   Header Menu
--------------------------------------------------------------*/

.header-menu {
    background-color: #2c396b;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%2331407a' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.header-menu .wrapper {}

.main-navigation {
    display: block;
    position: relative;
    background: #ffc49d;
    text-align: center;
}

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

.main-navigation li {
    position: relative;
}

.main-navigation li:hover {}

/*.main-navigation li:last-child {
    border-right: none;
}*/

.main-navigation a {
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.main-navigation ul.nav-menu>li>a {
    display: block;
    padding: 15px 18px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.main-navigation ul.nav-menu>li:hover>a {
    color: #2c396b;
}


/*--------------------------------------------------------------
#                   Main Content
--------------------------------------------------------------*/

#content {
    position: relative;
    background: url(../wp-content/uploads/2020/12/body-bg.jpg) repeat top left;
}

/*body.single #content {
    background: #fff;
}*/

.overlay {
    /*background-color: #333;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*opacity: 0.5;*/
}

#featured-slider article .overlay {
    opacity: 0!important;
}


/*--------------------------------------------------------------
# Description
--------------------------------------------------------------*/

#featured {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff9f5;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23fff3eb' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
    text-align: center;
    z-index: 1;
}

#featured .content-wrapper {
    background-image: linear-gradient(#fed6e3 0%, #ffaaaa 100%);
    padding: 10px;
}

#featured .content-wrapper p {
    margin: 0;
    padding: 20px 30px;
    border-top: double 3px rgb(255 255 255 / 50%);
    border-bottom: double 3px rgb(255 255 255 / 50%);
}


/*--------------------------------------------------------------
# Message
--------------------------------------------------------------*/

#message {
    position: relative;
    background-color: #fff9f5;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23fff3eb' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
    padding-top: 50px;
    padding-bottom: 50px;
}

#message .wrapper {
    background: none;
}

#message .has-post-thumbnail {}

#message article {
    position: relative;
    margin-bottom: 50px;
    background: none;
    z-index: 2;
}

#message article:last-child {
    margin-bottom: 0;
}

#message .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 125px 0;
    margin-bottom: 30px;
}

#message .entry-container {
    position: relative;
    background: none;
}

#message .entry-header {}

#message .entry-header h2.entry-title {
    position: relative;
    background: #ffc49d;
    padding: 10px 20px;
}

#message .section-content {
    background: none;
}

#message .entry-container .section-content {}

#message .section-content p {}

@media (max-width: 478px) {
    #message .featured-image {
        margin-bottom: 0;
    }
    #message .entry-container {
        padding: 20px;
    }
    #message .entry-header h2.entry-title {
        font-size: 28px;
    }
}

@media screen and (min-width: 767px) {
    #message .entry-container {
        /*padding-right: 60px!important;*/
    }
}


/*--------------------------------------------------------------
#  About Section
--------------------------------------------------------------*/

#about {
    position: relative;
    padding: 50px 0 50px;
    background-color: #fff9f5;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23fff3eb' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

#about .about-slider {}

#about article {
    width: 100%;
    /*padding: 0 15px;*/
    margin: 0 15px;
    margin-bottom: 30px;
    position: relative;
    background-size: cover;
    background-position: 50%;
}

#about article:last-child {
    margin-bottom: 0;
}

#about .featured-image {
    /*margin-bottom: 30px;*/
    padding: 200px 0;
    background-size: cover;
    position: relative;
    background-position: center;
}

#about .featured-image img {
    width: 100%;
}

#about .featured-image a {
    display: block;
}

#about .featured-image .overlay {
    opacity: 0.5;
}

#about .entry-container {
    /*padding: 0 7px 15px;
    position: absolute;
    bottom: 0;
    width: 93%;*/

    position: absolute;
    width: 90%;
    padding: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    /*background: rgb(0 0 0 / 50%);*/
    background: linear-gradient(180deg, rgb(44 57 107 / 70%) 0%, rgb(255 196 157 / 90%) 100%);
}

#about .entry-container .entry-header h3.entry-title {}

#about .entry-container .entry-header h3.entry-title a {
    color: #fff;
}

#about .entry-content {}

#about .entry-content p {
    margin: 0;
    /*padding: 0 10px 40px;*/
    color: #fff
}

#about .entry-content p a {
    color: #fff;
}

#about .entry-content p a:hover {
    color: #ffc49d;
}

@media (max-width: 478px) {
    #about .featured-image {
        margin-bottom: 20px;
    }
    #about .entry-container {
        background: none;
    }
}

@media (max-width: 767px) {
    #about .entry-container {
        width: 100%;
        padding: 0;
    }
    #about .entry-container .entry-header h3.entry-title {
        margin: 0 0 10px;
    }
    #about .entry-container .entry-header h3.entry-title a {
        color: #333;
    }
    #about .entry-content p {
        padding: 0 0 20px;
        color: #333;
    }
    #about .entry-content p a {
        color: #333;
    }
    #about .entry-content p a:hover {
        color: #2c396b;
    }
}


/*--------------------------------------------------------------
#  Popular Posts Section
--------------------------------------------------------------*/

#popular {
    position: relative;
    padding: 50px 0 50px;
    background: linear-gradient(180deg, #fef9f5 0%, #ffffff 100%);
}

#popular .wrapper {
    background: none;
    /*padding: 10px 10px 10px 0;*/
}

#popular .section-content {
    background: none;
}

#popular article {
    margin-bottom: 30px;
    background: none;
    z-index: 2;
}

#popular article:last-child {
    margin-bottom: 0;
}

#popular .featured-image {
    position: relative;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
    padding: 125px 0;
    margin-bottom: 30px;
}

#popular .entry-container {
    position: relative;
    background: none!important;
    /*padding-left: 50px!important;*/
}

#popular .entry-container .entry-header {}

#popular .entry-container .entry-header h2.entry-title {
    position: relative;
    background: #ffc49d;
    padding: 10px 20px;
}

/*.separator {
    width: 70px;
    height: 3px;
    background-color: #333;
    margin: auto;
    margin-bottom: 15px;
}*/

#popular .entry-content {}

#popular .entry-content p {}

@media (max-width: 478px) {
    #popular .featured-image {
        margin-bottom: 0;
    }
    #popular .entry-container {
        padding: 20px!important;
    }
    #popular .entry-container .entry-header h2.entry-title {
        font-size: 28px;
    }
}


/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

.blog-banner .wrapper.page-section {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 50px;
    background: none;
    border: solid 5px #ffe9da;
}

@media (max-width: 992px) {
    .blog-banner .wrapper.page-section {
        padding: 20px 20px 0;
    }
}

.blog-banner #primary {}

#main .site-main {}

.blog-posts-wrapper article {
    margin-bottom: 30px;
}

.blog-posts-wrapper article .post-item {
    background: none;
    text-align: center;
}

.blog-posts-wrapper figure {
    position: relative;
}

.blog-posts-wrapper article .featured-image {
    padding: 125px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.blog-posts-wrapper article .entry-container {
    background-image: linear-gradient(180deg, #ffe9da 0%, rgba(255,233,218,0) 77.09%);
    padding: 30px;
}

.blog-posts-wrapper article .entry-header {}

.blog-posts-wrapper article .entry-header h3.entry-title {}

.blog-posts-wrapper article .entry-header h3.entry-title a {
    color: #2c396b;
}

.blog-posts-wrapper article .entry-content {}

.blog-posts-wrapper article .entry-content p {
    margin-top: 0;
}

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

.btn {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #586bb4;
    background: none;
    padding-top: 10px;
    padding-bottom: 10px;
    -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: 1;
}

.btn:hover {
    background-position: right bottom !important;
    background: #586bb4;
    border-radius: 3px;
    padding: 10px 20px;
    color: #fff;
}


/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/

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

#page-site-header:before {
    content: "";
    background-color: #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}

.single #page-site-header .overlay {
    opacity: 0.2;
}

#page-site-header .page-header {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    -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 {
    display: inline-block;
    position: relative;
    max-width: 600px;
    min-width: 200px;
    background-color: rgba(0, 0, 0, 0.30);
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 30px;
}


/*--------------------------------------------------------------
#                   Single
--------------------------------------------------------------*/

.single #primary {}

.single #primary .site-main>article {
    margin-bottom: 50px;
}

.single #primary .site-main>article .entry-content {}

.single #primary .site-main>article .entry-content h3 {
    color: #2c396b;
}

.single #primary .site-main>article .entry-content p {}


/*--------------------------------------------------------------
#                   Secondary
--------------------------------------------------------------*/

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

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

#secondary {}

#secondary .widget {
    background: #fff;
    box-shadow: 0px 4px 20px 0px rgba(44,57,107,0.1);
    padding: 30px;
}

#secondary h2.widget-title {
    font-size: 20px;
    font-weight: bold;
}

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

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

#secondary .widget ul li {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 10px 0 10px 26px;
    border-bottom: 1px solid #ffd0b1;
    background: url(../wp-content/uploads/2020/12/icon.png) no-repeat left center;
}

#secondary .widget ul li:last-child {
    border-bottom: none;
}

#secondary .widget ul li:hover {}

/*#secondary .widget ul li:before {
    content: "\f101";
    font-family: "FontAwesome";
    float: left;
    margin-right: 10px;
    color: #5e606c;
}*/

#secondary .widget ul li a {
    display: table-row;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

#secondary .widget ul li a:hover,
#secondary .widget ul li:hover a {
    color: #2c396b;
    font-weight: bold;

}


/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/

#colophon {
    margin: 0;
    padding: 15px 0;
    background: none;
}

.site-info {}

.site-info span.copy-right {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #747c9d;
}

.site-info span.copy-right a {
    color: #2c396b;
    font-weight: bold;
    text-transform: uppercase;
}

.site-info span.copy-right a:hover {}


/*--------------------------------------------------------------
## the END
--------------------------------------------------------------*/

.boxed-layout {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
}

.frame-layout {
    max-width: 1600px;
    width: 90%;
    margin: 50px auto;
}

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

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

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active {
    outline: 0;
}

a:focus {
    outline: 0;}

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

b,
strong {
    font-weight: bold;
    color: #111;
}

dfn {
    font-style: italic;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

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

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

tbody {
    text-align: left;
}

tr {
    border: 1px solid #e4e4e4;
}

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

th {
    color: #111;
}

td#next {
    text-align: right;
}


/*Extra*/

.blog-banner-disable #page-site-header {
    display: none;
}

.blog-banner #page-site-header {
    display: none;
}

body.paged #popular,
body.paged #blog {
    display: none;
}

.page-template-default.page .page-section {
    padding: 20px 0;
}

.single.single-post .page-section {
    padding: 0;
}

.single.single-post .page-section .wrapper {
    padding: 40px;
    background: none;
    border: solid 5px #ffe9da;
    margin: 20px auto;
}


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

button,
input,
select,
textarea {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    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 #333;
    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 {
    font-size: 18px;
    line-height: 35px;
    position: relative;
    margin: 0;
}

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

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

ul,
ol {
    margin: 0;
    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;
    outline: none;
}

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

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


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

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: none;
    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;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="color"],
textarea {
    color: #333;
    border: 2px solid #ccc;
    border-radius: 0;
    padding: 3px;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

textarea {
    width: 100%;
}

textarea {
    width: 100%;
    border: none;
    background-color: #f5f5f5;
    border-radius: 0;
    outline: none;
    height: 40px;
    padding: 0 15px;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#top-bar {
    padding: 10px 0;
    background-color: #110e0e;
}

#top-bar.col-2 {
    padding: 4px 0;
}

#top-bar .widget {
    text-align: center;
    margin-bottom: 0;
}

#top-bar .widget+.widget {
    margin-top: 15px;
}

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

.main-navigation ul ul li a {
    padding: 8px 15px;
    color: #111;
}

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

.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
    border-top: 1px solid #eee;
    margin-top: -1px;
}

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

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

.main-navigation ul.nav-menu .current-menu-item>a {
    color: #5e606c;
}

.menu-toggle {
    border-radius: 0;
    font-size: 16px;
    margin: auto;
    outline: none;
    display: block;
    height: 80px;
    position: relative;
    background-color: transparent;
    min-width: 64px;
    border: none;
}


/* Focus Style */

.menu-item a:focus,
button.dropdown-toggle:focus,
.featured-content-wrapper a:focus {
    outline: dotted;
    color: #5e606c;
    background-color: #fff;
}

.menu-toggle i {
    color: #5e606c;
}

.menu-toggle span {
    width: 35px;
    height: 2px;
    display: block;
    background-color: #fff;
    margin: 9px 0;
}

.menu-label {
    float: right;
    color: #111;
    padding: 7px 0 0 10px;
    display: none;
}

button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 55px;
    line-height: 56px;
    outline: none;
    border-radius: 0;
}

button.dropdown-toggle .fa {
    color: #5e606c;
    font-size: 18px;
    padding-left: 5px;
}

button.dropdown-toggle.active .fa:before {
    content: "\f106";
}

.menu-sticky #masthead.nav-shrink #top-bar {
    display: none;
}

.menu-sticky #masthead.nav-shrink #top-bar {
    display: none;
}

.menu-sticky #masthead {
    position: sticky;
    top: 0;
}

.menu-sticky #masthead.nav-shrink {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.customize-support.menu-sticky #masthead.nav-shrink {
    top: 32px;
}

.menu-sticky #masthead.nav-shrink .site-logo img {
    max-height: 60px;
}

.menu-sticky #masthead.nav-shrink .site-branding {
    min-height: 82px;
    padding: 5px 0;
}

.menu-sticky #masthead.nav-shrink .main-navigation ul.nav-menu>li>a {
    padding: 27px 15px;
    -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;
}

.menu-sticky #masthead.nav-shrink .main-navigation ul.nav-menu>li:not(:last-child):after {
    top: 38px;
}


/*--------------------------------------------------------------
# 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,
#latest-posts article:before,
#latest-posts article:after,
.widget:before,
.widget:after,
.posts-wrapper:before,
.posts-wrapper:after,
.services-items-wrapper:before,
.services-items-wrapper: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,
#latest-posts article:before,
#latest-posts article:after,
.widget:before,
.widget:after,
.posts-wrapper:before,
.posts-wrapper:after,
.services-items-wrapper:before,
.services-items-wrapper:after {
    clear: both;
}


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

#secondary .widget_nav_menu ul li {
    padding: 10px 20px;
    background-color: #fff;
    font-weight: 500;
}

#secondary .widget_nav_menu ul li:last-child {
    border-bottom: none;
}

#secondary .widget_nav_menu ul ul li:first-child,
#secondary .widget_nav_menu ul ul li:hover {
    border-left: none;
}

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

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

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


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

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

.widget select:focus {
    outline: thin dotted;
}

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

#colophon .widget-title,
#colophon .widgettitle {
    font-size: 18px;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 20px;
    font-weight: bold;
    color: #fff;
}

#secondary .widgettitle {
    font-size: 22px;
    text-transform: capitalize;
    padding: 15px 40px;
    margin-bottom: 0;
    font-weight: 600;
    border-bottom: 1px solid #efefef;
    background-color: #fff;
}

.no-sidebar #secondary {
    display: none;
}

input[type="submit"],
.wpcf7 input[type="submit"] {
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 7px 25px;
    font-size: 14px;
    position: relative;
    border: 2px solid;
    background-color: #5e606c;
    border-color: #5e606c;
    color: #fff;
    z-index: 1;
    width: auto;
    height: auto;
    line-height: 28px;
    -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,
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

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

.widget.widget_popular_post ul li,
.widget.widget_latest_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

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

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

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

.widget_popular_post time,
.widget_latest_post time {
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}

.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 {
    color: #111;
}

.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time {
    color: #5e606c;
}

.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time {
    color: #929292;
    font-weight: 500;
}

.widget_popular_post img,
.widget_latest_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;
}

#secondary .textwidget img {
    height: 200px;
    width: 200px;
    object-fit: cover;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}

#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: #111;
    min-width: 151px;
    margin: 0;
    text-transform: uppercase;
}

.jetpack_subscription_widget #subscribe-submit:after {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f5f5f5;
    position: absolute;
    bottom: 0;
    right: -10px;
}

.site-footer .jetpack_subscription_widget #subscribe-submit:after {
    border-bottom-color: #fff;
}

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

#colophon .social-icons {
    margin-left: -15px;
}

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

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

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

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


/*--------------------------------------------------------------
# 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;
    padding: 10px 0;
}

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

.page-header span.author-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #111;
}

.page-header small {
    font-size: 12px;
    color: #5e606c;
}

nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.posts-wrapper.blog-posts .featured-image {
    position: relative;
}

.mejs-controls {
    opacity: 0.56;
}

.single #primary article.post,
.single #primary .navigation,
.page #primary article {
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.05);
    padding: 40px;
}

.single #primary .navigation {
    padding: 0;
}

.single #primary .navigation a {
    padding: 25px;
}


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

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


/*.page-section {
    padding: 60px 0;
}*/

.section-title {
    font-size: 30px;
    margin: 0 0 15px;
    word-wrap: break-word;
}

.section-header {
    position: relative;
    display: block;
}

.section-title {
    background: transparent;
    display: inline-block;
    position: relative;
    padding: 0 20px;
    vertical-align: middle;
}

.section-header {
    margin-bottom: 30px;
}

.section-subtitle {
    margin: 15px auto 0;
    color: #6f6f6f;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    max-width: 600px;
    line-height: 24px;
}

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

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

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


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


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}


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

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

/*.social-icons li {
    display: inline-block;
    vertical-align: middle;
    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;
    border-radius: 2px;
}*/


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

#message .social-icons li a {
    color: #777;
}

#message .social-icons li a:hover,
#message .social-icons li a:focus {
    color: #fff;
}

#top-bar .social-icons li a {
    color: #fff;
}

.social-icons li a[href*="twitter.com"]:before {
    content: "\f099";
}

.social-icons li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.social-icons li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.social-icons li a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.social-icons li a[href*="pinterest.com"]:before {
    content: "\f231";
}

.social-icons li a[href*="bitbucket.org"]:before {
    content: "\f171";
}

.social-icons li a[href*="github.com"]:before {
    content: "\f113";
}

.social-icons li a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.social-icons li a[href*="flickr.com"]:before {
    content: "\f16e";
}

.social-icons li a[href$="/feed/"]:before {
    content: "\f09e";
}

.social-icons li a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-icons li a[href*="tumblr.com"]:before {
    content: "\f173";
}

.social-icons li a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.social-icons li a[href*="vimeo.com"]:before {
    content: "\f194";
}

.social-icons li a[href*="digg.com"]:before {
    content: "\f1a6";
}

.social-icons li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.social-icons li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.social-icons li a[href*="delicious.com"]:before {
    content: "\f1a5";
}

.social-icons li a[href*="mailto:"]:before {
    content: "\f0e0";
}

.social-icons li a[href*="soundcloud.com"]:before {
    content: "\f1be";
}

.social-icons li a[href*="wordpress.org"]:before {
    content: "\f19a";
}

.social-icons li a[href*="wordpress.com"]:before {
    content: "\f19a";
}

.social-icons li a[href*="jsfiddle.net"]:before {
    content: "\f1cc";
}

.social-icons li a[href*="tripadvisor.com"]:before {
    content: "\f262";
}

.social-icons li a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-icons li a[href*="angel.co"]:before {
    content: "\f209";
}

.social-icons li a[href*="slack.com"]:before {
    content: "\f198";
}


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

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

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

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

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

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

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

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

.social-icons li a[href*="codepen.io"]:hover,
.social-icons li a[href*="codepen.io"]:focus {
    background-color: #111000 !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 {
    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: #111000 !important;
}


/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/

#custom-header-image {
    background-color: #fff;
}


/*--------------------------------------------------------------
#  Featured Slider Section
--------------------------------------------------------------*/

.slick-item {
    outline: none;
}

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

.slick-next:before,
.slick-prev:before {
    opacity: 1;
    content: "\f104";
    font-family: "FontAwesome";
}

.slick-next:before {
    content: "\f105";
}

.slick-prev,
.slick-next {
    left: 0;
    z-index: 1;
    width: 40px;
    height: 40px;
    background: #ffc49d;
    border-radius: 0;
    line-height: 52px;
}

.slick-next {
    left: auto;
    right: 0;
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    background: #ffc49d;
}

.slick-dots li:hover button::before,
.slick-dots li:focus button::before {
    background: #ffc49d!important;
}

.slick-dots li button:before {
    content: "";
    opacity: 1;
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 12px;
}

.slick-dots li.slick-active button:before {
    background: #ffc49d;
    opacity: 1;
}

.slick-dots li {
    margin: 0 2px;
}

#featured-slider .wrapper {
    position: relative;
    z-index: 1;
}

#featured-slider article {
    padding: 225px 0;
    background-size: cover;
    background-position: 50%;
    position: relative;
    background-color: #111;
}

.image-overlay.featured-content-wrapper {
    padding: 30px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    max-width: 750px;
    width: 100%;
    left: 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.content-overlay.featured-content-wrapper {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    max-width: 750px;
    width: 100%;
    left: 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 15px;
}

.featured-content-wrapper .cat-links {
    padding-left: 10px;
    color: #222;
}

#featured-slider .entry-meta .cat-links a {
    color: #5e606c;
}

#featured-slider .entry-meta .cat-links a:hover {
    color: #222;
}

.image-overlay.featured-content-wrapper .entry-title:hover {
    opacity: 0.7;
}

.content-overlay.featured-content-wrapper .entry-title:hover {
    color: #5e606c;
}

.image-overlay.featured-content-wrapper .more-link,
.image-overlay.featured-content-wrapper .entry-title a {
    color: #fff;
}

.featured-content-wrapper .entry-title a:hover,
.featured-content-wrapper .entry-title a:focus {
    color: #222;
    opacity: 0.8;
}

.image-overlay.featured-content-wrapper .entry-title a:hover,
.image-overlay.featured-content-wrapper .entry-title a:focus {
    color: #fff;
    opacity: 0.8;
}

#featured-slider .image-overlay .separator {
    margin-bottom: 15px;
    width: 70px;
    background-color: #fff;
    height: 3px;
    margin: auto;
    margin: 20px auto;
}

#featured-slider .content-overlay .separator {
    margin-bottom: 15px;
    width: 70px;
    background-color: #5e606c;
    height: 3px;
    margin: auto;
    margin: 20px auto;
}

.content-overlay.featured-content-wrapper .entry-title {
    color: #222;
    font-size: 40px;
    font-weight: bold;
}

.image-overlay.featured-content-wrapper .entry-title {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
}

.featured-content-wrapper .entry-content p,
#featured-slider article .entry-content {
    color: #222;
    font-size: 17px;
    margin: 0;
}

.featured-content-wrapper .read-more {
    margin-top: 21px;
}

.featured-content-wrapper .read-more a {
    color: #fff;
}

#featured-slider .slick-dots {
    bottom: 25px;
}

#featured-slider button.slick-arrow {
    visibility: hidden;
    opacity: 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;
}

#featured-slider:hover button.slick-arrow {
    visibility: visible;
    opacity: 1;
}

#featured-slider:hover button.slick-arrow.slick-prev {
    left: 25px;
}

#featured-slider:hover button.slick-arrow.slick-next {
    right: 25px;
}


/*--------------------------------------------------------------
# Message
--------------------------------------------------------------*/

#message .btn {
    color: #fff;
    display: inline-block;
    background: #5e606c;
    padding: 10px 37px;
    text-transform: uppercase;
}

#message .btn:hover {
    background: #333;
}

#message .section-content.col-1,
#message .section-content.col-2 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

#message .section-content.col-2 {
    max-width: 800px;
}

#message article.no-post-thumbnail .featured-image {
    display: none;
}

#message article.no-post-thumbnail .entry-container {
    width: 100%;
    float: none;
    padding: 30px 0 0;
}

#message .read-more .btn:not(:last-child) {
    margin-right: 15px;
}

#message article .entry-content p {
    margin-bottom: 0;
}

#message article .read-more {
    margin-top: 25px;
}


/*--------------------------------------------------------------
#  About Section
--------------------------------------------------------------*/

#about img+.section-content {
    padding-top: 50px;
}

#about .section-content.col-1,
#about .section-content.col-2,
#about-us .section-content.col-1,
#about-us .section-content.col-2,
#gallery .section-content.col-1,
#gallery .section-content.col-2 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

#about .section-content.col-2,
#about-us .section-content.col-2,
#gallery .section-content.col-2 {
    max-width: 800px;
}

.featured-course-wrapper {
    background-color: #e86126;
    border-radius: 25px;
    text-align: center;
    padding: 25px;
}

#about .slick-dots {
    bottom: 0;
}

#about .slick-dots li button::before {
    background-color: #ccc;
}

#about .slick-dots li.slick-active button::before {
    background: #ffc49d;
}

#about .slick-dots li:hover button::before,
#about .slick-dots li:focus button::before {
    background: #ffc49d!important;
}

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

.about-item-wrapper .btn,
#blog .post-item .btn, {
    padding: 4px 18px;
    font-size: 12px;
}


/*--------------------------------------------------------------
#  Popular Posts Section
--------------------------------------------------------------*/

#popular .circle-image .featured-image {
    border-radius: 200px;
}

#popular article.circle-image .post-item-wrapper {
    border-top-right-radius: 200px;
    border-top-left-radius: 200px;
}


/*--------------------------------------------------------------
#  Blog Section
--------------------------------------------------------------*/

#blog {
    padding: 30px 0 50px 0;
}

#blog article:last-child {
    margin-bottom: 0;
}

#blog article .overlay {
    opacity: 0.85;
}

#blog article:nth-child(odd) .overlay {
    background-color: #ff9041;
}

#blog article:nth-child(even) .overlay {
    background-color: #12315d;
}

#blog .section-content.col-1,
#blog .section-content.col-2,
#services .section-content.col-1,
#services .section-content.col-2 {
    margin-left: auto;
    margin-right: auto;
}

#services .section-content.col-2 {
    max-width: 800px;
}


/*#blog .featured-image {
    margin-bottom: 25px;
}*/

#blog article .entry-content p {
    margin-bottom: 0;
}

#blog article .read-more {
    margin-top: 25px;
}


/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

.blog-posts-wrapper .entry-meta.posted-on,
#popular .entry-meta.posted-on {
    border-top: dotted 2px lightgray;
    border-bottom: dotted 2px lightgray;
    padding: 10px 20px;
    text-align: center;
}

iframe {
    border-radius: 15px;
}

.blog-posts-wrapper .post-thumbnail-link {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.blog-posts-wrapper .section-header {
    margin: 30px 0 20px;
}

.blog-posts-wrapper .has-post-thumbnail .entry-container {
    padding-top: 0;
}

body:not(.home).left-sidebar .blog-posts-wrapper .entry-title,
body:not(.home).right-sidebar .blog-posts-wrapper .entry-title {
    font-size: 40px;
}

.blog-posts-wrapper article img {
    width: 100%;
}

.grid {
    margin: 0 -15px;
}

.left-sidebar .blog-posts-wrapper article,
.right-sidebar .blog-posts-wrapper article,
.no-sidebar .blog-posts-wrapper article,
.home.left-sidebar .blog-posts-wrapper article,
.home.right-sidebar .blog-posts-wrapper article,
.home.blog .blog-posts-wrapper article {
    padding: 0 15px;
}

.blog-posts-wrapper .read-more {
    padding: 0 20px;
}

.more-link {
    display: inline-block;
    border-color: #5e606c;
    background-color: #5e606c;
    border-radius: 1px;
    box-sizing: border-box;
    padding: 9px 24px;
    color: #777;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.3;
    -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;
}

.more-link:hover,
.more-link:focus {
    border-color: #333;
    background-color: #333;
    color: #fff;
}

body.blog.right-sidebar .blog-posts-wrapper .col-3 article,
body.blog.left-sidebar .blog-posts-wrapper .col-3 article {
    width: 50%;
}


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

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

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

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

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

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

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

.header-font-7 h1,
.header-font-7 h2,
.header-font-7 h3,
.header-font-7 h4,
.header-font-7 h5,
.header-font-7 h6 {
    font-family: 'Playfair Display', serif;
}

.header-font-8 h1,
.header-font-8 h2,
.header-font-8 h3,
.header-font-8 h4,
.header-font-8 h5,
.header-font-8 h6 {
    font-family: 'Lora', serif;
}

.header-font-9 h1,
.header-font-9 h2,
.header-font-9 h3,
.header-font-9 h4,
.header-font-9 h5,
.header-font-9 h6 {
    font-family: 'Titillium Web', sans-serif;
}

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

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

.header-font-12 h1,
.header-font-12 h2,
.header-font-12 h3,
.header-font-12 h4,
.header-font-12 h5,
.header-font-12 h6 {
    font-family: 'Nunito Sans', sans-serif;
}

.header-font-13 h1,
.header-font-13 h2,
.header-font-13 h3,
.header-font-13 h4,
.header-font-13 h5,
.header-font-13 h6 {
    font-family: 'Maven Pro', sans-serif;
}

.header-font-14 h1,
.header-font-14 h2,
.header-font-14 h3,
.header-font-14 h4,
.header-font-14 h5,
.header-font-14 h6 {
    font-family: 'Cairo', serif;
}

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

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

.body-font-1,
.body-font-1 .site-title,
.body-font-1 #colophon .widget-title,
.body-font-1 #colophon .widgettitle {
    font-family: 'Raleway', sans-serif;
}

.body-font-2,
.body-font-2 .site-title,
.body-font-2 #colophon .widget-title,
.body-font-2 #colophon .widgettitle {
    font-family: 'Poppins', sans-serif;
}

.body-font-3,
.body-font-3 .site-title,
.body-font-3 #colophon .widget-title,
.body-font-3 #colophon .widgettitle {
    font-family: 'Roboto', sans-serif;
}

.body-font-4,
.body-font-4 .site-title,
.body-font-4 #colophon .widget-title,
.body-font-4 #colophon .widgettitle {
    font-family: 'Open Sans', sans-serif;
}

.body-font-5,
.body-font-5 .site-title,
.body-font-5 #colophon .widget-title,
.body-font-5 #colophon .widgettitle {
    font-family: 'Lato', sans-serif;
}

.body-font-6,
.body-font-6 .site-title,
.body-font-6 #colophon .widget-title,
.body-font-6 #colophon .widgettitle {
    font-family: 'Ubuntu', sans-serif;
}

.body-font-7,
.body-font-7 .site-title,
.body-font-7 #colophon .widget-title,
.body-font-7 #colophon .widgettitle {
    font-family: 'Playfair Display', serif;
}

.body-font-8,
.body-font-8 .site-title,
.body-font-8 #colophon .widget-title,
.body-font-8 #colophon .widgettitle {
    font-family: 'Lora', serif;
}

.body-font-9,
.body-font-9 .site-title,
.body-font-9 #colophon .widget-title,
.body-font-9 #colophon .widgettitle {
    font-family: 'Titillium Web', sans-serif;
}

.body-font-10,
.body-font-10 .site-title,
.body-font-10 #colophon .widget-title,
.body-font-10 #colophon .widgettitle {
    font-family: 'Muli', sans-serif;
}

.body-font-11,
.body-font-11 .site-title,
.body-font-11 #colophon .widget-title,
.body-font-11 #colophon .widgettitle {
    font-family: 'Oxygen', sans-serif;
}

.body-font-12,
.body-font-12 .site-title,
.body-font-12 #colophon .widget-title,
.body-font-12 #colophon .widgettitle {
    font-family: 'Nunito Sans', sans-serif;
}

.body-font-13,
.body-font-13 .site-title,
.body-font-13 #colophon .widget-title,
.body-font-13 #colophon .widgettitle {
    font-family: 'Maven Pro', sans-serif;
}

.body-font-14,
.body-font-14 .site-title,
.body-font-14 #colophon .widget-title,
.body-font-14 #colophon .widgettitle {
    font-family: 'Cairo', serif;
}

.body-font-15,
.body-font-15 .site-title,
.body-font-15 #colophon .widget-title,
.body-font-15 #colophon .widgettitle {
    font-family: 'Philosopher', sans-serif;
}

.body-font-16,
.body-font-16 .site-title,
.body-font-16 #colophon .widget-title,
.body-font-16 #colophon .widgettitle {
    font-family: 'Quicksand', sans-serif;
}


/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/

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

#colophon li {
    color: #888;
}

#colophon .widget li a {
    display: table-row;
}

#colophon .widget li:before {
    content: "\f101";
    font-family: "FontAwesome";
    float: left;
    margin-right: 15px;
}

.widget_recent_entries ul li span {
    font-size: 12px;
    display: block;
}

.widget_archive li a {
    float: left;
}

.widget_nav_menu ul ul {
    padding-left: 25px;
    margin-top: 15px;
}

.widget_archive li {
    clear: both;
    display: table;
    width: 100%;
}

.backtotop {
    background-color: #5e606c;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    color: #fff;
}

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


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

@media screen and (min-width: 567px) {
    #blog .col-2 article,
    #blog .col-3 article,
    #blog .col-4 article,
    .blog-posts-wrapper .col-2 article {
        width: 50%;
        float: left;
    }
    #blog .col-2 article:nth-child(2n+1),
    #blog .col-3 article:nth-child(2n+1),
    #blog .col-4 article:nth-child(2n+1),
    .blog-posts-wrapper .col-2 article:nth-child(2n+1) {
        clear: left;
    }
    #blog .col-2 article:nth-last-child(-n+2),
    #blog .col-3 article:nth-last-child(-n+2),
    #blog .col-4 article:nth-last-child(-n+2),
    .blog-posts-wrapper .col-2 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    #featured-slider article {
        padding: 300px 0;
    }
    .blog-posts-wrapper .col-3 article {
        width: 100%;
        float: left;
    }
}

@media screen and (min-width: 767px) {
    .section-title {
        font-size: 38px;
    }
    #about .col-3 article {
        width: 33.33%;
        float: left;
    }
    #about .col-3 article:nth-child(3n+1) {
        clear: left;
    }
    #about .col-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    #message article {
        position: relative;
        display: table;
        width: 100%;
    }
    #message .featured-image {
        width: 50%;
        display: table-cell;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding: 0;
    }
    #message .entry-container {
        width: 50%;
        display: table-cell;
        float: right;
        text-align: left;
        padding: 60px 0 60px 60px;
    }
    #message .entry-header {
        text-align: left;
    }
    #popular article.has-post-thumbnail.full-width {
        position: relative;
        display: table;
        width: 100%;
        /*padding: 20px 0;*/
    }
    #popular article.has-post-thumbnail.full-width .featured-image {
        width: 50%;
        display: table-cell;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding-bottom: 0;
    }
    #popular article.has-post-thumbnail.full-width .entry-container {
        width: 50%;
        display: table-cell;
        float: left;
        /*text-align: center;*/
        position: relative;
        padding: 60px 50px 60px 50px;
        padding-left: 0;
        background: none;
    }
    /*#popular article.has-post-thumbnail.full-width .entry-container:after {
        position: absolute;
        content: "";
        height: 100%;
        width: 50px;
        background: none;
        top: 0;
        right: -50px;
    }*/
    #popular article.has-post-thumbnail.full-width .entry-container .entry-meta:before {
        margin-left: auto;
        margin-right: auto;
    }
    #blog .col-3 article {
        width: 33.33%;
    }
    #blog .col-3 article:nth-child(2n+1) {
        clear: none;
    }
    #blog .col-3 article:nth-child(3n+1) {
        clear: left;
    }
    #blog .col-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    .site-info.col-2 span {
        float: left;
        width: 50%;
        text-align: left;
    }
    .site-info.col-2 span:nth-child(2) {
        float: right;
        text-align: right;
    }
    .site-info {
        padding: 10px 0;
    }
}

@media screen and (min-width: 992px) {
    /*.page-section {
        padding: 50px 0;
    }*/
    #top-bar .widget+.widget {
        margin-top: 0;
    }
    #top-bar.col-2 .widget {
        float: left;
        text-align: left;
        padding: 6px 0;
    }
    #top-bar.col-2 .widget+.widget {
        float: right;
        text-align: right;
        padding: 0;
    }
    .featured-content-wrapper .entry-title {
        font-size: 40px;
    }
    .about-item-wrapper .entry-title {
        font-size: 42px;
    }
    #message article,
    #message .entry-header {
        text-align: left;
    }
    #message .featured-image {
        width: 50%;
        float: left;
        margin-bottom: 0;
    }
    #message .entry-container,
    #message article.no-post-thumbnail .entry-container {
        padding: 60px 50px 60px 50px;
        padding-right: 0;
    }
    #message .entry-title {
        font-size: 30px;
    }
    #popular article {
        width: 33.33%;
        float: left;
        padding: 0 15px;
        margin-bottom: 50px;
    }
    #popular article.full-width {
        width: 100%;
        float: none;
    }
    #popular.blog-posts article:not(.full-width) .entry-title {
        font-size: 30px;
    }
    #popular.blog-posts article:not(.full-width) .entry-container {
        padding: 30px;
    }
    #popular article.has-post-thumbnail.full-width:nth-child(5) .featured-image {
        right: auto;
        left: 0;
    }
    #popular article.has-post-thumbnail.full-width:nth-child(5) .entry-container {
        float: right;
        padding: 60px 50px 60px 20px;
    }
    #popular article.has-post-thumbnail.full-width:nth-child(5) .entry-container:after {
        left: -50px;
        right: auto;
    }
    #popular .post-item-wrapper {
        background-color: #fff;
    }
    #popular article.no-post-thumbnail:not(.full-width) .post-item-wrapper {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    #blog .col-4 article {
        width: 25%;
    }
    #blog .col-4 article:nth-child(2n+1) {
        clear: none;
    }
    #blog .col-4 article:nth-child(4n+1) {
        clear: left;
    }
    #blog .col-4 article:nth-last-child(-n+4) {
        margin-bottom: 0;
    }
    .blog-posts-wrapper .col-3 article {
        width: 33.33%;
    }
    .blog-posts-wrapper .col-3 article:nth-child(2n+1) {
        clear: none;
    }
    .blog-posts-wrapper .col-3 article:nth-child(3n+1) {
        clear: left;
    }
    nav.navigation.pagination {
        margin: 63px 0;
    }
    #colophon .social-icons {
        margin-left: -15px;
    }
    /*.social-icons li:not(:last-child) {
        margin-right: 6px;
        margin-bottom: 0;
    }*/
}

@media screen and (min-width: 1024px) {
    .main-navigation {
        /*border-top: 1px solid transparent;*/
    }
    .main-navigation .menu-item-has-children>a:after {
        content: "\f107";
        font-family: "FontAwesome";
        padding-left: 8px;
    }
    .main-navigation ul ul .menu-item-has-children>a:after {
        content: "\f105";
    }
    .main-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
        /*text-align: center;*/
    }
    .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 li:hover>a {
        background-color: #5e606c;
        color: #fff !important;
    }
    .main-navigation ul.sub-menu>li:last-child>a {
        border-bottom: none;
    }
    .main-navigation ul ul li {
        border-bottom: 1px solid #eee;
    }
    .main-navigation ul ul>li:last-child {
        border-bottom: none;
    }
    .main-navigation ul ul ul {
        top: 0;
    }
    .menu-toggle {
        height: 80px;
        position: absolute;
        top: 50%;
        right: 35px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    button.dropdown-toggle {
        display: none;
    }
    .menu-toggle,
    .modern-menu ul#primary-menu {
        display: none;
    }
    .modern-menu .menu-toggle {
        display: block;
    }
    .modern-menu .menu-label {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation .left-menu {
        padding-left: 50px;
    }
    .main-navigation ul.nav-menu>li.left-menu>a,
    .main-navigation ul.nav-menu>li.right-menu>a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .main-navigation li.left-menu+li.right-menu:before {
        content: "/";
        position: absolute;
        top: 50%;
        margin-left: -6px;
        color: #fff;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #featured-slider article {
        padding: 260px 0;
    }
    .right-sidebar #primary,
    .left-sidebar #primary {
        width: 70%;
        float: left;
        padding-right: 50px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
        width: 30%;
        float: right;
    }
    .home.right-sidebar #secondary,
    .home.left-sidebar #secondary {
        padding: 100px 0;
    }
    .left-sidebar #primary {
        float: right;
        padding-right: 0;
        padding-left: 50px;
    }
    .no-sidebar #primary {
        width: 100%;
        float: none;
    }
    .single.no-sidebar #primary {
        max-width: 1024px;
        margin: 0 auto;
    }
    .no-sidebar.home #primary {
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .main-navigation ul.nav-menu>li>a {
        padding: 15px 18px;
    }
    .blog-posts-wrapper.col-3 .has-post-thumbnail .featured-image {
        padding: 160px 0;
    }
}

@media screen and (min-width: 1900px) {
    #page-site-header {
        padding: 325px 0;
    }
    #page-site-header .page-title {
        font-size: 40px;
    }
}

@media screen and (max-width: 1023px) {
    #masthead {
        margin-bottom: 0;
        position: relative;
        min-height: 80px;
    }
    .site-branding {
        padding: 20px 0;
    }
    .site-title {
        font-size: 26px;
    }
    .main-navigation a {
        border-bottom: 1px solid rgb(255 255 255 / 10%);
    }
    .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: 0;
        background-color: #ccc;
        width: 1px;
        height: 25px;
    }
    .main-navigation .menu-item-has-children>a:after {
        padding-top: 3px;
    }
    .main-navigation ul.nav-menu>li {
        /*border-bottom: 1px solid transparent;*/
    }
    .main-navigation ul.nav-menu>li>a,
    .main-navigation ul.sub-menu li a {
        /*padding: 13px 42px 13px 25px;*/
        padding: 15px 25px 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 ul.sub-menu li a {
        border-left: none;
    }
    .main-navigation ul.nav-menu {
        margin-right: 0;
        background: #ffc49d;
        /*margin-top: 25px;*/
        /*border-top: 1px solid rgb(255 255 255 / 10%);*/
    }
    .main-navigation {
        /*box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.11);
        -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.11);
        -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.11);*/
        /*border-top: 1px solid rgb(255 255 255 / 10%);*/
    }
    .main-navigation a {
        color: #111;
    }
    #page-site-header {
        padding: 250px 0;
    }
}

@media screen and (max-width: 992px) {
    .blog-posts-wrapper .col-3 article {
        width: 33.3333%;
        float: left;
    }
    #page-site-header {
        padding: 200px 0;
    }
}

@media screen and (max-width: 767px) {
    #popular:after {
        position: relative;
    }
    .blog-posts-wrapper .col-3 article {
        width: 100%;
        float: left;
    }
    #about .entry-container {
        position: relative;
        padding: 20px;
        background: #fff;
    }
    #masthead.site-header .main-navigation ul.nav-menu {
        max-width: 100%;
    }
    #featured-slider button.slick-arrow,
    #featured-slider:hover button.slick-arrow {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
    #page-site-header .page-title {
        font-size: 24px;
    }
    #video .col-3 article {
        width: 100%;
        float: none;
        text-align: center;
    }
    #video article.has-post-thumbnail {
        text-align: left !important;
    }
    #video .col-2 article:nth-last-child(-n+2),
    #video .col-3 article:nth-last-child(-n+3) {
        margin-bottom: 50px;
    }
    #video .col-2 article:last-child,
    #video .col-3 article:last-child {
        margin-bottom: 0;
    }
    .site-menu {
        padding: 0;
    }
    .site-menu .site-branding,
    .site-menu .widget_social_icons {
        width: 100%;
        float: none;
        text-align: center;
    }
    .site-menu .widget_social_icons {
        margin-top: 0px;
        margin-bottom: 0;
        padding: 10px 0 0;
    }
    .site-branding {
        padding: 10px 0;
    }
}

@media screen and (max-width: 567px) {
    .blog-posts-wrapper article {
        width: 100%;
    }
    .site-branding .site-logo+#site-identity {
        margin-top: 15px;
    }
    .featured-content-wrapper {
        padding: 25px;
    }
    #featured-slider article .entry-content {
        display: none;
    }
    .section-header {
        margin-bottom: 40px;
    }
    /*#about article .entry-content p {
        font-size: 16px;
        line-height: 30px;
    }*/
    #page-site-header {
        padding: 175px 0;
    }
    body.blog.right-sidebar .blog-posts-wrapper .col-3 article,
    body.blog.left-sidebar .blog-posts-wrapper .col-3 article {
        width: 100%;
    }
    blockquote.alignright {
        margin-left: 0;
    }
    .testimonial-slider article.has-featured-image .featured-image {
        box-shadow: none;
    }
}

@media screen and (max-width: 480px) {
    #masthead .wrapper {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    .site-branding {
        min-height: auto;
        text-align: center;
        width: 100%;
        float: none;
        padding: 15px;
        display: block;
    }
    .menu-toggle {
        margin: auto;
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        width: 70px;
        height: 70px;
    }
    .main-navigation {
        float: none;
    }
    #our-story .content-wrapper {
        padding: 25px;
    }
}