/*
Theme Name: Kompany
Theme URI: 
Author: Theme Palace
Author URI: https://themepalace.com
Description: Kompany is a WordPress charity theme build for any kind of non-profit organization. It is a fully functional and ready-to-use theme for any organization related to non-profit campaigns like Fundraising, Crowdfunding, or any other contribution & cause-related organization Website. Kompany is easy to use and get started with. It comes with multiple home page designs and demo. As per your requirements and features of your likings, you can choose the one and build your website. The theme is also fully customizable. With a live customizer, you can edit and make necessary changes to the site. From colors to logos to display templates, you have multiple options to develop a website of your liking. You also have the typography option to make your site more attractive and visible. It is so designed that viewers can get all the related information in one go and even make a donation quickly. In addition to this, the theme is also fully flexible and optimized for speed. Kompany has all the features and design you are looking for in your website.
Requires at least: 4.8
Version: 1.0.1
Requires PHP: 5.6
Tested up to: 5.8
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kompany
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, three-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.

Kompany 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
	## Services Section

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

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


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

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

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

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

@-webkit-keyframes rotating
/* Safari and Chrome */

{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.blog-loader {
    text-align: center;
    margin-top: 50px;
}

.blog-loader svg {
    width: 30px;
    height: 30px;
}

#LBloadmore svg.latest-posts-loader,
.blog-loader svg {
    margin-left: 15px;
    animation: infinitepreloader 1.5s infinite ease-in-out;
}

@keyframes infinitepreloader {
    100% {
        transform: rotate(180deg);
    }
}

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

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

#preloader span:nth-child(2) {
    left: 11px;
    animation-delay: .2s;
}

#preloader span:nth-child(3) {
    left: 22px;
    animation-delay: .4s;
}

#preloader span:nth-child(4) {
    left: 33px;
    animation-delay: .6s;
}

#preloader span:nth-child(5) {
    left: 44px;
    animation-delay: .8s;
}

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

.backtotop {
    text-align: center;
    position: fixed;
    background-color: #666;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    color: #fff;
    bottom: -100px;
    right: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    z-index: 300;
}

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

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

.backtotop:hover svg {}


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

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


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

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

#page {
    position: relative;
}


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

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

h1 {
    font-size: 38px;
}

h2 {
    font-size: 28px;
}

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

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

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

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


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

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

a:hover {
    color: #666;
}

a:focus {
    outline: thin dotted;
}

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


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

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


/***
====================================================================
## Top Navigation
====================================================================
***/

#top-navigation {
    padding: 10px 0;
    background-color: #e5e5e5;
}

#top-navigation .social-icons li a svg {
    fill: #000;
}

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


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

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

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

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

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

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


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

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

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

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

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

@media screen and (min-width: 567px) {
    #top-navigation .social-icons {
        text-align: right;
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    #top-navigation {
        padding: 5px 0;
    }
    #top-navigation div.social-icons {
        float: right;
        text-align: right;
        /*width: 30%;*/
        width: 100%;
    }
}

@media screen and (max-width: 1023px) {
    #top-navigation {
        text-align: center;
    }
}


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

#masthead {
    position: relative;
    width: 100%;
    background-color: transparent;
    top: 0;
    z-index: 2;
}


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

.site-branding {
    float: left;
    align-items: center;
    display: flex;
    margin-right: 20px;
    padding: 0;
    /*padding: 20px 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;
}

.site-branding .site-logo {}

.site-branding .site-logo img {
    max-width: 100%;
    -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;
}


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

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

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

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

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

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

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

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


/**
 * Responsive
 * -------------------------------------------------------------
 */

@media screen and (min-width: 1024px) {
    #masthead .wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: solid 1px rgb(0 0 0 / 20%);
    }
    #masthead .main-navigation {
        margin: 14px 0;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
    }
    .main-navigation ul.nav-menu>li>a {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: normal;
        color: #333;
    }
    .main-navigation ul.nav-menu>li.current-menu-item>a,
    .main-navigation ul.nav-menu>li>a:hover
    .main-navigation ul.nav-menu>li:hover>a {
        color: #666;
    }
}

