/*
Theme Name: EcoCoded
Theme URI: https://superbthemes.com/ecocoded/ecocoded-info/
Author: themeeverest
Author URI: https://superbthemes.com/
Description: The Internet contributes two percent of global carbon emissions. The internet is beautiful but data transfer requires electricity that creates carbon emissions & contributes to climate change. With sustainability at its core, EcoCoded is a low impact WordPress theme. The internet is not eco-friendly; let's help each other reduce carbon emissions. We use few colors to minimize your visitor’s device power usage, load only one font, and have reduced & compressed the code. There are no fancy animations or frameworks integrated. We recommend using as few images as possible on your website, avoiding videos, and using a green hosting service. The theme is fully searching engine optimized (SEO), lightweight, and responsive. It works with most plugins and page builders, such as Elementor. You can still use advertisement services, such as AdSense. The EcoCoded is simple and doesn't contain too many features; it's a beginner-friendly theme. The theme has basic accessibility features integrated, such as tab-navigation and skip-to-content. If you have any ideas about reducing carbon emission further through a theme, please reach out to us. We'll implement all ideas. Use EcoCoded, and let's take sustainability to a whole other level!
Version: 1.1
Requires at least: 5.0
Tested up to: 5.5
Requires PHP: 7.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: ecocoded
Tags: blog, entertainment, news, one-column, two-columns, three-columns, right-sidebar, custom-header, custom-background, custom-colors, custom-logo, custom-menu, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, sticky-post, theme-options, translation-ready

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.
*/

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    overscroll-behavior-y: none;
    margin: 0;
    padding: 0;
    font-family: "Meiryo", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: normal;
    color: #333;
    background: #f0f0f0;
}

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

h1 {
    font-size: 48px;
}

h2 {
    font-size: 28px;
}

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

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

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #9D0105;
}

#page.site {}

.sheader {
    width: 100%;
    margin: 0 0 40px;
    background-color: #222222;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c8.284 0 15-6.716 15-15zM0 15c0 8.284 6.716 15 15 15 0-8.284-6.716-15-15-15zm30 0c0-8.284-6.716-15-15-15 0 8.284 6.716 15 15 15zm0 0c0 8.284-6.716 15-15 15 0-8.284 6.716-15 15-15z' fill='%23111111' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.single .sheader {
    border-bottom: solid 5px #333;
}

.primary-menu {
    float: left;
    position: relative;
    margin: 0;
    z-index: 2;
}

/*.primary-menu ul li a {}*/

.top-nav-wrapper {
    float: left;
    display: block;
    width: 100%;
    padding: 10px 0;
}

.logo-container {
    float: left;
    width: 100%;
    max-width: 30%;
    line-height: 0;
}

.logo-container a.custom-logo-link {
    display: inline-block;
}

.logo-container a.custom-logo-link img.custom-logo {
    max-width: 100%;
}

.center-main-menu {
    float: left;
    width: 100%;
    max-width: 70%;
}

.primary-menu .pmenu {
    float: right;
    display: inline-block;
    margin: auto;
    text-align: center;
}

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

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

.main-navigation ul li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 17px 10px;
}

.main-navigation ul li a:hover {
    color: #FFA07F;
}

