/*********************************************************************************************

Theme Name: Videozoom
Theme URI: https://www.wpzoom.com/themes/videozoom
Version: 5.0.1
Private: true
Author: WPZOOM
Author URI: http://www.wpzoom.com
Description: Videozoom is an elegant theme with a video slider, ready to play any videos you want.
Tags: two-columns, theme-options, dark, light
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpzoom
Domain Path: /languages/
Requires PHP: 7.4
Tested up to: 7.1

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead
add your styles in Customizer > Additional CSS.

**********************************************************************************************

1. Toolbox CSS
2. Global Styles
3. Navigation
4. Featured Slider
5. Archive posts
6. Single posts
7. Comments
8. Sidebar & Widgets
9. Footer

**********************************************************************************************/


/*********************************************************************************************

1. Toolbox CSS

*********************************************************************************************/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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: transparent
}

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

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

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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;
    max-width: 100%;
    height: auto;
}

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

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-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

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

fieldset {
    border: none;
    margin: 0 2px;
    padding: 0;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ccc;
}

.sr-only,
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

p {
    margin: 0 0 10px
}

small {
    font-size: 85%
}

mark {
    padding: 0.2em
}

ul,
ol {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

ul ul,
ol ol,
ul ol,
ol ul {
    margin: 0
}

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.42857
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

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

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.sticky,
.bypostauthor {}

/* Smart clearfix */
.clear,
.cleaner {
    clear: both;
    height: 0;
    overflow: hidden;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
}


/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    margin: 0;
    padding: 0;
    color: #fff;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.sticky,
.bypostauthor {}

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

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}


input,
textarea {
    font-family: "Inter", sans-serif;
}

label {
    margin-bottom: 5px;
}

input,
textarea {
    padding: 8px 10px;
    background: #282828;
    color: #fff;
    border: 1px solid #000;
    border-bottom: 1px solid #373737;
    width: auto;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

input[type=text],
textarea {
    -webkit-appearance: none;
}

input:focus,
textarea:focus {
    outline: 0;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    display: inline;
    width: auto;
    font-weight: normal;
    padding: 8px 15px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    border: none;
    background-color: #2e2e2e;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    cursor: pointer;
    text-decoration: none;
    background: #444;
}

/* Navigation */
div.navigation {
    background-color: #1f1f1f;
    position: relative;
    text-align: center;
    margin: 20px 0 50px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 3px;
}

div.navigation a {
    padding: 10px 10px;
    color: #888;
    display: inline-block;
}

div.navigation a:hover {
    color: #fff;
}

div.navigation span.current {
    padding: 5px 10px;
    color: #fff;
    display: inline-block;
}

div.navigation span.pages {
    margin-right: 10px;
    display: none;
}

div.navigation .alignleft,
div.navigation .alignright {
    margin: 0
}

div.navigation .prev,
div.navigation .next {
    position: absolute;
}

div.navigation .prev:hover,
div.navigation .next:hover {
    color: #fff;
}

div.navigation .prev {
    left: 15px
}

div.navigation .next {
    right: 15px
}


@font-face {
    font-family: "Genericons";
    src: url("fonts/Genericons.eot");
    src: url("fonts/Genericons.eot?") format("embedded-opentype"),
        url('fonts/Genericons.ttf') format('truetype'),
        url('fonts/Genericons.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}



/*********************************************************************************************

2. Global Styles

*********************************************************************************************/


body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #888;
    background-color: #171717;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
    color: #4867f7;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

a:hover {
    text-decoration: none;
    color: #ccc;
}

p {
    margin-bottom: 20px;
}

.inner-wrap {
    width: 1170px;
    margin: 0 auto;
    text-align: left;
}

.more-link {
    float: left;
    padding: 8px 15px;
    margin: 0 0 10px;
    background: #2e2e2e;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
}

.more-link:hover {
    text-decoration: none;
    background-color: #444;
    color: #fff;
}


/*********************************************************************************************

3. Navigation

*********************************************************************************************/

#header {
    padding: 15px 0;
    border-bottom: solid 1px #333;
}

#bannerHead {
    float: right;
    display: inline;
    margin: 40px 0 0;
}

.navbar-brand {
    margin: 30px 0;
    float: left;
    font-family: "Mohave", "Arial Narrow","Segoe UI Condensed","Roboto Condensed","Helvetica","Arial",sans-serif;
    text-transform: uppercase;
}

.navbar-brand h1 {
    line-height: 1;
    font-size: 82px;
    font-weight: 500;
    letter-spacing: -1px;
}

.navbar-brand a {
    color: #fff;
}

.navbar-brand a:hover {
    text-decoration: none;
    color: #fefefe;
}


/* Navbar Search Form */
.navbar-search {
    height: 49px;
    float: right;
    margin: 8px 0;
    position: relative;
    width: 150px;
    z-index: 1;
}

.navbar-search label {
    display: block;
    padding: 0;
    margin: 0;
}

.navbar-search .search-field {
    height: 19px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    vertical-align: middle;
    color: #fff;
    background: #1f1f1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cline x1='11' y1='11' x2='15' y2='15'/%3E%3C/svg%3E") 22px center no-repeat;
    width: 75px;
    padding: 15px 22px 15px 52px;
    border: 0;
    margin: 0;
    -moz-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: 0;
}

.navbar-search .search-field::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}

.navbar-search .search-field:-moz-placeholder {
    color: #999;
    opacity: 1;
}

.navbar-search .search-field::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.navbar-search .search-field:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}

.navbar-search .search-field:focus {
    width: 200px;
}

.navbar-search .search-submit {
    display: none;
}

/* Dropdown menus — pure CSS (superfish removed) */
.navbar-nav,
.navbar-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.navbar-nav li {
    position: relative;
}

.navbar-nav>li {
    float: left;
}

.navbar-nav li ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

.navbar-nav li:hover>ul,
.navbar-nav li:focus-within>ul {
    visibility: visible;
    opacity: 1;
}

.navbar-nav a {
    display: block;
    position: relative;
}

.navbar-nav ul ul {
    top: 0;
    left: 100%;
}

/* Dropdown indicators (inline SVG — no icon font needed) */
.navbar-nav li.menu-item-has-children>a:after,
.navbar-nav li.page_item_has_children>a:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    margin: -2px 0 0 6px;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpolyline points='1,1 5,5 9,1' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

