/*
Theme Name: Favblog
Theme URI: https://themepalace.com/downloads/favblog/
Author: Theme Palace
Author URI: https://themepalace.com
Description: Fav blog is a multipurpose WordPress blogging theme specialized for blogging purposes. It comprises all the required features to give your great content a successful online presence. It is elegant, simple to use, and a bright blog theme suitable for anything from fashion, lifestyle, health, business, to technology. Fav Blog is also flexible and cross-browser compatible. Your site looks fabulous on any device and browser, regardless of the screen size.
Version: 1.0.2
Requires PHP: 5.6
Requires at least: 5.1
Tested up to: 5.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: favblog
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.

Favblog 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: #007163;
    -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 {
    position: fixed;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 36px;
    background-color: #171717;
    font-size: 18px;
    right: 25px;
    bottom: 25px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    cursor: pointer;
    z-index: 300;
}

.backtotop:hover {
    background-color: #20a696;
}

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

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

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


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

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

body {
    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. */
}


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

a:hover {
    color: #007163;
}

a:focus,
a:active {}

a:focus {
    outline: thin dotted;
}


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

#page {
    position: relative;
}

.single #page {}

#top-navigation {
    position: relative;
    background: none;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    z-index: 30000;
}

#top-navigation .social-icons ul {
    display: inline-block;
}

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

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

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

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

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


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

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

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

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

.social-icons li a.behance:hover,
.social-icons li a.behance:focus,
.tp-social.social-icon li a.behance {
    background-color: #0057ff !important;
}


/*--------------------------------------------------------------
#  Masthead
--------------------------------------------------------------*/

#masthead {
    position: relative;
    width: 100%;
    background: none;
    /*box-shadow: 0 4px 30px 0 rgba(0,0,0,.08);*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 3000;
}

.single #masthead {}

#masthead .double-border-line {
    /*clear: both;
    display: block;
    height: 4px;
    border-top: solid 1px rgb(0 0 0 / 20%);
    border-bottom: solid 1px rgb(0 0 0 / 20%);*/
}

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

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


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

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

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

.main-navigation li {
    position: relative;
}

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

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

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

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


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

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

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

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

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

.menu-open .menu-toggle {
    padding-top: 10px;
}

.menu-open .menu-label {
    padding-top: 2px;
}

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

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


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

@media screen and (min-width: 1024px) {
    #top-navigation .main-navigation {
        float: left;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        text-align: left;
        width: 100%;
    }
    #top-navigation .main-navigation>div {
        width: 70%;
    }
    #top-navigation div.social-icons {
        /*width: 30%;*/
        width: 100%;
        text-align: right;
    }
    #masthead .main-navigation {
        margin: 28px 0;
    }
    .main-navigation {
        width: 70%;
        text-align: right;
    }
    .main-navigation ul {
        display: block;
        height: auto;
    }
    .main-navigation li {
        display: inline-block;
    }
}

@media screen and (max-width: 1023px) {
    #top-navigation .main-navigation {
        float: none;
        /* display: flex; */
        align-items: center;
        justify-content: space-between;
        text-align: center;
    }
    .site-branding {
        padding: 15px 0;
        /*min-height: 80px;*/
    }
    .main-navigation {
        position: static;
    }
    .main-navigation a {}
    .main-navigation ul.nav-menu {
        position: absolute;
        width: 100%;
        background-color: #fff;
        top: 100%;
        right: 0;
        left: auto;
        margin-top: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .main-navigation ul.nav-menu>li {
        width: 90%;
        margin: 0 auto;
        padding: 15px 0;
        border-bottom: solid 1px #eee;
    }
    .main-navigation ul.nav-menu>li>a {
        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: #007163;
    }
    /*.menu-toggle {
        height: 70px;
    }*/
    .menu-open .menu-toggle .icon-close {
        display: block;
        width: 20px;
        height: 20px;
        fill: #fff;
        margin: auto;
    }
}

@media screen and (max-width: 567px) {
    .site-branding {
        width: 75%;
    }
    .site-logo {
        margin-right: 10px;
    }
    .site-logo img {}
    .menu-toggle {
        float: none;
        position: relative;
        text-align: center;
        width: 70px;
        min-width: 70px;
        height: 72px!important;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        z-index: 3000;
    }
    .menu-toggle span {
        display: none;
    }
    .menu-toggle svg.icon-menu {
        width: 25px;
        height: 25px;
    }
    .menu-toggle svg.icon-close {
        width: 16px;
        height: 16px;
    }
    .col-3 article {
        margin-bottom: 50px!important;
    }
}

@media screen and (max-width: 767px) {
    #masthead.site-header .main-navigation ul.nav-menu {
        max-width: 100%;
    }

    #page-site-header .page-title {
        font-size: 32px;
    }
}


/*--------------------------------------------------------------
#  Layout
--------------------------------------------------------------*/

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


/*--------------------------------------------------------------
#  Hero Section
--------------------------------------------------------------*/

#hero-section {
    padding: 45px 0;
    background: #dad5f5;
}