.header-content-wrap-outer {
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.header-content-wrap {
    padding: 300px 0;
    margin: auto;
    width: 100%;
    max-width: 100%;
    text-align: center;
}

@media (max-width: 478px) {
    .header-content-wrap {
        padding: 100px 0;
    }
}

.site-content {
    display: block;
    width: 100%;
    /*padding-top: 30px;*/
    padding-bottom: 30px;
}

.site-content .content-wrap {}

.elementor-section {
    position: relative;
}

.elementor-gap .elementor-element.elementor-section-boxed {
    margin-bottom: 50px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    background: #fff;
    padding: 5px!important;
}

.elementor-section.elementor-section-boxed>.elementor-container {}

.elementor-gap .elementor-element.elementor-element-ff>.elementor-column-wrap {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 40px 0 0;
}

.elementor-gap .elementor-element.elementor-element-ele>.elementor-element-populated {
    margin: 0;
    padding: 15px 15px 15px 40px;
    background: #9D0105;
}

.elementor-gap .elementor-element.elementor-element-ele>.elementor-widget-wrap {}

.elementor-gap .elementor-element.elementor-element-ele .elementor-widget-heading {
    width: 100%;
}

.elementor-gap .elementor-element.elementor-element-ele h2.elementor-heading-title {
    background: #fff;
    box-shadow: -5px 10px 5px 0px rgb(0 0 0 / 20%);
    padding: 15px 40px 15px 20px;
    margin-right: -40px;
    position: relative;
}

@media (max-width: 478px) {
    .elementor-gap .elementor-element.elementor-element-ele h2.elementor-heading-title {
        margin-right: -45px;
        padding-right: 25px;
        padding-left: 15px;
    }
}

.elementor-gap .elementor-element.elementor-element-ele h2.elementor-heading-title::before {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-left: solid 20px #9D0105;
}

.elementor-gap .elementor-element.elementor-element-ele>.elementor-widget-text-editor {}

.elementor-gap .elementor-element.elementor-element-ele .elementor-text-editor {}

.elementor-gap .elementor-element.elementor-element-ele .elementor-text-editor p {
    color: #fff;
}

/*.elementor-widget-wrap>.elementor-element {
    width: 100%;
}

.elementor-widget {
    position: relative;
}*/

.header-widgets-wrapper {
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.header-widgets-three {
    display: inline-block;
    float: left;
    width: 100%;
    /*max-width: 32%;*/
    max-width: 31%;
    margin: 0 0 30px;
    background: rgb(255 255 255 / 30%);
    border-radius: 5px;
    padding: 5px;
}

@media (max-width: 478px) {
    .header-widgets-three:last-child {
        margin-bottom: 0;
    }
}

.header-widgets-three .widget {
    clear: both;
    float: left;
    width: 100%;
    /*padding: 8.8%;*/
    background: #fff;
    border: solid 1px #eee;
    border-radius: 5px;
}

.header-widgets-three .widget .textwidget {}

.header-widgets-three .widget .textwidget img {
    display: block;
    margin-bottom: 20px;
    border-radius: 5px 5px 0 0;
}

.header-widgets-three .widget .textwidget h3 {
    padding: 0 20px;
}

.header-widgets-three .widget .textwidget h3 a {
    color: #9D0105;
}

.header-widgets-three .widget .textwidget p {
    padding: 0 20px 20px;
}

.featured-content {
    width: 66%;
    margin-right: 1%;
    float: left;
}

article.blogposts-list {
    float: left;
    display: inline-block;
    vertical-align: top;
    /*width: calc((100% - 20px) / 2);
    margin-right: 20px;*/
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
    margin-bottom: 50px;
    background: rgb(255 255 255 / 30%);
    border-radius: 5px;
    padding: 5px;
}

article.blogposts-list:nth-child(2n) {
    margin-right: 0;
}

article.blogposts-list .fbox {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*width: 100%;
    background: #fff;
    padding: 4%;
    margin-bottom: 30px;*/
}

article.blogposts-list .featured-img-box {
    background: #fff;
    border: solid 1px #eee;
    border-radius: 5px;
}

article.blogposts-list .featured-img-box .featured-thumbnail {
    display: flex;
    width: 100%;
    max-width: 100%;
}

article.blogposts-list .featured-img-box .featured-thumbnail .featured-thumbnail-small {
    width: 100%;
    line-height: 0;
}

article.blogposts-list .featured-img-box .featured-thumbnail-small {
    width: 100%;
    line-height: 0;
}

article.blogposts-list .featured-img-box .featured-thumbnail img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

article.blogposts-list .featured-img-box .content-wrapper {
    position: relative;
    width: 100%;
    /*margin-top: 20px;*/
    padding: 20px;
}

@media (max-width: 478px) {
    article.blogposts-list:last-child {
        margin-bottom: 0;
    }
}

article.blogposts-list .featured-img-box .content-wrapper .entry-header {}

article.blogposts-list .featured-img-box .content-wrapper .entry-header h3.entry-title {}

article.blogposts-list .featured-img-box .content-wrapper .entry-header h3.entry-title a {
    color: #9D0105;
}

article.blogposts-list .featured-img-box .content-wrapper .entry-content {}

article.blogposts-list .featured-img-box .content-wrapper .entry-content p {
    margin-top: 0;
}

article.blogposts-list .featured-img-box .content-wrapper .entry-content div a {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    background: #9d0105;
    padding: 8px 20px;
    margin-top: 10px;
}

article.blogposts-list .featured-img-box .content-wrapper .entry-content div a:hover {
    background: #222;
    color: #fff;
}

.single #main.site-main {}

.single #main.site-main .featured-thumbnail {
    line-height: 0;
    margin-bottom: 20px;
}

.single #main.site-main .featured-thumbnail img {
    border-radius: 5px;
}