.navbar-nav ul li.menu-item-has-children>a:after,
.navbar-nav ul li.page_item_has_children>a:after {
    width: 6px;
    height: 10px;
    float: right;
    margin: 7px 0 0 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpolyline points='1,1 5,5 1,9' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


.top-navbar,
.main-navbar {
    background-color: #121212;
}

.top-navbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 10px 0 45px;
}

.top-navbar .navbar-nav a {
    color: #999;
}

.top-navbar a {
    color: #999;
}

.top-navbar a:hover {
    color: #fff;
}

.main-navbar:before,
.main-navbar:after {
    content: " ";
    display: table;
}

.main-navbar:after {
    clear: both
}

.main-navbar {
    padding: 0;
    margin: 0 0 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.main-navbar .navbar-nav {
    margin: 15px 0;
    float: left;
    max-width: 975px;
}

.navbar-toggle {
    display: none;
    position: relative;
    float: left;
    margin: 0 15px 0 0;
    padding: 10px 10px;
    border: none;
    border-radius: 2px;
    background: #3A3A3A;
}

.main-navbar .navbar-toggle {
    margin: 15px 15px 0 0;
}

.navbar-toggle:hover {
    background: #fff;
    border-color: #4867f7;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background: #020206;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-nav {
    font-size: 16px;
    font-weight: 400;
}

.navbar-nav>li {
    margin: 0 15px 0 0;
}

.navbar-nav>li:last-child {
    margin-right: 0
}

.navbar-nav a {
    color: #fff;
    padding: 4px 12px;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.navbar-nav a:hover {
    text-decoration: none;
    background-color: #292929;
}

.navbar-nav ul {
    font-size: 16px;
    width: 220px;
    margin-top: -2px;
    background: #292929;
    -webkit-border-radius: 0 3px 3px 3px;
    border-radius: 0 3px 3px 3px;
}

.navbar-nav ul a {
    color: #999;
    padding: 8px 12px;
    border-bottom: none;
}

.navbar-nav ul a:hover {
    border-bottom: none;
    color: #fff;
}

.navbar-nav li:hover>a {
    background-color: #292929;
    color: #fff;
}

.navbar-nav li:hover ul a {
    background-color: none;
    color: #999;
}

.navbar-nav li:hover ul a:hover {
    color: #fff;
}

.navbar-nav ul .current-menu-item a,
.navbar-nav ul .current_page_item a,
.navbar-nav ul .current-menu-parent a,
.navbar-nav ul .current_page_parent a {
    border-bottom: none;
    color: #fff;
}

.navbar-nav ul ul {
    right: 100%;
    margin-top: 0px;
}

.navbar-nav ul .current_page_item a,
.navbar-nav ul .current-menu-parent a,
.navbar-nav ul .current_page_parent a {
    color: #fff;
}

.current-menu-item a,
.current_page_item a,
.current-menu-parent a,
.current_page_parent a {
    background-color: #292929;
    color: #fff;
}


/*********************************************************************************************

4. Featured Slider

*********************************************************************************************/

#featured-slider {
    margin-bottom: 40px;
    position: relative;
    background: #1f1f1f;
    min-height: 250px;
    padding: 25px 0 0;
    border-radius: 10px;
}

#slider {
    padding: 0;
}

/* Slide padding lives on the slides (safe with Swiper + the global border-box) */
#slider .slides > li {
    width: 100%;
    padding: 0 25px;
}

#slider .video-cover,
#slider .wp-video {
    float: left;
    display: block;
    margin-right: 25px;
    width: 560px;
    height: 315px;
}

#slider p {
    color: #aaa;
}

#slider .post-meta {
    font-size: 14px;
    color: #888;
    margin: 0 0 5px;
}

#slider .post-meta span {
    display: inline;
    margin: 0 10px 0 0;
}

#slider h2.entry-title {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 10px;
}

#slider h2.entry-title a {
    color: #fff;
}

#slider h2.entry-title a:hover {
    color: #ccc;
}

#slider .post-content {
    overflow: hidden;
}

#carousel {
    background: #252525;
    padding: 30px 35px 10px 55px;
    border-radius: 0 0 10px 10px;
}

#carousel .slides > li {
    position: relative;
    width: 160px;
    margin-right: 20px;
    height: 120px;
    opacity: .45;
    transition: all 0.25s cubic-bezier(.4,0,.2,1);
}

#carousel .slides > li.swiper-slide-thumb-active,
#carousel .slides > li:hover {
    opacity: 1.0;
}


.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

#slider img {
    float: left;
    margin: 0 25px 0 0;
}

#carousel img {
    width: 160px;
    border-radius: 6px;
    -webkit-user-drag: none;
    user-select: none;
}

#carousel .wpz-slide-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 120px;
    background: #1a1a1a;
    border-radius: 6px;
}

#carousel .wpz-slide-placeholder .wpz-placeholder-icon {
    width: 40px;
    height: 40px;
    color: rgba(255, 255, 255, 0.3);
}

.no-js .slides>li:first-child {
    display: block;
}

/* Direction Nav */
#slider .flex-direction-nav a {
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    display: block;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 130px;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0.6;
    -webkit-transition: all .3s ease;
}

#slider .flex-direction-nav .flex-prev {
    left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 20 40'%3E%3Ccircle cx='10' cy='20' r='10' fill='%231f1f1f'/%3E%3Cpolyline points='12,14 7,20 12,26' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#slider .flex-direction-nav .flex-next {
    right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 20 40'%3E%3Ccircle cx='10' cy='20' r='10' fill='%231f1f1f'/%3E%3Cpolyline points='8,14 13,20 8,26' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#slider:hover .flex-next {
    opacity: 0.8;
}

#slider:hover .flex-prev {
    opacity: 0.8;
}

#slider .flex-next:hover,
#slider .flex-prev:hover {
    opacity: 1;
}

#slider .flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    cursor: default;
}

#carousel .flex-direction-nav a {
    width: 30px;
    height: 30px;
    /* centered on the thumbnail image: 30px rail padding-top + half the
       120px thumb height, minus half the arrow */
    margin: -15px 0 0;
    display: block;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 90px;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0.6;
    -webkit-transition: all .3s ease;
}

#carousel .flex-direction-nav .flex-prev {
    left: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='14' fill='%23666'/%3E%3Cpolyline points='17,10 11,15 17,20' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#carousel .flex-direction-nav .flex-next {
    right: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='14' fill='%23666'/%3E%3Cpolyline points='13,10 19,15 13,20' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#carousel:hover .flex-next {
    opacity: 0.5;
}

