/*
Theme Name: Smooth Blog
Theme URI: https://themepalace.com/downloads/smooth-blog
Author: Moral Themes
Author URI: https://www.moralthemes.com
Description: Smooth Blog is best known for its simplicity and performance. It is flexible and mobile-friendly. The written content and the images look just fine on any mobile device or screen size. It is also well optimized for speed and SEO performance.  Besides, the theme is translation ready and comes with regular updates. 
Version: 1.2.2
Requires PHP: 5.6
Tested up to: 6.7
Requires at least: 5.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: smooth-blog
Tags: one-column, two-columns, right-sidebar, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog

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.

Smooth Blog is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/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
# Sections
    ## Featured Slider 
# Footer
# Responsive

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

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

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

.loader-container svg {
    width: 70px;
    height: 70px;
    fill: #fe463a;
    -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: #000;}
    25% {height:30px;transform:translateY(15px);background: #000;}
    50% {height:5px;transform:translateY(0px);background: #000;}
    100% {height:5px;transform:translateY(0px);background: #000;}
}

.backtotop {
    background-color: #000;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    color: #fff;
}
.backtotop:hover {
    background-color: #333;
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

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

@keyframes colorchange {
    0%   {border-color: #e30048;}
    25%  {border-color: #fe463a;}
    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 {
    margin: 0;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
}

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

#content {
    position: relative;
}

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

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

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 52px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #000;
    margin: 16px 0;
    line-height: 1.4;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

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

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
tbody {
    text-align: left;
}
tr {
    border: 1px solid #ccc;
}
td,
th {
    padding: 10px 25px;
    font-weight: 400;
}

th {
    color: #fff;
}

td#next {
    text-align: right;
}
.calendar_wrap table {
    display: table;
}

.calendar_wrap th, 
.calendar_wrap td {
    padding: 8px 5px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #6e6e6e;
    font-size: 16px;
    font-size: 1rem;
    line-height: 28px;
    word-wrap: break-word;
}
p {
    margin: 0 0 1em;
}
dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

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

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

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

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

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

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

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
    overflow-x: hidden; 
}
blockquote {
    padding: 21px 25px;
    margin: 30px 0;
    font-size: 22px;
    line-height: 1.5;
}
blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}
blockquote p:before,
blockquote p:after {
    content: "“";
    display: inline-block;
}
blockquote p:after {
    content: "”";
}
blockquote p {
    margin: 0;
}

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

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

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

dt {
    font-weight: bold;
    margin-bottom: 1em;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}

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

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

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

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

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

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

select {
    border: 1px solid #e0e0e0;
}

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

textarea {
    width: 100%;
}
p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}
.comment-notes {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
}
#respond label {
    margin-bottom: 11px;
    display: inline-block;
}
#commentform p {    
    margin-bottom: 21px;
}
#commentform p.comment-form-comment {
    margin-bottom: 0;
}
#commentform p.form-submit {
    margin: 21px 0 0;
    text-align: center;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #000;
    text-decoration: underline;
}

a:hover,
a:focus,
a:active {
    color: #68696e;
}

a:focus {
    outline: thin dotted;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3000;
    padding: 40px 0;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#masthead .social-icons {
    margin: 10px 0 0;
}
.site-branding-container {
    position: relative;
}
.site-branding-container .wrapper {
    position: relative;
    z-index: 1;
}
.site-branding {
    text-align: center;
    margin: 20px 0;
}
.site-advertisement {
    text-align: center;
}
.site-branding + .site-advertisement {
    margin-top: 20px;
}
.site-branding-wrapper {
    padding: 40px 0;
}
.site-logo + #site-identity {
    margin-top: 15px;
}
.site-logo {
    margin-right: 20px;
}
.site-logo {
    max-height: 60px;
    width: auto;
}
.site-title {
    margin: 0;
    line-height: 1.3;
    font-size: 32px;
    text-transform: uppercase;
    -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-navigation .site-title a {
    color: #000;
    text-transform: uppercase;
    font-size: 32px;
}
.site-title a:hover,
.site-title a:focus {
    opacity: 0.8;
}
.site-description {
    margin: 0;
    line-height: 1.3;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.main-navigation {
    display: block;
    position: relative;
}
.menu-sticky .nav-shrink nav#site-navigation {
    background-color: #eee;
}
.site-title a {
    text-decoration: none;
}
#site-navigation a {
    font-weight: 600;
    display: block;
    text-decoration: none;
    color: #363636;
    text-transform: uppercase;
    font-size: 16px;
}
.main-navigation ul.nav-menu li.current-menu-item > a,
.main-navigation ul.nav-menu li:hover > a {
    color: #fe463a;
}
.main-navigation ul.nav-menu li:hover > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation ul.nav-menu > li.current-menu-item > a > svg {
    fill: #fe463a;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #333;
    border-bottom: 1px solid #eee;
    text-transform: capitalize !important;
}
.main-navigation ul.sub-menu a:after {
    float: right;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation .social-menu-item ul {
    display: block;
    border: none;
}
.main-navigation .social-menu-item ul li a {
    width: 40px;
}
.main-navigation .social-menu-item ul li a:hover,
.main-navigation .social-menu-item ul li a:focus {
    opacity: 0.8;
}
.main-navigation .social-menu-item .social-icons {
    margin: 0;
    padding: 20px 15px 20px 25px;
}
.main-navigation + .social-icons {
    display: none;
}
.main-navigation li {
    position: relative;
}
.main-navigation ul.nav-menu > li > a {
    padding: 12px;
    color: #333;
}
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search,
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a:focus svg,
.main-navigation li.search-menu a.search-active svg {
    fill: #fe463a;
}
.main-navigation a:hover,
.main-navigation ul.nav-menu > li > a:hover {
    color: #fe463a;
}
.main-navigation a {
    font-weight: 600;
    display: block;
    text-decoration: none;
    color: #333;
}
.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: #333;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
#masthead .home-icon > a svg.icon-home {
    width: 24px;
    height: 24px;
    margin-top: -3px;
}
input.search-field {
    height: 50px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
.main-navigation svg.icon-close {
    display: none;
}
#search.hidden-small form.search-form {
    position: absolute;
    left: 0;
    right: 0;
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.search-menu svg.icon-search {
    fill: #949494;
}
svg.icon-search,
svg.icon-close {
    width: 15px;
    height: 15px;
    fill: #fff;
}
svg.icon-close {
    width: 15px;
    height: 15px;
}
.search-submit svg.icon-search {
    fill: #adadad;
    opacity: 1;
}
.main-navigation svg.icon-down {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    fill: #7b7b7b;
}
.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #7b7b7b;
    position: absolute;
    right: 15px;
    top: 17px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#site-menu #search {
    display: none;
}
#search-menu {
    display: none;
}
#search-menu .icon-close,
#search-menu.active .icon-search,
.search-menu .icon-close,
.search-menu.active .icon-search {
    display: none;
}
#search-menu.active .icon-close,
.search-menu.active .icon-close {
    display: inline-block;
}
#search-menu button .icon-search,
.search-menu button .icon-search,
#search-menu.active button .icon-search,
.search-menu.active button .icon-search {
    display: inline-block;
}
#search-menu input[type="search"] {
    padding-left: 40px;
    border-radius: 4px;
    min-height: 40px;
    height: auto;
    background-color: #efefef;
    border-color: #efefef;
    padding: 5px 15px 0px 40px;
}
#search-menu form.search-form button.search-submit {
    min-height: 40px;
    height: auto;
}
.menu-toggle {
    border-radius: 0;
    min-height: 50px;
    line-height: 50px;
    display: block;
    position: relative;
    background-color: #a0a0a0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.menu-toggle:focus {
    outline: thin dotted #000;
    background-color: #000;
}
.secondary-menu-toggle {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.secondary-menu-toggle svg {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}
.secondary-menu-toggle svg.icon-close {
    display: none;
    fill: #000;
    width: 16px;
    height: 16px;
}
.secondary-menu-toggle.active svg.icon-menu-bar {
    display: none;
}
.secondary-menu-toggle.active svg.icon-close {
    display: block;
}
#site-menu .menu-toggle.active svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.menu-label {
    text-transform: uppercase;
    color: #fff;
    padding: 3px 0 0 10px;
    font-weight: bold;
}
#top-navigation {
    background-color: #a0a0a0;
    position: relative;
    z-index: 33333;
}
#top-navigation .main-navigation:before, 
#top-navigation .main-navigation:after {
    content: "";
    display: table;
    clear: both;
}
#top-navigation .main-navigation li {
    color: #fff;
}
#top-navigation .main-navigation ul.nav-menu > li > a {
    text-transform: uppercase;
}
svg.icon-user {
    margin-right: 5px;
    vertical-align: middle;
}
#top-navigation .menu-label {
    color: #fff;
}
#top-navigation .menu-toggle svg {
    fill: #fff;
}
svg.icon-menu {
    fill: #fff;
    vertical-align: baseline;
    width: 30px;
    height: 30px;
}
svg.icon-close,
.menu-toggle.active svg.icon-menu {
    display: none;
}
.menu-toggle.active svg.icon-close {
    display: block;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 57px;
    line-height: 62px;
}
.main-navigation .dropdown-toggle.active > svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.menu-overlay {
    -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: 3;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
    position: relative;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    position: relative;
}
.navigation.post-navigation, 
.navigation.posts-navigation {
    margin-top: 30px;
    padding: 23px 20px;
    background-color: #eaedf3;
    border: 1px solid #eaedf3;
}
.post-navigation a, 
.posts-navigation a {
    font-weight: 500;
    color: #000;
    text-decoration: none;
}
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
    color: #68696e;
}
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
}
.pagination .page-numbers {
    border: 1px solid #ddd;
}
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus {
    text-align: center;
    line-height: 35px;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 5px;
    color: #171616;
    background-color: #fff;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    background-color: #363636;
    border-color: #363636;
}
.pagination .prev.page-numbers svg,
.pagination .next.page-numbers svg {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 12px;
    height: 12px;
}
.pagination .next.page-numbers svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.prev.page-numbers svg,
.next.page-numbers svg {
    fill: #cecece;
}
.nav-previous span {
    padding-left: 38px;
    float: left;
    text-align: left;
}
.nav-next span {
    padding-right: 38px;
    float: right;
    text-align: right;
}
.navigation .nav-previous svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: absolute;
    top: 3px;
    left: 0;
}
.navigation .nav-next svg {
    position: absolute;
    top: 3px;
    right: 0;
}
.post-navigation span,
.posts-navigation span {
    display: table;
}
/*--------------------------------------------------------------
# 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,
.widget:before,
.widget:after,
.widget_recent_news.col-2 > ul > li:before,
.widget_recent_news.col-2 > ul > li:after,
.widget_popular_news > ul > li:before,
.widget_popular_news > ul > li:after,
.widget_posts_filter .tab-content > ul > li:before,
.widget_posts_filter .tab-content > ul > li:after {
    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,
.widget:before,
.widget:after,
.widget_recent_news.col-2 > ul > li:before,
.widget_recent_news.col-2 > ul > li:after,
.widget_popular_news > ul > li:before,
.widget_popular_news > ul > li:after,
.widget_posts_filter .tab-content > ul > li:before,
.widget_posts_filter .tab-content > ul > li:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 20px;
}
.widget:last-child {
    margin-bottom: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    background-color: #efefef;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}

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

form.search-form button.search-submit {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.widget_search form.search-form .search-submit {
    width: auto;
    color: #fff;
    background-color: #171616;
    left: auto;
    right: 0;
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 10px;
}
.widget_search form.search-form .search-submit:hover,
.widget_search form.search-form .search-submit:focus {
    background-color: #fe463a;
    color: #fff;
}
.widget_search form.search-form .search-submit svg {
    fill: #fff;
    width: 14px;
    height: 14px;
}
.widget_search form.search-form .search-submit:hover svg,
.widget_search form.search-form .search-submit:focus svg {
    fill: #fff;
}
.widget_search form.search-form input {
    border: none;
}
.widget_search form.search-form input {
    padding: 0 55px 0 15px;
    height: 40px;
    background-color: #eaedf3;
}
form.search-form {
    position: relative;
}

form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300;
}

#wp-calendar tbody td {
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 15px;
}

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

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

.widget_instagram ul {
    list-style: none;
    margin: 0 -5px;
    padding: 0;
}
.widget_instagram li {
    margin: 0;
    padding: 0;
}
.widget.widget_instagram li:not(:last-child),
#colophon .footer-widgets-area .widget.widget_instagram li:not(:last-child) {
    margin-bottom: 0px;
}
.widget_instagram .col-1 li {
    width: 100%;
    float: none;
}
.widget_instagram .col-2 li {
    width: 50%;
    float: left;
}
.widget_instagram .col-3 li {
    width: 33.33%;
    float: left;
}
.widget_instagram .col-4 li {
    width: 25%;
    float: left;
}
.widget_instagram .col-5 li {
    width: 20%;
    float: left;
}
.widget_instagram .col-6 li {
    width: 16.66%;
    float: left;
}
.widget_instagram li img {
    width: 100%;
}
.widget.widget_archive li {
    text-align: right;
}
.widget.widget_archive li a {
    float: left;
}
#secondary .widget,
#secondary-sidebar .widget {
    margin-bottom: 30px;
}
input[type="submit"] {
    padding: 12px 30px;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    text-transform: uppercase;
    border: none;
    background-color: #cc7c1a;
    color: #fff;
    position: relative;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #171616;
    color: #fff;
}
.jetpack_subscription_widget {
    position: relative;
}
.jetpack_subscription_widget form {
    max-width: 355px;
}
.jetpack_subscription_widget input[type="email"] {
    width: 100%;
    min-height: 50px;
    padding: 2px 15px 0 15px;
    background-color: #fff;
    border: none;
    color: #000;
    border: 1px solid #ccc;
    background-color: #e5e5e5;
}
.jetpack_subscription_widget button[type="submit"] {
    background-color: #fe463a;
    padding: 14px;
    border-radius: 0;
}
.jetpack_subscription_widget #subscribe-submit svg {
    fill: #fff;
    width: 20px;
    height: 20px;
}
.jetpack_subscription_widget button[type="submit"]:hover,
.jetpack_subscription_widget button[type="submit"]:focus {
    background-color: #000;
}
.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
    margin-bottom: 10px;
}
.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 25px;
}
.jetpack_subscription_widget #subscribe-submit {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.jetpack_subscription_widget .widget-title {
    margin-bottom: 5px;
}
#subscribe-email label {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}
.widget_popular_post ul,
.widget_latest_post ul,
.widget_featured_post ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    display: table;
}
.widget.widget_popular_post ul li,
.widget.widget_latest_post ul li,
.widget.widget_featured_post ul li {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.widget.widget_popular_post ul li:last-child,
.widget.widget_latest_post ul li:last-child,
.widget.widget_featured_post ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.widget_popular_post h3,
.widget_latest_post h3,
.widget_featured_post h3 {
    font-size: 16px;
    line-height: 1.5;
    display: table-row;
    letter-spacing: 0.01em;
}
.widget_popular_post h3 a,
.widget_latest_post h3 a,
.widget_featured_post h3 a {
    display: block;
}
#secondary .widget_popular_post h3 a,
#secondary .widget_latest_post h3 a,
#secondary .widget_featured_post h3 a {
    font-weight: 600;
}
.widget_popular_post time,
.widget_latest_post time,
.widget_featured_post time {
    display: table-row;
    font-weight: 500;
}
.widget_popular_post h3 a,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
    color: #333;
}
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_post h3 a:hover,
.widget_featured_post h3 a:focus,
.widget_featured_post a:hover time,
.widget_featured_post a:focus time {
    color: #fe463a;
}
.widget_popular_post a time,
.widget_popular_post time,
.widget_latest_post a time,
.widget_latest_post time,
.widget_featured_post a time,
.widget_featured_post time {
    color: #fe463a;
}
.widget_popular_post img,
.widget_latest_post img,
.widget_featured_post img {
    max-width: 95px;
    width: 95px;
    height: 95px;
    float: left;
    margin-right: 14px;
}
.textwidget img {
    margin-bottom: 25px;
    display: block;
}
.widget.widget_text .btn {
    margin-top: 20px;
}
.textwidget a {
    line-height: 1.5;
    display: inline-block;
    font-weight: 500;
}
#secondary .jetpack_subscription_widget input[type="email"] {
    height: 50px;
    min-height: auto;
    background-color: #fff;
    border-color: #fff;
    padding: 15px 18px;
}
#secondary .jetpack_subscription_widget input[type="submit"] {
    position: relative;
    margin: auto;
    min-height: 50px;
    border-radius: 0;
    background-color: #333;
    min-width: 151px;
    margin: 0;
    text-transform: uppercase;
}
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
    background-color: #fe463a;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#secondary .widget .social-icons {
    text-align: center;
    margin-top: -10px;
}
#secondary .widget .social-icons li a:hover svg,
#secondary .widget .social-icons li a:focus svg {
    fill: #fff;
}
#secondary .widget ul,
#secondary-sidebar .widget ul,
#left-sidebar .widget ul,
.widget.widget_recent_news ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget svg {
    fill: #fe463a;
}
#secondary a,
#secondary li,
#secondary-sidebar a,
#secondary-sidebar li {
    color: #363636;
}
#secondary a:hover,
#secondary a:focus,
#secondary-sidebar a:hover,
#secondary-sidebar a:focus {
    color: #68696e;
}
.widget_recent_news ul li img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    float: left;
    margin-right: 20px;
}
.widget.widget_popular_news > ul > li {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.widget_recent_news ul li .entry-container,
.widget_popular_news ul li .entry-container,
.widget_posts_filter ul li .entry-container {
    display: table-row;
}
.widget_recent_news .entry-title,
.widget_popular_news .entry-title,
.widget_posts_filter .entry-title {
    font-size: 18px;
    margin-bottom: 0;
}
.widget.widget_recent_news ul li:not(:last-child) {
    margin-bottom: 30px;
}
.right-sidebar .widget_popular_news .entry-title {
    font-size: 17px;
}
#secondary .posted-on a,
#secondary-sidebar .post-categories a {
    color: #68696e;
}
#secondary .posted-on a:hover,
#secondary-sidebar .post-categories a:hover,
#secondary .posted-on a:focus,
#secondary-sidebar .post-categories a:focus {
    color: #000;
}
.single #primary .entry-meta {
    position: relative;
}
.widget_recent_news .entry-meta {
    margin-bottom: 0;
}
.no-padding-top {
    padding-top: 0px !important;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}
.hentry {
    margin: 0;
}

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

.single .byline,
.group-blog .byline {
    display: block;
}
.single span.author {
    padding-left: 10px;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.navigation.pagination svg {
    fill: #171616;
    width: 16px;
    height: 16px;
    position: relative;
    top: -2px;
}
.navigation.pagination a {
    text-decoration: none;
}
.navigation.pagination a:hover svg,
.navigation.pagination a:focus svg {
    fill: #fff;
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 20px;
    height: 20px;
    fill: #000;
    display: inline-block;
    vertical-align: middle;
}
.navigation.posts-navigation a:hover svg, 
.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:focus svg, 
.navigation.post-navigation a:focus svg {
    fill: #68696e;
}
.navigation.posts-navigation svg.icon-left, 
.navigation.post-navigation svg.icon-left {
    margin-right: 20px;
}
.navigation.posts-navigation svg.icon-right, 
.navigation.post-navigation svg.icon-right {
    margin-left: 20px;
}
.single-post .site-main .comment-navigation, 
.single-post .site-main .posts-navigation, 
.single-post .site-main .post-navigation {
    margin-bottom: 0;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}
.no-sidebar-content #inner-content-wrapper {
    max-width: 900px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}
.comments-title,
#reply-title {
    margin-bottom: 43px;
    font-size: 42px;
    font-weight: 600;
}
.post-categories {
    list-style: none;
    padding-left: 0;
    display: inline-block;
}
.post-categories li {
    display: inline-block;
    vertical-align: middle;
}
.post-categories li:last-child {
    margin-right: 0;
}
.posted-on a {
    color: #363636;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
    display: inline-block;
    text-decoration: underline;
}
.post-categories a:hover,
.post-categories a:focus {
    color: #68696e;
}
.posted-on a:hover,
.posted-on a:focus {
    color: #68696e;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
    position: relative;
    overflow: hidden;
}
#comments ol.children {
    margin-left: 90px;
}
.says {
    display: none;
}
.comment-meta img {
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    padding-left: 80px;
    display: inline-block;
    margin-top: 3px;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
}
.comment-meta .fn {
    margin-left: 20px;
    margin-top: 30px;
}
.comment-content {
    margin-bottom: 13px;
    margin-top: -45px;
    margin-left: 80px;
    padding: 55px 20px 20px;
    background-color: #eaedf3;
    border: 1px solid #eaedf3;
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
    border-bottom: none;
}
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li {
    margin-bottom: 30px;
}
#comments ol.comment-list > li article:last-child .reply {
    border-bottom: none;
    padding-bottom: 0;
}
.reply a {
    display: inline-block;
    border-radius: 0;
    color: #fff;
    position: relative;
    font-size: 16px;
    background-color: #68696e;
    padding: 5px 20px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.reply a:hover,
.reply a:focus {
    background-color: #171616;
    color: #fff;
}
.comment-author.vcard {
    display: inline-block;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: #171616;
    font-size: 16px;
    margin-right: 5px;
    font-weight: bold;
    text-decoration: none;
}
.comment-meta .fn:after {
    content: "|";
    color: #72757a;
    margin: 0 3px;
}
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a,
.comment-metadata a time {
    color: #68696e;
}
.comment-metadata a,
.comment-metadata a time {
    color: #68696e;
    text-decoration: none;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
    color: #68696e;
}
.comment-metadata {
    display: inline-block;
    margin-left: -5px;
}
.comment-content p {
    margin-bottom: 0;
}
#comments {
    margin-top: 40px;
}
.comment-wrap {
    background-color: #fff;
    padding: 20px;
    margin-left: 80px;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
    position: relative;
}
.relative {
    display: block;
    position: relative;
}
.relative:before,
.relative:after {
    content: "";
    display: table;
    clear: both;
}
.page-section {
    padding: 50px 0;
}
.entry-content {
    margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.entry-title {
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 5px;
    color: #363636;
    word-wrap: break-word;
}
.entry-title a {
    color: #363636;
    text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus {
    color: #68696e;
}
.section-header,
.widget-header {
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-bottom: 40px;
}
.widget-header {
    text-align: left;
    margin-bottom: 30px;
}
.section-title a {
    text-decoration: none;
}
.section-title,
.widget-title, 
.widgettitle {
    font-size: 34px;
    color: #444148;
    font-weight: 600;
    display: inline-block;
    position: relative;
    width: 100%;
    line-height: 1;
    margin: 0;
    font-family: 'Josefin Sans', sans-serif;
}
.widget-title, 
.widgettitle {
    font-family: 'Dancing Script', cursive;
    font-size: 32px;
    background: #ededed;
    padding: 10px;
    margin-bottom: 10px;
}

footer .widget-title, 
footer .widgettitle {
    background: transparent;
}
.section-subtitle {
    font-size: 42px;
    color: #363636;
    font-weight: 600;
    font-family: 'Dancing Script', cursive;
    line-height: 1;
    margin-bottom: 20px;
}
.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.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: 14px 36px;
    font-size: 16px;
    line-height: 25px;
    min-height: 50px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 0px;
    min-width: 160px;
    border: none;
    background-color: #cc7c1a;
    color: #fff;
    position: relative;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn:hover,
.btn:focus {
    background-color: #171616;
    color: #fff;
}
#infinite-handle {
    text-align: center;
    margin-bottom: 30px;
}
.read-more {
    margin-top: 30px;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

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

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

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0;
    padding: 3px;
}

.gallery-item img {
  width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
    display: block;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}
.footer-widgets-area .widget .social-icons li {
    display: inline-block;
    width: auto;
}
.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}
.social-icons li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}
#masthead .social-icons li a {
    line-height: 30px;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
    fill: #fff;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
    fill: #fff;
}
.social-icons li a svg {
    fill: #fff;
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover {
    background-color: #3c5798;
}
.social-icons li a[href*="twitter.com"]:hover {
    background-color: #1ea0f1;
}
.social-icons li a[href*="linkedin.com"]:hover {
    background-color: #0077B5;
}
.social-icons li a[href*="plus.google.com"]:hover {
    background-color: #ec7161;
}

.social-icons li a[href*="youtube.com"]:hover {
    background-color: #cc181e;
}

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

.social-icons li a[href*="pinterest.com"]:hover {
    background-color: #E6001C;
}

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

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

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

.social-icons li a[href*="flickr.com"] {
    background-color: #025FDF;
}

.social-icons li a[href$="/feed/"]:hover {
    background-color: #089DE3;
}

.social-icons li a[href*="foursquare.com"]:hover {
    background-color: #F94877;
}

.social-icons li a[href*="instagram.com"]:hover {
    background-color: #9A26C9;
}

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

.social-icons li a[href*="reddit.com"]:hover {
    background-color: #FF4500;
}

.social-icons li a[href*="vimeo.com"] {
    background-color: #00ADEF;
}

.social-icons li a[href*="digg.com"] {
    background-color: #00ADEF;
}

.social-icons li a[href*="twitch.tv"] {
    background-color: #0E9DD9;
}

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

.social-icons li a[href*="delicious.com"] {
    background-color: #0076E8;
}

.social-icons li a[href*="mailto:"] {
    background-color: #4169E1;
}
.social-icons li a[href*="soundcloud.com"] {
    background-color: #FF5500;
}
.social-icons li a[href*="wordpress.org"] {
    background-color: #0073AA;
}
.social-icons li a[href*="wordpress.com"] {
    background-color: #00AADC;
}

.social-icons li a[href*="jsfiddle.net"] {
    background-color: #396AB1;
}

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

.social-icons li a[href*="angel.co"] {
    background-color: #333;
}

.social-icons li a[href*="slack.com"] {
    background-color: #E60264;
}
/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 50px 0;
    text-align: center;
    background-color: #333;
    color: #fff;
}
#page-site-header .page-title {
    font-size: 36px;
    color: #fff;
}
.hide_header_image #page-site-header {
    background-color: transparent;
    padding: 100px 0 0;
}
.hide_header_image #page-header-wrapper {
    position: relative;
    top: 0%;
    left: 0;
    right: 0;
    text-align: center;
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
     transform: translateY(0%);
}
.hide_header_image #page-site-header .page-title {
    color: #363636;
}
.hide_header_image #page-site-header .trail-items li,
.hide_header_image #page-site-header .trail-items li a,
.hide_header_image #page-site-header .trail-items li:not(:last-child):after {
    color: #363636;
}
.hide_header_image #page-site-header .trail-items li a:hover,
.hide_header_image #page-site-header #breadcrumb-list .trail-items li {
    color: #cc7c1a;
}
/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trail-items li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}
.trail-items li a {
    color: rgba(255, 255, 255, 0.60);
    text-decoration: none;
}
.trail-items li a:hover,
.trail-items li a:focus {
    color: #fff;
}
.trail-items li:not(:last-child):after {
    content: "/";
    color: rgba(255, 255, 255, 0.60);
    padding-left: 4px;
    padding-right: 2px;
}
/*--------------------------------------------------------------
#  Slick Slider
--------------------------------------------------------------*/
.slick-prev {
    left: 0px;
}
.slick-next {
    right: 0px;
}
.slick-prev, 
.slick-next {
    background-color: transparent;
    width: 35px;
    height: 35px;
    border-radius: 0;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #fff;
    background-color: #fff;
}
.slick-prev:before, 
.slick-next:before {
    content: "";
    background-image: url('assets/img/down-arrow.svg');
    width: 16px;
    height: 16px;
    display: inline-block;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.slick-prev:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.slick-prev:hover, 
.slick-next:hover,
.slick-prev:focus, 
.slick-next:focus {
    background-color: #000;
}   
.slick-prev:hover:before, 
.slick-next:hover:before,
.slick-prev:focus:before, 
.slick-next:focus:before {
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 230px 0;
    text-align: center;
    position: relative;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
}
#page-site-header .wrapper {
    position: relative;
    text-align: center;
}
#page-site-header .page-title {
    font-size: 32px;
    color: #fff;
    margin: 0;
    line-height: 1.5;
}
/*--------------------------------------------------------------
#  Archive / Blog
--------------------------------------------------------------*/
.post-categories a {
    color: #cc7c1a;
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}
.entry-meta > span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
}
/* .entry-meta > span:not(:first-child):before {
    content: "/";
    margin: 0;
} */
.byline,
.byline a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
}
.byline a:hover,
.byline a:focus {
    color: #68696e;
}
/* span.byline:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #68696e;
    width: 1px;
    height: 20px;
    text-align: center;
    margin: 0 10px;
} */
.archive-blog-wrapper article:not(:last-child) {
    margin-bottom: 30px;
}
.archive-blog-wrapper .featured-image {
    padding: 140px 0;
}
.archive-blog-wrapper .featured-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
}
.archive-blog-wrapper .entry-title {
    margin: 8px 0;
}
/*--------------------------------------------------------------
#  Single Post
--------------------------------------------------------------*/
.single .featured-image {
    margin-bottom: 30px;
    position: relative;
}
.single #primary article .entry-title {
    font-size: 28px;
    margin: 14px 0;
}