#hero-section.last {
    background: #d6f5f0;
}

#hero-section article.has-post-thumbnail {}

#hero-section #fav1 {
    position: relative;
    /*padding: 45px 0;*/
    margin: 45px 0;
}

/*#hero-section #fav1:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    border-top: solid 1px rgb(0 0 0 / 20%);
    border-bottom: solid 1px rgb(0 0 0 / 20%);
    left: 0;
    bottom: 0;
}*/

#hero-section #fav2 {
    clear: both;
    display: inline-block;
    position: relative;
    /*padding: 45px 0;*/
    margin: 45px 0;
}

/*#hero-section #fav2:before,
#hero-section #fav2:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    border-top: solid 1px rgb(0 0 0 / 20%);
    border-bottom: solid 1px rgb(0 0 0 / 20%);
    left: 0;
}

#hero-section #fav2:before {
    top: 0;
}

#hero-section #fav2:after {
    bottom: 0;
}*/

#hero-section article.has-post-thumbnail .featured-image {
    margin-bottom: 20px;
}

#hero-section article.has-post-thumbnail .featured-image img {}

#hero-section article.has-post-thumbnail .entry-container {}

#hero-section article.has-post-thumbnail .entry-header {}

#hero-section article.has-post-thumbnail h2.entry-title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}

#hero-section #fav1.has-post-thumbnail h2.entry-title {}

#hero-section article.has-post-thumbnail .entry-content {
    position: relative;
    padding-left: 30px;
}

#hero-section article.has-post-thumbnail .entry-content:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

#hero-section #fav1.has-post-thumbnail .entry-content:before {
    background: linear-gradient(180deg, #f47fef 0%, #9b86e7 100%);
}

#hero-section #fav2.has-post-thumbnail .entry-content:before {
    background: linear-gradient(180deg, #57d0be 0%, #20a696 100%);
}

#hero-section article.has-post-thumbnail .entry-content p {
    margin: 0;
}

#hero-section #fav1.has-post-thumbnail .entry-content p {}

@media (max-width: 478px) {
    #hero-section article.has-post-thumbnail .featured-image {
        /*padding-bottom: 15px;
        padding-right: 15px;*/
    }
    #hero-section article.has-post-thumbnail h2.entry-title {
        /*font-size: 28px;*/
    }
}


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

#popular-posts {
    padding: 90px 0;
    background: #fff;
    box-shadow: inset 2px 5px 8px 0px rgb(0 0 0 / 15%);
    z-index: 1;
}

#popular-posts .popular-post-wrapper {
    padding: 10px;
}

#popular-posts .popular-post-wrapper.st {
    border: solid 1px #f5d5d6;
}

#popular-posts .popular-post-wrapper.nd {
    border: solid 1px #ecd4f4;
}

#popular-posts .popular-post-wrapper.rd {
    border: solid 1px #f5efd5;
}

#popular-posts .featured-image {
    position: relative;
    background-position: 50%;
    background-size: cover;
    /*padding: 175px 0;*/
    padding: 150px 0;
    /*margin-bottom: 20px;*/
}

#popular-posts .entry-container {}

#popular-posts .entry-container .entry-header {
    text-align: center;
    padding: 15px 40px;
}

#popular-posts .st .entry-container .entry-header {
    background: #f5d5d6;
}

#popular-posts .nd .entry-container .entry-header {
    background: #ecd4f4;
}

#popular-posts .rd .entry-container .entry-header {
    background: #f5efd5;
}

#popular-posts .entry-container h3.entry-title {
    margin: 0;
}

#popular-posts .entry-container h3.entry-title a {
    color: #333;
}

@media (max-width: 992px) {
    #popular-posts .col-3 article {
        margin-bottom: 0;
    }
    #popular-posts .entry-container .entry-header {
        padding: 15px;
    }
}

@media (max-width: 478px) {
    #popular-posts .col-3 article {
        margin-bottom: 50px;
    }
    #popular-posts .col-3 article:last-child {
        margin-bottom: 0!important;
    }
    #popular-posts .entry-container .entry-header {
        padding: 15px;
    }
}


/*--------------------------------------------------------------
#  Content Wrapper
--------------------------------------------------------------*/

#content-wrapper {
    padding: 45px 0;
    background: #fff;
    box-shadow: inset 2px 5px 8px 0px rgb(0 0 0 / 15%);
}

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

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

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

@media screen and (min-width: 1024px) {
    .right-sidebar #primary {
        width: 68%;
        float: left;
        padding-right: 30px;
    }
    .right-sidebar #secondary {
        width: 32%;
        float: right;
        margin-top: 0;
    }
}


/*--------------------------------------------------------------
#  Primary
--------------------------------------------------------------*/

#content-wrapper #main {
    /*border-bottom: solid 1px rgb(0 0 0 / 10%);*/
}

#most-recent-posts {}

#most-recent-posts .col-2 {
    display: flex;
    flex-wrap: wrap;
}

#most-recent-posts .col-2 article {
    margin-bottom: 40px;
}