#carousel:hover .flex-prev {
    opacity: 0.5;
}

#carousel .flex-next:hover,
#carousel .flex-prev:hover {
    opacity: 1;
}

#carousel .flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    cursor: default;
}

.flex-control-nav {
    width: 100%;
    margin: 20px 0 5px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
}

.flex-control-paging li a {
    width: 16px;
    height: 16px;
    display: block;
    border: 2px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.flex-control-paging li a:hover {
    border-color: rgba(0, 0, 0, 0.54);
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.flex-dot--active a {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: rgba(0, 0, 0, 0.54);
    cursor: default;
}

#featured-slider .flex-control-nav {
    text-align: center;
    padding: 15px 0 0;
}


/* =============================================
   Cinematic Slider Style
   (Theme Options → Homepage → Slider Style)
   Full-width slider with the blurred featured
   image as backdrop and the content overlaid.
   ============================================= */

body.slider-style-cinematic {
    /* Aligns the overlaid content with the page grid (Editorial overrides this
       with its wider 1400px canvas value in styles/editorial.css) */
    --vz-slider-gutter: max(4vw, calc((100vw - 1170px) / 2));
    overflow-x: clip;
}

.slider-style-cinematic #featured-slider {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    border-radius: 0;
}

/* The hero sits flush under the menu on pages that render the slider */
.slider-style-cinematic.home:not(.paged) .main-navbar,
.slider-style-cinematic.blog:not(.paged) .main-navbar,
.slider-style-cinematic.page-template-home .main-navbar {
    margin-bottom: 0;
}

.slider-style-cinematic #slider {
    padding: 0;
}

/* NOTE: slides must have NO horizontal padding — FlexSlider subtracts it from
   the width it assigns (computedW = itemW - boxPadding) but still moves slides
   by computedW, so any horizontal padding breaks the slide travel. The side
   gutters are applied to the slide children below instead. */
.slider-style-cinematic #slider .slides > li {
    position: relative;
    padding: 0 0 45px;
}

.slider-style-cinematic #slider .slides > li > *:not(.slide-bg) {
    position: relative;
    z-index: 1;
}

/* Blurred featured image backdrop (markup output by wpzoom-slider.php) */
.slider-style-cinematic #slider .slide-bg {
    position: absolute;
    inset: -60px;
    background-size: cover;
    background-position: center;
    filter: blur(45px) brightness(0.4) saturate(1.1);
    z-index: 0;
}

.slider-style-cinematic #slider .slide-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(10, 10, 10, 0.25), rgba(10, 10, 10, 0.6));
}

/* "No featured posts" admin notice */
#slider .slnotice {
    padding: 40px 25px;
}

#slider .slnotice p {
    margin: 0 0 10px;
}

.slider-style-cinematic #slider .slnotice {
    padding: 60px var(--vz-slider-gutter);
    text-align: center;
}

/* No slides = no dark backdrop, so don't use the image-overlay white text */
.slider-style-cinematic #slider .slnotice p {
    color: inherit;
}

/* Overlaid text is always light, whatever the color style */
.slider-style-cinematic #slider .post-meta,
.slider-style-cinematic #slider .post-meta a {
    color: rgba(255, 255, 255, 0.75);
}

.slider-style-cinematic #slider .post-meta a:hover {
    color: #fff;
}

.slider-style-cinematic #slider p {
    color: rgba(255, 255, 255, 0.8);
}

/* The hero button stays image-overlay styled in every color scheme */
.slider-style-cinematic #slider .more-link {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
}

.slider-style-cinematic #slider .more-link:hover {
    background: #fff;
    border-color: #fff;
    color: #000;
}

@media (min-width: 981px) {

    .slider-style-cinematic #slider .video-cover {
        position: relative;
        float: left;
        width: calc((100% - var(--vz-slider-gutter) * 2) * 0.62);
        height: auto;
        aspect-ratio: 16 / 9;
        margin: 0 50px 0 var(--vz-slider-gutter);
        background: #000;
        overflow: hidden;
    }

    .slider-style-cinematic #slider .video-cover iframe,
    .slider-style-cinematic #slider .video-cover object,
    .slider-style-cinematic #slider .video-cover embed,
    .slider-style-cinematic #slider .video-cover .wp-video {
        position: absolute;
        top: 0;
        left: 0;
        float: none;
        margin: 0;
        width: 100% !important;
        height: 100% !important;
    }

    .slider-style-cinematic #slider .video-cover .mejs-container,
    .slider-style-cinematic #slider .video-cover video.wp-video-shortcode,
    .slider-style-cinematic #slider .video-cover .mejs-overlay,
    .slider-style-cinematic #slider .video-cover .mejs-poster {
        width: 100% !important;
        height: 100% !important;
    }

    /* Image-only slides: sharp featured image over its own blurred backdrop */
    .slider-style-cinematic #slider .slides > li > img {
        float: left;
        width: calc((100% - var(--vz-slider-gutter) * 2) * 0.62);
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        margin: 0 50px 0 var(--vz-slider-gutter);
    }

    .slider-style-cinematic #slider .post-content {
        overflow: hidden;
        padding: 3% var(--vz-slider-gutter) 0 0;
    }

    .slider-style-cinematic #slider .flex-direction-nav a {
        top: 50%;
        margin-top: -20px;
    }
}

@media (max-width: 980px) {

    .slider-style-cinematic #slider .slides > li {
        padding: 0 0 30px;
    }

    /* Keep the arrows on the media, clear of the side gutters */
    .slider-style-cinematic #slider .flex-direction-nav a {
        top: calc(26vw - 15px);
    }

    .slider-style-cinematic #slider .flex-direction-nav .flex-prev {
        left: calc(var(--vz-slider-gutter) + 10px);
    }

    .slider-style-cinematic #slider .flex-direction-nav .flex-next {
        right: calc(var(--vz-slider-gutter) + 10px);
    }

    /* Stacked layout: gutters via margins on the slide children */
    .slider-style-cinematic #slider .video-cover {
        float: none;
        width: auto;
        aspect-ratio: 16 / 9;
        height: auto;
        padding: 0;
        margin: 0 var(--vz-slider-gutter) 20px;
        overflow: hidden;
    }

    .slider-style-cinematic #slider .slides > li > img,
    .slider-style-cinematic #slider .post-content {
        margin-left: var(--vz-slider-gutter);
        margin-right: var(--vz-slider-gutter);
    }
}

