/*
Theme Name: News Vibe
Theme URI: 
Author: Theme Palace
Author URI: https://themepalace.com
Description: News Vibe theme is complete magazine theme with multiple variation of design. News Vibe theme is excellent for news, magazines, publishing and review sites. Amazing, fast-loading modern magazines theme for personal or editorial use. You’ve literally never seen or used a magazine that looks or works like this before. It comes with option to change color of entire site.  This modern magazines theme has everything you may need to easily create a magazine website that stands out.
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: 
Text Domain: news-vibe
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, portfolio, news, entertainment

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

News Vibe is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Layouts and Titles
# Media
	## Captions
	## Galleries
# Social Icons
# Breadcrumb List
# 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: #037db0;
    -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: #037db0;
    }
    25% {
        height: 30px;
        transform: translateY(15px);
        background: #037db0;
    }
    50% {
        height: 5px;
        transform: translateY(0px);
        background: #037db0;
    }
    100% {
        height: 5px;
        transform: translateY(0px);
        background: #037db0;
    }
}

.backtotop {
    background-color: #037db0;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    position: fixed;
    bottom: 15px!important;
    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;
}

.backtotop:hover {}

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

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

@keyframes colorchange {
    0% {
        border-color: #e30048;
    }
    25% {
        border-color: #037db0;
    }
    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;
    padding: 0;
    font-family: "Meiryo", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.8;
    color: #fff;
    background: rgb(1,31,42);
    background: linear-gradient(180deg, rgba(1,31,42,1) 0%, rgba(3,125,176,1) 100%);
    /* Fallback for when there is no custom background color defined. */
    overflow-x: hidden;
}

#page {
    position: relative;
}

#content {
    position: relative;
}

.site-content #inner-content-wrapper {
    padding: 0;
}

.site-content #inner-content-wrapper #primary {
    background: #02577b;
    padding: 15px;
}

.site-content #inner-content-wrapper #secondary {
    background: #034a68;
    padding: 15px;
}

.single .site-content #inner-content-wrapper #primary {
    background: #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;
}

a {
    background-color: transparent;
}

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

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

dfn {
    font-style: italic;
}

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

h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

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

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

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

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

tbody {
    text-align: left;
}

tr {
    border: 1px solid #ccc;
}

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

th {
    color: #fff;
}

td#next {
    text-align: right;
}


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

button,
input,
select,
textarea {
    color: #7c7c7c;
    font-size: 16px;
    font-size: 1rem;
    line-height: 28px;
    word-wrap: break-word;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

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

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

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

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

big {
    font-size: 125%;
}


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

html {
    box-sizing: border-box;
}

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

blockquote {
    padding: 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;
}

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


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


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

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

a:hover,
a:focus,
a:active {
    color: #CBFF5B;
}

a:focus {
    outline: thin dotted;
}


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

#masthead {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3000;
    margin-bottom: 20px;
    background-color: #171616;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.site-branding-container {
    position: relative;
    background-size: cover;
    background-position: 50%;
}

.site-branding-container .overlay {
    opacity: 0.4;
}

.site-branding-container .wrapper {
    position: relative;
    z-index: 1;
}

.site-branding-wrapper {
    padding: 40px 0;
}

.site-branding {
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

#site-navigation {
    background: rgb(237,237,237);
    background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(247,247,247,1) 30%, rgba(247,247,247,1) 70%, rgba(237,237,237,1) 100%);
}

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

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

.main-navigation ul.nav-menu li {
    margin: 0;
    padding: 0;
}

.main-navigation ul.nav-menu>li>a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    padding: 20px 10px;
}

.main-navigation ul.nav-menu li.current-menu-item>a,
.main-navigation ul.nav-menu li:hover>a {
    font-weight: bold;
}

.main-navigation ul.nav-menu li:hover>svg,
.main-navigation ul.nav-menu>li.current-menu-item>a>svg {
    fill: #037db0;
}

.main-navigation .home-icon>a svg.icon-home {
    width: 24px;
    height: 24px;
    margin-top: -3px;
    fill: #037db0;
}