#most-recent-posts .col-2 article:last-child {
    margin-bottom: 0;
}

#most-recent-posts .popular-post-wrapper {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 15px;
}

#most-recent-posts .featured-image {
    position: relative;
    background-position: 50%;
    background-size: cover;
    /*padding: 175px 0;*/
    padding: 100px 0;
    margin-bottom: 20px;
}

#most-recent-posts .entry-container {}

#most-recent-posts .entry-container .entry-header {}

#most-recent-posts .entry-container h3.entry-title {}

#most-recent-posts .entry-container h3.entry-title a {
    color: #333;
}

#most-recent-posts .entry-container .entry-content {}

#most-recent-posts .entry-container .entry-content p {
    margin-top: 0;
}


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

#secondary {}

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

#secondary .widget:first-child {}

#secondary .widget:last-child {}

.widget_favblog_recent_post {}

.widget_favblog_recent_post .widget-header {}

.widget_favblog_recent_post h2.widget-title {
    word-wrap: break-word;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 0 10px;
}

.widget_favblog_recent_post h2.widget-title:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-top: solid 2px #20a696;
    border-left: solid 2px #20a696;
    top: 0;
    left: 0;
}

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

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

.widget_favblog_recent_post ul li {
    display: table;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    border: solid 1px #eee;
    padding: 3px;
}

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

.widget_favblog_recent_post ul li .featured-image {
    float: left;
    width: 80px;
    height: 60px;
    margin-right: 20px;
}

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

.widget_favblog_recent_post ul li .entry-container {
    display: table;
    padding: 15px 0;
}

.widget_favblog_recent_post ul li .entry-header {}

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

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

.widget_favblog_recent_post ul li h3.entry-title a:hover,
.widget_favblog_recent_post ul li:hover h3.entry-title a {
    color: #007163;
}


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

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

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

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

#page-site-header .page-header {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    padding: 20px;
}

#page-site-header h1.page-title {
    margin: 0;
    padding: 0;
    font-weight: normal;
}


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

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

#inner-content-wrapper #main {}

.single-wrapper {}

.single-wrapper article {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 20px;
}

.single-wrapper article .entry-container {}

.single-wrapper article .entry-container h2 {
    font-size: 20px;
    font-weight: bold;
    color: #007163;
}

.single-wrapper article .entry-container p {}


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

#colophon {
    margin: 0;
    padding: 40px 0 0;
    background: #20a696;
}

.footer-widgets-area {
    /*padding: 45px 0;*/
}

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

.site-info {
    margin: 0;
    padding: 20px 0;
    background: #202325;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
}

.site-info span {
    display: block;
}

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


/*--------------------------------------------------------------
# The END
--------------------------------------------------------------*/

.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: #666;
    font-size: 16px;
    font-size: 1rem;
    line-height: 28px;
    word-wrap: break-word;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

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

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

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

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

big {
    font-size: 125%;
}


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

html {
    box-sizing: border-box;
}

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

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

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

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

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    outline: thin dotted #000;
}

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

p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}


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


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

#top-navigation .main-navigation ul.nav-menu>li>a {
    text-transform: uppercase;
}

.site-title {
    font-size: 32px;
    margin: 0;
    font-weight: bold;
    line-height: 1.3;
    font-family: 'Philosopher', sans-serif;
}

.site-title a {
    color: #000;
    text-decoration: none;
}

.site-title a:hover,
.site-title a:focus {
    color: #007163;
}

.site-description {
    margin: 0;
    color: #666;
}

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

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

.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #000;
    border-bottom: 1px solid #eee;
    border-left: 1px solid rgba(238, 238, 238, 0.5);
}

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

/*.main-navigation ul.nav-menu>li>a {
    padding: 10px 0;
    color: #000;
}*/

.user-logged-in>a>img {
    width: 40px;
    object-fit: cover;
    height: 40px;
    border-radius: 40px;
}

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

/*.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu>li>a:hover,
.main-navigation ul.nav-menu>li>a:focus {
    color: #007163;
}*/

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

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

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

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {
    color: #000;
}

.main-navigation .count {
    float: right;
    background-color: #007163;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 1.1;
    margin-top: 5px;
}

/*.main-navigation .social-icons li a {
    border-bottom: none;
}*/

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

.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: #000;
}

.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #000;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}

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

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

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

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

.main-navigation .social-menu ul {
    position: relative;
    float: none;
    left: 0;
    background-color: transparent;
    display: inline-block;
}

.main-navigation .social-menu ul li {
    padding: 0;
    margin-right: 5px;
}

.main-navigation .social-menu ul li a {
    width: 40px;
    height: 40px;
    line-height: 37px;
    background-color: rgb(0 0 0 / 0.10);
}

#masthead .main-navigation .social-menu ul li a svg {
    transform: none;
    fill: #000;
}

#masthead .main-navigation .social-menu ul li a:hover svg,
#masthead .main-navigation .social-menu ul li a:focus svg {
    fill: #fff;
}

.main-navigation .social-menu ul li a:hover,
.main-navigation .social-menu ul li a:focus {
    opacity: 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;
}


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