/*--------------------------------------------------------------
#                   Featured Slider
--------------------------------------------------------------*/
#featured-slider article {
    background-color: #000;
    background-size: cover;
    background-position: 50%;
    padding: 275px 0;
    vertical-align: middle;
    position: relative;
}
.featured-content-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    max-width: 700px;
    transform: translateY(-50%);
}
.featured-content-wrapper .entry-title {
    font-size: 34px;
}
.featured-content-wrapper .entry-title a {
    color: #fff;
}
.featured-content-wrapper .entry-title a:hover {
    opacity: 0.8;
    color: #fff;
}

/*--------------------------------------------------------------
#                   Services
--------------------------------------------------------------*/

.service-item-wrapper {
    text-align: center;
    margin: auto;
}
.service-icon {
    margin-bottom: 20px;
}

.service-icon a {
    color: #cc7c1a;
}
.service-icon svg {
    width: 60px;
    height: 60px;
    fill: #cc7c1a;
}   
.service-item-wrapper .entry-title {
    font-size: 36px;
    font-family: 'Dancing Script', cursive;
    font-weight: 400;
    margin-bottom: 10px;
}
.service-item-wrapper .read-more {
    margin-top: 5px;
}
.service-item-wrapper .btn {
    background-color: transparent;
    border: 2px solid #cc7c1a;
    color: #cc7c1a;
    vertical-align: middle;
}
.service-item-wrapper .btn:hover {
    color: #fff;
    background-color: #363636;
    border-color: #363636;
}