.single #main.site-main article {}

.single #main.site-main article .entry-header {}

.single #main.site-main article .entry-header h1.entry-title {
    font-size: 28px;
    font-weight: normal;
}

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

.single #main.site-main article .entry-content h2 {
    font-size: 20px;
    font-weight: bold;
    color: #9D0105;
}

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

.featured-sidebar {
    width: 30%;
    margin-right: 3%;
    float: left;
}

#secondary.featured-sidebar .fbox {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*width: 100%;
    background: #fff;
    padding: 4%;
    margin-bottom: 30px;*/
}

#secondary .widget.recent-posts-extended {
    clear: both;
    float: left;
    width: 100%;
    /*padding: 0 8.8%!important;*/
    margin-left: 8.8%;
    margin-right: 8.8%;
    margin-bottom: 30px!important;
    background: none;
}

#secondary .sidebar-headline-wrapper {
    position: relative;
}

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

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

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

.rpwe-block li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee3dd;
}

.rpwe-block li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.rpwe-block a.rpwe-img img.rpwe-thumb {
    width: 25%;
    margin-right: 10px;
    border-radius: 5px;
}

.rpwe-block h3.rpwe-title {
    font-size: 16px;
    font-weight: normal;
    padding-top: 20px;
}

.rpwe-block h3.rpwe-title a {
    color: #333;
}

.rpwe-block h3.rpwe-title a:hover {
    font-weight: bold;
    color: #9D0105;
}

#secondary .swidgets-wrap.widget_archive .sidebar-headline-wrapper {
    clear: both;
    float: left;
    width: 100%;
    /*padding: 8.8%;*/
    margin-left: 8.8%;
    margin-right: 8.8%;
    background-image: linear-gradient(#8ef0ff 0%, #7FD1DD 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #009ab1;
    border-radius: 5px;
    padding: 20px 30px;
}

#secondary .swidgets-wrap.widget_archive .sidebar-headline-wrapper p {
    margin: 0;
    padding: 0;
    color: #000;
}

@media (max-width: 1023px) {
    #secondary .widget.recent-posts-extended,
    #secondary .swidgets-wrap.widget_archive .sidebar-headline-wrapper {
        margin-left: 0!important;
        margin-right: 0!important;
    }
}

footer.site-footer {
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px 0;
    background: #9D0105;
    text-align: center;
}

footer.site-footer .site-info {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #CB9997;
}

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

/*.widget ul li {
    display: inline-block;
    float: left;
    width: 100%;
}

.widget ul {
    display: inline-block;
    float: left;
    width: 100%;
}*/

/*.widget ul:first-of-type li:first-of-type {
    margin-top: 0px;
    padding-top: 0px;
}

.widget ul:last-of-type li:last-of-type {
    margin-bottom: 0px;
    border-bottom: 0px;
    padding-bottom: 0px;
}

#secondary .widget ul,
#secondary .widget li {
    margin-left: 0;
    margin-right: 0px;
}

#secondary .widget li {
    padding: 0;
    border: 0px;
}

#secondary .widget li {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    padding: 8px 0;
}

.widget ul {
    padding: 0;
    margin-bottom: 0;
    list-style-position: inside
}

.widget>ul {
    margin: 0
}

.widget ul li {
    display: inline-block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
}

.widget ul li a {
    margin: 0;
    padding: 0;
}

.widget li a {
    text-decoration: none;
}

.widget ul li a:hover {
    font-weight: bold;
    color: #9D0105!important;
}

.widget .post-img {
    float: left;
    margin-right: 10px
}*/

code,
html,
kbd,
pre,
samp {
    font-family: 'Lato', 'helvetica neue', helvetica, arial
}

hr,
img,
legend {
    border: 0
}

.footer-info-right a {
    text-decoration: none;
}

legend,
td,
th {
    padding: 0
}

pre,
textarea {
    overflow: auto
}

address,
blockquote {
    margin: 0 0 1.5em
}

img,
pre,
select {
    max-width: 100%
}

.aligncenter,
.clear:after,
.clearfix:after,
.entry-content:after,
.page-links,
.site-content:after,
.site-footer:after,
.site-header:after {
    clear: both
}

ins,
mark {
    text-decoration: none
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    box-sizing: border-box
}

.logofont-site-description {
    font-size: 14px;
    color: #fff;
}

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
}

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

b,
optgroup,
strong {
    font-weight: 700
}

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

mark {
    color: #333
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    height: auto
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    background-color: #ccc;
    height: 1px;
    margin-bottom: 1.5em
}

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

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0;
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