/*.widget {
    margin: 0 0 1.3em;
}

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

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

#colophon .widget.widget_text {
    margin-bottom: 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 {
    height: 40px;
    border-radius: 0;
    padding: 0 15px;
    border: none;
}

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

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

input[type="submit"] {
    padding: 9px 35px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    background-color: #007163;
    border: 2px solid #007163;
    border-radius: 0;
    color: #fff;
    text-decoration: none;
    font-family: 'Philosopher', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

#secondary .cat-links a {
    color: #007163;
}

/*#secondary a:hover,
#secondary a:focus {
    color: #007163;
}

#secondary ul li a {
    color: #000;
}

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


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

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

.page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}

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

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


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

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

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

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

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

.section-subtitle {
    color: #1C1B1A;
    text-transform: uppercase;
    margin: 0;
}

.section-title {
    font-size: 32px;
    font-weight: bold;
    margin: 0;
    word-wrap: break-word;
    position: relative;
}

.section-title a {
    text-decoration: none;
    color: #000;
}

.section-title a:hover,
.section-title a:focus {
    color: #007163;
}

/*.entry-title {
    font-size: 22px;
    margin: 0 0 15px;
}

.entry-title a {
    color: #1C1B1A;
    text-decoration: none;
}

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

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

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

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

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

.btn {
    padding: 9px 35px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    background-color: #007163;
    border: 2px solid #007163;
    border-radius: 0;
    color: #fff;
    text-decoration: none;
    font-family: 'Philosopher', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

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

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

.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 {
    margin-bottom: 30px;
    width: 100%;
}

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


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

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


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

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

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

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


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

.footer-widgets-area .widget .social-icons li {
    display: inline-block;
    width: auto;
}


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


/*--------------------------------------------------------------
#  Hero Section
--------------------------------------------------------------*/

#hero-section span {
    display: block;
}

#hero-section .double-border-line {
    height: 4px;
    border-top: solid 1px rgb(0 0 0 / 20%);
    border-bottom: solid 1px rgb(0 0 0 / 20%);
    margin-top: 45px;
}


/*-------------------------------------------------------------------------
#  Widgets: Instagram / Popular Posts / Most Read Posts / No Image Posts
--------------------------------------------------------------------------*/

#secondary .widget.widget_popular_post li,
#secondary .widget.widget_most_read_post li,
#secondary .widget.widget_no_image_post li {
    margin-bottom: 20px;
}

#secondary .widget.widget_popular_post li:last-child,
#secondary .widget.widget_most_read_post li:last-child,
#secondary .widget.widget_no_image_post li:last-child {
    margin-bottom: 0;
}

.widget_most_read_post .has-post-thumbnail,
.widget_no_image_post li {
    display: table;
    width: 100%;
    position: relative;
}

.widget_most_read_post .has-post-thumbnail .featured-image,
.widget_no_image_post .post-count {
    margin-right: 20px;
    width: 120px;
    height: 120px;
    float: left;
}

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

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

.widget_most_read_post .entry-title,
.widget_no_image_post .entry-title {
    margin: 0 0 3px;
    font-weight: bold;
}

#secondary .widget.widget_most_read_post .cat-links li {
    margin-bottom: 0;
}

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

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

.widget_most_read_post ul.post-categories li {
    border-bottom: none;
    padding-bottom: 0;
}

.widget_most_read_post li:not(:first-child) .cat-links {
    display: none;
}

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

#secondary .widget_no_image_post ul,
#colophon .widget_no_image_post ul {
    background-color: #F0F0F0;
    padding: 15px 30px;
}


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

@media screen and (min-width: 567px) {
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6 {
        margin: 0 -15px;
    }
    .col-2 article,
    .col-4 article,
    .col-5 article,
    .col-6 article {
        padding: 0 15px;
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }
    .col-3 article {
        padding: 0 15px;
        float: left;
        /*width: 50%;*/
        width: 33.33%;
        margin-bottom: 30px;
    }
    .col-2 article:nth-child(2n+1),
    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: left;
    }
    .col-3 article:nth-child(2n+1) {
        /*clear: left;*/
    }
    .col-2 article:nth-last-child(-n+2),
    .col-3 article:nth-last-child(-n+2),
    .col-4 article:nth-last-child(-n+2),
    .col-5 article:nth-last-child(-n+2),
    .col-6 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .featured-content-wrapper .entry-title {
        font-size: 42px;
    }
    /*.right-sidebar #secondary {
        margin-top: 50px;
    }*/
    .left-sidebar #secondary {
        margin-top: 50px;
    }
    #secondary .widget_social_icons li a svg {
        width: 30px;
        height: 30px;
    }
    .footer-widgets-area.col-2 .hentry,
    .footer-widgets-area.col-4 .hentry {
        width: 50%;
        float: left;
    }
    .footer-widgets-area.col-2 .hentry:nth-child(2n+1),
    .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
        clear: left;
    }
    .footer-widgets-area.col-2 .hentry:nth-child(odd),
    .footer-widgets-area.col-4 .hentry:nth-child(odd) {
        padding-right: 40px;
    }
    .footer-widgets-area.col-2 .hentry:nth-last-child(-n+2),
    .footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}