/* Thumbnail strip aligns with the overlaid content */
.slider-style-cinematic #carousel {
    padding-left: var(--vz-slider-gutter);
    padding-right: var(--vz-slider-gutter);
    border-radius: 0;
}


/*********************************************************************************************

5. Homepage (Recent posts)

*********************************************************************************************/

#content {
    float: left;
    width: 830px;
}

.full-width #content {
    width: 100%;
    float: none;
}

.page-template-full-width-builder .main-navbar {
    margin-bottom: 0;
    border-bottom: none;
}

/* Title */
.section-title {
    margin: 0 0 25px;
    background: #1f1f1f;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 20px;
}

.section-title h2 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.section-title a {
    color: #fff;
}

.section-title a:hover {
    color: #4867f7;
}

/* Layout Toggle */
.section-title:has(.layout-toggle) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.layout-toggle {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.layout-toggle button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    line-height: 0;
    display: flex;
    align-items: center;
}

.layout-toggle button svg {
    fill: #555;
    width: 18px;
    height: 18px;
    transition: fill 0.15s ease;
}

.layout-toggle button:hover svg,
.layout-toggle button.active svg {
    fill: #fff;
}


/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll .navigation {
    display: none;
}


/* Posts Archive */
.recent-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 20px;
}

.recent-posts li {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.25s cubic-bezier(.4,0,.2,1), box-shadow 0.25s cubic-bezier(.4,0,.2,1);
}

.recent-posts li:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

/* No sidebar */
.full-width .recent-posts {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}


.recent-posts .post-thumb {
    margin: 0;
    position: relative;
}

.recent-posts .post-thumb img {
    max-width: 100%;
    height: auto;
}

.recent-posts .post-thumb img:hover {
    opacity: .7;
    transition: opacity 0.25s ease-in-out;
}

/* Video on Hover (background video that plays over the thumbnail) */
.recent-posts .post-thumb .post-hover-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease-in-out;
    z-index: 2;
}

.recent-posts li.has-hover-video:hover .post-thumb .post-hover-video,
.recent-posts li.has-hover-video:focus-within .post-thumb .post-hover-video {
    opacity: 1;
}

.recent-posts li.has-hover-video:hover .post-thumb img {
    opacity: 1;
}

.recent-posts .post-content {
    padding: 16px 18px;
    background-color: #1f1f1f;
    flex: 1;
}

.posts-wrapper:not(.archive-blog) .recent-posts .post-content {
    display: flex;
    flex-direction: column;
}

.recent-posts li:hover .post-content {
    background-color: #252525;
}

.recent-posts li:hover .video-icon {
    opacity: 1;
}

.recent-posts .post-content .post-meta {
    margin-bottom: 8px;
}

.recent-posts h2 {
    font-size: 20px;
    line-height: 1.3;
    margin: 0 0 8px;
}

.recent-posts h2 a {
    color: #fff;
    transition: color 0.2s ease;
}

.recent-posts h2 a:hover {
    color: #4867f7;
}


.posts-wrapper:not(.archive-blog) .recent-posts .post-thumb img {
    width: 100%;
}


/* Hide excerpt & read more by default */
.recent-posts .post-content p,
.recent-posts .post-content .more-link {
    display: none;
}

/* Show excerpt in list view */
.has-list-excerpt .archive-blog .recent-posts .post-content p {
    display: block;
}

/* Show read more in list view */
.has-list-readmore .archive-blog .recent-posts .post-content .more-link {
    display: block;
}

/* Show excerpt in grid view */
.has-grid-excerpt .posts-wrapper:not(.archive-blog) .recent-posts .post-content p {
    display: block;
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.5;
    color: #aaa;
}

/* Show read more in grid view */
.has-grid-readmore .posts-wrapper:not(.archive-blog) .recent-posts .post-content .more-link {
    display: inline-block;
    float: none;
    margin-top: auto;
    padding-top: 10px;
    align-self: flex-start;
}


/* =============================================
   Modern Grid Style (YouTube/Netflix-inspired)
   ============================================= */

.grid-style-modern .recent-posts li {
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    overflow: visible;
}

.grid-style-modern .recent-posts li:hover {
    transform: none;
    box-shadow: none;
}

.grid-style-modern .posts-wrapper:not(.archive-blog) .recent-posts .post-thumb {
    border-radius: 8px;
    overflow: hidden;
}

.grid-style-modern .posts-wrapper:not(.archive-blog) .recent-posts .post-thumb img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
    transition: transform 0.3s ease;
}

.grid-style-modern .posts-wrapper:not(.archive-blog) .recent-posts .post-thumb img:hover {
    opacity: 1;
    transform: scale(1.05);
}

:where(.grid-style-modern) .recent-posts .post-content {
    background-color: transparent;
    padding: 10px 2px;
}

:where(.grid-style-modern) .recent-posts li:hover .post-content {
    background-color: transparent;
}

.grid-style-modern .recent-posts .post-content .post-meta {
    margin-bottom: 4px;
}

.grid-style-modern .recent-posts .post-content .post-meta span.meta-category {
    text-transform: none;
    font-size: 14px;
}

.grid-style-modern .recent-posts h2 {
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.grid-style-modern .recent-posts .post-content .post-meta span.meta-date {
    font-size: 14px;
}

/* Modern grid: excerpt */
.has-grid-excerpt .grid-style-modern .posts-wrapper:not(.archive-blog) .recent-posts .post-content p {
    font-size: 13px;
    line-height: 1.4;
    margin: 6px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Modern grid: read more as text link */
.has-grid-readmore .grid-style-modern .posts-wrapper:not(.archive-blog) .recent-posts .post-content .more-link {
    background: none;
    padding: 0;
    margin-top: 6px;
    font-size: 13px;
    font-weight: normal;
    border-radius: 0;
}

.has-grid-readmore .grid-style-modern .posts-wrapper:not(.archive-blog) .recent-posts .post-content .more-link:hover {
    background: none;
}


/* Posts in Blog template */

.archive-blog .recent-posts {
    display: block;
}

.archive-blog .recent-posts li {
    margin: 0 0 50px;
    padding: 0 0 50px;
    width: 100%;
    display: block;
    border-bottom: 2px solid rgba(255,255,255,.1);
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
}

.archive-blog .recent-posts li:hover {
    transform: none;
    box-shadow: none;
}

.archive-blog .recent-posts li:before,
.archive-blog .recent-posts li:after {
    content: " ";
    display: table;
}

.archive-blog .recent-posts li:after {
    clear: both;
}

.archive-blog .recent-posts li .post-thumb {
    float: left;
    margin: 0 20px 0 0;
}

.archive-blog .recent-posts .post-thumb img {
    border-radius: 6px;
}


.archive-blog .recent-posts li .post-content {
    background: none !important;
    padding: 0;
    overflow: hidden;
}


/* No sidebar */
.full-width .archive-blog .recent-posts li:nth-child(3n+3) {
    margin-right: 0;
}



.post-meta {
    display: block;
    font-size: 14px;
    margin: 0 0 5px;
}

.post-meta span {
    display: block;
}

.post-meta span.meta-category {
    text-transform: uppercase;
    color: #555;
}

.video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    z-index: 100;
    opacity: .8;
    transition: opacity 0.2s ease;
}

.video-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    border-style: solid;
    border-width: 8px 0 8px 14px;
    border-color: transparent transparent transparent #fff;
}