code,
kbd,
pre,
tt,
var {
    font-family: Lato, 'helvetica neue', helvetica, arial
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

textarea {
    width: 100%
}

form label {
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: uppercase
}

/*article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    color: #333;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 15px;
    font-family: 'Lato', lato, 'helvetica neue', helvetica, arial;
}*/

pre {
    background: #eee;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-size: 15px;
    font-size: .9375rem
}

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

ins,
mark {
    background: #fff9c0
}

big {
    font-size: 125%
}

*,
 :after,
 :before {
    box-sizing: inherit
}

blockquote {
    background: rgba(0, 0, 0, 0.1);
    border-left: 6px solid rgba(0, 0, 0, 0.2);
    padding: .5em 10px
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

ol,
ul {
    margin: 0 0 1.5em 1em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ol,
li>ul {
    margin-bottom: 0;
    margin-left: 10px
}

article li>ol,
article li>ul {
    padding-left: 0px;
}

article ol,
article ul {
    padding-left: 0;
    margin-left: 25px;
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

figure {
    margin: 1em 0
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1.5em;
    width: 100%
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 20px;
    font-weight: 700;
    border: none;
    background: #06C
}

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

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

input[type=text],
input[type=url],
input[type=color],
input[type=number],
textarea {
    color: #666;
    border: 1px solid #e5e6e9;
    padding: 16px
}

select {
    border: 1px solid #ccc
}

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

@media screen and (min-width:37.5em) {
    .nav-#secondary-site-navigation {
        display: none
    }
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.page-template-full-width #primary {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
}

.hentry,
.page-links {
    margin: 0 0 1.5em
}

.clear:after,
.clear:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
    content: "";
    display: table;
    table-layout: fixed
}

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

.hide-sidebar aside#secondary {
    display: none !important;
}

.hide-sidebar .featured-content {
    width: 100%;
    max-width: 100%;
    margin-right: 0px;
}

ol.children {
    margin-left: 0;
    padding-left: 5px;
}

.page h1.entry-title {
    color: #10211c;
    font-size: 26px;
    font-weight: 700;
    line-height: 140%;
}

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

.infinite-scroll.neverending .site-footer {
    display: none
}

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

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

#site-header,
#site-header img,
.clearfix,
.site-branding {
    display: inline-block
}

.clearfix {
    width: 100%
}

* html .clearfix {
    height: 1%
}

.entry-header h2 a,
.site-info a:hover,
.site-title a {
    text-decoration: none
}

/*.fbox {
    width: 100%;
    background: #fff;
    margin-bottom: 30px;
    padding: 4%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}*/

/*.fbox h1,
.fbox h2,
.fbox h3 {
    margin-top: 0;
    color: #222
}*/

.page-header h1 {
    margin-bottom: 0
}

.container {
    width: 100%
}

.content-wrap {
    width: 1180px;
    max-width: 90%;
    margin: 0 auto
}

.primary-menu ul li ul.children,
.primary-menu ul li ul.sub-menu {
    background: #fff;
    color: #333;
}

.site-branding.branding-logo {
    margin: 30px 0;
}

.site-branding {
    background: #333;
    padding: 70px 0;
    text-align: center;
    width: 100%
}

.branding-logo .custom-logo {
    display: block;
    width: auto
}

.site-branding .site-title {
    font-size: 48px;
    line-height: 150%;
    padding: 0;
    margin: 0;
    font-family: 'Lato', lato, 'helvetica neue', helvetica, arial;
}

.site-title a {
    color: #fff
}

.site-branding .logo-image {
    margin-top: 0
}

.site-description {
    font-size: 16px;
    color: #fff;
    padding: 0;
    margin: 0
}

.featured-sidebar label {
    width: 100%;
    float: none
}

.main-navigation ul li.current-menu-ancestor>a,
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current-menu-parent>a,
.main-navigation ul li.current_page_ancestor>a,
.main-navigation ul li:hover>a,
.main-navigation ul li>a:hover {
    text-decoration: none
}

.main-navigation ul li:hover>ul {
    display: block
}

.main-navigation ul li .sub-arrow {
    width: 50px;
    line-height: 63px;
    position: absolute;
    right: -20px;
    top: 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.main-navigation ul.sub-menu li .sub-arrow {
    line-height: 50px;
}

.main-navigation ul.sub-menu li .sub-arrow {
    color: #333;
}

.main-navigation ul ul li .sub-arrow {
    right: -10px;
}

.mobile-menu .fa-bars {
    float: right;
    margin-top: 3px
}

.main-navigation ul li .arrow-sub-menu::before {
    font-size: 12px
}

.primary-menu ul li .fa-chevron-right {
    color: #fff
}

.primary-menu ul ul li .fa-chevron-right {
    color: #010101
}

.primary-menu ul li ul.children li,
.primary-menu ul li ul.sub-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.secondary-menu {
    width: 100%;
    float: left;
    border-top: 1px solid #e5e6e9;
    position: relative
}

.secondary-menu .smenu ul li a,
.secondary-menu ul.smenu li a {
    color: #333;
    padding: 24px 16px
}

.secondary-menu ul.smenu li a:hover,
.secondary-menu ul.smenu li.current-menu-item a {
    color: #06C
}

.secondary-menu ul.smenu ul li {
    border-bottom: 1px solid #e5e6e9
}

.secondary-menu ul.smenu ul li a {
    padding: 16px
}

.secondary-menu ul.smenu>li:first-child {
    border: none
}

.secondary-menu .arrow-menu {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    text-align: center;
    display: none;
    width: 42px;
    height: 42px;
    line-height: 44px;
    border-left: 1px solid rgba(0, 0, 0, .2)
}

.secondary-menu ul.smenu li.btn-right {
    float: right;
    border: none;
    margin: 16px 0
}

.secondary-menu ul.smenu li.btn-right a {
    padding: 9px 25px 11px;
    font-weight: 500;
    background: #06C;
    text-align: center;
    text-transform: capitalize;
    display: block;
    line-height: 1.25;
    box-sizing: border-box;
    color: #fff;
}

.secondary-menu .btn-right a:hover {
    opacity: .8;
    color: #fff
}

.overlay {
    background: rgba(0, 0, 0, .7);
    width: 100%
}

.overlay .overlay-close {
    width: 50px;
    height: 52px;
    line-height: 52px;
    position: absolute;
    right: 8%;
    top: 15px;
    font-size: 20px;
    overflow: hidden;
    border: none;
    padding: 0 17px;
    color: #3a5795;
    background: rgba(255, 255, 255, .9);
    z-index: 100;
    cursor: pointer;
}

#site-header {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 3;
    margin: 0;
    background: #fff
}

#site-header a {
    display: block
}