@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;
    }
    blockquote.alignright {
        width: -webkit-calc(50% - 0.736842105em);
        width: calc(50% - 0.736842105em);
        margin-top: 10px;
        margin-bottom: 25px;
    }
    #about-us article.has-post-thumbnail {
        position: relative;
        display: table;
        width: 100%;
    }
    #about-us article.has-post-thumbnail .featured-image {
        width: 50%;
        display: table-cell;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding-bottom: 0;
    }
    #about-us article.has-post-thumbnail .entry-container {
        width: 50%;
        display: table-cell;
        float: left;
        padding: 50px 50px 50px 0;
        text-align: left;
    }
    #about-us article.has-post-thumbnail .section-header,
    #about-us article.has-post-thumbnail .read-more {
        text-align: left;
    }
    .single-wrapper #reply-title {
        margin-bottom: 40px;
        font-size: 42px;
    }
    .single-itineraries #page-site-header .page-title {
        font-size: 32px;
    }
    .single-itineraries #page-site-header .header-wrapper {
        padding: 50px 0;
    }
    .single #booking .availabily-list {
        border: 1px solid #ddd;
    }
    .single #booking .availabily-heading {
        border-bottom: 1px solid #ddd;
        padding-bottom: 0;
    }
    .single #booking .availabily-heading>div,
    .single #booking ul.availabily-list li>form>div {
        padding: 8px 5px;
        border-right: 1px solid #ddd;
        text-align: center;
    }
    .single #booking .availabily-heading>div:last-child,
    .single #booking ul.availabily-list li>form>div.action {
        border-right: none;
    }
    .single #booking ul.availabily-list li>form {
        margin: 0;
        padding: 0;
        border-bottom: none;
    }
    .single #booking ul.availabily-list .availabily-content .btn {
        padding: 3px 15px;
        min-width: auto;
        font-size: 14px;
        font-weight: 400;
    }
    .footer-logo-wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .footer-logo-wrapper>div,
    .footer-logo-wrapper>ul {
        width: 50%;
        text-align: left;
        padding: 40px 0;
    }
    .footer-logo-wrapper>ul {
        text-align: right;
    }
    .footer-logo-wrapper>div+ul {
        padding: 40px 0;
    }
    .footer-widgets-area.col-3 .hentry {
        margin-bottom: 0;
    }
    .footer-widgets-area.col-3 .hentry:not(:last-child) {
        padding-right: 40px;
    }
    .site-info.col-2 span {
        float: left;
        width: 50%;
        text-align: left;
    }
    .site-info.col-2 span:nth-child(2) {
        float: right;
        text-align: right;
    }
    .site-info.col-2 .social-icons {
        text-align: right;
        float: right;
    }
}