@media screen and (max-width: 1023px) {
    #masthead .wrapper {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .single #masthead .wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .main-navigation {
        position: static;
    }
    .main-navigation ul.nav-menu {
        position: absolute;
        width: 100%;
        background-color: #fff;
        top: 100%;
        right: 0;
        left: auto;
    }
    .main-navigation ul.nav-menu>li {
        padding: 15px 15px 15px 25px;
        border-bottom: 1px solid #eee;
    }
    .main-navigation ul.nav-menu>li:last-child {
        border-bottom: none;
    }
    .main-navigation ul.nav-menu>li>a {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: normal;
        color: #333;
    }
    .main-navigation ul.nav-menu>li.current-menu-item>a,,
    .main-navigation ul.nav-menu>li>a:hover,
    .main-navigation ul.nav-menu>li:hover>a {
        color: #666;
    }
}

@media screen and (max-width: 567px) {
    .site-branding {
        width: 80%;
        margin-right: 10px;
    }
}


/***
====================================================================
## Menu Toggle
====================================================================
***/

.menu-toggle {
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    min-width: 135px;
    min-height: 50px;
    background-color: #000;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 25px;
    /*margin: 7px 0;*/
}

.menu-toggle:hover,
.menu-toggle:focus {
    background-color: #666;
}

.main-navigation .menu-toggle svg {
    fill: #fff;
    margin-right: 10px;
}

.menu-label {
    color: #fff;
}

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

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

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

.menu-open svg.icon-menu {
    display: none;
}

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

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

@media screen and (max-width: 1023px) {
    #masthead .menu-open .menu-toggle .icon-close {
        display: block;
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 567px) {
    .menu-toggle {
        float: none;
        text-align: center;
        position: relative;
        /*width: 70px;*/
        min-width: 48px;
        min-height: 48px;
        padding: 0;
        top: 0;
        left: 0;
        transform: none;
        z-index: 3000;
    }
    .menu-toggle svg.icon-menu {
        width: 25px;
        height: 25px;
    }
    .menu-toggle svg.icon-close {
        width: 16px;
        height: 16px;
    }
    .main-navigation .menu-toggle svg {
        margin-right: 0;
    }
    .menu-toggle span {
        display: none;
    }
}


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

#kompany_header_content_section {
    /*padding-top: 100px;
    padding-bottom: 100px;*/
    padding-top: 60px;
    padding-bottom: 0;
    text-align: center;
}

#kompany_header_content_section .section-header {
    max-width: 100%;
}

#kompany_header_content_section p.section-subtitle {
    margin: 0;
    padding: 0;
}

/*@media screen and (min-width: 767px) {
    #kompany_header_content_section {
        padding-top: 150px;
        padding-bottom: 150px;
    }
}*/

@media screen and (min-width: 1024px) {
    #kompany_header_content_section {
        padding-top: 90px;
        padding-bottom: 0;
    }
}

/*@media screen and (min-width: 1200px) {
    #kompany_header_content_section {
        padding-top: 200px;
        padding-bottom: 185px;
    }
}*/


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

#kompany_about_section {
    /*padding-top: 100px;
    padding-bottom: 100px;*/
    padding-top: 60px;
    padding-bottom: 60px;
}

#kompany_about_section .wrapper {
    position: relative;
}

#kompany_about_section article {
    display: table;
    width: 100%;
    background-color: #eee;
}

#kompany_about_section .featured-image {
    padding-bottom: 100%;
}

#kompany_about_section .entry-container {
    text-align: center;
    width: 100%;
    padding: 50px;
}

#kompany_about_section .entry-header {}

#kompany_about_section h2.entry-title {}

#kompany_about_section .entry-content {}

#kompany_about_section .entry-content p {}