#site-header img {
    width: auto;
    line-height: 20px;
    margin: 0;
    vertical-align: top
}

.nav-links .dots,
.nav-links a,
.nav-links span.current {
    line-height: normal
}

.site-header ul ul {
    list-style: none;
    min-width: 240px;
    display: none;
    position: absolute;
    top: inherit;
    right: 0;
    margin: 0;
    padding: 0;
    z-index: 9;
}

.site-header ul ul li {
    float: none
}

.site-header ul ul ul {
    top: 0;
    left: 238px
}

.super-menu.clearfix {
    margin: 13px 0;
}

.posts-entry .entry-content p:last-child {
    margin-bottom: 0
}

.no-featured-img-box .content-wrapper {
    width: 100%;
}

/*.content-wrapper .entry-title {
    text-align: left;
}

.content-wrapper .entry-title a,
.content-wrapper .entry-title a:hover,
.content-wrapper .entry-title a:active,
.content-wrapper .entry-title a:focus {
    color: #9D0105;
}*/

.featured-thumbnail-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.posts-entry .entry-footer {
    width: 100%;
    display: inline-block;
    margin: 1.5em 0 0;
    font-size: 12px;
    text-align: center;
    padding: 5px 20px
}

.single .posts-entry .entry-footer {
    text-align: left;
    background: 0 0;
    padding: 0
}

.entry-footer span {
    padding-right: 16px;
    position: relative
}

.entry-footer span:after {
    content: "";
    height: 12px;
    overflow: hidden;
    border-right: 1px solid #4169e1;
    position: absolute;
    right: 8px;
    top: 1px
}

.entry-footer span:last-child:after {
    content: "";
    display: none
}

.nav-links span.current {
    color: #fff
}

.site-info p {
    padding: 0
}

time.rpwe-time.published {
    color: #333 !important;
}

.swidget {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    float: left;
}

.swidget h3 {
    width: auto;
    display: inherit;
    font-size: 20px;
    color: #333;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin: 0
}

.fmenu,
.fmenu ul li {
    display: inline-block
}

.fmenu {
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.fmenu ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal
}

.fmenu ul li {
    float: none
}

.fmenu ul li a {
    color: #fff;
    text-transform: none;
    margin: 0 8px;
    font-size: 14px;
    line-height: normal
}