@media screen and (min-width: 992px) {
    .col-4 .hentry {
        width: 25%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-4 article {
        width: 25%;
    }
    .col-5 article {
        width: 20%;
    }
    .col-6 article {
        width: 16.66%;
    }
    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: none;
    }
    .col-4 article:nth-child(4n+1),
    .col-5 article:nth-child(5n+1),
    .col-6 article:nth-child(6n+1) {
        clear: left;
    }
    .col-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;
    }
    #gallery-slider-section .wrapper,
    #courses-slider-section .wrapper {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    #gallery-slider-section .gallery-slider,
    #courses-slider-section .courses-slider {
        margin: 0 -15px;
    }
    #gallery-slider-section article,
    #courses-slider-section article {
        margin: 0 15px;
    }
    #gallery-slider-section .entry-container,
    #courses-slider-section .entry-container {
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease-in-out;
    }
    #gallery-slider-section .slick-current+article .entry-container,
    #courses-slider-section .slick-current+article .entry-container {
        opacity: 1;
        visibility: visible;
    }
    #gallery-slider-section .slick-current+article,
    #courses-slider-section .slick-current+article {
        padding: 275px 0;
        margin-top: -55px;
    }
    #gallery-slider-section .slick-list,
    #courses-slider-section .slick-list {
        margin: 0 -450px;
    }
    #gallery-slider-section .slick-list,
    #courses-slider-section .slick-list {
        overflow: visible;
    }
    #gallery-slider-section .section-header,
    #courses-slider-section .section-header {
        margin-bottom: 93px;
    }
    /*#page-site-header .page-title {
        font-size: 62px;
    }*/
    .footer-widgets-area.col-4 .hentry {
        width: 25%;
        padding-right: 40px;
    }
    .footer-widgets-area.col-5 .hentry {
        padding-right: 40px;
        width: 17%;
    }
    .footer-widgets-area.col-5 .hentry:first-child {
        width: 32%;
    }
    .footer-widgets-area.col-4 .hentry:last-child,
    .footer-widgets-area.col-5 .hentry:last-child {
        padding-right: 0;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
        clear: none;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(4n+1) {
        clear: left;
    }
    .footer-widgets-area.col-4 .hentry:nth-last-child(-n+4),
    .footer-widgets-area.col-5 .hentry:nth-last-child(-n+5) {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1024px) {
    .col-3 article {
        width: 33.33%;
    }
    .col-3 article:nth-child(2n+1) {
        clear: none;
    }
    .col-3 article:nth-child(3n+1) {
        clear: left;
    }
    .col-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    /*#top-navigation .main-navigation {
        text-align: left;
        float: left;
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }*/
    /*#top-navigation .main-navigation>div {
        width: 70%;
    }
    #top-navigation div.social-icons {
        width: 30%;
        text-align: right;
    }*/
    #top-navigation .main-navigation ul.nav-menu>li {
        padding: 0;
        margin-right: 48px;
    }
    #top-navigation .main-navigation ul.nav-menu>li:after {
        content: "-";
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 10px;
        left: 100%;
        margin-left: 20px;
        font-weight: bold;
    }
    #top-navigation .main-navigation ul.nav-menu>li:last-child:after {
        display: none;
    }
    #top-navigation .main-navigation ul.nav-menu>li>a {
        padding: 11px 0;
    }
    .menu-sticky #masthead {
        position: sticky;
        top: 0;
    }
    .customize-support.menu-sticky #masthead.nav-shrink {
        top: 32px;
    }
    .site-branding {
        width: 30%;
    }
    /*#masthead .main-navigation {
        margin: 39px 0;
    }*/
    /*.main-navigation {
        width: 70%;
        text-align: right;
    }*/
    .main-navigation ul.nav-menu>li.social-menu {
        float: right;
        padding: 30px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    /*.main-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
    }*/
    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul {
        left: auto;
        right: 0;
    }
    .main-navigation ul ul li:hover>ul,
    .main-navigation ul ul li.focus>ul {
        left: auto;
        right: 100%;
    }
    #top-navigation .main-navigation ul li:hover>ul,
    #top-navigation .main-navigation ul li.focus>ul {
        left: 0;
        right: auto;
    }
    #top-navigation .main-navigation ul ul li:hover>ul,
    #top-navigation .main-navigation ul ul li.focus>ul {
        left: 100%;
        right: auto;
    }
    .main-navigation ul ul ul {
        top: 0;
    }
    .main-navigation ul.sub-menu li a {
        color: #fff;
        padding: 10px 0;
        border-left: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }
    .main-navigation ul.nav-menu>li.user-logged-in>a {
        padding: 29px 0;
    }
    .main-navigation .menu-item-has-children>a:after {
        float: none;
    }
    .main-navigation ul.sub-menu li:hover>a,
    .main-navigation ul.sub-menu li:focus>a {
        color: #fff;
    }
    .main-navigation .sub-menu svg {
        fill: #fff;
        right: 0;
        margin-top: 5px;
    }
    .main-navigation ul.sub-menu>li:last-child>a {
        border-bottom: none;
    }
    #masthead .main-navigation ul ul li.menu-item-has-children>a {
        padding-right: 35px;
    }
    .main-navigation ul.nav-menu>li.menu-item-has-children:hover>a:before {
        content: "";
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #111;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 10px;
        height: 10px;
        margin: auto;
    }
    .main-navigation ul.nav-menu>li.menu-item-has-children:hover>a:after {
        display: none;
    }
    #top-navigation .main-navigation ul ul li a svg {
        display: inline-block;
        top: 17px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    #masthead .main-navigation ul ul li a svg {
        display: inline-block;
        top: 17px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .main-navigation ul ul {
        background-color: #000;
    }
    .main-navigation ul ul li {
        padding-left: 20px;
        padding-right: 20px;
    }
    .main-navigation ul ul li.menu-item-has-children:hover>a>svg,
    .main-navigation ul ul li.menu-item-has-children>a:hover>svg {
        fill: #fff;
    }
    button.dropdown-toggle {
        display: none;
    }
    .menu-toggle {
        display: none;
    }
    .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%);
    }
    #hero-section article.has-post-thumbnail {
        position: relative;
    }
    #hero-section article.has-post-thumbnail .featured-image {
        width: 55%;
        float: right;
        margin-bottom: 0;
    }
    #hero-section article.has-post-thumbnail .featured-image img {
        width: 100%;
        min-height: 420px;
        object-fit: cover;
    }
    #hero-section article.has-post-thumbnail .entry-container {
        width: 45%;
        float: left;
        padding: 20px 60px 20px 20px;
    }
    #top-read-reviews article.has-post-thumbnail .top-read-wrapper {
        display: table;
        width: 100%;
    }
    #top-read-reviews article.has-post-thumbnail .featured-image {
        float: left;
        margin-bottom: 0;
    }
    #top-read-reviews article.has-post-thumbnail .entry-container {
        display: table;
        padding: 10px 0;
    }
    #featured-posts .entry-title {
        font-size: 32px;
    }
    #most-recent-posts.archive-blog-wrapper .full-width .entry-title {
        margin-bottom: 15px;
        font-size: 32px;
    }
    #most-recent-posts .full-width .entry-container {
        margin: 0 -25px;
    }
    #most-recent-posts .full-width .cat-links,
    #most-recent-posts .full-width .entry-header,
    #most-recent-posts .full-width .entry-content,
    #most-recent-posts .full-width .admin-profile {
        width: 50%;
        padding: 0 25px;
    }
    #most-recent-posts .full-width .entry-header {
        float: left;
    }
    #most-recent-posts .full-width .entry-content {
        float: right;
    }
    #most-recent-posts.archive-blog-wrapper .full-width .featured-image {
        padding: 300px 0;
    }
    .featured-slider article {
        padding: 400px 0;
    }
    .featured-content-wrapper {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .featured-content-wrapper .entry-title {
        font-size: 70px;
    }
    .featured-slider-gallery {
        position: absolute;
        bottom: 0;
        right: 15px;
        width: 34%;
        margin-right: 0;
    }
    #about-us article.has-post-thumbnail .entry-container {
        padding: 107px 100px 115px 0;
    }
    #about-us .section-title {
        font-size: 52px;
        line-height: 1.1;
    }
    #testimonial-section .slick-arrow {
        margin-top: 0;
    }
    #testimonial-section .slick-prev {
        left: -125px;
    }
    #testimonial-section .slick-next {
        right: -125px;
    }
    #call-to-action .entry-title {
        font-size: 50px;
    }
    .archive-blog-wrapper.list-view article.has-post-thumbnail {
        position: relative;
        display: table;
    }
    .archive-blog-wrapper.list-view article.has-post-thumbnail .featured-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        display: table-cell;
        padding: 0;
        height: 100%;
    }
    .archive-blog-wrapper.list-view article.has-post-thumbnail .entry-container {
        width: 50%;
        display: table-cell;
        float: right;
        text-align: left;
        padding: 30px;
    }
    .left-sidebar #primary,
    .no-sidebar.single-itineraries #primary,
    .no-sidebar-content.single-itineraries #primary {
        width: 68%;
        float: left;
        padding-right: 30px;
    }
    .left-sidebar #secondary,
    .no-sidebar.single-itineraries #secondary,
    .no-sidebar-content.single-itineraries #secondary {
        width: 32%;
        float: right;
        margin-top: 0;
    }
    .left-sidebar #primary {
        float: right;
        padding-right: 0;
        padding-left: 30px;
    }
    .no-sidebar #primary {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .no-sidebar-content.single-itineraries #inner-content-wrapper {
        max-width: 100%;
    }
    .boxed-layout #page {
        max-width: 1250px;
        margin-left: auto;
        margin-right: auto;
    }
    .frame-layout {
        max-width: 100%;
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        margin: 50px auto;
    }
}