/*--------------------------------------------------------------
#                   About us
--------------------------------------------------------------*/

#about-us article.has-post-thumbnail,
#subscribe article.has-post-thumbnail,
#reserve article.has-post-thumbnail {
    display: table;
    width: 100%;
    position: relative;
}
#about-us .featured-image,
#subscribe .featured-image,
#reserve .featured-image {
    background-size: cover;
    background-position: 50%;
    padding-bottom: 100%;
    margin-bottom: 40px;
    position: relative;
}
#about-us .entry-container,
#subscribe .entry-container,
#reserve .entry-container {
    max-width: 800px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#about-us .section-header {
    margin-bottom: 22px;
}
.same-background + .same-background {
    padding-top: 0;
}

/*--------------------------------------------------------------
#                   Featured Post
--------------------------------------------------------------*/

#featured-posts .section-subtitle {
    margin: 0;
}
.featured-post-wrapper .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding-bottom: 100%;
}
.featured-post-wrapper .entry-container {
    background-color: #ededed;
    padding: 20px;
    text-align: center;
}
.featured-post-wrapper article:nth-child(even) .entry-container {
    background-color: #363636;
}
.featured-post-wrapper article:nth-child(even) .entry-title a,
.featured-post-wrapper article:nth-child(even) .posted-on a,
.featured-post-wrapper article:nth-child(even) .post-categories a:hover {
    color: #fff;
}
#featured-posts .read-more {
    margin-top: 40px;
    text-align: center;
}