.fmenu ul li a:hover {
    text-decoration: none
}

@media (min-width:1024px) {
    .super-menu,
    .toggle-mobile-menu {
        display: none
    }
}

@media (min-width:992px) {
    .fmenu,
    .footer-menu ul {
        float: right
    }
    .arrow-menu,
    .footer-menu ul li .arrow-sub-menu {
        display: none
    }
    .fmenu {
        width: auto;
        margin-top: 0;
        text-align: right
    }
    .footer-menu {
        width: 100%
    }
    .footer-menu ul li {
        float: left;
        line-height: 14px
    }
    .footer-menu ul ul {
        margin-left: 0;
        list-style: none;
        border-left: 1px solid #ccc
    }
    .footer-menu ul>li:first-child {
        border: none
    }
    .footer-menu ul li.main-navigation-item-has-children a,
    .footer-menu ul li.main-navigation-item-has-children ul {
        float: left
    }
    .secondary-menu .smenu ul ul.children,
    .secondary-menu .smenu ul ul.sub-menu {}
    .secondary-menu .smenu ul ul.children li,
    .secondary-menu .smenu ul ul.sub-menu li {
        border-bottom: 1px solid #f5f5f5
    }
}

@media screen and (max-width:1024px) {
    .elementor-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width:1023px) {
    .main-navigation ul li .sub-arrow {
        right: 0px;
        line-height: 50px;
    }
    .site-branding {
        text-align: center;
        width: 100%
    }
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .main-container-wrap {
        position: relative;
        left: 0;
    }
    #mobile-menu-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        cursor: pointer;
        display: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: rgba(0, 0, 0, .5)
    }
    #page {
        position: relative;
        left: 0;
        top: 0;
    }
    .main-navigation,
    .smenu-hide {
        display: none
    }
    .mobile-menu-active .smenu-hide {
        display: block;
        color: #333
    }
    .mobile-menu-active #mobile-menu-overlay {
        display: block
    }
    .mobile-menu-active #page {
        width: 100%;
        max-width: 100%;
        position: fixed;
        top: 0;
        right: 300px;
        transition: left .5s ease;
        -ms-transform: translate(70%, 0);
        -webkit-transform: translate(70%, 0);
        transform: translate(70%, 0)
    }
    .toggle-mobile-menu {
        display: inline-block;
        width: 100%;
        margin: auto;
        position: relative;
        color: #fff;
        text-align: right;
        z-index: 1;
        padding: 12px 20px
    }
    .toggle-mobile-menu:hover {
        color: #fff
    }
    .toggle-mobile-menu:before {
        font-family: FontAwesome;
        content: "\f0c9";
        font-size: 18px;
        line-height: 50px;
        margin-right: 10px;
        position: absolute;
        color: #fff;
        left: 0;
        top: 0
    }
    .mobile-only .toggle-mobile-menu {
        text-decoration: none
    }
    .mobile-only .toggle-mobile-menu:before {
        left: 20px
    }
    .super-menu-inner {
        width: 1120px;
        max-width: 90%;
        margin: 0 auto;
        line-height: 0;
        text-align: center;
    }
    .super-menu .toggle-mobile-menu {
        padding: 10px 0;
        color: #fff;
        text-decoration: none
    }
    .super-menu .main-navigation-toggle:before {
        left: 0
    }
}

@media (max-width:992px) {
    .featured-content {
        width: 100%;
        margin: 0;
    }
    .site-info {
        width: 100%;
        text-align: center
    }
    .featured-sidebar {
        width: 100%;
        margin-top: 50px;
        margin-right: 0;
    }
    /*.widget {
        padding: 3%;
    }*/
}

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

.main-navigation ul.sub-menu li a {
    color: #333;
    font-weight: 400;
    padding: 15px 1rem;
}

.site-branding.branding-logo {
    width: 100%;
    text-align: center;
}

.site-branding .site-description {
    line-height: 150%;
}

.site-header ul ul {
    text-align: left;
}

.primary-menu ul li ul.children li,
.primary-menu ul li ul.sub-menu li {
    width: 100%;
    max-width: 100%;
}

.site-header ul ul li a {
    font-size: 14px;
    opacity: 0.8;
}

.site-header ul ul li:first-of-type a {
    border-top: 0px solid #333;
}

.widget time.rpwe-time.published {
    width: 100% !important;
    display: block !important;
    font-size: 12px;
}

.widget_archive ul:last-of-type li:last-of-type {
    margin-bottom: 0px;
}