@media screen and (min-width: 1200px) {
    #gallery-slider-section .slick-prev,
    #courses-slider-section .slick-prev {
        left: 15%;
    }
    #gallery-slider-section .slick-next,
    #courses-slider-section .slick-next {
        right: 15%;
    }
}

@media screen and (min-width: 1900px) {
    .wrapper {
        max-width: 1430px;
    }
    #colophon .double-border-line {
        max-width: 1400px;
    }
    #hero-section article.has-post-thumbnail .featured-image {
        width: 60%;
    }
    #hero-section article.has-post-thumbnail .entry-container {
        width: 40%;
        padding-right: 125px;
    }
    .featured-slider article {
        padding: 450px 0;
    }
    #gallery-slider-section .slick-prev,
    #courses-slider-section .slick-prev {
        left: 21%;
    }
    #gallery-slider-section .slick-next,
    #courses-slider-section .slick-next {
        right: 21%;
    }
    .frame-layout {
        padding-left: 70px;
        padding-right: 70px;
        margin: 70px auto;
    }
    .footer-widgets-area.col-3 .hentry:not(:last-child),
    .footer-widgets-area.col-2 .hentry:nth-child(odd) {
        padding-right: 100px;
    }
    .footer-widgets-area.page-section.col-4 .hentry {
        width: 24%;
    }
    .footer-widgets-area.page-section.col-4 .hentry:first-child {
        width: 28%;
    }
    .boxed-layout #page {
        max-width: 1600px;
        width: 90%;
    }
}