.single .main-navigation .home-icon>a svg.icon-home {
    width: 24px;
    height: 24px;
    margin-top: -3px;
    fill: #000;
}

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

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

svg.icon-close {
    width: 20px;
    height: 20px;
    fill: #037db0;
}

.menu-toggle {
    border-radius: 0;
    min-height: 50px;
    line-height: 50px;
    display: block;
    position: relative;
    background-color: #fff;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

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

svg.icon-menu {
    fill: #037db0;
    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;
}


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

.clear:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer: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,
.widget_recent_news ul li:before,
.widget_recent_news 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;
}

select:focus {
    outline: thin dotted;
}

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


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

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

#secondary .widget .widget-header {
    position: relative;
    overflow: hidden;
}

#secondary .widget .widget-header h2.widget-title {
    /*display: inline-block;*/
    font-size: 20px;
    font-weight: bold;
    background: #023d56;
    padding: 10px 15px;
}

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

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

#secondary .widget ul li {
    margin: 0;
    padding: 10px 0 10px 0;
    position: relative;
}

#secondary .widget ul li:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: rgb(2,58,82);
    background: linear-gradient(180deg, rgba(2,58,82,1) 0%, rgba(2,58,82,1) 50%, rgba(33,92,116,1) 50%, rgba(33,92,116,1) 100%); 
    bottom: 0;
    left: 0;
}

#secondary .widget ul li:not(:last-child) {}

#secondary .widget ul li .entry-container {
    display: table-row;
}

#secondary .widget ul li .entry-container h2.entry-title {
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin: 0;
    padding: 0;
}

#secondary .widget ul li .entry-container h2.entry-title a:hover {
    color: #CBFF5B;
}


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


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0;
}

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

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-summary {
    margin: 0;
}

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


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

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

.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 30px;
    font-size: 14px;
    line-height: 26px;
    min-height: 55px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 30px;
    min-width: 161px;
    border: none;
    background-color: #037db0;
    color: #fff;
    position: relative;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    -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;
}


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


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

#page-site-header {
    padding: 50px 0;
    text-align: center;
    background-color: #000;
    color: #fff;
}

#page-site-header .page-title {
    font-size: 36px;
    color: #fff;
}

.error-404.not-found {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.error-404.not-found .page-content {
    margin: 15px 0;
}

.error-404.not-found form.search-form button.search-submit {
    width: 50px;
    height: 50px;
}

.error404.left-sidebar #primary,
.error404.right-sidebar #primary {
    width: 100%;
    padding: 0;
}


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

#page-site-header {
    padding: 298px 0;
    text-align: center;
    position: relative;
    background-color: #000;
    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;
}


/*--------------------------------------------------------------
#  Latest Posts Section
--------------------------------------------------------------*/

#latest-posts .full-width {
    width: 100%;
}

#latest-posts .full-width .has-post-thumbnail {}

#latest-posts .full-width .has-post-thumbnail .featured-image {}

#latest-posts .full-width .has-post-thumbnail .entry-container {
    padding: 20px;
    background: rgb(2,87,123);
    background: linear-gradient(180deg, rgba(2,87,123,1) 0%, rgba(3,107,150,1) 100%);
    box-shadow: inset 0 3px 0 rgba(255,255,255,0.1), inset 0 -3px 0 rgba(0, 0, 0, 0.05);
    border: solid 3px rgba(2, 74, 104, 0.7);  
}

#latest-posts .full-width .has-post-thumbnail .entry-container .entry-header h2.entry-title {
    position: relative;
    background: #037db0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    padding: 10px 20px 10px 40px;
    margin-left: -40px;
}

#latest-posts .full-width .has-post-thumbnail .entry-container .entry-header h2.entry-title::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #012431;
}

#latest-posts .full-width .has-post-thumbnail .entry-container .entry-content p {
    margin-top: 0;
}

.featured-image:hover {
    opacity: 0.8;
}

.single .featured-image:hover {
    opacity: 1;
}


/*--------------------------------------------------------------
#  Popular
--------------------------------------------------------------*/
#main-posts-wrapper.left-sidebar #primary-contents {}