.footer-column-three {
    display: inline-block;
    float: left;
    width: 100%;
    max-width: 33%;
    color: #fff;
    padding: 50px 0;
}

.footer-column-three .widget {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    font-size: 14px;
    margin: 0;
}

.site-footer select {
    width: 100%;
    padding: 11px;
    border-radius: 3px;
}

.footer-column-three h3 {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    padding: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'lato';
    letter-spacing: 2px;
}

.footer-column-three p {
    font-size: 14px;
    color: #fff;
}

.footer-column-three a {
    color: #fff;
}

.footer-column-three h3:after {
    display: block;
    height: 2px;
    width: 40px;
    content: ' ';
    background: rgba(255, 255, 255, 0.24);
    margin-top: 7px;
}

.footer-column-left {
    padding-right: 10px;
}

.footer-column-middle {
    padding-right: 10px;
    padding-left: 10px;
}

.footer-column-right {
    padding-left: 10px;
}

.footer-column-three .widget {
    margin-bottom: 40px;
    overflow: hidden;
}

.footer-column-three .widget:last-of-type {
    margin-bottom: 0;
}

.footer-column-three p:last-of-type {
    margin-bottom: 0px;
}

/*h1.entry-title,
h2.entry-title,
h2.entry-title a:hover,
h2.entry-title a:active {
    font-family: 'Lato';
    font-weight: 400;
    color: #333;
    font-size: 30px;
    line-height: 130%;
    margin-top: 0px;
}*/

.blogpost-button {
    height: 46px;
    position: absolute;
    padding: 10px 15px;
    background: #9D0105;
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    font-family: lato, arial;
    right: 20px;
    text-decoration: none;
    bottom: -22px;
}

td,
th {
    padding: 10px;
    text-align: left;
}

tr {
    border-bottom: 1px solid #333;
}

.archive header.fbox.page-header {
    padding: 0;
}

.header-widgets-three .swidget {
    margin-bottom: 10px;
}

#secondary .swidget {
    border-bottom: 1px solid #333;
}

#secondary select {
    width: 100%;
    padding: 10px;
    border: 0px;
}

.has-large-font-size {
    line-height: 150%;
}

.bottom-header-wrapper {
    text-align: center;
    color: #fff;
    font-size: 18px;
    float: left;
    width: 100%;
    ;
    display: inline-block;
    margin-bottom: 35px;
    margin-top: -47px;
    position: relative;
}

.bottom-header-text {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


/*.header-widget .textwidget h1,
.header-widget .textwidget h2,
.header-widget .textwidget h3,
.header-widget .textwidget h4,
.header-widget .textwidget h5 {
	padding: 0px;
	margin-top: 0;
	text-align: left;
}*/

.bottom-header-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 140%;
    color: #fff;
}

.bottom-header-paragraph {
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    margin-top: 30px;
}

.header-button-solid {
    font-size: 14px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 30px;
    max-width: 90%;
    min-width: 160px;
}

span.bottom-header-below-title {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    float: left;
}

@media screen and (max-width: 1023px) {
    .smenu-hide.toggle-mobile-menu.menu-toggle {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1)
    }
    .main-navigation ul li a {
        text-align: left;
    }
    .bottom-header-title {
        font-size: 40px;
    }
    .bottom-header-paragraph {
        font-size: 13px;
    }
}

@media screen and (max-width: 900px) {
    .footer-column-three {
        max-width: 100%;
    }
    article .entry-content {
        margin-top: 0;
    }
    .footer-column-left {
        padding-right: 0;
    }
    .footer-column-middle {
        padding-right: 0;
        padding-left: 0;
    }
    .footer-column-right {
        padding-left: 0;
    }
    .content-wrapper h2.entry-title a,
    .content-wrapper h2.entry-title a:hover,
    .content-wrapper h2.entry-title a:active,
    .content-wrapper h2.entry-title a:focus {
        font-size: 24px;
    }
    .content-wrapper p {
        font-size: 14px;
    }
    .content-wrapper h2.entry-title {
        margin: 0;
    }
    .header-widgets-three {
        max-width: 100%;
    }
}