@media screen and (min-width: 567px) {
    #kompany_about_section .featured-image {
      padding-bottom: 50%;
    }
    #kompany_about_section .entry-container {
        padding: 50px 80px 50px 80px;
    }
}

/*@media screen and (min-width: 767px) {
    #kompany_about_section {
        padding-top: 150px;
        padding-bottom: 150px;
    }
}*/

@media screen and (min-width: 992px) {
    #kompany_about_section .featured-image {
        position: absolute;
        width: 58%;
        height: 100%;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
    }
    #kompany_about_section .entry-container {
        text-align: left;
        float: left;
        width: 42%;
        padding: 100px 70px 100px 70px;
    }
}

@media screen and (min-width: 1024px) {
    #kompany_about_section {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

/*@media screen and (min-width: 1200px) {
    #kompany_about_section {
        padding-top: 200px;
        padding-bottom: 185px;
    }
}*/

@media screen and (max-width: 567px) {
    #kompany_about_section article {
        display: block;
    }
    #kompany_about_section .entry-container {
        overflow: hidden;
        padding: 30px;
    }
}


/***
====================================================================
## Catgories-2
====================================================================
***/

#kompany_cta_section {
    /*padding-top: 100px;
    padding-bottom: 100px;*/
    padding-top: 60px;
    padding-bottom: 60px;
}

#kompany_cta_section .wrapper {
    position: relative;
    margin: auto;
    max-width: 1170px;
}

#kompany_cta_section article {}

#kompany_cta_section .featured-image {
    padding-bottom: 100%;
}

#kompany_cta_section .entry-container {
    text-align: center;
}

#kompany_cta_section .section-header {
    max-width: 100%;
    margin: 0 auto;
}

#kompany_cta_section h2.section-title {}

#kompany_cta_section .section-content {}

#kompany_cta_section .section-content p {}

@media screen and (min-width: 567px) {
    #kompany_cta_section .featured-image {
        margin-bottom: 50px;
        padding-bottom: 50%;
    }
}

@media screen and (min-width: 1024px) {
    #kompany_cta_section {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

@media screen and (min-width: 992px) {
    #kompany_cta_section .featured-image {
        position: absolute;
        width: 50%;
        height: 100%;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
    }
    #kompany_cta_section .entry-container {
        text-align: left;
        float: left;
        width: 50%;
        padding: 100px 80px 100px 0;
    }
}

@media screen and (max-width: 567px) {
    #kompany_cta_section .featured-image {
        margin-bottom: 30px;
    }
}


/***
====================================================================
## Post 2-1
====================================================================
***/

#kompany_service_section {
    padding: 0 0 60px;
}

#kompany_service_section .section-content {
    margin: auto -50px;
}

#kompany_service_section article {
    padding: 0 50px;
}

#kompany_service_section .service-item {}

#kompany_service_section .featured-image {
    position: relative;
    padding: 150px 0;
    background-position: 50%;
    background-size: cover;
}

#kompany_service_section .entry-container {
    margin-top: 20px;
}

#kompany_service_section .entry-header {}

#kompany_service_section h3.entry-title {}

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

#kompany_service_section .entry-content {}

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

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

@media screen and (max-width: 767px) {
    #kompany_service_section article {
        float: none;
        width: 100%;
        margin-bottom: 50px;
    }
    #kompany_service_section article:last-child {
        margin-bottom: 0;
    }
}


/***
====================================================================
## Post 4-1
====================================================================
***/

#kompany_latest_blog_section {
    padding: 0 0 60px;
}

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

.archive-blog-wrapper article:last-child {
    margin-bottom: 0;
}

.archive-blog-wrapper .post-wrapper {}

.archive-blog-wrapper .featured-image {
    position: relative;
    padding: 150px 0;
    background-position: 50%;
    background-size: cover;
}

.archive-blog-wrapper .entry-container {
    margin-top: 20px;
}

.archive-blog-wrapper .entry-header {}