@media screen and (max-width: 1023px) {
    #top-navigation .menu-toggle {
        height: 50px;
        margin: 0;
    }
    /*#top-navigation .main-navigation {
        float: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }*/
    /*.menu-toggle {
        height: 90px;
    }*/
    /*.site-branding {
        padding: 15px 0;
        min-height: 80px;
    }*/
    /*.site-logo img {
        max-height: 60px;
    }*/
    .site-title {
        font-size: 26px;
    }
    /*.main-navigation a {
        border-bottom: 1px solid #eee;
    }*/
    /*.main-navigation ul.nav-menu>li {
        padding: 0;
    }*/
    .main-navigation ul ul a {
        width: 100%;
    }
    /*.main-navigation ul.nav-menu li.current-menu-item>a,
    .main-navigation ul.nav-menu li:hover>a,
    .main-navigation ul.nav-menu li:focus>a,
    .main-navigation ul.nav-menu>li>a {
        color: #000;
    }*/
    .main-navigation ul ul,
    .main-navigation ul ul ul {
        box-shadow: none;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0;
        display: none;
    }
    .main-navigation ul.sub-menu li {
        padding-right: 0;
    }
    .main-navigation .menu-item-has-children>a:before {
        content: "";
        float: right;
        position: relative;
        right: 25px;
        background-color: #ccc;
        width: 1px;
        height: 25px;
    }
    .main-navigation .menu-item-has-children>a:after {
        padding-top: 3px;
    }
    /*.main-navigation ul.nav-menu>li>a {
        padding: 15px 15px 15px 25px;
    }*/
    .main-navigation ul.sub-menu li a {
        padding: 15px 15px 15px 25px;
    }
    .main-navigation ul.sub-menu li a {
        padding-left: 50px;
    }
    .main-navigation ul.sub-menu ul li a {
        padding-left: 75px;
    }
    .main-navigation ul.sub-menu ul ul li a {
        padding-left: 100px;
    }
    .main-navigation ul.sub-menu ul ul ul li a {
        padding-left: 125px;
    }
    .main-navigation .menu-item-has-children a svg {
        display: none;
    }
    .main-navigation ul.sub-menu li a {
        border-left: none;
    }
    /*.main-navigation ul.nav-menu {
        margin-right: 0;
        background-color: #fff;
        margin-top: 25px;
    }*/
    /*.main-navigation {
        position: static;
    }*/
    /*.main-navigation a {
        color: #000;
    }*/
    .main-navigation svg.icon-down {
        fill: #000;
        margin-top: -5px;
    }
    .main-navigation ul.sub-menu {
        border: none;
    }
    /*.menu-open .menu-toggle .icon-close {
        display: block;
        fill: #000;
        margin: auto;
        width: 20px;
        height: 20px;
    }*/
    /*.main-navigation ul.nav-menu {
        margin-top: 0;
        position: absolute;
        top: 100%;
        left: auto;
        right: 0;
        width: 100%;
    }*/
    .main-navigation .sub-menu svg {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    .main-navigation ul.nav-menu .social-menu {
        padding: 15px;
    }
    .main-navigation .social-menu ul li a {
        background-color: #eee;
    }
    #masthead .main-navigation .social-menu ul li a svg {
        fill: #000;
    }
    #masthead .main-navigation .social-menu ul li a:hover svg,
    #masthead .main-navigation .social-menu ul li a:focus svg {
        fill: #fff;
    }
}

@media screen and (max-width: 992px) {
    .single-wrapper .entry-title {
        font-size: 28px;
    }
}

@media screen and (max-width: 767px) {
    /*#top-navigation .main-navigation ul.nav-menu,
    #masthead.site-header .main-navigation ul.nav-menu {
        max-width: 100%;
    }*/
    .featured-content-wrapper {
        text-align: center;
    }
    #destination-slider .slick-arrow {
        top: 25px;
        transform: none;
    }
    .slider-nav {
        display: none;
    }
    .slick-prev,
    .slick-next {
        width: 40px;
        height: 40px;
        border-radius: 40px;
    }
    .single-wrapper .entry-title {
        font-size: 26px;
    }
}

@media screen and (max-width: 567px) {
    /*.menu-toggle svg.icon-menu {
        width: 25px;
        height: 25px;
    }*/
    /*.menu-toggle {
        position: relative;
        top: 0;
        left: 0;
        z-index: 3000;
        text-align: center;
        float: none;
        top: 0;
        width: 70px;
        min-width: 70px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }*/
    /*.menu-toggle span {
        display: none;
    }
    .site-logo img {
        margin-right: 10px;
    }*/
    .site-description {
        font-size: 14px;
    }
    /*.menu-toggle svg.icon-close {
        width: 16px;
        height: 16px;
    }*/
    .site-title {
        font-size: 22px;
    }
    #page-site-header {
        padding: 200px 0;
    }
    #page-site-header .page-title {
        font-size: 28px;
    }
    .pagination .page-numbers.prev,
    .pagination .page-numbers.next {
        top: 0;
    }
    .pagination .prev.page-numbers:before,
    .pagination .next.page-numbers:before {
        width: 35px;
        height: 10px;
    }
    .single-wrapper #reply-title {
        margin-bottom: 25px;
    }
    blockquote.alignright {
        margin-left: 0;
    }
    .footer-widgets-area .hentry:last-child,
    .footer-widgets-area.col-3 .hentry:last-child {
        margin-bottom: 0;
        padding-right: 0;
    }
    .footer-widgets-area {
        text-align: center;
    }
}

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

.has-text-align-justify {
    text-align: justify;
}

.site-title,
.site-description {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
}

.trail-items li:not(:last-child):after {
    content: "/";
    padding: 0 5px;
}

.pw_map_canvas img {
    max-width: none;
}

img#wpstats {
    display: none
}