@media screen and (max-width: 800px) {
    .featured-img-box {
        display: block
    }
    .content-wrapper {
        width: 100%;
        padding: 15px;
    }
    article.blogposts-list {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    article.blogposts-list {
        width: 100%;
        margin-right: 0;
    }
    .elementor-gap .elementor-element.elementor-section-boxed {
        padding: 20px 20px 20px 20px;
    }
    .elementor-column {
        width: 100%;
    }
    .elementor-gap .elementor-element.elementor-element-ele>.elementor-element-populated {
        /*padding: 20px 0 0 0!important;*/
        padding: 20px;
    }
}

@media screen and (max-width: 700px) {
    #secondary .widget {
        /*padding: 15px;*/
    }
    .footer-column-three {
        padding-left: 15px;
        padding-right: 15px;
    }
    #secondary .content-wrapper {
        padding: 15px;
    }
    h1.entry-title,
    h2.entry-title,
    h2.entry-title a:hover,
    h2.entry-title a:active {
        font-size: 20px;
    }
    .archive .page-header h1 {
        font-size: 25px;
    }
    article .entry-content {
        margin-top: 0;
        font-size: 14px;
    }
    span.bottom-header-title {
        font-size: 28px;
    }
    .site-branding .site-title {
        font-size: 29px;
    }
    .site-branding .site-description {
        font-size: 14px;
    }
    .site-branding {
        padding: 30px 0;
    }
    .bottom-header-title {
        font-size: 28px;
    }
    .bottom-header-paragraph {
        font-size: 13px;
    }
}

.logofont {
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 0.5px;
    color: #fff;
    text-decoration: none;
}

.logo-container .logofont {
    margin-top: 8px;
    display: inline-block;
}

@media (max-width: 1023px) {
    a#pull {
        float: right;
        display: inline-block;
        width: 30px;
        height: 50px;
    }
    a.custom-logo-link {
        /*margin-top: 6px;*/
    }
    .super-menu-inner a.logofont {
        float: left;
        margin-top: 6px;
    }
    .toggle-mobile-menu:before {
        font-size: 32px;
    }
    .super-menu.clearfix {
        float: left;
    }
    .mobile-menu-active .logo-container {
        display: none;
    }
    .center-main-menu {
        max-width: 100%;
    }
    .primary-menu a#pull {
        float: left;
        width: 100%;
    }
}

#secondary .widget li .children li,
#secondary .widget li .sub-menu li {
    background: rgba(0, 0, 0, 0);
    border-bottom: 0px solid #fff;
}

#secondary i.fa.fa-angle-down {
    display: none;
}

.blogposts-list .blogpost-button {
    color: #9D0105;
    border: 1px solid #9D0105;
}

#secondary #wp-calendar caption {
    text-align: left;
}

.google-auto-placed {
    float: left !important;
}

.main-navigation ul li:hover>ul.sub-menu,
.main-navigation ul li a:focus~ul.sub-menu,
.main-navigation ul li a:focus>ul.sub-menu,
.main-navigation ul li a:focus ul.sub-menu,
.primary-menu ul li ul.sub-menu:focus-within,
.primary-menu ul li ul.sub-menu:focus-within,
.pmenu a:focus~.sub-menu,
.main-navigation ul li a:focus~ul,
.main-navigation ul li:hover>ul,
.pmenu li:focus-within>.sub-menu {
    display: block;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.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;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.header-widgets-wrapper h3.widget-title {
    text-transform: none;
}

.elementor {
    width: 100%;
    display: inline-block;
}

a.logofont,
.logofont-site-description {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

a.logofont,
.logofont-site-description {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

.rpwe-summary {
    font-size: 12px;
}

.rpwe-time {
    color: #bbb;
    font-size: 11px;
}

.rpwe-alignleft {
    display: inline;
    float: left;
}

.rpwe-alignright {
    display: inline;
    float: right;
}

.rpwe-aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after {
    content: "";
    display: table !important;
}

.rpwe-clearfix:after {
    clear: both;
}

.rpwe-clearfix {
    zoom: 1;
}

.elementor {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

.elementor {
    width: 100%;
    display: inline-block;
}

.elementor-section.elementor-section-boxed>.elementor-container {
    /*max-width: 1140px;*/
    max-width: 1180px;
}

.elementor-section .elementor-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.elementor-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 768px) {
    .elementor-column.elementor-col-50,
    .elementor-column[data-col="50"] {
        width: 50%;
    }
    .elementor-gap .elementor-element.elementor-element-ff {
        width: 46.607%;
    }
    .elementor-gap .elementor-element.elementor-element-ele {
        width: 53.393%;
    }
}

.elementor-column,
.elementor-column-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.elementor-column {
    min-height: 1px;
}

.elementor-column-wrap {
    width: 100%;
}

.elementor .elementor-widget-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.elementor-widget-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.img-on-mobile {
    min-height: 400px;
}