#popular-posts {
    margin-top: 30px;
    margin-bottom: 60px;
}

#popular-posts article:not(:last-child) {
    margin-bottom: 20px;
}

.line-popular-posts {
    border-bottom: dashed 1px rgba(3, 107, 150, 0.5);
    margin-bottom: 20px;
}

#popular-posts article.has-post-thumbnail .featured-image {
    margin-bottom: 20px;
    border: solid 1px #036b96;
}

#popular-posts article.has-post-thumbnail .featured-image img {
    padding: 5px;
}

#popular-posts article.has-post-thumbnail .entry-container .entry-header h2.entry-title {
    font-size: 20px;
    font-weight: bold;
}

#popular-posts article.has-post-thumbnail .entry-container .entry-header h2.entry-title a {
    color: #CBFF5B;
}

#popular-posts article.has-post-thumbnail .entry-container .post-content p {}


/*--------------------------------------------------------------
#  Most Viewed Posts Section
--------------------------------------------------------------*/

#most-viewed-posts {
    margin-bottom: 40px;
}

#most-viewed-posts article.has-post-thumbnail {
    background: #fff;
    padding: 15px;
}

#most-viewed-posts article.has-post-thumbnail .entry-header h2.entry-title {
    color: #000;
}

#most-viewed-posts article.has-post-thumbnail .featured-image {
    margin-bottom: 20px;
}

#most-viewed-posts article.has-post-thumbnail .vibe-post-content {}

#most-viewed-posts article.has-post-thumbnail .vibe-post-content h3 {
    color: #000;
}

#most-viewed-posts article.has-post-thumbnail .vibe-post-content p {
    color: #000;
}


/*--------------------------------------------------------------
#  Latest Posts Section
--------------------------------------------------------------*/

#latest-posts-section {
    /*margin-bottom: 40px;*/
}

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

#latest-posts-section article.has-post-thumbnail .entry-container .entry-header h2.entry-title {
    font-size: 20px;
    font-weight: bold;
}

#latest-posts-section article.has-post-thumbnail .entry-container .entry-header h2.entry-title a {
    color: #CBFF5B;
}

#latest-posts-section article.has-post-thumbnail .entry-container .entry-content p {}


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

.single #primary article {
    margin-bottom: 40px;
}

.single #primary article .featured-image {
    margin-bottom: 20px;
}

.single #primary article .entry-container .entry-header h2.entry-title {
    color: #000;
}

.single #primary article .entry-container .entry-content h3 {
    /*color: #037db0;*/
    color: #000;
    background: #CBFF5B;
    padding: 10px 15px;
}

.single #primary article .entry-container .entry-content p {
    color: #000;
}

.single #primary article .entry-container .entry-content p a {
    color: #000;
}

.single #primary article .entry-container .entry-content p a:hover {
    text-decoration: none;
    border-bottom: solid 2px #CBFF5B;
}


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

#colophon {}

.site-info {
    width: 100%;
    float: left;
    text-align: left;
    padding: 10px 0;
}

/*.site-info .wrapper {
    padding-left: 0;
    padding-right: 0;
}*/

.site-info p {
    font-size: 14px;
    font-weight: normal;
    color: #88b5c8;
}

.site-info p a {
    color: #88b5c8;
    font-weight: bold;
}

.site-info p a:hover {}


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

@media screen and (min-width: 567px) {
    #latest-posts .section-content {
        margin: 0 -15px;
    }
    #latest-posts .full-width {
        /*width: 50%;*/
        float: left;
        padding: 0 15px;
    }
    #popular-posts article.has-post-thumbnail {
        display: table;
        width: 100%;
        position: relative;
    }
    #popular-posts article.has-post-thumbnail .featured-image {
        /*width: 47.85%;*/
        width: 37.85%;
        margin-bottom: 0;
        padding: 0;
        height: 100%;
        /*position: absolute;*/
        top: 0;
        left: 0;
        display: table-cell;
        float: left;
    }
    #popular-posts article.has-post-thumbnail .entry-container {
        /*width: 52.15%;*/
        width: 62.15%;
        display: table-cell;
        /*padding: 25px 0 25px 20px;*/
        padding: 15px 0 15px 20px;
        float: right;
    }
}