#carousel .video-icon {
    display: none;
    width: 30px;
    height: 30px;
}

#carousel .video-icon::after {
    border-width: 5px 0 5px 9px;
}

#carousel .swiper-slide-thumb-active .video-icon {
    display: block;
}

/* Video Popup */
.mfp-close svg {
    pointer-events: none;
}

.mfp-iframe-holder .mfp-close:hover {
    background: none !important;
}

.video-popup-content {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}

.video-popup-content video {
    width: 100%;
    height: auto;
    display: block;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.2s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.85;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.2s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


/*********************************************************************************************

6. Posts & Pages Styling

*********************************************************************************************/

.post-entry h1.entry-title {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 600;
    margin: 0 0 20px;
    padding: 0 0 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.post-entry h1.entry-title a {
    color: #fff;
}

.post-entry h1.entry-title a:hover {
    color: #ccc;
}

.post-entry .post-meta {
    font-size: 14px;
}


/* Video at the top */

.zoomvideo {
    margin: 0 0 20px;
    width: 100%;
}

.zoomvideo_big {
    margin: 0 0 40px;
    padding: 25px;
    background-color: #1f1f1f;
    text-align: center;
}

.zoomvideo_big .wp-video,
.zoomvideo .wp-video {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 20px;
}

/* Responsive aspect-ratio wrapper for external (iframe) embeds.
   Aspect ratio is set inline based on each video's natural dimensions. */
.zoomvideo-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
}

/* Responsive video embeds in post content (replaces FitVids) */
.entry-content iframe[src*="youtube.com"],
.entry-content iframe[src*="youtube-nocookie.com"],
.entry-content iframe[src*="player.vimeo.com"],
.entry-content iframe[src*="dailymotion.com"],
.entry-content iframe[src*="videopress.com"] {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.zoomvideo-frame > iframe,
.zoomvideo-frame > embed,
.zoomvideo-frame > object,
.zoomvideo-frame > video {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
    display: block;
}


/* Video Player Skins
==================================== */

/* Minimal Style */
.video-player-minimal .mejs-container,
.video-player-minimal .mejs-container .mejs-controls,
.video-player-minimal .mejs-embed,
.video-player-minimal .mejs-embed body {
    background: #2222227a !important;
}

.video-player-minimal .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.video-player-minimal .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #ffffff1a !important;
}

.video-player-minimal .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #ffffff75 !important;
}

.video-player-minimal .mejs-controls:not([style*="display: none"]) {
    background: linear-gradient(transparent, rgba(0, 0, 0, .35)) !important;
}

.video-player-minimal .mejs-time-total {
    margin-top: 8px !important;
    border-radius: 10px !important;
    height: 5px !important;
    overflow: hidden;
}

.video-player-minimal .mejs-overlay-button {
    opacity: .8;
    transition: .3s ease opacity;
    background-position: 0px 11px !important;
    height: 50px !important;
    width: 22px !important;
    zoom: 2.5 !important;
}

.video-player-minimal .mejs-overlay-button:hover {
    opacity: 1;
}

.video-player-minimal .mejs-overlay:hover > .mejs-overlay-button {
    background-position: 0px 11px !important;
}


/* Liquid Glass Style */
.video-player-liquid-glass .mejs-container,
.video-player-liquid-glass .mejs-container .mejs-controls,
.video-player-liquid-glass .mejs-embed,
.video-player-liquid-glass .mejs-embed body {
    background: #000000a3 !important;
}

.video-player-liquid-glass .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.video-player-liquid-glass .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #ffffff1a !important;
}

.video-player-liquid-glass .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #ffffff75 !important;
}

.video-player-liquid-glass .mejs-controls:not([style*="display: none"]) {
    background: rgba(255, 255, 255, 0.15);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 2rem;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2),
                inset 0 4px 20px rgba(255, 255, 255, 0.3);
    bottom: 15px !important;
    left: 15px !important;
    width: calc(100% - 30px) !important;
}

.video-player-liquid-glass .mejs-time-total {
    margin-top: 8px !important;
    border-radius: 10px !important;
    height: 5px !important;
    overflow: hidden;
}

.video-player-liquid-glass .mejs-overlay-button {
    opacity: .8;
    transition: .3s ease opacity;
    background-position: 0px 11px !important;
    height: 50px !important;
    width: 22px !important;
    zoom: 2.5 !important;
}

.video-player-liquid-glass .mejs-overlay-button:hover {
    opacity: 1;
}

.video-player-liquid-glass .mejs-overlay:hover > .mejs-overlay-button {
    background-position: 0px 11px !important;
}


.entry-content {
    font-size: 16px;
    color: #999;
}


/* Post Content */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 20px;
    line-height: 1.3;
    font-weight: bold;
}

.entry-content .wp-block-image img,
.entry-content img.alignnone,
.entry-content img.aligncenter,
.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.attachment-fullsize {
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}

.entry-content ul:not(.wp-block-gallery),
.entry-content ol {
    margin: 0 0 14px 14px
}

.entry-content li ul,
.entry-content li ol {
    margin-bottom: 0
}

.entry-content li {
    list-style-position: inside
}

.entry-content ul li {
    list-style-type: disc
}

.entry-content ol li {
    list-style-type: decimal
}

.entry-content .shortcode-unorderedlist ul li,
.entry-content .shortcode-unorderedlist ul li ul {
    list-style-type: none
}