/*--------------------------------------------------------------
#               Subscribe
--------------------------------------------------------------*/

#subscribe .section-header {
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
#                   Masonary
--------------------------------------------------------------*/

#masonary .section-content {
    margin: 0 -15px;
}
#masonary .section-content article {
    padding: 0 15px;
    margin-bottom: 40px;
}
.grid .featured-image {
    margin-bottom: 20px;
}
.grid .featured-image img {
    width: 100%;
}
#masonary .read-more {
    margin-top: 0;
    text-align: center;
}

/*--------------------------------------------------------------
#               404
--------------------------------------------------------------*/
.error404.right-sidebar #primary,
.error404.left-sidebar #primary {
    width: 100%;
    float: none;
    text-align: center;
    max-width: 700px;
    margin: auto;
}
.error404 .single-wrapper form.search-form input,
.search-no-results .archive-blog-wrapper form.search-form input {
    padding: 0 40px 0 37px;
}
.error404 .single-wrapper .search-form button.search-submit,
.search-no-results .archive-blog-wrapper .search-form button.search-submit {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

/*--------------------------------------------------------------
#               Video
--------------------------------------------------------------*/

#video ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#video .hentry:first-child {
    width: 100%;
    margin-bottom: 30px;
}
#video .hentry:last-child {
    width: 100%;
    position: relative;
}
.video-wrapper .entry-container {
    position: absolute;
    bottom: 0;
    padding: 50px;
}
.video-wrapper .featured-image {
    padding: 260px 0;
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.video-button {
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
    bottom: auto;
    background-color: rgba(255, 255, 255, 0.20);
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 80px;
}
.video-button a {
    display: block;
}
.video-button svg {
    width: 20px;
    height: 20px;
    fill: #fff;
}
.video-wrapper .entry-title {
    font-size: 34px;
}
.video-wrapper .entry-title a,
.video-wrapper .posted-on a {
    color: #fff;
}
.video-wrapper .entry-title a:hover, 
.video-wrapper .posted-on a:hover {
    color: #fff;
    opacity: 0.8;
}

/*--------------------------------------------------------------
#                   Related Post
--------------------------------------------------------------*/

#related-posts .featured-image {
    padding: 160px 0;
}


/*--------------------------------------------------------------
#                   Second Design
--------------------------------------------------------------*/
.second-design #top-navigation {
    background-color: #d56442;
}
.second-design .section-subtitle {
    font-family: 'Parisienne', cursive;
    font-weight: 400;
    color: #d56442;
}
.second-design .section-title {
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    font-size: 42px;
}
.second-design .btn {
    background-color: transparent;
    border: 1px solid #d56442;
    color: #d56442;
}
.second-design .post-categories a {
    color: #d56442;
}

.second-design .menu-toggle {
    background-color: transparent;
}
.featured-content-wrapper .entry-header span {
    font-size: 42px;
    color: #fff;
    display: block;
    font-family: 'Parisienne', cursive;
}
.second-design .featured-content-wrapper .btn {
    background-color: #d56442;
    color: #fff;
}
.second-design .featured-content-wrapper .entry-title {
    font-family: 'Playfair Display', serif;
    font-size: 72px;
}
.second-design .seperator {
    width: 100px;
    height: 2px;
    background-color: #fff;
    margin: auto;
}
.second-design #featured-slider article {
    padding: 350px 0;
}
.second-design .featured-content-wrapper .entry-content p {
    color: #fff;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 0;
}

.second-design #about-us .read-more {
    margin-top: 10px;
}