@media screen and (min-width: 767px) {
    .site-branding-wrapper {
        clear: both;
        width: 100%;
        display: flex;
        align-items: center;
    }
    #latest-posts .full-width {
        /*width: 66.4%;*/
    }
    #popular-posts article.has-post-thumbnail .entry-container {
        /*padding: 47px 0 47px 30px;*/
    }
}

@media screen and (min-width: 992px) {}

@media screen and (min-width: 1025px) {
    .site-title {
        font-size: 42px;
    }
    .menu-overlay.active {
        display: none;
    }
    .main-navigation .nav-menu>li>a>svg.icon-down {
        fill: #fff;
    }
    #masthead .main-navigation ul.nav-menu li.current-menu-item>a,
    .main-navigation ul.nav-menu li:hover>a {}
    .main-navigation ul.nav-menu>li:hover>a>svg,
    .main-navigation ul.nav-menu>li.current-menu-item>a>svg {
        fill: #037db0;
    }
    .main-navigation ul.nav-menu {
        display: block;
        height: auto;
    }
    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul {
        left: 0;
        right: auto;
    }
    button.dropdown-toggle,
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation .left-menu {
        padding-left: 50px;
    }
    .main-navigation ul.nav-menu>li.left-menu>a,
    .main-navigation ul.nav-menu>li.right-menu>a {
        padding-left: 5px;
        padding-right: 5px;
    }
    #page-site-header .wrapper {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        width: 90%;
        top: 50%;
        -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: 54px;
    }
    #main-posts-wrapper.left-sidebar {
        margin: 0 -15px;
    }
    #main-posts-wrapper.left-sidebar #primary-contents {
        /*width: 66.8%;*/
        width: 100%;
        float: right;
        padding: 0 15px;
    }
    #main-posts-wrapper.left-sidebar #secondary-sidebar {
        width: 33.2%;
        float: right;
        padding: 0 15px;
    }
    .right-sidebar #primary,
    .left-sidebar #primary {
        width: 76.59%;
        float: left;
        padding-right: 60px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
        width: 23.41%;
        float: left;
    }
    .left-sidebar #primary {
        padding-left: 30px;
        padding-right: 0;
        float: right;
    }
}

@media screen and (min-width: 1200px) {
    .full-width.grid-layout .featured-image {
        /*padding: 250px 0;*/
    }
}

@media screen and (min-width: 1900px) {
    .wrapper {
        /*max-width: 1440px;*/
    }
    .site-branding {
        width: 100%;
    }
    .main-navigation ul.nav-menu>li>a {
        padding: 18px 35px;
    }
    #masthead .main-navigation a {
        font-size: 16px;
    }
    .site-info:before {
        max-width: 1410px;
    }
}

@media screen and (max-width: 1024px) {
    .main-navigation .wrapper {
        width: 100%;
        padding: 0;
    }
    .main-navigation ul.nav-menu>li>a {
        padding: 15px 15px 15px 25px;
        border-bottom: 1px solid #eee;
        color: #000;
    }
    .main-navigation ul.nav-menu {
        margin-right: 0;
        background-color: #fff;
        border-top: 1px solid #eee;
    }
    .main-navigation {
        position: static;
    }
    .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;
    }
    #secondary {
        margin-top: 30px;
    }
    body.home:not(.blog) #secondary {
        margin-top: 0;
    }
}

@media screen and (max-width: 992px) {}

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

@media screen and (max-width: 567px) {
    .site-branding {
        display: block;
    }
}


/*--------------------------------------------------------------
#  type="text/css"
--------------------------------------------------------------*/

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


/*--------------------------------------------------------------
#  id="theia-sticky-sidebar-stylesheet-TSS"
--------------------------------------------------------------*/

.theiaStickySidebar {
    padding-top: 0px;
    padding-bottom: 1px;
    position: static;
    transform: none;
}

.theiaStickySidebar:after {
    content: "";
    display: table;
    clear: both;
}