.archive-blog-wrapper h3.entry-title {}

.archive-blog-wrapper h3.entry-title a {
    color: #333;
}

.archive-blog-wrapper .entry-content {}

.archive-blog-wrapper .entry-content p {
    margin: 0;
}

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


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

#kompany_contact_section {
    position: relative;
    padding: 60px 0;
    background-color: #e6e8ec;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    z-index: 1;
}

#kompany_contact_section:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    top: 0;
    left: 0;
    z-index: -1;
}

.contact-wrapper .entry-container {
    border-bottom: solid 1px #fff;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.contact-wrapper .section-header {
    float: none;
    /*max-width: 600px;*/
    margin: 0;
}

.contact-wrapper h2.section-title {
    font-weight: normal;
    color: #fff;
}

.contact-wrapper .section-content {
    /*max-width: 462px;*/
}

.contact-wrapper .section-content h3.section-title {
    color: #fff;
}

.contact-wrapper .section-content p {
    color: #fff;
}

@media screen and (min-width: 1024px) {
    #kompany_contact_section {
        padding: 90px 0;
    }
    .contact-wrapper .section-header-wrapper {
        margin-left: 500px;
    }
}

@media screen and (min-width: 1200px) {
    #kompany_contact_section:after {
        position: absolute;
        content: "";
        background-color: #fff;
        width: 90px;
        height: 100%;
        top: 0;
        left: 0;
    }
}

@media screen and (min-width: 1900px) {
    #kompany_contact_section:after {
        position: absolute;
        content: "";
        width: 252px;
        height: 100%;
        background-color: #fff;
        top: 0;
        left: 0;
    }
    /*.contact-wrapper .section-header-wrapper {
        margin-left: 500px;
    }*/
}

@media screen and (max-width: 1023px) {
    .contact-wrapper {
        margin: auto;
        text-align: center;
    }
    /*.contact-wrapper .section-header {
        float: none;
        max-width: 700px;
        margin: auto;
    }
    .contact-wrapper .section-content {
        max-width: 700px;
    }*/
}


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

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


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

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

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

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

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

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

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

@media screen and (max-width: 992px) {
    #page-site-header h2.page-title {
        font-size: 32px;
    }
}

@media screen and (max-width: 567px) {
    #page-site-header {
        padding: 200px 0;
    }
    #page-site-header h2.page-title {
        font-size: 26px;
    }
}


/***
====================================================================
## Single Layout
====================================================================
***/

#inner-content-wrapper {
    position: relative;
    padding: 60px 0;
}

.right-sidebar #secondary {
    margin-top: 50px;
}

@media screen and (min-width: 567px) {
    .right-sidebar #secondary {
        margin-top: 50px;
    }
}

@media screen and (min-width: 1024px) {
    #inner-content-wrapper {
        padding: 90px 0;
    }
    .right-sidebar #primary {
        float: left;
        width: 75%;
        padding-right: 30px;
    }
    .right-sidebar #secondary {
        float: right;
        width: 25%;
        margin-top: 0;
    }
}

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


/***
====================================================================
## Single Page
====================================================================
***/

#main.site-main {}

.single-wrapper {}

.single-wrapper article {}

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

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

.single-wrapper .entry-container {}

.single-wrapper .entry-content {}

.single-wrapper .entry-content h3 {}

.single-wrapper .entry-content p {}


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

#secondary {
    overflow: hidden;
    position: relative;
}

#secondary .widget {
    margin-bottom: 30px;
    padding: 20px;
    background-color: #eee;
}

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

#secondary .widget h2.widget-title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 10px;
    background: #000;
}

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

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

#secondary .widget ul li {
    margin: 0;
    padding: 7px 0 7px 0;
}

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

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

#secondary .widget ul li a:hover,
#secondary .widget ul li:hover a {
    color: #666;
}


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

#colophon {
    background-color: #1c1c1e;
    text-align: center;
}

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

.footer-widgets-area .hentry {}