.second-design #our-services {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 100px 0;
}
.second-design .service-item-wrapper  {
    position: relative;
    color: #fff;
}
.second-design .service-item-wrapper .entry-title {
    font-size: 24px;
    font-family: 'Playfair Display', serif;
    font-weight: 900;
}
.second-design .service-item-wrapper .entry-title a {
    color: #fff;
}
.second-design .service-icon svg {
    fill: #fff;
}
#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu ul > li.product {
    width: 50%;
    float: left;
}
#menu ul > li.product {
    background-color: #eee;
}
#menu .product-description, 
#menu .featured-product-image {
    width: 50%;
    float: left;
}
.product-description {
    padding: 25px;
    text-align: center;
    position: relative;
}
#menu ul > li.product:nth-child(3), 
#menu ul > li.product:nth-child(4) {
    flex-direction: row-reverse;
}
#menu ul > li.product:nth-child(1) .product-description:before, 
#menu ul > li.product:nth-child(2) .product-description:before {
    content: "";
    border: solid transparent;
    position: absolute;
    left: -24px;
    right: auto;
    pointer-events: none;
    z-index: 3;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #ededed;
    border-width: 12px;
    top: 50%;
    margin-top: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#menu ul > li.product:nth-child(3) .product-description:after, 
#menu ul > li.product:nth-child(4) .product-description:after {
    content: "";
    border: solid transparent;
    position: absolute;
    left: auto;
    right: -24px;
    pointer-events: none;
    z-index: 3;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #ededed;
    border-width: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#menu ins {
    background: transparent;
    text-decoration: underline;
    font-weight: 600;
    color: #363636;
}
#menu ul li.product {
    display: flex;
    align-items: center;
}
.product-description p {
    margin: 0;
}
.product:nth-child(2n+1) {
    clear: left;
}
.featured-product-image img {
    vertical-align: middle;
    width: 100%;
}
#menu .read-more {
    text-align: center;
    margin-top: 40px;
}
#testimonial,
#cta {
    position: relative;
    color: #fff;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
#testimonial .section-header ,
#cta .cta-wrapper {
    max-width: 700px;
    margin: auto;
    text-align: center;
}
#testimonial .section-subtitle, 
#testimonial .section-title,
#cta .section-subtitle, 
#cta .section-title {
    color: #fff;
}
#testimonial .section-title {
    margin-bottom: 20px;
    line-height: 1.2;
}
#testimonial .section-header span {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
}
#reserve .section-header,
#cta .section-header {
    margin-bottom: 22px;
}
#cta .section-content {
    position: relative;
}
#cta .read-more .btn {
    background-color: #d56442;
    color: #fff;
}
.second-design .featured-post-wrapper article:nth-child(even) .entry-container {
    background-color: #ededed;
}
.second-design .featured-post-wrapper article:nth-child(even) .entry-title a, 
.second-design .featured-post-wrapper article:nth-child(even) .posted-on a, 
.second-design .featured-post-wrapper article:nth-child(even) .post-categories a:hover {
    color: #363636;
}
.second-design #related-posts .read-more {
    text-align: center;
    margin-top: 40px;
}
#related-posts .section-header {
    text-align: left;
}
.second-design #related-posts .section-header {
    text-align: center;
}
#instagram-section .col-2,
#instagram-section .col-3,
#instagram-section .col-4 {
    margin: 0;
}
#instagram-section .col-2 article,
#instagram-section .col-3 article,
#instagram-section .col-4 article {
    padding: 0;
}
#instagram-section img {
   width: 100%;
}
.second-design .footer-widgets-area .widget .widget-title {
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
}
.second-design .btn:hover, 
.second-design .btn:focus {
    background-color: #171616;
    color: #fff;
    border-color: #171616;
}


/*--------------------------------------------------------------
#                   Third Design
--------------------------------------------------------------*/
.third-design .featured-content-wrapper .post-categories a {
    color: #fff;
}
.third-design .featured-content-wrapper .entry-content p {
    color: #fff;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 0;
}
.third-design .btn {
    background-color: #f78a74;
}
.third-design #about-us article {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 100px 0;
    position: relative;
}

/*--------------------------------------------------------------
#                   Dark Version
--------------------------------------------------------------*/
.dark-version {
    background-color: #222;
}

.dark-version .footer-widgets-area,
.dark-version #top-navigation,
.dark-version .slick-prev, 
.dark-version .slick-next,
.dark-version #fitness {
    background-color: #000;
}

.dark-version,
.dark-version #masthead {
    background-color: #111;
}

.dark-version pre,
.dark-version select, 
.dark-version textarea,
.dark-version .wp-block-quote,
.dark-version .wp-block-pullquote,
.dark-version .main-navigation ul ul,
.dark-version input[type="text"], 
.dark-version input[type="email"], 
.dark-version input[type="url"], 
.dark-version input[type="password"], 
.dark-version input[type="search"], 
.dark-version input[type="number"], 
.dark-version input[type="tel"], 
.dark-version input[type="range"], 
.dark-version input[type="date"], 
.dark-version input[type="month"], 
.dark-version input[type="week"], 
.dark-version input[type="time"], 
.dark-version input[type="datetime"], 
.dark-version input[type="datetime-local"], 
.dark-version input[type="color"],
.dark-version .widget_search form.search-form input,
.dark-version .widget_search form.search-form .search-submit,
.dark-version .navigation.post-navigation, 
.dark-version .navigation.posts-navigation,
.dark-version .comment-content,
.dark-version #menu ul > li.product  {
    background-color: #222;
}

.dark-version .main-navigation ul .social-menu ul {
    background-color: transparent;
}

.dark-version .featured-post-wrapper .entry-container,
.second-design.dark-version .featured-post-wrapper article:nth-child(even) .entry-container {
    background-color: #363636;
}

.dark-version,
.dark-version p,
.dark-version h1,
.dark-version h2,
.dark-version h3,
.dark-version h4,
.dark-version h5,
.dark-version h6,
.dark-version pre,
.dark-version b, 
.dark-version strong,
.dark-version button, 
.dark-version input, 
.dark-version select, 
.dark-version textarea,
.dark-version figcaption,
.dark-version cite,
.dark-version input[type="text"], 
.dark-version input[type="email"], 
.dark-version input[type="url"], 
.dark-version input[type="password"], 
.dark-version input[type="search"], 
.dark-version input[type="number"], 
.dark-version input[type="tel"], 
.dark-version input[type="range"], 
.dark-version input[type="date"], 
.dark-version input[type="month"], 
.dark-version input[type="week"], 
.dark-version input[type="time"], 
.dark-version input[type="datetime"], 
.dark-version input[type="datetime-local"], 
.dark-version input[type="color"],
.dark-version a:hover,
.dark-version a:focus,
.dark-version #colophon .cat-links a, 
.dark-version #colophon .widget-title, 
.dark-version #colophon .widgettitle,
.dark-version #colophon ul li, 
.dark-version #colophon ul li a,
.dark-version .site-title a,
.dark-version .main-navigation ul.nav-menu > li > a,
.dark-version #site-navigation ul.nav-menu > li > a,
.dark-version #masthead .menu-toggle .menu-label,
.dark-version .main-navigation ul.sub-menu li a,
.dark-version #site-navigation ul.sub-menu li a,
.dark-version #secondary a, 
.dark-version #secondary li, 
.dark-version #secondary-sidebar a, 
.dark-version #secondary-sidebar li,
.dark-version #colophon .site-info a:hover, 
.dark-version #colophon .site-info a:focus,
.dark-version .post-navigation a, 
.dark-version .posts-navigation a,
.dark-version .post-categories a, 
.dark-version .posted-on a,
.dark-version .byline, 
.dark-version .byline a,
.dark-version .posted-on,
.dark-version .entry-title a,
.dark-version .btn,
.dark-version span.tags-links a,
.dark-version .comment-meta .url, 
.dark-version .comment-meta .fn,
.dark-version .comment-metadata a,
.second-design.dark-version .featured-post-wrapper article:nth-child(even) .entry-title a, 
.second-design.dark-version .featured-post-wrapper article:nth-child(even) .posted-on a,
.second-design.dark-version #menu ins {
    color: #fff;
}

.dark-version #secondary a:hover,
.dark-version #secondary a:focus,
.dark-version #secondary-sidebar a:hover,
.dark-version #secondary-sidebar a:focus,
.dark-version .post-navigation a:hover, 
.dark-version .posts-navigation a:hover, 
.dark-version .post-navigation a:focus, 
.dark-version .posts-navigation a:focus,
.dark-version .byline a:hover,
.dark-version .byline a:focus,
.dark-version .posted-on a:hover,
.dark-version .posted-on a:focus,
.dark-version .entry-title a:hover,
.dark-version .entry-title a:focus,
.dark-version span.tags-links a:hover,
.dark-version span.tags-links a:focus,
.dark-version .comment-meta .url:hover,
.dark-version .comment-meta .url:focus,
.dark-version .comment-metadata a:hover,
.dark-version .comment-metadata a:focus,
.second-design.dark-version .featured-post-wrapper article:nth-child(even) .post-categories a:hover {
    color: #fff;
    opacity: 0.8;
}