.entry-content blockquote {
    border-left: solid 3px #222;
    font-style: italic;
    font-size: 18px;
    margin: 45px 40px;
    padding: 0 0 0 40px;
}


/* [gallery] shortcode */
.entry-content .gallery .gallery-item {
    max-width: 150px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
}

.entry-content .gallery {
    clear: both;
    margin: auto;
    text-align: center;
}

.entry-content .gallery a:hover {
    opacity: 0.6;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
}

.gallery img {
    width: 150px;
    height: auto;
}

/* Images align */
.entry-content .aligncenter,
div.aligncenter {
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.alignleft,
.entry-content .alignleft {
    float: left;
    margin-right: 15px;
}

.alignright,
.entry-content .alignright {
    float: right;
    margin-left: 15px;
}


/* Caption for images */
.entry-content .wp-caption {
    width: auto;
    text-align: center;
}

.entry-content .wp-caption img {
    background: none;
    margin: 0;
    border: 0 none;
    max-width: 100%;
    width: auto;
    height: auto;
}

.entry-content .wp-caption-text,
.gallery-caption {
    color: #868686;
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
    text-align: center;
}

.entry-content .wp-caption.aligncenter {
    margin: 0 auto 15px
}

.wp-block-image>figcaption,
.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption,
.wp-block-image.is-resized>figcaption {
    display: block;
    margin-top: -10px;
    color: #868686;
    text-align: center;
    font-style: italic;
}

img.wp-smiley {
    border: none;
    padding: 0;
}


/* Tabs Shortcodes */
.shortcode-tabs {
    background: none;
}

.shortcode-tabs .tab {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.shortcode-tabs ul.tab_titles {
    border-left: 1px solid rgba(255, 255, 255, 0.24);
}

.shortcode-tabs ul.tab_titles li.ui-state-active {
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
    background: rgba(255, 255, 255, 0.07);
}

.shortcode-tabs ul.tab_titles li.nav-tab {
    border-top: 1px solid rgba(255, 255, 255, 0.24);
    border-right: 1px solid rgba(255, 255, 255, 0.24);
}


/* Author Bio */
.post_author {
    padding: 20px;
    margin: 15px 0 0;
    background: #1f1f1f;
}

.post_author img {
    float: left;
    margin: 0 25px 0 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.post_author p {
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin: 10px 0 20px;
    padding: 0 0 20px;
    line-height: 1.8;
}

.post_author span {
    font-size: 18px;
    font-weight: 600;
    display: block;
    color: #ccc;
    margin-bottom: 5px;
}

.post_author span.author_links {
    padding-left: 95px;
    font-size: 14px;
    color: #646668;
}

.post_author span.author_links ul li {
    display: inline;
    margin: 0 10px 0 0;
    list-style: none;
}



/* Sharing Buttons */

.post-entry .meta-share {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 20px 0;
    margin: 20px 0 30px;
    text-align: right;
}

.post-entry .meta-share h3 {
    float: left;
    text-transform: uppercase;
    font-size: 16px;
    margin: 5px 0 0;
    color: #ccc;
}

.post-entry .meta-share ul li {
    list-style-type: none;
    margin: 0;
}


.post-entry .meta-share a {
    float: right;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 8px 15px;
    border-radius: 3px;
    margin: 0 0 0 20px;
}

.post-entry .meta-share a.twitter {
    background: #000
}

.post-entry .meta-share a.facebook {
    background: #2e6cc8
}

.post-entry .meta-share a.linkedin {
    background: #0079B2
}

.post-entry .meta-share a.twitter svg {
    width: 18px;
    margin: 0 4px 2px 0;
    display: inline-block;
    vertical-align: middle;
}

.post-entry .meta-share a.facebook:before {
    content: "\f203";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 20px/16px 'Genericons';
    vertical-align: top;
    margin: 1px 8px 0 0;
}

.post-entry .meta-share a.linkedin:before {
    content: "\f208";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 20px/16px 'Genericons';
    vertical-align: top;
    margin: 2px 8px 0 0;
}


.post-entry .meta-share a.twitter:hover {
    background: #222
}

.post-entry .meta-share a.facebook:hover {
    background: #5084e4
}

.post-entry .meta-share a.linkedin:hover {
    background: #118cc5
}



/*********************************************************************************************

7. Comments

*********************************************************************************************/

#comments {
    margin: 40px 0 0;
}

#comments>h3,
#respond>h3 {
    font-weight: normal;
    font-size: 26px;
    position: relative;
    margin: 0 0 30px;
}

#comments>h3 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0 0 20px;
}

#respond h3 {
    margin-top: 30px
}

.comment-notes {
    margin-bottom: 20px;
    font-style: italic;
}

.commentlist {
    list-style-type: none;
    padding: 0;
}

.commentlist li {
    list-style-type: none
}

.commentlist .children {
    margin-left: 50px
}

.commentlist .comment {
    margin-bottom: 80px;
    position: relative;
}

.commentlist .comment:after {
    width: 100%;
    content: " ";
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    bottom: -40px;
    left: 0;
    position: absolute;
}

.comment-author:before,
.comment-author:after {
    content: " ";
    display: table;
}

.comment-author:after {
    clear: both
}

.comment-author .avatar {
    float: left;
    border-radius: 3px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.comment-author .fn,
.comment-author .fn a {
    color: #fff;
    font-size: 18px;
    font-style: normal;
}

.comment-author .fn a:hover {
    text-decoration: none;
    color: #ccc;
}

.comment-author .comment-meta,
.comment-author .comment-meta a {
    color: #ccc;
    font-size: 14px;
}

.comment-author .comment-meta a:hover {
    color: #fff;
    text-decoration: none;
}

.comment-author a.comment-reply-link,
.comment-author a.comment-edit-link {
    color: #fff
}

.comment-body {
    font-size: 14px;
    margin-bottom: 40px;
}

#respond {
    margin-bottom: 30px
}

#respond .form_fields p {
    margin-bottom: 15px
}

#respond label {
    display: block;
    margin: 0 0 10px;
}

#respond input[type="text"] {
    width: 40%
}

#respond textarea {
    width: 100%
}

#respond #submit {
    width: auto
}

#respond code {
    white-space: pre-wrap
}

.form-allowed-tags {
    display: none
}

#respond .comment-form-cookies-consent label {
    display: inline;
    margin-left: 10px;
}


/*********************************************************************************************

8. Sidebar & Widgets

*********************************************************************************************/

#sidebar {
    float: right;
    width: 300px;
}