.footer-widgets-area .widget.widget_text {}

.footer-widgets-area .textwidget {}

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

.site-info {
    padding: 10px 0;
    background-color: #000;
}

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

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

@media screen and (min-width: 1024px) {
    .footer-widgets-area {
        padding: 50px 0;
    }
}


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

.boxed-layout,
.frame-layout {
    background-image: url('assets/uploads/pattern.png');
}

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

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

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

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

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

th {
    color: #000;
}

td#next {
    text-align: right;
}


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

button,
input,
select,
textarea {
    color: #000;
    font-size: 22px;
    line-height: 33px;
    word-wrap: break-word;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

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

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

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

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

big {
    font-size: 125%;
}


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

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

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

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

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

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

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

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: 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

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

table#wp-calendar {
    display: table;
    width: 100%;
    overflow: auto;
}


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

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 8px 25px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    background-color: #666;
    text-decoration: none;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

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

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px 20px;
    background-color: #eee;
}

select {
    border: 1px solid #ccc;
}

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


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


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

button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #666;
    border: none;
    width: 45px;
    height: 45px;
    line-height: 50px;
    margin: 5px;
}

.main-navigation .dropdown-toggle.active>svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.menu-overlay {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.menu-overlay.active {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 1;
}


/*--------------------------------------------------------------
# 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,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after {
    clear: both;
}


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


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/

section {
    position: relative;
}

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

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

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

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

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

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

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

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

.btn {
    padding: 18px 40px;
    display: inline-block;
    text-align: center;
    color: #000;
    background-color: transparent;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Georama', sans-serif;
    font-weight: 500;
    border: 1px solid #000;
    min-width: 225px;
    -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 {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

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

.col-1 article,
.col-2 article,
.col-3 article,
.col-4 article,
.col-5 article,
.col-6 article {
    width: 100%;
    /*margin-bottom: 30px;*/
}

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


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

.page-content .wp-smiley,
.entry-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.social-icons li a[href*="mailto:"]:hover,
.social-icons li a[href*="mailto:"]:focus,
.tp-social.social-icon li a[href*="mailto:"] {
    background-color: #4169E1 !important;
}

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

.social-icons li a[href*="wordpress.org"]:hover,
.social-icons li a[href*="wordpress.org"]:focus,
.tp-social.social-icon li a[href*="wordpress.org"] {
    background-color: #0073AA !important;
}

.social-icons li a[href*="wordpress.com"]:hover,
.tp-social.social-icon li a[href*="wordpress.com"] {
    background-color: #00AADC !important;
}

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

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

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

#secondary .widget_social_icons li a {
    background-color: transparent !important;
    margin-right: 20px;
}

#secondary .widget_social_icons li:last-child a {
    margin-right: 0;
}

#secondary .widget_social_icons li a svg {
    fill: #3c5798;
    width: 22px;
    height: 22px;
}

#secondary .widget_social_icons li a[href*="facebook.com"] svg,
#secondary .widget_social_icons li a[href*="fb.com"] svg {
    fill: #3c5798;
}

#secondary .widget_social_icons li a[href*="twitter.com"] svg {
    fill: #1ea0f1;
}

#secondary .widget_social_icons li a[href*="linkedin.com"] svg {
    fill: #0077B5;
}

#secondary .widget_social_icons li a[href*="plus.google.com"] svg {
    fill: #ec7161;
}

#secondary .widget_social_icons li a[href*="slack.com"] svg {
    background-color: #E60264;
}

#secondary .widget_social_icons li a[href*="youtube.com"] svg {
    fill: #cc181e;
}

#secondary .widget_social_icons li a[href*="dribbble.com"] svg {
    fill: #f4a09c;
}

#secondary .widget_social_icons li a[href*="pinterest.com"] svg {
    fill: #bd081b;
}

#secondary .widget_social_icons li a[href*="bitbucket.org"] svg {
    fill: #205081;
}