.dark-version #top-navigation .menu-toggle svg,
.dark-version #masthead .menu-toggle .icon-menu,
.dark-version .menu-toggle.active svg.icon-close,
.dark-version .main-navigation form.search-form svg.icon-search,
.dark-version .navigation.posts-navigation svg, 
.dark-version .navigation.post-navigation svg,
.dark-version .navigation.posts-navigation a:hover svg, 
.dark-version .navigation.post-navigation a:hover svg, 
.dark-version .navigation.posts-navigation a:focus svg, 
.dark-version .navigation.post-navigation a:focus svg {
    fill: #fff;
}



@media screen and (min-width: 1024px) {
    .dark-version .main-navigation form.search-form input,
    .dark-version #site-navigation ul.nav-menu > li > a,
    .dark-version #masthead #site-navigation ul.nav-menu > li.current-menu-item > a {
        color: #fff;
    }
    .dark-version #top-navigation .main-navigation ul.nav-menu > li > a:hover, 
    .dark-version #top-navigation .main-navigation ul.nav-menu > li > a:focus, 
    .dark-version #top-navigation .main-navigation ul.nav-menu > li:hover > a,
    .dark-version #top-navigation .main-navigation ul.nav-menu > li.focus > a,
    .dark-version #masthead .main-navigation ul.nav-menu > li > a:hover,
    .dark-version #top-navigation .main-navigation ul.nav-menu ul li:hover > a, 
    .dark-version .main-navigation ul.nav-menu li:hover > a,
    .dark-version #masthead #site-navigation ul.nav-menu > li.current-menu-item > a {
        color: #fff;
        opacity: 0.8;
    }
    .dark-version .main-navigation .nav-menu > li > a > svg.icon-down,
    .dark-version .main-navigation ul ul li.menu-item-has-children:hover > a > svg, 
    .dark-version .main-navigation ul ul li.menu-item-has-children > a:hover > svg,
    .dark-version #top-navigation .main-navigation ul.nav-menu > li > a svg,
    .dark-version #top-navigation .main-navigation ul.nav-menu > li.current-menu-item > a svg, 
    .dark-version #top-navigation .main-navigation ul.nav-menu > li > a:hover svg, 
    .dark-version #top-navigation .main-navigation ul.nav-menu > li:hover > a svg {
        fill: #fff;
    }
    .dark-version .main-navigation .social-menu-item ul {
        background-color: transparent;
    }
  
}

@media screen and (max-width: 1023px) {
    .dark-version .main-navigation form.search-form input {
        background-color: #111;
    }
    .dark-version .main-navigation ul.nav-menu,
    .dark-version .main-navigation ul ul,
    .dark-version .main-navigation {
        background-color: #222;
    }
    .dark-version #top-navigation .menu-toggle,
    .dark-version #masthead .menu-toggle {
        background-color: #000;
    }
    .dark-version .main-navigation a,
    .dark-version .main-navigation .social-menu-item .social-icons,
    .dark-version .site-branding {
        border-bottom-color: rgba(255, 255, 255, 0.15);
    }
    .dark-version .main-navigation ul.nav-menu {
        border-top-color: rgba(255, 255, 255, 0.15);
    }
    .dark-version .main-navigation svg.icon-search, 
    .dark-version .main-navigation svg.icon-down {
        fill: #fff;
    }
}