.widget {
    margin-bottom: 30px;
}

.widget h3.title {
    margin: 0 0 25px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.08);
    padding: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

/* Search widget: field + button on one line */
.widget_search .search-form {
    display: flex;
    gap: 8px;
}

.widget_search .search-form label {
    flex: 1;
    min-width: 0;
    margin: 0;
}

.widget_search .search-field {
    width: 100%;
    /* the old input[type="search"] normalize rule sets content-box, which makes
       width:100% overflow the flexed label by the padding/border */
    box-sizing: border-box;
}

.widget_search .search-submit {
    flex-shrink: 0;
}


.banner {
    margin: 0 0 10px;
}

.textwidget img {
    max-width: 100%;
    height: auto;
}

.widget ul {
    clear: both;
    margin: 0;
}

.widget ul li {
    list-style-type: none;
}

.widget ul ul {
    margin: 0;
    padding: 0;
    border-top: none;
}

.widget ul ul li {
    border: none;
}

.widget #cat,
.widget select {
    width: 100%;
    background: #F7F7F7;
    border: 1px solid #cdcfd4;
    color: #333333;
    display: inline;
    padding: 5px;
    line-height: 1.5;
    clear: both;
    float: left;
}

.side_ad {
    text-align: center;
    margin: 0 0 20px;
}

.side_ad img {
    max-width: 100%;
    height: auto;
}


/* Recent Posts  */
.widget .feature-posts-list br {
    display: none;
}

.widget .feature-posts-list img {
    margin: 0 15px 0 0;
    float: left;
}

.widget .feature-posts-list small {
    font-size: 14px;
    color: #838383;
    margin: 0 0 5px;
    display: block;
}

.widget .feature-posts-list .post-excerpt {
    display: block;
    overflow: hidden;
}

.widget .feature-posts-list li {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.widget .feature-posts-list li:last-child {
    margin: 0;
    border: none;
    padding: 0;
}

.widget .feature-posts-list li h3 {
    line-height: 1.3;
    font-size: 16px;
    margin: 0 0 5px;
}

.widget .feature-posts-list li a {
    color: #fff;
}

.widget .feature-posts-list li a:hover {
    color: #ccc;
}



/* Social widget */
.widget .zoom-social_icons-list__item a {
    line-height: 2.1;
    color: #fff;
}

.widget .zoom-social_icons-list__item a:hover {
    color: #ccc;
}

#social-nav {
    float: right;
}

#social-nav h3 {
    display: none;
}

#social-nav .widget {
    margin: 0;
}

#social-nav .zoom-social_icons-list__item {
    margin: 0;
    margin-right: 4px;
}

#social-nav .zoom-social_icons-list__item .socicon {
    padding: 6px;
    font-size: 1em;
}


/* WPZOOM Video Widget */
.wpzoom_media .open .description {
    margin: 10px 0 5px;
}

.wpzoom_media .hide {
    display: none;
}

.wpzoom_media li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    list-style-type: none;
    padding: 8px 0;
}

.wpzoom_media li a {
    color: #4867f7;
}

.wpzoom_media li a:hover {
    color: #ccc;
}

.wpzoom_media li a.active {
    color: #fff;
}



/*********************************************************************************************

9. Footer

*********************************************************************************************/

#footer {
    margin-top: 20px;
    background-color: #121212;
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

#footer-notice {
    margin-top: 20px;
    padding: 30px 0 0;
    border-top: solid 1px rgba(255, 255, 255, 0.08);
}

#footer .site-copyright {
    float: left;
}

#footer .wpzoom {
    float: right;
}

#footer .wpzoom a {
    color: #ccc;
}

#footer .wpzoom a:hover {
    color: #fff;
}

/* Footer widget columns — CSS grid (widget-columns-N = N-3 columns) */
.footer-widgets {
    display: grid;
    gap: 35px 40px;
}

.footer-widgets .column {
    min-width: 0;
    font-size: 16px;
}

.footer-widgets.widget-columns-7 {
    grid-template-columns: repeat(4, 1fr);
}

.footer-widgets.widget-columns-6 {
    grid-template-columns: repeat(3, 1fr);
}

.footer-widgets.widget-columns-5 {
    grid-template-columns: repeat(2, 1fr);
}

.footer-widgets.widget-columns-4 {
    grid-template-columns: 1fr;
}


/* Gravity Forms */
.gfield {
    margin-bottom: 10px
}

.gform_wrapper .top_label .gfield_label {
    display: block;
    padding-right: 20px;
    margin: 5px 0px 4px !important;
}

.gform_wrapper input.button {
    padding: 5px 10px 6px !important
}

.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_radio label {
    font-size: 12px !important
}

.gform_footer {
    font-size: 13px !important
}

.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {
    letter-spacing: 0px
}

.gform_wrapper input {
    padding: 7px 3px !important
}

.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
    width: 400px !important;
    padding: 7px 3px !important;
}

.gform_wrapper .entry img,
.gform_wrapper img.thumbnail {
    padding: 0px !important;
    border: 0px !important;
}

ul.top_label .clear-multi {
    clear: none !important
}

.gform_wrapper .gfield_checkbox,
.gform_wrapper .gfield_radio {}

img.ui-datepicker-trigger {
    border: 0px;
    padding: 0px;
}

.gform_wrapper li.gfield,
.gform_wrapper form li.gfield {
    background: #222;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
}

.gform_wrapper .top_label .gfield_label {
    font-size: 16px !important;
    font-weight: normal;
    color: #fff;
}

#main .gform_wrapper li.gfield.gfield_error,
#main .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: #252525;
    padding: 20px !important;
    border-color: #720F0F;
}

.gform_wrapper .top_label .gfield_error {
    width: auto !important
}

.gform_wrapper input[type="file"] {
    background: none;
    border: none;
}

.gform_wrapper .gfield_error .gfield_label {
    color: #A31B1B !important
}

.gform_wrapper li.gfield.gfield_error .gfield_description {
    color: #A31B1B !important
}

.gform_wrapper .validation_error {
    color: #A31B1B !important
}




/*********************************************************************************************

    Mobile Menu
    (single hamburger, accordion submenus — replaced jQuery.mmenu)

*********************************************************************************************/

.navbar-toggle {
    cursor: pointer;
}

.navbar-toggle .screen-reader-text,
#mobile-menu .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#mobile-menu {
    display: none;
    background-color: #1a1a1a;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