#secondary .widget_social_icons li a[href*="github.com"] svg {
    fill: #323131;
}

#secondary .widget_social_icons li a[href*="codepen.io"] svg {
    fill: #000;
}

#secondary .widget_social_icons li a[href*="flickr.com"] svg {
    fill: #025FDF;
}

#secondary .widget_social_icons li a[href$="/feed/"] svg {
    fill: #089DE3;
}

#secondary .widget_social_icons li a[href*="foursquare.com"] svg {
    fill: #F94877;
}

#secondary .widget_social_icons li a[href*="instagram.com"] svg {
    fill: #cd42e7;
}

#secondary .widget_social_icons li a[href*="tumblr.com"] svg {
    fill: #56BC8A;
}

#secondary .widget_social_icons li a[href*="reddit.com"] svg {
    fill: #FF4500;
}

#secondary .widget_social_icons li a[href*="vimeo.com"] svg {
    fill: #00ADEF;
}

#secondary .widget_social_icons li a[href*="digg.com"] svg {
    fill: #00ADEF;
}

#secondary .widget_social_icons li a[href*="twitch.tv"] svg {
    fill: #0E9DD9;
}

#secondary .widget_social_icons li a[href*="stumbleupon.com"] svg {
    fill: #EB4924;
}

#secondary .widget_social_icons li a[href*="delicious.com"] svg {
    fill: #0076E8;
}

#secondary .widget_social_icons li a[href*="mailto:"] svg {
    fill: #4169E1;
}

#secondary .widget_social_icons li a[href*="soundcloud.com"] svg {
    fill: #FF5500;
}

#secondary .widget_social_icons li a[href*="wordpress.org"] svg {
    fill: #0073AA;
}

#secondary .widget_social_icons li a[href*="wordpress.com"] svg {}

#secondary .widget_social_icons li a[href*="jsfiddle.net"] svg {
    fill: #396AB1;
}

#secondary .widget_social_icons li a[href*="tripadvisor.com"] svg {
    fill: #FFE090;
}

#secondary .widget_social_icons li a[href*="angel.co"] svg {
    fill: #000;
}


/*--------------------------------------------------------------
# 					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;
    }
    .col-2 article,
    .col-3 article,
    .col-4 article,
    .col-5 article,
    .col-6 article {
        padding: 0 15px;
        float: left;
        width: 50%;
        /*margin-bottom: 30px;*/
    }
    .col-2 article:nth-last-child(-n+2),
    .col-3 article:nth-last-child(-n+2),
    .col-4 article:nth-last-child(-n+2),
    .col-5 article:nth-last-child(-n+2),
    .col-6 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 767px) {
    .col-1 .hentry {
        width: 100%;
    }
    .col-2 .hentry {
        width: 50%;
        float: left;
    }
    .col-3 .hentry {
        width: 33.33%;
        float: left;
    }
    .col-4 .hentry {
        width: 50%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }
    .col-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-last-child(-n+4),
    .col-5 article:nth-last-child(-n+5),
    .col-6 article:nth-last-child(-n+6) {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1024px) {
    .col-3 article {
        width: 33.33%;
    }
    .col-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    .page-section {
        padding: 90px 0;
    }
    .boxed-layout #page {
        max-width: 1250px;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
    }
    .frame-layout {
        max-width: 100%;
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        margin: 50px auto;
    }
    .frame-layout #page {
        background-color: #fff;
    }
}

@media screen and (min-width: 1900px) {
    .wrapper {
        max-width: 1430px;
    }
    .boxed-layout #page {
        max-width: 1500px;
        width: 90%;
    }
    .frame-layout {
        padding-left: 70px;
        padding-right: 70px;
        margin: 70px auto;
        max-width: 1600px;
    }
}

@media screen and (max-width: 767px) {
    #masthead.site-header .main-navigation ul.nav-menu {
        max-width: 100%;
    }
    .single-wrapper .featured-image img {
        height: auto;
    }
}

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