/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/
#colophon {
    color: #fff;
    background-color: #363636;
}
.footer-widgets-area .widget .widget-title {
    color: #fff;
}
#colophon ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-menu ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}
.custom-menu ul li:last-child {
    margin-right: 0;
}
.widget_featured_post ul li .entry-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}
#colophon ul li,
#colophon ul li a {
    color: #fff;
}
#colophon .cat-links li {
    margin-bottom: 0;
    margin-right: 3px;
    width: auto;
}
#colophon .site-info a:hover,
#colophon .site-info a:focus,
#colophon ul li .entry-meta a:hover {
    color: #fff;
    opacity: 0.8;
}
#colophon .site-info a {
    text-decoration: none;
}
.widget_archive a,
.widget_categories a,
.widget_pages a,
.widget_meta a,
.widget_recent_entries a,
.widget_nav_menu a,
.widget.widget_recent_comments a,
.product-description a {
    text-decoration: none;
}
#colophon ul li .entry-meta a {
    color: #b77a2f;
}
#colophon .cat-links a {
    color: #b77a2f;
}
#colophon .widget_text .textwidget img {
    width: auto;
    height: auto;
    border-radius: 0;
}
#colophon .widget_text .textwidget p {
    margin: 0;
}
#colophon ul li a:hover,
#colophon ul li a:focus {
    color: #fff;
    opacity: 0.8;
}
#colophon .cat-links a:hover,
#colophon .cat-links a:focus {
    opacity: 1;
}
#colophon .footer-widgets-area ul.social-icons {
    margin-left: -10px;
}
.footer-widgets-area .entry-title {
    font-size: 16px;
}
.widget_featured_post article {
    position: relative;
    clear: both;
    display: table;
    width: 100%;
}
.widget_featured_post .featured-image {
    background-size: cover;
    background-position: 50%;
    background-color: #333;
    width: 100px;
    height: 100%;
    float: left;
    display: table-cell;
    position: absolute;
    top: 0;
    left: 0;
}
.widget_featured_post .entry-container {
    padding: 5px 0;
    display: table-cell;
    text-align: left;
    padding-left: 120px;
}
#colophon .widget_categories li {
    margin-bottom: 8px;
}
#colophon .widget_categories li:last-child {
    margin-bottom: 0;
}
#colophon .footer-widgets-area .widget.widget_featured_post > ul > li {
    margin-bottom: 7px;
}
.footer-widgets-area ul li {
    font-weight: 500;
}
#colophon .footer-widgets-area .widget > ul > li:last-child,
#colophon .footer-widgets-area .widget.widget_featured_post > ul > li:last-child {
    margin-bottom: 0;
}
#colophon .widget_recent_entries ul li span {
    display: block;
    font-size: 16px;
}
#colophon .widget_recent_entries ul li span:before {
    content: "";
    background-image: url('assets/images/clock.svg');
    background-position: 50%;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 10px;
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.site-info .social-icons {
    display: inline-block;
}
#colophon .site-info-wrapper ul.social-icons {
    padding: 22px 0;
}
.site-info {
    text-align: center;
    position: relative;
    background-color: #181818;
}
.site-info-wrapper {
    padding: 10px 0;
}
.site-info span {
    display: block;
    text-align: center;
    margin: 0 0 10px;
    color: #fff;
}
.site-info span a {
    color: #b77a2f;
}
.site-info span a:hover {
    color: #fff;
}
.site-info span:last-child {
    margin-bottom: 0;
}
.custom-menu {
    margin-bottom: 15px;
}
.footer-widgets-area .widget ul li:last-child,
.footer-widgets-area .widget .social-icons li {
    margin-bottom: 0;
}
.footer-widgets-area .hentry {
    margin-bottom: 45px;
}
.footer-widgets-area.col-1 .hentry {
    text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
    margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
    margin-left: auto;
    margin-right: auto;
}
.footer-widgets-area.col-1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.widget li:before, .widget li:after,
.tab li:before, .tab li:after {
    content: "";
    clear: both;
    display: table;
}
/*--------------------------------------------------------------
#                   RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
    .col-2,
    .col-3,
    .col-4 {
        margin: 0 -15px;
    }
    .col-2 article,
    .col-3 article,
    .col-4 article {
        padding: 0 15px;
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }
    .col-2 article:nth-child(2n+1),
    .col-3 article:nth-child(2n+1),
    .col-4 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) {
        margin-bottom: 0;
    }
    .site-logo img {
        max-height: 65px;
        width: auto;
    }
    .grid article {
        width: 50%;
    }
    #single-column-news article.has-post-thumbnail,
    .archive-blog-wrapper article.has-post-thumbnail {
        display: table;
        width: 100%;
        position: relative;
    }
    #single-column-news article.has-post-thumbnail .featured-image,
    .archive-blog-wrapper article.has-post-thumbnail .featured-image {
        width: 47.85%;
        margin-bottom: 0;
        padding: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: table-cell;
    }
    #single-column-news article.has-post-thumbnail .entry-container,
    .archive-blog-wrapper article.has-post-thumbnail .entry-container {
        width: 52.15%;
        display: table-cell;
        padding: 25px 0 25px 20px;
    }
    .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: 34px;
    }
    .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-3 article {
        width: 33.33%;
    }
    .col-3 article:nth-child(2n+1) {
        clear: none;
    }
    .col-3 article:nth-child(3n+1) {
        clear: left;
    }
    .col-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    .site-branding + .site-advertisement {
        margin-top: 0;
    }
    #about-us article.has-post-thumbnail .featured-image,
    #subscribe article.has-post-thumbnail .featured-image,
    #reserve article.has-post-thumbnail .featured-image {
        width: 48.8%;
        display: table-cell;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .second-design #about-us article.has-post-thumbnail .featured-image {
        left: auto;
        right: 0;
    }
    #subscribe article.has-post-thumbnail .featured-image {
        left: auto;
    }
    #about-us article.has-post-thumbnail .entry-container,
    #subscribe article.has-post-thumbnail .entry-container,
    #reserve article.has-post-thumbnail .entry-container {
        width: 51.2%;
        display: table-cell;
        padding: 44px 0 44px 55px;
        text-align: left;
    }
    #reserve article.has-post-thumbnail .entry-container {
        text-align: center;
    }
    .second-design #about-us article.has-post-thumbnail .entry-container {
        padding: 44px 55px 44px 0px;
        text-align: center;
    }
    #subscribe article.has-post-thumbnail .entry-container {
        padding: 44px 55px 44px 0;
    }
    #about-us .section-header,
    #subscribe .section-header {
        text-align: left;
    }
    .second-design #about-us .section-header {
        text-align: center;
    }
    .comment-navigation .nav-previous, 
    .posts-navigation .nav-previous, 
    .post-navigation .nav-previous {
        padding-right: 25px;
    }
    .comment-navigation .nav-next, 
    .posts-navigation .nav-next, 
    .post-navigation .nav-next {
        padding-left: 25px;
    }
    .footer-widgets-area.col-3 .hentry {
        margin-bottom: 0;
        width: 33.33%;
        float: left;
    }
    .footer-widgets-area.col-3 .hentry:not(:last-child) {
        padding-right: 40px;
    }
    .second-design .site-branding {
        float: left;
        text-align: left;
        margin: 21px 0;
    }
    .no-sidebar .archive-blog-wrapper.col-3 article {
        width: 33.33%;
        float: left;
        padding: 0 15px;
    }
}
@media screen and (min-width: 992px) {
    .col-4 .hentry  {
        width: 25%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-4 article {
        width: 25%;
    }
    .col-4 article:nth-child(2n+1) {
        clear: none;
    }
    .col-4 article:nth-child(4n+1) {
        clear: left;
    }
    .col-4 article:nth-last-child(-n+4) {
        margin-bottom: 0;
    }
    #video .hentry:first-child {
        width: 30%;
        float: left;
        margin-bottom: 0;
    }
    #video .hentry:last-child {
        width: 70%;
        float: left;
        padding-left: 70px;
    }
    .page-section {
        padding: 80px 0;
    }
    .archive-blog-wrapper article .archive-post-wrapper .entry-container {
        padding: 43px 50px;
    }
    .archive-blog-wrapper article.has-post-thumbnail .featured-image {
        width: 40.6%;
    }
    .archive-blog-wrapper article.has-post-thumbnail .entry-container {
        padding: 40px;
        width: 59.4%;
    }
    .no-sidebar .comment-form-author, 
    .no-sidebar .comment-form-email, 
    .no-sidebar .comment-form-url {
        width: 33.33%;
        float: left;
    }
    .no-sidebar .comment-form-author input, 
    .no-sidebar .comment-form-email input {
        max-width: 93%;
    }
    .site-info.col-2 span {
        width: 50%;
        float: left;
        text-align: left;
        margin-bottom: 0;
    }
    .site-info.col-2 span:nth-child(2) {
        width: 50%;
        float: right;
        text-align: right;
    }
}
@media screen and (min-width: 1025px) {
    #masthead .social-icons li:not(:last-child) {
        margin-right: 15px;
    }
    #masthead .social-icons {
        margin: 0;
    }
   
    .menu-overlay.active {
        display: none;
    }
    .site-branding-wrapper {
        clear: both;
        width: 100%;
        display: flex;
        align-items: center;
    }
    #masthead .main-navigation .site-branding {
        width: auto;
        float: none;
        text-align: center;
        margin: 0 40px;
        display: inline-flex;
    }
    .main-navigation .social-menu-item ul {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        float: none;
        background-color: transparent;
        box-shadow: none;
    }
    .main-navigation .social-menu-item ul li:not(:last-child),
    .main-navigation .social-menu-item ul li a {
        border: none;
    }
    .main-navigation .social-menu-item .social-icons {
        padding: 5px 0;
    }
    .main-navigation li.social-menu-item {
        float: right;
    }
    .main-navigation .nav-menu > li > a > svg.icon-down {
        fill: #7b7b7b;
    }
    #top-navigation .main-navigation ul.nav-menu > li > a {
        color: #fff;
        padding: 11px 16px;
        position: relative;
    }
    #top-navigation .main-navigation ul.nav-menu > li.contact-info > a {
        color: #fff;
    }
    #top-navigation .main-navigation ul.nav-menu > li:nth-last-child(-n+2) > a:after {
        display: none;
    }
    #site-menu .search-menu {
        display: none;
    }
    #search-menu a svg {
        fill: #949494;
    }
    .main-navigation {
        display: block !important;
    }
    .main-navigation a,
    .main-navigation ul.nav-menu > li > a {
        color: #000;
    }
    .main-navigation li.menu-item-has-children:hover > a > svg, 
    .main-navigation li.menu-item-has-children > a:hover > svg {
        fill: #000;
    }
    #masthead .main-navigation ul.nav-menu li.current-menu-item > a,
    #masthead .main-navigation ul.nav-menu > li > a:hover,
    .main-navigation ul.nav-menu li:hover > a {
        color: #000;
    }
    .main-navigation ul.nav-menu > li:hover > a > svg,
    .main-navigation ul.nav-menu > li.current-menu-item > a > svg {
        fill: #949494;
     }
    .main-navigation ul.nav-menu, 
    .main-navigation {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        text-align: center;
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
        left: 0;
        right: auto;
    }
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: 100%;
        right: auto;
    }
    .main-navigation ul.sub-menu li a {
        border-bottom: none;
    }
    .main-navigation ul ul li:not(:last-child) {
        border-bottom: 1px solid #000;
    }
    .main-navigation ul ul {
        border: 1px solid #000;
    }
    .main-navigation ul.sub-menu li:hover > a,
    .main-navigation ul.sub-menu li:focus > a {
        color: #fff;
        opacity: 0.8;
    }
    #top-navigation .main-navigation ul.nav-menu ul li:hover > a {
        color: #000;
        opacity: 0.8;
    }
    .main-navigation ul.sub-menu > li:last-child > a {
        border-bottom: none;
    }
    #search {
        position: absolute;
        z-index: 30;
        right: 0;
        top: 50px;
        display: none;
    }
    #masthead .social-icons li a svg {
        fill: #fff;
    }
    .main-navigation .search-active .icon-search {
        display: none;
    }
    .main-navigation .search-active .icon-close {
        display: inline-block;
    }
    #masthead .main-navigation ul ul li.menu-item-has-children > a {
        padding-right: 35px;
    }
    #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.nav-menu ul li.current-menu-item > a,
    .main-navigation ul.nav-menu ul li:hover > a,
    .main-navigation ul.nav-menu ul li:focus > a {
        color: #fff;
    }
    .main-navigation ul ul li.menu-item-has-children:hover > a > svg, 
    .main-navigation ul ul li.menu-item-has-children > a:hover > svg {
        fill: #fe463a;
    }
    button.dropdown-toggle,
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:before {
        content: "";
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        width: 10px;
        height: 10px;
        margin: auto;
    }
    .main-navigation .left-menu {
        padding-left: 50px;
    }
    .main-navigation ul.nav-menu > li.left-menu > a,
    .main-navigation ul.nav-menu > li.right-menu > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .main-navigation li.left-menu + li.right-menu:before {
        content: "/";
        position: absolute;
        top: 50%;
        margin-left: -6px;
        color: #fff;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .main-navigation .main-navigation-search {
        float: right;
        padding: 12px 0;
    }
    .main-navigation form.search-form input {
        border: none;
        color: #000;
        padding: 0 10px;
        height: 40px;
        border-radius: 0px;
         background-color: #68696e; 
        box-shadow: none;
        max-width: 359px;
    }
    .main-navigation form.search-form {
        border: 10px solid #10223d;
    }
    .main-navigation form.search-form button.search-submit {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 0;
        left: auto;
        top: 0;
        background-color: #eee;
        border: none;
        border-radius: 0;
        padding: 0;
    }
    .main-navigation form.search-form svg.icon-search {
        fill: #000;
    }
    .menu-sticky .nav-shrink #site-navigation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
    #top-navigation .main-navigation ul.nav-menu li a {
        font-weight: 600;
    }
    #top-navigation .main-navigation ul.nav-menu > li > a svg {
        fill: #fff;
    }
    #top-navigation .main-navigation ul.nav-menu > li.current-menu-item > a,
    #top-navigation .main-navigation ul.nav-menu > li > a:hover,
    #top-navigation .main-navigation ul.nav-menu > li:hover > a {
        color: #fff;
    }
    #top-navigation .main-navigation ul.nav-menu > li.current-menu-item > a svg,
    #top-navigation .main-navigation ul.nav-menu > li > a:hover svg,
    #top-navigation .main-navigation ul.nav-menu > li:hover > a svg {
        fill: #fff;
    }
    #masthead .main-navigation ul.nav-menu > li.main-navigation-search:before {
        display: none;
    }
    .main-navigation form.search-form ::-webkit-input-placeholder {
        color: #fff;
    }
    .grid article {
        width: 25%;
    }
    #page-site-header .wrapper {
         position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        background: #ff920061;
        width: 90%;
        padding: 30px 0px;
        top: 83%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #page-site-header .page-title {
        font-size: 42px;
    }
    .no-sidebar nav.navigation.pagination {
        text-align: center;
    }
    .inner-wrapper-sticky {
        padding-bottom: 50px;
        display: block;
    }
    .right-sidebar #primary,
    .left-sidebar #primary {
        width: 76.59%;
        float: left;
        padding-right: 30px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
        width: 23.41%;
        float: left;
    }
    .left-sidebar #primary {
        padding-left: 30px;
        padding-right: 0;
        float: right;
    }
    .no-sidebar #primary {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .boxed-layout,
    .frame-layout {
        background-image: url('assets/images/pattern.png');
    }
    .boxed-layout #page,
    .frame-layout #page {
        max-width: 1200px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
    }
    .frame-layout #page {
        margin: 50px auto;
    }
}
@media screen and (min-width: 1200px) {
    
    .footer-widgets-area.col-4 .hentry {
        width: 25%;
        padding-right: 35px;
    }
    .footer-widgets-area.col-5 .hentry {
        width: 20%;
        float: left;
    }
    .footer-widgets-area.col-4 .hentry:last-child {
        padding-right: 0;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
        clear: none;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(4n+1),
    .footer-widgets-area.col-5 .hentry:nth-child(5n+1) {
        clear: left;
    }
    .site-info.col-3 span, 
    .site-info.col-3 .social-icons {
        width: 20%;
        float: left;
    }
    .site-info.col-3 span {
        text-align: left;
    }
    .site-info.col-3 .custom-menu {
        width: 60%;
        float: left;
        text-align: center;
    }
    .site-info.col-3 .social-icons {
        float: right;
        text-align: right;
    }
}
@media screen and (min-width: 1900px) {
    .wrapper {
        max-width: 1440px;
    }
    
    #top-navigation .main-navigation ul.nav-menu > li > a {
        padding: 11px 18px;
    }
    .main-navigation ul.nav-menu > li > a {
        padding: 13px 22px;
    }
    .jetpack_subscription_widget form {
        max-width: 480px;
    }
    .boxed-layout #page,
    .frame-layout #page {
        max-width: 1600px;
    }
    .site-info:before {
        max-width: 1410px;
    }
    .site-info.col-3 span, 
    .site-info.col-3 .social-icons {
        width: 15%;
    }
    .site-info.col-3 .custom-menu {
        width: 70%;
    }
    .footer-widgets-area .entry-title {
        font-size: 20px;
    }
}
@media screen and (max-width: 1024px) {
    #top-navigation {
        background-color: #a0a0a0;
    }
    #top-navigation .social-icons li a svg {
        fill: #333;
    }
    .second-design #masthead,
    #masthead {
        padding: 0;
    }
    .second-design .site-branding {
        float: none;
        text-align: center;
    }
    #menu ul li.product {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ddd;
    }
    .main-navigation a {
        border-bottom: 1px solid #eee;
    }
    .main-navigation .wrapper {
        width: 100%;
        padding: 0;
    }
    .main-navigation ul ul a {
        width: 100%;
    }
    .main-navigation ul ul,
    .main-navigation ul ul ul {
        box-shadow: none;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0;
        display: none;
    }
    .main-navigation ul.sub-menu li {
        padding-right: 0;
    }
    .main-navigation .menu-item-has-children > a:before {
        content: "";
        float: right;
        position: relative;
        right: 25px;
        background-color: #ccc;
        width: 1px;
        height: 25px;
    }
    .main-navigation .menu-item-has-children > a:after {
        padding-top: 3px;
    }
    .main-navigation ul.nav-menu > li > a,
    .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;
        border-top: 1px solid #eee;
    }
    .main-navigation {
        position: static;
    }
    .main-navigation a {
        color: #333;
    }
    .main-navigation svg.icon-search,
    .main-navigation svg.icon-down {
        fill: #333;
        margin-top: -5px;
    }
    .main-navigation ul.sub-menu {
        border: none;
    }
    .main-navigation {
        margin-top: 0;
        position: absolute;
        background-color: #fff;
        z-index: 30000;
        max-width: 100%;
        top: 100%;
        left: auto;
        right: 0;
        width: 100%;
        display: none;
    }
    .main-navigation .search-menu a {
        display: none;
    }
    #top-navigation .main-navigation {
        display: none;
    }
    .main-navigation li.search-menu a {
        display: none !important;
    }
    .main-navigation form.search-form input {
        background-color: #fff;
        border: none;
        min-height: 55px;
    }
    .main-navigation form.search-form button.search-submit {
        height: 59px;
    }
    .main-navigation form.search-form input {
        padding-left: 40px;
    }
    .main-navigation .sub-menu svg {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        top: 28px;
    }
    .hero-wrapper.col-2 .hentry {
        width: 100%;
        float: left;
    }
    #page-site-header {
        padding: 150px 0;
    }
    #secondary {
        margin-top: 30px;
    }
    body.home:not(.blog) #secondary {
        margin-top: 30px;
    }
}

@media screen and (max-width: 992px) {
    #video .col-2 {
        margin: 0;
    }
    .comments-title, 
    #reply-title {
        font-size: 28px;
    }
}
@media screen and (max-width: 767px) {
    #masthead.site-header .main-navigation ul.nav-menu {
        max-width: 100%;
    }
    .section-header-wrapper {
        display: block;
    }
    .second-design #about-us .entry-container {
        margin-bottom: 30px;
    }
    #subscribe .featured-image {
        margin-bottom: 0;
    }
    #subscribe .entry-container {
        margin-bottom: 30px;
    }
    .jetpack_subscription_widget form {
        max-width: 600px;
    }
    .comment-navigation .nav-previous, 
    .posts-navigation .nav-previous, 
    .post-navigation .nav-previous,
    .comment-navigation .nav-next, 
    .posts-navigation .nav-next, 
    .post-navigation .nav-next {
        width: 100%;
        margin: 15px 0;
    }
    .post-navigation span.previous-article b, 
    .post-navigations span.previous-article b, 
    .post-navigation span.next-article b, 
    .post-navigations span.next-article b {
        font-size: 18px;
    }
    .comment-wrap {
        margin-left: 0;
    }
    #commentform p.comment-form-comment,
    #commentform p.form-submit {
        margin-top: 21px;
    }
    .comments-title, 
    #reply-title {
        font-size: 26px;
    }
    #comments {
        margin-top: 40px;
    }
}
@media screen and (max-width: 567px) {
    .col-2 article, 
    .col-3 article, 
    .col-4 article {
        margin-bottom: 30px;
    }
    .site-branding {
        display: block;
    }
    .site-logo {
        margin-right: 0;
    }
    .site-logo + #site-identity {
        margin-top: 20px;
    }
    .jetpack_subscription_widget #subscribe-submit {
        position: relative;
    }
    .video-wrapper .entry-title {
        font-size: 26px;
    }
    .video-wrapper .entry-container {
        padding: 30px;
    }
    .archive-blog-wrapper .featured-image {
        margin-bottom: 20px;
    }
    .pagination .page-numbers.prev, 
    .pagination .page-numbers.next {
        top: 0;
    }
    .pagination .prev.page-numbers:before, 
    .pagination .next.page-numbers:before {
        width: 35px;
        height: 10px;
    }
    .pagination .page-numbers.prev, 
    .pagination .page-numbers.next {
        margin-left: 0;
        margin-right: 0;
    }
    .comment-content {
        margin-left: 0;
        background-color: #fff;
        margin-top: 25px;
        padding: 15px 20px;
    }
    .reply {
        padding-left: 0;
    }
    #comments ol.children {
        margin-left: 25px;
    }
    .comment-meta .fn {
        margin-left: 0;
        margin-top: 10px;
    }
    .footer-widgets-area .hentry:last-child,
    .footer-widgets-area.col-3 .hentry:last-child {
        margin-bottom: 0;
        padding-right: 0;
    }
}

.no-sidebar .archive-blog-wrapper .col-3 {
    margin: 0 -15px;
}
.no-sidebar .archive-blog-wrapper article {
    display: block;
}
.no-sidebar .archive-blog-wrapper article.has-post-thumbnail .featured-image {
    width: 100%;
    position: relative;
    padding: 200px 0;
    display: block;
    height: auto;
}
.no-sidebar .archive-blog-wrapper article.has-post-thumbnail .entry-container {
    padding: 43px 0px;
    width: 100%;
    display: block;
}
.related-slider .featured-image {
    margin-bottom: 20px;
}
.related-slider article {
    padding: 0 15px;
}
#related-post {
    padding-top: 50px;
}
.related-slider {
    margin: 0 -15px;
}
.single #primary .related-slider article .entry-title {
    font-size: 18px;
    margin: 0;
}
.related-slider .slick-prev,
.related-slider .slick-next {
    top: -40px;
}
.related-slider .slick-prev {
    left: auto;
    right: 55px;
}
.related-slider .slick-next {
    right: 15px;
}

.page .featured-image{
    margin-bottom: 20px;
}
.comment-awaiting-moderation {
    display: none;
}

.wp-block-latest-comments article {
    margin-bottom: 0px;
}

.wp-block-latest-comments{
    padding-left: 0px;
}

#breadcrumb-list a,
.site-title a,
.wp-block-search__button:hover,
input[type="submit"]:hover{
    text-decoration: none;
}