@media (min-width: 981px) {
    #mobile-menu {
        display: none !important;
    }
}

#mobile-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#mobile-menu .mobile-nav {
    padding: 8px 0;
}

#mobile-menu li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

#mobile-menu .mobile-nav > li:last-child {
    border-bottom: none;
}

#mobile-menu a {
    display: block;
    padding: 13px 50px 13px 0;
    color: #fff;
    font-size: 16px;
}

#mobile-menu a:hover {
    color: #ccc;
}

/* Submenus (accordion, any depth) */
#mobile-menu .sub-menu,
#mobile-menu .children {
    display: none;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

#mobile-menu .sub-menu > li:last-child,
#mobile-menu .children > li:last-child {
    border-bottom: none;
}

#mobile-menu .sub-menu a {
    padding-left: 20px;
}

#mobile-menu .sub-menu .sub-menu a {
    padding-left: 40px;
}

#mobile-menu .submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 49px;
    padding: 0;
    border: none;
    cursor: pointer;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpolyline points='3,6 8,11 13,6' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    transition: transform 0.2s ease;
}

#mobile-menu li.open > .submenu-toggle {
    transform: rotate(180deg);
}


/* WooCommerce Cart Icon */

a.cart-button:before {
    content: "\f174";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 20px/24px 'dashicons';
    vertical-align: top;
    margin: 0 8px 0 0;
}

a.cart-button {
    display: block;
}




/* WooCommerce Styling */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    text-align: center;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    padding: 13px 30px;
    background: #4867f7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    color: #fff;
    background: #818592;
}


.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #4867f7;
    font-size: 16px;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #818592;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #818592;
    padding: 13px 30px;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
    color: #fff;
}

#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
    list-style-type: none;
}

#add_payment_method #payment ul.payment_methods li label,
.woocommerce-cart #payment ul.payment_methods li label,
.woocommerce-checkout #payment ul.payment_methods li label {
    display: inline;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    font-size: 20px;
}

.woocommerce div.product .product_title {
    text-align: left;
}

.woocommerce ul.products li.product .price {
    font-weight: 600;
    font-size: 14px;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
    font-size: 18px;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
    border-radius: 3px;
    margin: 0 6px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    color: #666;
    padding: 13px 16px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #333;
    color: #eee;
    box-shadow: none;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: none;
    color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0 5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 16px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none;
}

.woocommerce-tabs #comments {
    max-width: 100%;
    padding: 0;
}

.woocommerce table.shop_table td {
    padding: 20px 15px;
}


.shop-wrapper {
    overflow: hidden;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    width: auto;
}

/* Ensure Gutenberg buttons stay readable when generic link colors are applied. */
.entry-content .wp-block-button__link:not(.has-text-color):not([style*="color"]),
.entry-content a.wp-element-button:not(.has-text-color):not([style*="color"]) {
  color: #fff;
}

.entry-content .wp-block-button__link:not(.has-text-color):not([style*="color"]):hover,
.entry-content .wp-block-button__link:not(.has-text-color):not([style*="color"]):focus,
.entry-content a.wp-element-button:not(.has-text-color):not([style*="color"]):hover,
.entry-content a.wp-element-button:not(.has-text-color):not([style*="color"]):focus {
  color: #fff;
}

/* Prevent paragraph bottom margins from breaking alignment in Gutenberg flex groups. */
.entry-content .wp-block-group.is-layout-flex > p,
.entry-content .wp-block-group.wp-block-group-is-layout-flex > p {
  margin-bottom: 0;
}

/* Keep underlines for body-copy paragraph links only. */
.entry-content a:not(.wp-element-button):not(.wpz-sc-button) {
  text-decoration: none;
  font-weight: inherit;
}

.entry-content p a:not(.wp-element-button):not(.wpz-sc-button) {
  text-decoration: underline;
  font-weight: 500;
}

/* Prevent classic list styles from affecting Query Loop / Post Template cards. */
.post-content .wp-block-post-template,
.entry-content .wp-block-post-template,
.entry-content .wp-block-query-loop.wp-block-post-template {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.post-content .wp-block-post-template li,
.entry-content .wp-block-post-template li,
.entry-content .wp-block-query-loop.wp-block-post-template li {
  list-style: none;
  list-style-type: none;
  list-style-position: outside;
  margin-left: 0;
  padding-left: 0;
}

/* Never underline Gutenberg button links even if generic content-link rules are present. */
.post-content .wp-block-button__link,
.post-content a.wp-element-button,
.entry-content .wp-block-button__link,
.entry-content a.wp-element-button {
  text-decoration: none;
}

.post-content .wp-block-button__link:hover,
.post-content .wp-block-button__link:focus,
.post-content a.wp-element-button:hover,
.post-content a.wp-element-button:focus,
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:focus,
.entry-content a.wp-element-button:hover,
.entry-content a.wp-element-button:focus {
  text-decoration: none;
}


/* Keep default Gutenberg buttons auto-width; preserve explicit width classes. */
.editor-styles-wrapper .wp-block-buttons > .wp-block-button:not(.has-custom-width):not([class*="wp-block-button__width-"]) .wp-block-button__link,
.post-content .wp-block-buttons > .wp-block-button:not(.has-custom-width):not([class*="wp-block-button__width-"]) .wp-block-button__link,
.entry-content .wp-block-buttons > .wp-block-button:not(.has-custom-width):not([class*="wp-block-button__width-"]) .wp-block-button__link {
  width: auto;
}

/* Keep heading links clean; underline only paragraph links in content blocks. */
.post-content a:not(.wp-element-button):not(.wpz-sc-button),
.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a,
.entry-content h6 a,
.post-content h1 a,
.post-content h2 a,
.post-content h3 a,
.post-content h4 a,
.post-content h5 a,
.post-content h6 a {
  text-decoration: none;
}

.post-content p a:not(.wp-element-button):not(.wpz-sc-button) {
  text-decoration: underline;
  font-weight: 500;
}

/* Keep constrained block content aligned with full-width templates. */
.page-template-full-width,
.page-template-full-width-php,
.page-template-fullwidth,
.page-template-fullwidth-php,
.page-template-template-full-width,
.page-template-template-full-width-php,
.page-template-template-fullwidth,
.page-template-template-fullwidth-php,
.page-template-page-templatesfull-width-php,
.page-template-page-templatestemplate-full-width-php,
.page-template-page-templatestemplate-fullwidth-php {
  --wp--style--global--content-size: 1170px;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 200px;
}