File: /var/www/newfaith.focalat.com/new-faith/wp-content/themes/christian/assets/css/frontend.css
@charset "UTF-8";
html {
min-height: 100%;
overflow-x: hidden;
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
font-size: var(--cmsmasters-base-font-size);
}
body {
margin: 0;
color: var(--cmsmasters-colors-text);
background-color: var(--cmsmasters-body-bg-color);
background-image: var(--cmsmasters-body-bg-image);
background-repeat: var(--cmsmasters-body-bg-repeat);
background-position: var(--cmsmasters-body-bg-position);
background-size: var(--cmsmasters-body-bg-size);
background-attachment: var(--cmsmasters-body-bg-attachment);
font-family: var(--cmsmasters-base-font-family);
font-weight: var(--cmsmasters-base-font-weight);
font-style: var(--cmsmasters-base-font-style);
text-transform: var(--cmsmasters-base-text-transform);
-webkit-text-decoration: var(--cmsmasters-base-text-decoration);
text-decoration: var(--cmsmasters-base-text-decoration);
font-size: var(--cmsmasters-base-font-size);
line-height: var(--cmsmasters-base-line-height);
letter-spacing: var(--cmsmasters-base-letter-spacing);
word-spacing: var(--cmsmasters-base-word-spacing);
text-align: left;
overflow-x: hidden;
}
/*!
* Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License
*/
html {
overflow-wrap: break-word;
word-break: break-word;
}
/* Sections
========================================================================== */
*,
*:before,
*:after {
box-sizing: border-box; /* 3 */
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1, h2, h3, h4, h5, h6 {
color: var(--cmsmasters-colors-heading);
margin: 0 0 0.75rem;
padding: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit;
}
h1, h2, h3 {
margin-top: 3rem;
}
h1:first-child, h2:first-child, h3:first-child {
margin-top: 0;
}
h4, h5, h6 {
margin-top: 2rem;
}
h4:first-child, h5:first-child, h6:first-child {
margin-top: 0;
}
h1,
h1.elementor-heading-title {
font-family: var(--cmsmasters-h1-font-family);
font-weight: var(--cmsmasters-h1-font-weight);
font-style: var(--cmsmasters-h1-font-style);
text-transform: var(--cmsmasters-h1-text-transform);
-webkit-text-decoration: var(--cmsmasters-h1-text-decoration);
text-decoration: var(--cmsmasters-h1-text-decoration);
font-size: var(--cmsmasters-h1-font-size);
line-height: var(--cmsmasters-h1-line-height);
letter-spacing: var(--cmsmasters-h1-letter-spacing);
word-spacing: var(--cmsmasters-h1-word-spacing);
}
h2,
h2.elementor-heading-title {
font-family: var(--cmsmasters-h2-font-family);
font-weight: var(--cmsmasters-h2-font-weight);
font-style: var(--cmsmasters-h2-font-style);
text-transform: var(--cmsmasters-h2-text-transform);
-webkit-text-decoration: var(--cmsmasters-h2-text-decoration);
text-decoration: var(--cmsmasters-h2-text-decoration);
font-size: var(--cmsmasters-h2-font-size);
line-height: var(--cmsmasters-h2-line-height);
letter-spacing: var(--cmsmasters-h2-letter-spacing);
word-spacing: var(--cmsmasters-h2-word-spacing);
}
h3,
h3.elementor-heading-title {
font-family: var(--cmsmasters-h3-font-family);
font-weight: var(--cmsmasters-h3-font-weight);
font-style: var(--cmsmasters-h3-font-style);
text-transform: var(--cmsmasters-h3-text-transform);
-webkit-text-decoration: var(--cmsmasters-h3-text-decoration);
text-decoration: var(--cmsmasters-h3-text-decoration);
font-size: var(--cmsmasters-h3-font-size);
line-height: var(--cmsmasters-h3-line-height);
letter-spacing: var(--cmsmasters-h3-letter-spacing);
word-spacing: var(--cmsmasters-h3-word-spacing);
}
h4,
h4.elementor-heading-title {
font-family: var(--cmsmasters-h4-font-family);
font-weight: var(--cmsmasters-h4-font-weight);
font-style: var(--cmsmasters-h4-font-style);
text-transform: var(--cmsmasters-h4-text-transform);
-webkit-text-decoration: var(--cmsmasters-h4-text-decoration);
text-decoration: var(--cmsmasters-h4-text-decoration);
font-size: var(--cmsmasters-h4-font-size);
line-height: var(--cmsmasters-h4-line-height);
letter-spacing: var(--cmsmasters-h4-letter-spacing);
word-spacing: var(--cmsmasters-h4-word-spacing);
}
h5,
h5.elementor-heading-title {
font-family: var(--cmsmasters-h5-font-family);
font-weight: var(--cmsmasters-h5-font-weight);
font-style: var(--cmsmasters-h5-font-style);
text-transform: var(--cmsmasters-h5-text-transform);
-webkit-text-decoration: var(--cmsmasters-h5-text-decoration);
text-decoration: var(--cmsmasters-h5-text-decoration);
font-size: var(--cmsmasters-h5-font-size);
line-height: var(--cmsmasters-h5-line-height);
letter-spacing: var(--cmsmasters-h5-letter-spacing);
word-spacing: var(--cmsmasters-h5-word-spacing);
}
h6,
h6.elementor-heading-title {
font-family: var(--cmsmasters-h6-font-family);
font-weight: var(--cmsmasters-h6-font-weight);
font-style: var(--cmsmasters-h6-font-style);
text-transform: var(--cmsmasters-h6-text-transform);
-webkit-text-decoration: var(--cmsmasters-h6-text-decoration);
text-decoration: var(--cmsmasters-h6-text-decoration);
font-size: var(--cmsmasters-h6-font-size);
line-height: var(--cmsmasters-h6-line-height);
letter-spacing: var(--cmsmasters-h6-letter-spacing);
word-spacing: var(--cmsmasters-h6-word-spacing);
}
p {
margin: 0 0 1.5rem;
padding: 0;
}
p.has-background, p.mce-content-body.has-background {
padding: 0.95em 1.3em;
}
p.has-drop-cap:not(:focus):first-letter, p.mce-content-body.has-drop-cap:not(:focus):first-letter {
color: var(--cmsmasters-colors-heading);
font-family: var(--cmsmasters-h1-font-family);
font-weight: var(--cmsmasters-h1-font-weight);
font-size: 4em;
line-height: 0.9em;
text-transform: uppercase;
font-style: normal;
float: left;
margin: 0.32em 0.52em 0.1em 0.52em;
}
p.has-drop-cap:not(:focus).has-text-color:first-letter, p.mce-content-body.has-drop-cap:not(:focus).has-text-color:first-letter {
color: inherit;
}
p.has-small-font-size, p.has-medium-font-size, p.has-large-font-size, p.has-huge-font-size, p[style^="font-size:"], p[style*="font-size:"], p.mce-content-body.has-small-font-size, p.mce-content-body.has-medium-font-size, p.mce-content-body.has-large-font-size, p.mce-content-body.has-huge-font-size, p.mce-content-body[style^="font-size:"], p.mce-content-body[style*="font-size:"] {
line-height: 1.5em;
}
::-moz-selection {
color: var(--cmsmasters-colors-bg);
background-color: var(--cmsmasters-colors-accent);
}
::selection {
color: var(--cmsmasters-colors-bg);
background-color: var(--cmsmasters-colors-accent);
}
/* Grouping content
========================================================================== */
hr {
box-sizing: content-box; /* 1 */
height: 1px; /* 1 */
overflow: visible; /* 2 */
border: 0;
color: var(--cmsmasters-colors-bd);
background-color: var(--cmsmasters-colors-bd);
margin-top: 3rem;
margin-bottom: 3rem;
clear: both;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
color: inherit;
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
white-space: pre-wrap;
margin: 3rem 0 3rem;
padding: 0;
}
/* Text-level semantics
========================================================================== */
a {
background-color: transparent;
text-decoration: none;
color: var(--cmsmasters-colors-link);
transition: color 0.3s ease-in-out, text-decoration-color 0.3s ease-in-out;
}
a:hover, a:active {
color: var(--cmsmasters-colors-hover);
}
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
cursor: default;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
p a,
.elementor p a {
font-weight: var(--cmsmasters-link-font-weight);
font-style: var(--cmsmasters-link-font-style);
letter-spacing: var(--cmsmasters-link-letter-spacing);
word-spacing: var(--cmsmasters-link-word-spacing);
text-decoration-line: var(--cmsmasters-link-text-decoration-line);
text-decoration-color: var(--cmsmasters-link-text-decoration-colors-normal);
text-decoration-style: var(--cmsmasters-link-text-decoration-style);
text-decoration-thickness: var(--cmsmasters-link-text-decoration-thickness);
text-underline-position: var(--cmsmasters-link-text-underline-position);
text-underline-offset: var(--cmsmasters-link-text-underline-offset);
}
p a:hover,
.elementor p a:hover {
text-decoration-color: var(--cmsmasters-link-text-decoration-colors-hover);
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
padding: 0;
margin: 0;
background: none;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
max-width: 100%;
height: auto;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
figure {
margin: 0;
}
figcaption {
text-align: center;
font-family: var(--cmsmasters-caption-outside-font-family);
font-weight: var(--cmsmasters-caption-outside-font-weight);
font-style: var(--cmsmasters-caption-outside-font-style);
text-transform: var(--cmsmasters-caption-outside-text-transform);
-webkit-text-decoration: var(--cmsmasters-caption-outside-text-decoration);
text-decoration: var(--cmsmasters-caption-outside-text-decoration);
font-size: var(--cmsmasters-caption-outside-font-size);
line-height: var(--cmsmasters-caption-outside-line-height);
letter-spacing: var(--cmsmasters-caption-outside-letter-spacing);
word-spacing: var(--cmsmasters-caption-outside-word-spacing);
color: var(--cmsmasters-caption-outside-colors-text);
background-color: var(--cmsmasters-caption-outside-colors-bg);
border-color: var(--cmsmasters-caption-outside-colors-bd);
border-style: var(--cmsmasters-caption-outside-bd-style);
border-top-width: var(--cmsmasters-caption-outside-bd-width-top);
border-right-width: var(--cmsmasters-caption-outside-bd-width-right);
border-bottom-width: var(--cmsmasters-caption-outside-bd-width-bottom);
border-left-width: var(--cmsmasters-caption-outside-bd-width-left);
border-radius: var(--cmsmasters-caption-outside-bd-radius);
padding-top: var(--cmsmasters-caption-outside-padding-top);
padding-right: var(--cmsmasters-caption-outside-padding-right);
padding-bottom: var(--cmsmasters-caption-outside-padding-bottom);
padding-left: var(--cmsmasters-caption-outside-padding-left);
width: 100%;
margin: 0;
margin-top: var(--cmsmasters-caption-outside-gap);
}
figcaption a {
color: var(--cmsmasters-caption-outside-colors-link);
}
figcaption a:hover {
color: var(--cmsmasters-caption-outside-colors-hover);
}
svg {
fill: currentColor;
}
/* Misc
========================================================================== */
table {
text-align: inherit;
border-spacing: 0;
border-collapse: separate;
border: 0;
background-color: transparent;
width: 100%;
margin-top: 3rem;
margin-bottom: 3rem;
/* for gutenberg start */
/* for gutenberg end */
overflow-wrap: initial;
word-break: initial;
}
table th {
text-align: inherit;
}
table tbody {
border-width: 0;
}
table th,
table td {
padding-top: var(--cmsmasters-table-padding-top);
padding-right: var(--cmsmasters-table-padding-right);
padding-bottom: var(--cmsmasters-table-padding-bottom);
padding-left: var(--cmsmasters-table-padding-left);
}
table tbody th,
table tbody td,
table > th,
table > td {
font-family: var(--cmsmasters-table-font-family);
font-weight: var(--cmsmasters-table-font-weight);
font-style: var(--cmsmasters-table-font-style);
text-transform: var(--cmsmasters-table-text-transform);
-webkit-text-decoration: var(--cmsmasters-table-text-decoration);
text-decoration: var(--cmsmasters-table-text-decoration);
font-size: var(--cmsmasters-table-font-size);
line-height: var(--cmsmasters-table-line-height);
letter-spacing: var(--cmsmasters-table-letter-spacing);
word-spacing: var(--cmsmasters-table-word-spacing);
border-width: 0; /* for gutenberg */
border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-left-style: solid;
color: var(--cmsmasters-table-colors-text);
border-color: var(--cmsmasters-table-colors-bd);
background-color: var(--cmsmasters-table-colors-bg);
}
table tbody th a,
table tbody td a,
table > th a,
table > td a {
color: var(--cmsmasters-table-colors-link);
}
table tbody th a:hover,
table tbody td a:hover,
table > th a:hover,
table > td a:hover {
color: var(--cmsmasters-table-colors-hover);
}
table tbody th:last-child,
table tbody td:last-child,
table > th:last-child,
table > td:last-child {
border-right-width: 1px;
border-right-style: solid;
}
table tbody tr:first-child th,
table tbody tr:first-child td,
table > tr:first-child th,
table > tr:first-child td {
border-top-width: 0;
}
table thead:empty + tbody tr:first-child th,
table thead:empty + tbody tr:first-child td,
table tbody:first-child tr:first-child th,
table tbody:first-child tr:first-child td,
table > tr:first-child th,
table > tr:first-child td {
border-top-width: 1px;
border-top-style: solid;
}
table tbody:last-child tr:last-child th,
table tbody:last-child tr:last-child td,
table > tr:last-child th,
table > tr:last-child td {
border-bottom-width: 1px;
border-bottom-style: solid;
}
table thead {
border-width: 0;
}
table thead th,
table thead td {
font-family: var(--cmsmasters-table-thead-font-family);
font-weight: var(--cmsmasters-table-thead-font-weight);
font-style: var(--cmsmasters-table-thead-font-style);
text-transform: var(--cmsmasters-table-thead-text-transform);
-webkit-text-decoration: var(--cmsmasters-table-thead-text-decoration);
text-decoration: var(--cmsmasters-table-thead-text-decoration);
font-size: var(--cmsmasters-table-thead-font-size);
line-height: var(--cmsmasters-table-thead-line-height);
letter-spacing: var(--cmsmasters-table-thead-letter-spacing);
word-spacing: var(--cmsmasters-table-thead-word-spacing);
border-width: 0; /* for gutenberg */
border-style: solid;
border-left-width: 1px;
border-left-style: solid;
color: var(--cmsmasters-table-thead-colors-text);
border-color: var(--cmsmasters-table-thead-colors-bd);
background-color: var(--cmsmasters-table-thead-colors-bg);
}
table thead th a,
table thead td a {
color: var(--cmsmasters-table-thead-colors-link);
}
table thead th a:hover,
table thead td a:hover {
color: var(--cmsmasters-table-thead-colors-hover);
}
table thead th:first-child,
table thead td:first-child {
border-left-width: 0;
border-left-style: solid;
}
table tfoot {
border-width: 0;
}
table tfoot th,
table tfoot td {
font-family: var(--cmsmasters-table-tfoot-font-family);
font-weight: var(--cmsmasters-table-tfoot-font-weight);
font-style: var(--cmsmasters-table-tfoot-font-style);
text-transform: var(--cmsmasters-table-tfoot-text-transform);
-webkit-text-decoration: var(--cmsmasters-table-tfoot-text-decoration);
text-decoration: var(--cmsmasters-table-tfoot-text-decoration);
font-size: var(--cmsmasters-table-tfoot-font-size);
line-height: var(--cmsmasters-table-tfoot-line-height);
letter-spacing: var(--cmsmasters-table-tfoot-letter-spacing);
word-spacing: var(--cmsmasters-table-tfoot-word-spacing);
border-width: 0; /* for gutenberg */
border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-left-style: solid;
color: var(--cmsmasters-table-tfoot-colors-text);
border-color: var(--cmsmasters-table-tfoot-colors-bd);
background-color: var(--cmsmasters-table-tfoot-colors-bg);
}
table tfoot th a,
table tfoot td a {
color: var(--cmsmasters-table-tfoot-colors-link);
}
table tfoot th a:hover,
table tfoot td a:hover {
color: var(--cmsmasters-table-tfoot-colors-hover);
}
table tfoot th:last-child,
table tfoot td:last-child {
border-right-width: 1px;
border-right-style: solid;
}
table tfoot tr:last-child th,
table tfoot tr:last-child td {
border-bottom-width: 1px;
border-bottom-style: solid;
}
table.is-style-stripes {
border-width: 0;
}
table.is-style-stripes tr:nth-child(odd) {
background-color: transparent !important;
}
blockquote:not([class]) {
font-family: var(--cmsmasters-blockquote-font-family);
font-weight: var(--cmsmasters-blockquote-font-weight);
font-style: var(--cmsmasters-blockquote-font-style);
text-transform: var(--cmsmasters-blockquote-text-transform);
-webkit-text-decoration: var(--cmsmasters-blockquote-text-decoration);
text-decoration: var(--cmsmasters-blockquote-text-decoration);
font-size: var(--cmsmasters-blockquote-font-size);
line-height: var(--cmsmasters-blockquote-line-height);
letter-spacing: var(--cmsmasters-blockquote-letter-spacing);
word-spacing: var(--cmsmasters-blockquote-word-spacing);
background-color: var(--cmsmasters-blockquote-colors-bg);
border-style: var(--cmsmasters-blockquote-bd-style);
border-top-width: var(--cmsmasters-blockquote-bd-width-top);
border-right-width: var(--cmsmasters-blockquote-bd-width-right);
border-bottom-width: var(--cmsmasters-blockquote-bd-width-bottom);
border-left-width: var(--cmsmasters-blockquote-bd-width-left);
border-color: var(--cmsmasters-blockquote-colors-bd);
border-radius: var(--cmsmasters-blockquote-bd-radius);
box-shadow: var(--cmsmasters-blockquote-box-shadow);
padding-top: var(--cmsmasters-blockquote-padding-top);
padding-right: var(--cmsmasters-blockquote-padding-right);
padding-bottom: var(--cmsmasters-blockquote-padding-bottom);
padding-left: var(--cmsmasters-blockquote-padding-left);
margin: 3rem 0 3rem;
position: relative;
quotes: none;
}
blockquote:not([class]) > * {
position: relative;
}
blockquote:not([class]):after {
content: none;
}
blockquote:not([class]):before {
content: "”" !important;
font-family: var(--cmsmasters-blockquote-icon-font-family);
font-weight: var(--cmsmasters-blockquote-icon-font-weight);
font-size: var(--cmsmasters-blockquote-icon-font-size);
line-height: 1px;
color: var(--cmsmasters-blockquote-icon-color);
display: var(--cmsmasters-blockquote-icon-visibility);
justify-content: var(--cmsmasters-blockquote-icon-horizontal-alignment);
align-items: var(--cmsmasters-blockquote-icon-vertical-alignment);
width: 100%;
height: 100%;
position: absolute;
left: var(--cmsmasters-blockquote-icon-horizontal-offset);
top: var(--cmsmasters-blockquote-icon-vertical-offset);
}
blockquote:not([class]):not(.has-text-color) {
color: var(--cmsmasters-blockquote-colors-text);
}
blockquote:not([class]):not(.has-text-color) a {
color: var(--cmsmasters-blockquote-colors-link);
}
blockquote:not([class]):not(.has-text-color) a:hover {
color: var(--cmsmasters-blockquote-colors-hover);
}
blockquote:not([class]).has-text-color a {
color: inherit;
opacity: 0.8;
transition: opacity 0.3s ease-in-out;
}
blockquote:not([class]).has-text-color a:hover {
color: inherit;
opacity: 1;
}
blockquote:not([class]) p:last-of-type {
margin: 0;
padding: 0;
}
blockquote:not([class]) cite {
font-family: var(--cmsmasters-blockquote-cite-font-family);
font-weight: var(--cmsmasters-blockquote-cite-font-weight);
font-style: var(--cmsmasters-blockquote-cite-font-style);
text-transform: var(--cmsmasters-blockquote-cite-text-transform);
-webkit-text-decoration: var(--cmsmasters-blockquote-cite-text-decoration);
text-decoration: var(--cmsmasters-blockquote-cite-text-decoration);
font-size: var(--cmsmasters-blockquote-cite-font-size);
line-height: var(--cmsmasters-blockquote-cite-line-height);
letter-spacing: var(--cmsmasters-blockquote-cite-letter-spacing);
word-spacing: var(--cmsmasters-blockquote-cite-word-spacing);
color: var(--cmsmasters-blockquote-cite-color);
display: block;
margin-top: var(--cmsmasters-blockquote-cite-gap);
}
blockquote:not([class]).has-text-color cite {
color: inherit;
}
iframe {
max-width: 100%;
margin: 3rem 0 3rem;
}
.cmsmasters-iframe {
width: 100%;
}
address {
margin: 3rem 0 3rem;
}
.cmsmasters-dn {
display: none;
}
.cmsmasters-vh {
visibility: hidden;
}
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* WordPress
========================================================================== */
[class].alignright {
text-align: right;
float: right;
margin-top: 0;
margin-bottom: 0.75rem;
margin-left: 1.5rem;
margin-right: 0;
position: relative;
z-index: 1;
}
img[class].alignright {
clear: right;
}
@media only screen and (max-width: 767px) {
[class].alignright {
max-width: 50%;
}
}
[class].alignleft {
text-align: left;
float: left;
margin-top: 0;
margin-bottom: 0.75rem;
margin-left: 0;
margin-right: 1.5rem;
position: relative;
z-index: 1;
}
img[class].alignleft {
clear: left;
}
@media only screen and (max-width: 767px) {
[class].alignleft {
max-width: 50%;
}
}
[class].aligncenter {
text-align: center;
clear: both;
display: block;
margin-top: 3rem;
margin-bottom: 3rem;
margin-left: auto;
margin-right: auto;
}
.aligncenter,
.alignnone,
.alignfull,
.alignwide {
clear: both;
}
.cmsmasters-content-layout-fullwidth .alignfull {
width: calc(100vw - 17px);
max-width: 100vw;
left: 50%;
position: relative;
transform: translateX(-50%);
}
.cmsmasters-is-touch .cmsmasters-content-layout-fullwidth .alignfull {
width: 100vw;
}
.cmsmasters-content-layout-fullwidth .alignwide {
width: calc(100% + (((100vw - var(--cmsmasters-main-content-width)) / 3) * 2));
min-width: 100%;
max-width: 100vw;
left: 50%;
position: relative;
transform: translateX(-50%);
}
.full-width {
min-width: 100%;
}
audio.full-width {
width: 100%;
}
.gallery-caption {
display: block;
}
.wp-caption {
max-width: 100%;
background-color: var(--cmsmasters-caption-image-colors-bg);
border-color: var(--cmsmasters-caption-image-colors-bd);
border-style: var(--cmsmasters-caption-image-bd-style);
border-top-width: var(--cmsmasters-caption-image-bd-width-top);
border-right-width: var(--cmsmasters-caption-image-bd-width-right);
border-bottom-width: var(--cmsmasters-caption-image-bd-width-bottom);
border-left-width: var(--cmsmasters-caption-image-bd-width-left);
border-radius: var(--cmsmasters-caption-image-bd-radius);
padding-top: var(--cmsmasters-caption-image-padding-top);
padding-right: var(--cmsmasters-caption-image-padding-right);
padding-bottom: var(--cmsmasters-caption-image-padding-bottom);
padding-left: var(--cmsmasters-caption-image-padding-left);
margin-top: 3rem;
margin-bottom: 3rem;
}
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignleft {
margin: 0 1.5rem 0.75rem 0;
}
.wp-caption.alignright {
margin: 0 0 0.75rem 1.5rem;
}
.wp-caption img {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text,
.wp-caption .wp-caption-dd {
text-align: center;
font-family: var(--cmsmasters-caption-outside-font-family);
font-weight: var(--cmsmasters-caption-outside-font-weight);
font-style: var(--cmsmasters-caption-outside-font-style);
text-transform: var(--cmsmasters-caption-outside-text-transform);
-webkit-text-decoration: var(--cmsmasters-caption-outside-text-decoration);
text-decoration: var(--cmsmasters-caption-outside-text-decoration);
font-size: var(--cmsmasters-caption-outside-font-size);
line-height: var(--cmsmasters-caption-outside-line-height);
letter-spacing: var(--cmsmasters-caption-outside-letter-spacing);
word-spacing: var(--cmsmasters-caption-outside-word-spacing);
color: var(--cmsmasters-caption-outside-colors-text);
background-color: var(--cmsmasters-caption-outside-colors-bg);
border-color: var(--cmsmasters-caption-outside-colors-bd);
border-style: var(--cmsmasters-caption-outside-bd-style);
border-top-width: var(--cmsmasters-caption-outside-bd-width-top);
border-right-width: var(--cmsmasters-caption-outside-bd-width-right);
border-bottom-width: var(--cmsmasters-caption-outside-bd-width-bottom);
border-left-width: var(--cmsmasters-caption-outside-bd-width-left);
border-radius: var(--cmsmasters-caption-outside-bd-radius);
padding-top: var(--cmsmasters-caption-outside-padding-top);
padding-right: var(--cmsmasters-caption-outside-padding-right);
padding-bottom: var(--cmsmasters-caption-outside-padding-bottom);
padding-left: var(--cmsmasters-caption-outside-padding-left);
width: 100%;
margin: 0;
margin-top: var(--cmsmasters-caption-outside-gap);
}
.wp-caption .wp-caption-text a,
.wp-caption .wp-caption-dd a {
color: var(--cmsmasters-caption-outside-colors-link);
}
.wp-caption .wp-caption-text a:hover,
.wp-caption .wp-caption-dd a:hover {
color: var(--cmsmasters-caption-outside-colors-hover);
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: transparent;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: var(--cmsmasters-colors-heading);
display: block;
height: auto;
left: 5px;
line-height: normal;
padding: 10px 20px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/* Elementor columns gap */
/* Print
========================================================================== */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; /* Black prints faster */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
page-break-inside: avoid;
border: 1px solid #000;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* Theme Icons */
[class^=cmsmasters-theme-icon-]:before,
[class*=" cmsmasters-theme-icon-"]:before {
font-family: eicons;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@keyframes cmsmasters-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.cmsmasters-theme-icon-animation-spin:before {
animation: cmsmasters-spin 2s infinite linear;
}
.cmsmasters-theme-icon-nav-arrow:before {
content: "\e87d";
}
.cmsmasters-theme-icon-burger-menu-open:before {
content: "\e816";
}
.cmsmasters-theme-icon-burger-menu-close:before {
content: "\e87f";
}
.cmsmasters-theme-icon-header-top-open:before {
content: "\e816";
}
.cmsmasters-theme-icon-header-top-close:before {
content: "\e87f";
}
.cmsmasters-theme-icon-header-search-button:before {
content: "\e94a";
}
.cmsmasters-theme-icon-header-search:before {
content: "\e94a";
}
.cmsmasters-theme-icon-header-search-close:before {
content: "\e87f";
}
.cmsmasters-theme-icon-slider-navigation-prev:before {
content: "\e87e";
}
.cmsmasters-theme-icon-slider-navigation-next:before {
content: "\e87d";
}
.cmsmasters-theme-icon-single-nav-prev:before {
content: "\e87e";
}
.cmsmasters-theme-icon-single-nav-next:before {
content: "\e87d";
}
.cmsmasters-theme-icon-comments-nav-prev:before {
content: "\e87e";
}
.cmsmasters-theme-icon-comments-nav-next:before {
content: "\e87d";
}
.cmsmasters-theme-icon-pagination-prev:before {
content: "\e87e";
}
.cmsmasters-theme-icon-pagination-next:before {
content: "\e87d";
}
.cmsmasters-theme-icon-search-button:before {
content: "\e94a";
}
.cmsmasters-theme-icon-comment:before {
content: "\e8b8";
}
.cmsmasters-theme-icon-image-placeholder:before {
content: "\e925";
}
/* Forms
========================================================================== */
label,
.wpcf7-quiz-label {
font-family: var(--cmsmasters-input-label-font-family);
font-weight: var(--cmsmasters-input-label-font-weight);
font-style: var(--cmsmasters-input-label-font-style);
text-transform: var(--cmsmasters-input-label-text-transform);
-webkit-text-decoration: var(--cmsmasters-input-label-text-decoration);
text-decoration: var(--cmsmasters-input-label-text-decoration);
font-size: var(--cmsmasters-input-label-font-size);
line-height: var(--cmsmasters-input-label-line-height);
letter-spacing: var(--cmsmasters-input-label-letter-spacing);
word-spacing: var(--cmsmasters-input-label-word-spacing);
color: var(--cmsmasters-input-label-color);
display: inline-block;
margin-bottom: 0.75rem;
}
input[type=radio] + label, input[type=checkbox] + label,
input[type=radio] + .wpcf7-quiz-label,
input[type=checkbox] + .wpcf7-quiz-label {
margin-left: 10px;
margin-bottom: 0;
}
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 1rem; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
input:focus,
select:focus,
textarea:focus {
outline: none;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search]:not(.cmsmasters-header-search-form__input),
input[type=tel],
input[type=url],
select,
textarea {
background-image: none;
outline: none;
height: auto;
width: 100%;
max-width: 100%;
vertical-align: middle;
flex-grow: 1;
text-shadow: none;
font-family: var(--cmsmasters-input-font-family);
font-weight: var(--cmsmasters-input-font-weight);
font-style: var(--cmsmasters-input-font-style);
text-transform: var(--cmsmasters-input-text-transform);
-webkit-text-decoration: var(--cmsmasters-input-text-decoration);
text-decoration: var(--cmsmasters-input-text-decoration);
font-size: var(--cmsmasters-input-font-size);
line-height: var(--cmsmasters-input-line-height);
letter-spacing: var(--cmsmasters-input-letter-spacing);
word-spacing: var(--cmsmasters-input-word-spacing);
color: var(--cmsmasters-input-normal-colors-color);
background-color: var(--cmsmasters-input-normal-colors-bg);
border-color: var(--cmsmasters-input-normal-colors-bd);
border-style: var(--cmsmasters-input-normal-bd-style);
border-top-width: var(--cmsmasters-input-normal-bd-width-top);
border-right-width: var(--cmsmasters-input-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-input-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-input-normal-bd-width-left);
border-radius: var(--cmsmasters-input-normal-bd-radius);
box-shadow: var(--cmsmasters-input-normal-box-shadow);
padding-top: var(--cmsmasters-input-padding-top);
padding-right: var(--cmsmasters-input-padding-right);
padding-bottom: var(--cmsmasters-input-padding-bottom);
padding-left: var(--cmsmasters-input-padding-left);
transition: all 0.3s ease-in-out;
}
input[type=text]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]:not(.cmsmasters-header-search-form__input)::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: var(--cmsmasters-input-placeholder-color);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
input[type=text]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]:not(.cmsmasters-header-search-form__input)::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=url]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
color: var(--cmsmasters-input-placeholder-color);
-moz-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:not(.cmsmasters-header-search-form__input):focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
color: var(--cmsmasters-input-focus-colors-color);
background-color: var(--cmsmasters-input-focus-colors-bg);
border-color: var(--cmsmasters-input-focus-colors-bd);
border-radius: var(--cmsmasters-input-focus-bd-radius);
box-shadow: var(--cmsmasters-input-focus-box-shadow);
}
input[type=text]:focus::-webkit-input-placeholder,
input[type=date]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
input[type=number]:focus::-webkit-input-placeholder,
input[type=password]:focus::-webkit-input-placeholder,
input[type=search]:not(.cmsmasters-header-search-form__input):focus::-webkit-input-placeholder,
input[type=tel]:focus::-webkit-input-placeholder,
input[type=url]:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
color: transparent;
}
input[type=text]:focus::-moz-placeholder,
input[type=date]:focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=number]:focus::-moz-placeholder,
input[type=password]:focus::-moz-placeholder,
input[type=search]:not(.cmsmasters-header-search-form__input):focus::-moz-placeholder,
input[type=tel]:focus::-moz-placeholder,
input[type=url]:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
color: transparent;
}
select {
display: block;
background-image: linear-gradient(45deg, transparent 50%, var(--cmsmasters-input-normal-colors-color) 50%), linear-gradient(135deg, var(--cmsmasters-input-normal-colors-color) 50%, transparent 50%);
background-size: 6px 5px, 6px 5px;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: calc(100% - 16px) 50%, calc(100% - 10px) 50%;
padding-right: 25px;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
width: auto;
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: none;
}
button,
[type=submit],
[type=button] {
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {
cursor: pointer;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
border-style: solid;
border-color: var(--cmsmasters-colors-bd);
margin: 3rem 0;
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
resize: vertical;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
.wpcf7-checkbox,
.wpcf7-radio,
.wpcf7-acceptance {
margin: 0 -1rem;
}
.wpcf7-checkbox span.wpcf7-list-item,
.wpcf7-radio span.wpcf7-list-item,
.wpcf7-acceptance span.wpcf7-list-item {
margin: 0 1rem;
}
.wpcf7-checkbox span.wpcf7-list-item label,
.wpcf7-radio span.wpcf7-list-item label,
.wpcf7-acceptance span.wpcf7-list-item label {
margin: 0;
}
.wpcf7-checkbox span.wpcf7-list-item input,
.wpcf7-checkbox span.wpcf7-list-item span,
.wpcf7-radio span.wpcf7-list-item input,
.wpcf7-radio span.wpcf7-list-item span,
.wpcf7-acceptance span.wpcf7-list-item input,
.wpcf7-acceptance span.wpcf7-list-item span {
vertical-align: middle;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
body:not(.cmsmasters-is-touch) input[type=number] {
padding-right: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Button */
button,
.cmsmasters-theme-button {
text-align: center;
font-family: var(--cmsmasters-button-font-family);
font-weight: var(--cmsmasters-button-font-weight);
font-style: var(--cmsmasters-button-font-style);
text-transform: var(--cmsmasters-button-text-transform);
-webkit-text-decoration: var(--cmsmasters-button-text-decoration);
text-decoration: var(--cmsmasters-button-text-decoration);
font-size: var(--cmsmasters-button-font-size);
line-height: var(--cmsmasters-button-line-height);
letter-spacing: var(--cmsmasters-button-letter-spacing);
word-spacing: var(--cmsmasters-button-word-spacing);
color: var(--cmsmasters-button-normal-colors-color);
border-color: var(--cmsmasters-button-normal-colors-bd);
border-style: var(--cmsmasters-button-normal-bd-style);
border-top-width: var(--cmsmasters-button-normal-bd-width-top);
border-right-width: var(--cmsmasters-button-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-button-normal-bd-width-left);
border-radius: var(--cmsmasters-button-normal-bd-radius);
text-shadow: var(--cmsmasters-button-text-shadow);
box-shadow: var(--cmsmasters-button-normal-box-shadow);
padding-top: var(--cmsmasters-button-padding-top);
padding-right: var(--cmsmasters-button-padding-right);
padding-bottom: var(--cmsmasters-button-padding-bottom);
padding-left: var(--cmsmasters-button-padding-left);
display: inline-block;
cursor: pointer;
word-break: normal;
position: relative;
z-index: 0;
transition: all 0.3s ease-in-out;
overflow: hidden;
background-color: transparent;
background-image: none;
}
button:hover,
.cmsmasters-theme-button:hover {
color: var(--cmsmasters-button-hover-colors-color);
border-color: var(--cmsmasters-button-hover-colors-bd);
border-radius: var(--cmsmasters-button-hover-bd-radius);
-webkit-text-decoration: var(--cmsmasters-button-hover-text-decoration);
text-decoration: var(--cmsmasters-button-hover-text-decoration);
text-shadow: var(--cmsmasters-button-hover-text-shadow);
box-shadow: var(--cmsmasters-button-hover-box-shadow);
}
button:before, button:after,
.cmsmasters-theme-button:before,
.cmsmasters-theme-button:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
transition: opacity 0.3s ease-in-out;
}
button:before,
.cmsmasters-theme-button:before {
background-color: var(--cmsmasters-button-normal-colors-bg);
background-image: var(--cmsmasters-button-normal-colors-bg-image);
opacity: 1;
}
button:after,
.cmsmasters-theme-button:after {
background-color: var(--cmsmasters-button-hover-colors-bg);
background-image: var(--cmsmasters-button-hover-colors-bg-image);
opacity: 0;
}
button:hover:before,
.cmsmasters-theme-button:hover:before {
opacity: 0;
}
button:hover:after,
.cmsmasters-theme-button:hover:after {
opacity: 1;
}
.mejs-button > button:before, .mejs-button > button:after,
#e-styleguide-preview-dialog.dialog-styleguide-widget button:before,
#e-styleguide-preview-dialog.dialog-styleguide-widget button:after {
content: none;
}
input[type=submit],
input[type=button] {
text-align: center;
font-family: var(--cmsmasters-button-font-family);
font-weight: var(--cmsmasters-button-font-weight);
font-style: var(--cmsmasters-button-font-style);
text-transform: var(--cmsmasters-button-text-transform);
-webkit-text-decoration: var(--cmsmasters-button-text-decoration);
text-decoration: var(--cmsmasters-button-text-decoration);
font-size: var(--cmsmasters-button-font-size);
line-height: var(--cmsmasters-button-line-height);
letter-spacing: var(--cmsmasters-button-letter-spacing);
word-spacing: var(--cmsmasters-button-word-spacing);
color: var(--cmsmasters-button-normal-colors-color);
border-color: var(--cmsmasters-button-normal-colors-bd);
border-style: var(--cmsmasters-button-normal-bd-style);
border-top-width: var(--cmsmasters-button-normal-bd-width-top);
border-right-width: var(--cmsmasters-button-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-button-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-button-normal-bd-width-left);
border-radius: var(--cmsmasters-button-normal-bd-radius);
text-shadow: var(--cmsmasters-button-text-shadow);
box-shadow: var(--cmsmasters-button-normal-box-shadow);
padding-top: var(--cmsmasters-button-padding-top);
padding-right: var(--cmsmasters-button-padding-right);
padding-bottom: var(--cmsmasters-button-padding-bottom);
padding-left: var(--cmsmasters-button-padding-left);
display: inline-block;
cursor: pointer;
word-break: normal;
position: relative;
z-index: 0;
transition: all 0.3s ease-in-out;
overflow: visible;
background-color: var(--cmsmasters-button-normal-colors-bg);
background-image: var(--cmsmasters-button-normal-colors-bg-image);
}
input[type=submit]:hover,
input[type=button]:hover {
color: var(--cmsmasters-button-hover-colors-color);
border-color: var(--cmsmasters-button-hover-colors-bd);
border-radius: var(--cmsmasters-button-hover-bd-radius);
-webkit-text-decoration: var(--cmsmasters-button-hover-text-decoration);
text-decoration: var(--cmsmasters-button-hover-text-decoration);
text-shadow: var(--cmsmasters-button-hover-text-shadow);
box-shadow: var(--cmsmasters-button-hover-box-shadow);
background-color: var(--cmsmasters-button-hover-colors-bg);
background-image: var(--cmsmasters-button-hover-colors-bg-image);
}
.cmsmasters-theme-button-clear-style {
font-family: var(--cmsmasters-base-font-family);
font-weight: var(--cmsmasters-base-font-weight);
font-style: var(--cmsmasters-base-font-style);
text-transform: var(--cmsmasters-base-text-transform);
-webkit-text-decoration: var(--cmsmasters-base-text-decoration);
text-decoration: var(--cmsmasters-base-text-decoration);
font-size: var(--cmsmasters-base-font-size);
line-height: var(--cmsmasters-base-line-height);
letter-spacing: var(--cmsmasters-base-letter-spacing);
word-spacing: var(--cmsmasters-base-word-spacing);
color: var(--cmsmasters-colors-link);
background-color: transparent;
background-image: none;
border: 0;
padding: 0;
box-shadow: none;
text-shadow: none;
border-radius: 0;
}
.cmsmasters-theme-button-clear-style:before, .cmsmasters-theme-button-clear-style:after {
background-color: transparent;
background-image: none;
width: auto;
height: auto;
position: static;
left: auto;
top: auto;
z-index: initial;
opacity: initial;
transition: initial;
}
.cmsmasters-theme-button-clear-style:hover {
color: var(--cmsmasters-colors-hover);
}
.cmsmasters-theme-button-clear-style:hover:before, .cmsmasters-theme-button-clear-style:hover:after {
opacity: initial;
}
/* Lists
========================================================================== */
dl,
dt,
dd,
ol,
ul,
li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol,
ul {
list-style-position: outside;
margin: 2rem 0 2rem 2rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0 0 0 2rem;
}
ol {
list-style-type: decimal;
}
ul {
list-style-type: disc;
}
li {
margin-top: 6px;
}
dl {
margin-top: 3rem;
margin-bottom: 3rem;
}
dt {
font-family: var(--cmsmasters-h5-font-family);
font-weight: var(--cmsmasters-h5-font-weight);
font-style: var(--cmsmasters-h5-font-style);
text-transform: var(--cmsmasters-h5-text-transform);
-webkit-text-decoration: var(--cmsmasters-h5-text-decoration);
text-decoration: var(--cmsmasters-h5-text-decoration);
font-size: var(--cmsmasters-h5-font-size);
line-height: var(--cmsmasters-h5-line-height);
letter-spacing: var(--cmsmasters-h5-letter-spacing);
word-spacing: var(--cmsmasters-h5-word-spacing);
}
* + dt {
margin-top: 1.5rem;
}
dd {
margin-left: 2rem;
}
/* Import Elements Styles */ /* Audio */
.cmsmasters-audio-wrap {
position: relative;
overflow: hidden;
}
.cmsmasters-audio-wrap iframe {
margin: 0;
}
.cmsmasters-audio-wrap audio {
display: block;
margin: 0;
}
/* Image */
.cmsmasters-image-wrap {
line-height: 0;
}
.cmsmasters-image-placeholder {
color: var(--cmsmasters-colors-heading);
background-color: var(--cmsmasters-colors-alternate);
display: block;
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
}
.cmsmasters-image-placeholder span {
font-size: 30px;
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Menus */
.cmsmasters-menu {
display: none;
}
@media only screen and (min-width: 1025px) {
.cmsmasters-menu {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.cmsmasters-menu {
width: 100%;
position: absolute;
left: 0;
top: 100%;
z-index: 10;
}
.cmsmasters-header .cmsmasters-menu {
margin: 0;
}
}
.cmsmasters-menu__nav {
display: block;
position: relative;
}
@media only screen and (min-width: 1025px) {
.cmsmasters-menu__nav {
height: 100%;
}
}
.cmsmasters-menu__list {
position: relative;
z-index: 202;
}
.cmsmasters-menu__list:hover {
z-index: 203;
}
.cmsmasters-menu__list,
.cmsmasters-menu__list ul {
list-style: none;
margin: 0;
padding: 0;
}
.cmsmasters-menu__list ul {
position: relative;
z-index: 203;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, margin 0.3s ease-in-out;
}
.cmsmasters-menu__list li {
display: block;
margin: 0;
padding: 0;
position: relative;
z-index: 203;
}
.cmsmasters-menu__list li:hover {
z-index: 204;
}
.cmsmasters-menu__list a {
display: block;
position: relative;
z-index: 204;
transition: none;
}
.cmsmasters-menu__list a span {
display: block;
position: relative;
}
.cmsmasters-menu__list a span.cmsmasters-menu__item {
transition: all 0.3s ease-in-out;
}
.cmsmasters-burger-menu-button {
display: block;
}
@media only screen and (min-width: 1025px) {
.cmsmasters-burger-menu-button {
display: none;
}
}
.cmsmasters-burger-menu-button__toggle {
display: inline-block;
cursor: pointer;
}
.cmsmasters-header-top .cmsmasters-burger-menu-button__toggle {
font-size: var(--cmsmasters-header-top-nav-burger-button-icon-size);
padding-top: var(--cmsmasters-header-top-nav-burger-button-padding-top);
padding-right: var(--cmsmasters-header-top-nav-burger-button-padding-right);
padding-bottom: var(--cmsmasters-header-top-nav-burger-button-padding-bottom);
padding-left: var(--cmsmasters-header-top-nav-burger-button-padding-left);
color: var(--cmsmasters-header-top-nav-burger-button-normal-colors-color);
background-color: var(--cmsmasters-header-top-nav-burger-button-normal-colors-bg);
border-color: var(--cmsmasters-header-top-nav-burger-button-normal-colors-bd);
border-style: var(--cmsmasters-header-top-nav-burger-button-normal-bd-style);
border-top-width: var(--cmsmasters-header-top-nav-burger-button-normal-bd-width-top);
border-right-width: var(--cmsmasters-header-top-nav-burger-button-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-header-top-nav-burger-button-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-header-top-nav-burger-button-normal-bd-width-left);
border-radius: var(--cmsmasters-header-top-nav-burger-button-normal-bd-radius);
box-shadow: var(--cmsmasters-header-top-nav-burger-button-normal-box-shadow);
transition: all 0.3s ease-in-out;
}
.cmsmasters-header-top .cmsmasters-burger-menu-button__toggle.cmsmasters-active {
color: var(--cmsmasters-header-top-nav-burger-button-active-colors-color);
background-color: var(--cmsmasters-header-top-nav-burger-button-active-colors-bg);
border-color: var(--cmsmasters-header-top-nav-burger-button-active-colors-bd);
border-radius: var(--cmsmasters-header-top-nav-burger-button-active-bd-radius);
box-shadow: var(--cmsmasters-header-top-nav-burger-button-active-box-shadow);
}
.cmsmasters-header-mid .cmsmasters-burger-menu-button__toggle {
font-size: var(--cmsmasters-header-mid-nav-burger-button-icon-size);
padding-top: var(--cmsmasters-header-mid-nav-burger-button-padding-top);
padding-right: var(--cmsmasters-header-mid-nav-burger-button-padding-right);
padding-bottom: var(--cmsmasters-header-mid-nav-burger-button-padding-bottom);
padding-left: var(--cmsmasters-header-mid-nav-burger-button-padding-left);
color: var(--cmsmasters-header-mid-nav-burger-button-normal-colors-color);
background-color: var(--cmsmasters-header-mid-nav-burger-button-normal-colors-bg);
border-color: var(--cmsmasters-header-mid-nav-burger-button-normal-colors-bd);
border-style: var(--cmsmasters-header-mid-nav-burger-button-normal-bd-style);
border-top-width: var(--cmsmasters-header-mid-nav-burger-button-normal-bd-width-top);
border-right-width: var(--cmsmasters-header-mid-nav-burger-button-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-header-mid-nav-burger-button-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-header-mid-nav-burger-button-normal-bd-width-left);
border-radius: var(--cmsmasters-header-mid-nav-burger-button-normal-bd-radius);
box-shadow: var(--cmsmasters-header-mid-nav-burger-button-normal-box-shadow);
transition: all 0.3s ease-in-out;
}
.cmsmasters-header-mid .cmsmasters-burger-menu-button__toggle.cmsmasters-active {
color: var(--cmsmasters-header-mid-nav-burger-button-active-colors-color);
background-color: var(--cmsmasters-header-mid-nav-burger-button-active-colors-bg);
border-color: var(--cmsmasters-header-mid-nav-burger-button-active-colors-bd);
border-radius: var(--cmsmasters-header-mid-nav-burger-button-active-bd-radius);
box-shadow: var(--cmsmasters-header-mid-nav-burger-button-active-box-shadow);
}
.cmsmasters-header-bot .cmsmasters-burger-menu-button__toggle {
font-size: var(--cmsmasters-header-bot-nav-burger-button-icon-size);
padding-top: var(--cmsmasters-header-bot-nav-burger-button-padding-top);
padding-right: var(--cmsmasters-header-bot-nav-burger-button-padding-right);
padding-bottom: var(--cmsmasters-header-bot-nav-burger-button-padding-bottom);
padding-left: var(--cmsmasters-header-bot-nav-burger-button-padding-left);
color: var(--cmsmasters-header-bot-nav-burger-button-normal-colors-color);
background-color: var(--cmsmasters-header-bot-nav-burger-button-normal-colors-bg);
border-color: var(--cmsmasters-header-bot-nav-burger-button-normal-colors-bd);
border-style: var(--cmsmasters-header-bot-nav-burger-button-normal-bd-style);
border-top-width: var(--cmsmasters-header-bot-nav-burger-button-normal-bd-width-top);
border-right-width: var(--cmsmasters-header-bot-nav-burger-button-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-header-bot-nav-burger-button-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-header-bot-nav-burger-button-normal-bd-width-left);
border-radius: var(--cmsmasters-header-bot-nav-burger-button-normal-bd-radius);
box-shadow: var(--cmsmasters-header-bot-nav-burger-button-normal-box-shadow);
transition: all 0.3s ease-in-out;
}
.cmsmasters-header-bot .cmsmasters-burger-menu-button__toggle.cmsmasters-active {
color: var(--cmsmasters-header-bot-nav-burger-button-active-colors-color);
background-color: var(--cmsmasters-header-bot-nav-burger-button-active-colors-bg);
border-color: var(--cmsmasters-header-bot-nav-burger-button-active-colors-bd);
border-radius: var(--cmsmasters-header-bot-nav-burger-button-active-bd-radius);
box-shadow: var(--cmsmasters-header-bot-nav-burger-button-active-box-shadow);
}
.cmsmasters-burger-menu-button__toggle > span {
display: block;
position: relative;
}
.cmsmasters-burger-menu-button__toggle > span:last-child {
display: none;
}
.cmsmasters-burger-menu-button__toggle > span > *, .cmsmasters-burger-menu-button__toggle > span > *:before {
display: block;
width: 1em;
height: 1em;
}
.cmsmasters-burger-menu-button__toggle.cmsmasters-active > span:first-child {
display: none;
}
.cmsmasters-burger-menu-button__toggle.cmsmasters-active > span:last-child {
display: block;
}
@media only screen and (min-width: 1025px) {
.cmsmasters-menu__list {
display: flex;
flex-wrap: wrap;
height: 100%;
}
.cmsmasters-header-top .cmsmasters-menu__list {
align-items: var(--cmsmasters-header-top-nav-dropdown-container-position);
}
.cmsmasters-header-mid .cmsmasters-menu__list {
align-items: var(--cmsmasters-header-mid-nav-dropdown-container-position);
}
.cmsmasters-header-bot .cmsmasters-menu__list {
align-items: var(--cmsmasters-header-bot-nav-dropdown-container-position);
}
.cmsmasters-menu__list > li {
display: flex;
}
.cmsmasters-header-top .cmsmasters-menu__list > li {
margin-right: var(--cmsmasters-header-top-nav-title-item-gap);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li {
margin-right: var(--cmsmasters-header-mid-nav-title-item-gap);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li {
margin-right: var(--cmsmasters-header-bot-nav-title-item-gap);
}
.cmsmasters-menu__list > li:after {
content: "";
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
left: auto;
}
.cmsmasters-header-top .cmsmasters-menu__list > li:after {
color: var(--cmsmasters-header-top-nav-title-item-divider-color);
border-color: var(--cmsmasters-header-top-nav-title-item-divider-color);
background-color: var(--cmsmasters-header-top-nav-title-item-divider-color);
display: var(--cmsmasters-header-top-nav-title-item-divider-visibility);
width: var(--cmsmasters-header-top-nav-title-item-divider-width);
height: var(--cmsmasters-header-top-nav-title-item-divider-height);
border-radius: var(--cmsmasters-header-top-nav-title-item-divider-bd-radius);
left: calc(100% + (var(--cmsmasters-header-top-nav-title-item-gap) - var(--cmsmasters-header-top-nav-title-item-divider-width)) / 2);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li:after {
color: var(--cmsmasters-header-mid-nav-title-item-divider-color);
border-color: var(--cmsmasters-header-mid-nav-title-item-divider-color);
background-color: var(--cmsmasters-header-mid-nav-title-item-divider-color);
display: var(--cmsmasters-header-mid-nav-title-item-divider-visibility);
width: var(--cmsmasters-header-mid-nav-title-item-divider-width);
height: var(--cmsmasters-header-mid-nav-title-item-divider-height);
border-radius: var(--cmsmasters-header-mid-nav-title-item-divider-bd-radius);
left: calc(100% + (var(--cmsmasters-header-mid-nav-title-item-gap) - var(--cmsmasters-header-mid-nav-title-item-divider-width)) / 2);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li:after {
color: var(--cmsmasters-header-bot-nav-title-item-divider-color);
border-color: var(--cmsmasters-header-bot-nav-title-item-divider-color);
background-color: var(--cmsmasters-header-bot-nav-title-item-divider-color);
display: var(--cmsmasters-header-bot-nav-title-item-divider-visibility);
width: var(--cmsmasters-header-bot-nav-title-item-divider-width);
height: var(--cmsmasters-header-bot-nav-title-item-divider-height);
border-radius: var(--cmsmasters-header-bot-nav-title-item-divider-bd-radius);
left: calc(100% + (var(--cmsmasters-header-bot-nav-title-item-gap) - var(--cmsmasters-header-bot-nav-title-item-divider-width)) / 2);
}
.cmsmasters-header-top .cmsmasters-menu__list > li:last-child {
margin-right: 0;
}
.cmsmasters-header-mid .cmsmasters-menu__list > li:last-child {
margin-right: 0;
}
.cmsmasters-header-bot .cmsmasters-menu__list > li:last-child {
margin-right: 0;
}
.cmsmasters-menu__list > li:last-child:after {
content: none;
}
.cmsmasters-menu__list > li > a {
display: flex;
align-items: center;
}
.cmsmasters-menu__list > li > a span.cmsmasters-menu__item {
display: flex;
justify-content: space-between;
overflow: hidden;
}
.cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before, .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:after {
content: "";
width: 100%;
height: 100%;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: opacity 0.3s ease-in-out;
}
.cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before {
opacity: 1;
}
.cmsmasters-menu__list > li > a span.cmsmasters-menu__item:after {
opacity: 0;
}
.cmsmasters-menu__list > li > a span.cmsmasters-menu__item > * {
z-index: 1;
}
.cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-menu__item {
font-family: var(--cmsmasters-header-top-nav-title-item-font-family);
font-weight: var(--cmsmasters-header-top-nav-title-item-font-weight);
font-style: var(--cmsmasters-header-top-nav-title-item-font-style);
text-transform: var(--cmsmasters-header-top-nav-title-item-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-top-nav-title-item-text-decoration);
text-decoration: var(--cmsmasters-header-top-nav-title-item-text-decoration);
font-size: var(--cmsmasters-header-top-nav-title-item-font-size);
line-height: var(--cmsmasters-header-top-nav-title-item-line-height);
letter-spacing: var(--cmsmasters-header-top-nav-title-item-letter-spacing);
word-spacing: var(--cmsmasters-header-top-nav-title-item-word-spacing);
color: var(--cmsmasters-header-top-nav-title-item-normal-colors-color);
border-color: var(--cmsmasters-header-top-nav-title-item-normal-colors-bd);
border-style: var(--cmsmasters-header-top-nav-title-item-normal-bd-style);
border-top-width: var(--cmsmasters-header-top-nav-title-item-normal-bd-width-top);
border-right-width: var(--cmsmasters-header-top-nav-title-item-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-header-top-nav-title-item-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-header-top-nav-title-item-normal-bd-width-left);
border-radius: var(--cmsmasters-header-top-nav-title-item-normal-bd-radius);
text-shadow: var(--cmsmasters-header-top-nav-title-item-text-shadow);
box-shadow: var(--cmsmasters-header-top-nav-title-item-normal-box-shadow);
padding-top: var(--cmsmasters-header-top-nav-title-item-padding-top);
padding-right: var(--cmsmasters-header-top-nav-title-item-padding-right);
padding-bottom: var(--cmsmasters-header-top-nav-title-item-padding-bottom);
padding-left: var(--cmsmasters-header-top-nav-title-item-padding-left);
}
.cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-top-nav-title-item-normal-colors-bg);
background-image: var(--cmsmasters-header-top-nav-title-item-normal-colors-bg-image);
}
.cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:after {
background-color: var(--cmsmasters-header-top-nav-title-item-hover-colors-bg);
background-image: var(--cmsmasters-header-top-nav-title-item-hover-colors-bg-image);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-menu__item {
font-family: var(--cmsmasters-header-mid-nav-title-item-font-family);
font-weight: var(--cmsmasters-header-mid-nav-title-item-font-weight);
font-style: var(--cmsmasters-header-mid-nav-title-item-font-style);
text-transform: var(--cmsmasters-header-mid-nav-title-item-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-mid-nav-title-item-text-decoration);
text-decoration: var(--cmsmasters-header-mid-nav-title-item-text-decoration);
font-size: var(--cmsmasters-header-mid-nav-title-item-font-size);
line-height: var(--cmsmasters-header-mid-nav-title-item-line-height);
letter-spacing: var(--cmsmasters-header-mid-nav-title-item-letter-spacing);
word-spacing: var(--cmsmasters-header-mid-nav-title-item-word-spacing);
color: var(--cmsmasters-header-mid-nav-title-item-normal-colors-color);
border-color: var(--cmsmasters-header-mid-nav-title-item-normal-colors-bd);
border-style: var(--cmsmasters-header-mid-nav-title-item-normal-bd-style);
border-top-width: var(--cmsmasters-header-mid-nav-title-item-normal-bd-width-top);
border-right-width: var(--cmsmasters-header-mid-nav-title-item-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-header-mid-nav-title-item-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-header-mid-nav-title-item-normal-bd-width-left);
border-radius: var(--cmsmasters-header-mid-nav-title-item-normal-bd-radius);
text-shadow: var(--cmsmasters-header-mid-nav-title-item-text-shadow);
box-shadow: var(--cmsmasters-header-mid-nav-title-item-normal-box-shadow);
padding-top: var(--cmsmasters-header-mid-nav-title-item-padding-top);
padding-right: var(--cmsmasters-header-mid-nav-title-item-padding-right);
padding-bottom: var(--cmsmasters-header-mid-nav-title-item-padding-bottom);
padding-left: var(--cmsmasters-header-mid-nav-title-item-padding-left);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-mid-nav-title-item-normal-colors-bg);
background-image: var(--cmsmasters-header-mid-nav-title-item-normal-colors-bg-image);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:after {
background-color: var(--cmsmasters-header-mid-nav-title-item-hover-colors-bg);
background-image: var(--cmsmasters-header-mid-nav-title-item-hover-colors-bg-image);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-menu__item {
font-family: var(--cmsmasters-header-bot-nav-title-item-font-family);
font-weight: var(--cmsmasters-header-bot-nav-title-item-font-weight);
font-style: var(--cmsmasters-header-bot-nav-title-item-font-style);
text-transform: var(--cmsmasters-header-bot-nav-title-item-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-bot-nav-title-item-text-decoration);
text-decoration: var(--cmsmasters-header-bot-nav-title-item-text-decoration);
font-size: var(--cmsmasters-header-bot-nav-title-item-font-size);
line-height: var(--cmsmasters-header-bot-nav-title-item-line-height);
letter-spacing: var(--cmsmasters-header-bot-nav-title-item-letter-spacing);
word-spacing: var(--cmsmasters-header-bot-nav-title-item-word-spacing);
color: var(--cmsmasters-header-bot-nav-title-item-normal-colors-color);
border-color: var(--cmsmasters-header-bot-nav-title-item-normal-colors-bd);
border-style: var(--cmsmasters-header-bot-nav-title-item-normal-bd-style);
border-top-width: var(--cmsmasters-header-bot-nav-title-item-normal-bd-width-top);
border-right-width: var(--cmsmasters-header-bot-nav-title-item-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-header-bot-nav-title-item-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-header-bot-nav-title-item-normal-bd-width-left);
border-radius: var(--cmsmasters-header-bot-nav-title-item-normal-bd-radius);
text-shadow: var(--cmsmasters-header-bot-nav-title-item-text-shadow);
box-shadow: var(--cmsmasters-header-bot-nav-title-item-normal-box-shadow);
padding-top: var(--cmsmasters-header-bot-nav-title-item-padding-top);
padding-right: var(--cmsmasters-header-bot-nav-title-item-padding-right);
padding-bottom: var(--cmsmasters-header-bot-nav-title-item-padding-bottom);
padding-left: var(--cmsmasters-header-bot-nav-title-item-padding-left);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-bot-nav-title-item-normal-colors-bg);
background-image: var(--cmsmasters-header-bot-nav-title-item-normal-colors-bg-image);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:after {
background-color: var(--cmsmasters-header-bot-nav-title-item-hover-colors-bg);
background-image: var(--cmsmasters-header-bot-nav-title-item-hover-colors-bg-image);
}
.cmsmasters-menu__list > li > a span.cmsmasters-menu__item-inner:before {
content: "";
}
.cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-menu__item-inner:before {
display: var(--cmsmasters-header-top-nav-title-item-accent-visibility);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-menu__item-inner:before {
display: var(--cmsmasters-header-mid-nav-title-item-accent-visibility);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-menu__item-inner:before {
display: var(--cmsmasters-header-bot-nav-title-item-accent-visibility);
}
.cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-child-indicator {
display: var(--cmsmasters-header-top-nav-title-item-child-indicator-visibility);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-child-indicator {
display: var(--cmsmasters-header-mid-nav-title-item-child-indicator-visibility);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-child-indicator {
display: var(--cmsmasters-header-bot-nav-title-item-child-indicator-visibility);
}
.cmsmasters-header-top .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-top-nav-title-item-hover-colors-color);
border-color: var(--cmsmasters-header-top-nav-title-item-hover-colors-bd);
border-radius: var(--cmsmasters-header-top-nav-title-item-hover-bd-radius);
-webkit-text-decoration: var(--cmsmasters-header-top-nav-title-item-hover-text-decoration);
text-decoration: var(--cmsmasters-header-top-nav-title-item-hover-text-decoration);
text-shadow: var(--cmsmasters-header-top-nav-title-item-hover-text-shadow);
box-shadow: var(--cmsmasters-header-top-nav-title-item-hover-box-shadow);
}
.cmsmasters-header-top .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item:before {
opacity: 0;
}
.cmsmasters-header-top .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item:after {
opacity: 1;
}
.cmsmasters-header-mid .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-mid-nav-title-item-hover-colors-color);
border-color: var(--cmsmasters-header-mid-nav-title-item-hover-colors-bd);
border-radius: var(--cmsmasters-header-mid-nav-title-item-hover-bd-radius);
-webkit-text-decoration: var(--cmsmasters-header-mid-nav-title-item-hover-text-decoration);
text-decoration: var(--cmsmasters-header-mid-nav-title-item-hover-text-decoration);
text-shadow: var(--cmsmasters-header-mid-nav-title-item-hover-text-shadow);
box-shadow: var(--cmsmasters-header-mid-nav-title-item-hover-box-shadow);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item:before {
opacity: 0;
}
.cmsmasters-header-mid .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item:after {
opacity: 1;
}
.cmsmasters-header-bot .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-bot-nav-title-item-hover-colors-color);
border-color: var(--cmsmasters-header-bot-nav-title-item-hover-colors-bd);
border-radius: var(--cmsmasters-header-bot-nav-title-item-hover-bd-radius);
-webkit-text-decoration: var(--cmsmasters-header-bot-nav-title-item-hover-text-decoration);
text-decoration: var(--cmsmasters-header-bot-nav-title-item-hover-text-decoration);
text-shadow: var(--cmsmasters-header-bot-nav-title-item-hover-text-shadow);
box-shadow: var(--cmsmasters-header-bot-nav-title-item-hover-box-shadow);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item:before {
opacity: 0;
}
.cmsmasters-header-bot .cmsmasters-menu__list > li:hover > a span.cmsmasters-menu__item:after {
opacity: 1;
}
.cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-top-nav-title-item-current-colors-color);
border-color: var(--cmsmasters-header-top-nav-title-item-current-colors-bd);
border-radius: var(--cmsmasters-header-top-nav-title-item-current-bd-radius);
-webkit-text-decoration: var(--cmsmasters-header-top-nav-title-item-current-text-decoration);
text-decoration: var(--cmsmasters-header-top-nav-title-item-current-text-decoration);
text-shadow: var(--cmsmasters-header-top-nav-title-item-current-text-shadow);
box-shadow: var(--cmsmasters-header-top-nav-title-item-current-box-shadow);
}
.cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-top-nav-title-item-current-colors-bg);
background-image: var(--cmsmasters-header-top-nav-title-item-current-colors-bg-image);
opacity: 1;
}
.cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:after, .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:after {
opacity: 0;
}
.cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-mid-nav-title-item-current-colors-color);
border-color: var(--cmsmasters-header-mid-nav-title-item-current-colors-bd);
border-radius: var(--cmsmasters-header-mid-nav-title-item-current-bd-radius);
-webkit-text-decoration: var(--cmsmasters-header-mid-nav-title-item-current-text-decoration);
text-decoration: var(--cmsmasters-header-mid-nav-title-item-current-text-decoration);
text-shadow: var(--cmsmasters-header-mid-nav-title-item-current-text-shadow);
box-shadow: var(--cmsmasters-header-mid-nav-title-item-current-box-shadow);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-mid-nav-title-item-current-colors-bg);
background-image: var(--cmsmasters-header-mid-nav-title-item-current-colors-bg-image);
opacity: 1;
}
.cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:after, .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:after {
opacity: 0;
}
.cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-bot-nav-title-item-current-colors-color);
border-color: var(--cmsmasters-header-bot-nav-title-item-current-colors-bd);
border-radius: var(--cmsmasters-header-bot-nav-title-item-current-bd-radius);
-webkit-text-decoration: var(--cmsmasters-header-bot-nav-title-item-current-text-decoration);
text-decoration: var(--cmsmasters-header-bot-nav-title-item-current-text-decoration);
text-shadow: var(--cmsmasters-header-bot-nav-title-item-current-text-shadow);
box-shadow: var(--cmsmasters-header-bot-nav-title-item-current-box-shadow);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-bot-nav-title-item-current-colors-bg);
background-image: var(--cmsmasters-header-bot-nav-title-item-current-colors-bg-image);
opacity: 1;
}
.cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:after, .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:after {
opacity: 0;
}
.cmsmasters-menu__list ul {
visibility: hidden;
opacity: 0;
position: absolute;
}
.cmsmasters-header-top .cmsmasters-menu__list ul {
width: var(--cmsmasters-header-top-nav-dropdown-container-width);
background-color: var(--cmsmasters-header-top-nav-dropdown-container-bg-color);
background-image: var(--cmsmasters-header-top-nav-dropdown-container-bg-image);
background-repeat: var(--cmsmasters-header-top-nav-dropdown-container-bg-repeat);
background-position: var(--cmsmasters-header-top-nav-dropdown-container-bg-position);
background-size: var(--cmsmasters-header-top-nav-dropdown-container-bg-size);
background-attachment: var(--cmsmasters-header-top-nav-dropdown-container-bg-attachment);
border-style: var(--cmsmasters-header-top-nav-dropdown-container-bd-style);
border-top-width: var(--cmsmasters-header-top-nav-dropdown-container-bd-width-top);
border-right-width: var(--cmsmasters-header-top-nav-dropdown-container-bd-width-right);
border-bottom-width: var(--cmsmasters-header-top-nav-dropdown-container-bd-width-bottom);
border-left-width: var(--cmsmasters-header-top-nav-dropdown-container-bd-width-left);
border-color: var(--cmsmasters-header-top-nav-dropdown-container-bd-color);
border-radius: var(--cmsmasters-header-top-nav-dropdown-container-bd-radius);
box-shadow: var(--cmsmasters-header-top-nav-dropdown-container-box-shadow);
padding-top: var(--cmsmasters-header-top-nav-dropdown-container-padding-top);
padding-bottom: var(--cmsmasters-header-top-nav-dropdown-container-padding-bottom);
padding-left: 0;
padding-right: 0;
}
.cmsmasters-header-mid .cmsmasters-menu__list ul {
width: var(--cmsmasters-header-mid-nav-dropdown-container-width);
background-color: var(--cmsmasters-header-mid-nav-dropdown-container-bg-color);
background-image: var(--cmsmasters-header-mid-nav-dropdown-container-bg-image);
background-repeat: var(--cmsmasters-header-mid-nav-dropdown-container-bg-repeat);
background-position: var(--cmsmasters-header-mid-nav-dropdown-container-bg-position);
background-size: var(--cmsmasters-header-mid-nav-dropdown-container-bg-size);
background-attachment: var(--cmsmasters-header-mid-nav-dropdown-container-bg-attachment);
border-style: var(--cmsmasters-header-mid-nav-dropdown-container-bd-style);
border-top-width: var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-top);
border-right-width: var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-right);
border-bottom-width: var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-bottom);
border-left-width: var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-left);
border-color: var(--cmsmasters-header-mid-nav-dropdown-container-bd-color);
border-radius: var(--cmsmasters-header-mid-nav-dropdown-container-bd-radius);
box-shadow: var(--cmsmasters-header-mid-nav-dropdown-container-box-shadow);
padding-top: var(--cmsmasters-header-mid-nav-dropdown-container-padding-top);
padding-bottom: var(--cmsmasters-header-mid-nav-dropdown-container-padding-bottom);
padding-left: 0;
padding-right: 0;
}
.cmsmasters-header-bot .cmsmasters-menu__list ul {
width: var(--cmsmasters-header-bot-nav-dropdown-container-width);
background-color: var(--cmsmasters-header-bot-nav-dropdown-container-bg-color);
background-image: var(--cmsmasters-header-bot-nav-dropdown-container-bg-image);
background-repeat: var(--cmsmasters-header-bot-nav-dropdown-container-bg-repeat);
background-position: var(--cmsmasters-header-bot-nav-dropdown-container-bg-position);
background-size: var(--cmsmasters-header-bot-nav-dropdown-container-bg-size);
background-attachment: var(--cmsmasters-header-bot-nav-dropdown-container-bg-attachment);
border-style: var(--cmsmasters-header-bot-nav-dropdown-container-bd-style);
border-top-width: var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-top);
border-right-width: var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-right);
border-bottom-width: var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-bottom);
border-left-width: var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-left);
border-color: var(--cmsmasters-header-bot-nav-dropdown-container-bd-color);
border-radius: var(--cmsmasters-header-bot-nav-dropdown-container-bd-radius);
box-shadow: var(--cmsmasters-header-bot-nav-dropdown-container-box-shadow);
padding-top: var(--cmsmasters-header-bot-nav-dropdown-container-padding-top);
padding-bottom: var(--cmsmasters-header-bot-nav-dropdown-container-padding-bottom);
padding-left: 0;
padding-right: 0;
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li {
border-bottom-style: var(--cmsmasters-header-top-nav-dropdown-item-divider-type);
border-bottom-width: var(--cmsmasters-header-top-nav-dropdown-item-divider-width);
border-bottom-color: var(--cmsmasters-header-top-nav-dropdown-item-divider-color);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li {
border-bottom-style: var(--cmsmasters-header-mid-nav-dropdown-item-divider-type);
border-bottom-width: var(--cmsmasters-header-mid-nav-dropdown-item-divider-width);
border-bottom-color: var(--cmsmasters-header-mid-nav-dropdown-item-divider-color);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li {
border-bottom-style: var(--cmsmasters-header-bot-nav-dropdown-item-divider-type);
border-bottom-width: var(--cmsmasters-header-bot-nav-dropdown-item-divider-width);
border-bottom-color: var(--cmsmasters-header-bot-nav-dropdown-item-divider-color);
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li:last-child {
border-bottom: 0;
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li:last-child {
border-bottom: 0;
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li:last-child {
border-bottom: 0;
}
.cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item {
display: flex;
justify-content: space-between;
overflow: hidden;
}
.cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before {
content: "";
width: 100%;
height: 100%;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all 0.3s ease-in-out;
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item {
font-family: var(--cmsmasters-header-top-nav-dropdown-item-font-family);
font-weight: var(--cmsmasters-header-top-nav-dropdown-item-font-weight);
font-style: var(--cmsmasters-header-top-nav-dropdown-item-font-style);
text-transform: var(--cmsmasters-header-top-nav-dropdown-item-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-top-nav-dropdown-item-text-decoration);
text-decoration: var(--cmsmasters-header-top-nav-dropdown-item-text-decoration);
font-size: var(--cmsmasters-header-top-nav-dropdown-item-font-size);
line-height: var(--cmsmasters-header-top-nav-dropdown-item-line-height);
letter-spacing: var(--cmsmasters-header-top-nav-dropdown-item-letter-spacing);
word-spacing: var(--cmsmasters-header-top-nav-dropdown-item-word-spacing);
color: var(--cmsmasters-header-top-nav-dropdown-item-normal-colors-color);
padding-top: var(--cmsmasters-header-top-nav-dropdown-item-padding-top);
padding-right: var(--cmsmasters-header-top-nav-dropdown-item-padding-right);
padding-bottom: var(--cmsmasters-header-top-nav-dropdown-item-padding-bottom);
padding-left: var(--cmsmasters-header-top-nav-dropdown-item-padding-left);
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-top-nav-dropdown-item-normal-colors-bg);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item {
font-family: var(--cmsmasters-header-mid-nav-dropdown-item-font-family);
font-weight: var(--cmsmasters-header-mid-nav-dropdown-item-font-weight);
font-style: var(--cmsmasters-header-mid-nav-dropdown-item-font-style);
text-transform: var(--cmsmasters-header-mid-nav-dropdown-item-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-mid-nav-dropdown-item-text-decoration);
text-decoration: var(--cmsmasters-header-mid-nav-dropdown-item-text-decoration);
font-size: var(--cmsmasters-header-mid-nav-dropdown-item-font-size);
line-height: var(--cmsmasters-header-mid-nav-dropdown-item-line-height);
letter-spacing: var(--cmsmasters-header-mid-nav-dropdown-item-letter-spacing);
word-spacing: var(--cmsmasters-header-mid-nav-dropdown-item-word-spacing);
color: var(--cmsmasters-header-mid-nav-dropdown-item-normal-colors-color);
padding-top: var(--cmsmasters-header-mid-nav-dropdown-item-padding-top);
padding-right: var(--cmsmasters-header-mid-nav-dropdown-item-padding-right);
padding-bottom: var(--cmsmasters-header-mid-nav-dropdown-item-padding-bottom);
padding-left: var(--cmsmasters-header-mid-nav-dropdown-item-padding-left);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-mid-nav-dropdown-item-normal-colors-bg);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item {
font-family: var(--cmsmasters-header-bot-nav-dropdown-item-font-family);
font-weight: var(--cmsmasters-header-bot-nav-dropdown-item-font-weight);
font-style: var(--cmsmasters-header-bot-nav-dropdown-item-font-style);
text-transform: var(--cmsmasters-header-bot-nav-dropdown-item-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-bot-nav-dropdown-item-text-decoration);
text-decoration: var(--cmsmasters-header-bot-nav-dropdown-item-text-decoration);
font-size: var(--cmsmasters-header-bot-nav-dropdown-item-font-size);
line-height: var(--cmsmasters-header-bot-nav-dropdown-item-line-height);
letter-spacing: var(--cmsmasters-header-bot-nav-dropdown-item-letter-spacing);
word-spacing: var(--cmsmasters-header-bot-nav-dropdown-item-word-spacing);
color: var(--cmsmasters-header-bot-nav-dropdown-item-normal-colors-color);
padding-top: var(--cmsmasters-header-bot-nav-dropdown-item-padding-top);
padding-right: var(--cmsmasters-header-bot-nav-dropdown-item-padding-right);
padding-bottom: var(--cmsmasters-header-bot-nav-dropdown-item-padding-bottom);
padding-left: var(--cmsmasters-header-bot-nav-dropdown-item-padding-left);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-bot-nav-dropdown-item-normal-colors-bg);
}
.cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item-inner:before {
content: "";
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item-inner:before {
display: var(--cmsmasters-header-top-nav-dropdown-item-accent-visibility);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item-inner:before {
display: var(--cmsmasters-header-mid-nav-dropdown-item-accent-visibility);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item-inner:before {
display: var(--cmsmasters-header-bot-nav-dropdown-item-accent-visibility);
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li > a span.cmsmasters-child-indicator {
display: var(--cmsmasters-header-top-nav-dropdown-item-child-indicator-visibility);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li > a span.cmsmasters-child-indicator {
display: var(--cmsmasters-header-mid-nav-dropdown-item-child-indicator-visibility);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li > a span.cmsmasters-child-indicator {
display: var(--cmsmasters-header-bot-nav-dropdown-item-child-indicator-visibility);
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li:hover > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-top-nav-dropdown-item-hover-colors-color);
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li:hover > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-top-nav-dropdown-item-hover-colors-bg);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li:hover > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-mid-nav-dropdown-item-hover-colors-color);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li:hover > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-mid-nav-dropdown-item-hover-colors-bg);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li:hover > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-bot-nav-dropdown-item-hover-colors-color);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li:hover > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-bot-nav-dropdown-item-hover-colors-bg);
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-top-nav-dropdown-item-current-colors-color);
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-top-nav-dropdown-item-current-colors-bg);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-mid-nav-dropdown-item-current-colors-color);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-mid-nav-dropdown-item-current-colors-bg);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-bot-nav-dropdown-item-current-colors-color);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-bot-nav-dropdown-item-current-colors-bg);
}
.cmsmasters-menu__list li:hover > ul {
visibility: visible;
opacity: 1;
}
.cmsmasters-menu__list li:hover > ul:before {
content: "";
position: absolute;
}
.cmsmasters-menu__list > li > ul {
top: 100%;
}
.cmsmasters-header-top .cmsmasters-menu__list > li > ul {
margin: 30px 0 0;
transform: translateX(var(--cmsmasters-header-top-nav-dropdown-container-hor-pos));
left: 0;
}
.cmsmasters-header-mid .cmsmasters-menu__list > li > ul {
margin: 30px 0 0;
transform: translateX(var(--cmsmasters-header-mid-nav-dropdown-container-hor-pos));
left: 0;
}
.cmsmasters-header-bot .cmsmasters-menu__list > li > ul {
margin: 30px 0 0;
transform: translateX(var(--cmsmasters-header-bot-nav-dropdown-container-hor-pos));
left: 0;
}
.cmsmasters-header-top .cmsmasters-menu__list > li:hover > ul {
margin: var(--cmsmasters-header-top-nav-dropdown-container-vert-gap) 0 0;
}
.cmsmasters-header-mid .cmsmasters-menu__list > li:hover > ul {
margin: var(--cmsmasters-header-mid-nav-dropdown-container-vert-gap) 0 0;
}
.cmsmasters-header-bot .cmsmasters-menu__list > li:hover > ul {
margin: var(--cmsmasters-header-bot-nav-dropdown-container-vert-gap) 0 0;
}
.cmsmasters-header-top .cmsmasters-menu__list > li:hover > ul:before {
height: var(--cmsmasters-header-top-nav-dropdown-container-vert-gap);
left: calc(var(--cmsmasters-header-top-nav-dropdown-container-bd-width-left) * -1);
right: calc(var(--cmsmasters-header-top-nav-dropdown-container-bd-width-right) * -1);
top: auto;
bottom: 100%;
transform: translateY(calc(var(--cmsmasters-header-top-nav-dropdown-container-bd-width-top) * -1));
}
.cmsmasters-header-mid .cmsmasters-menu__list > li:hover > ul:before {
height: var(--cmsmasters-header-mid-nav-dropdown-container-vert-gap);
left: calc(var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-left) * -1);
right: calc(var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-right) * -1);
top: auto;
bottom: 100%;
transform: translateY(calc(var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-top) * -1));
}
.cmsmasters-header-bot .cmsmasters-menu__list > li:hover > ul:before {
height: var(--cmsmasters-header-bot-nav-dropdown-container-vert-gap);
left: calc(var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-left) * -1);
right: calc(var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-right) * -1);
top: auto;
bottom: 100%;
transform: translateY(calc(var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-top) * -1));
}
.cmsmasters-menu__list ul ul {
left: 100%;
}
.cmsmasters-header-top .cmsmasters-menu__list ul ul {
margin: 0 0 0 30px;
top: calc(var(--cmsmasters-header-top-nav-dropdown-container-padding-top) * -1);
transform: translateY(calc(var(--cmsmasters-header-top-nav-dropdown-container-bd-width-top) * -1));
}
.cmsmasters-header-mid .cmsmasters-menu__list ul ul {
margin: 0 0 0 30px;
top: calc(var(--cmsmasters-header-mid-nav-dropdown-container-padding-top) * -1);
transform: translateY(calc(var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-top) * -1));
}
.cmsmasters-header-bot .cmsmasters-menu__list ul ul {
margin: 0 0 0 30px;
top: calc(var(--cmsmasters-header-bot-nav-dropdown-container-padding-top) * -1);
transform: translateY(calc(var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-top) * -1));
}
.cmsmasters-header-top .cmsmasters-menu__list li li:hover > ul {
margin: 0 0 0 var(--cmsmasters-header-top-nav-dropdown-container-hor-gap);
}
.cmsmasters-header-mid .cmsmasters-menu__list li li:hover > ul {
margin: 0 0 0 var(--cmsmasters-header-mid-nav-dropdown-container-hor-gap);
}
.cmsmasters-header-bot .cmsmasters-menu__list li li:hover > ul {
margin: 0 0 0 var(--cmsmasters-header-bot-nav-dropdown-container-hor-gap);
}
.cmsmasters-menu__list li li:hover > ul:before {
top: 0;
}
.cmsmasters-header-top .cmsmasters-menu__list li li:hover > ul:before {
width: var(--cmsmasters-header-top-nav-dropdown-container-hor-gap);
height: 100%;
left: auto;
right: 100%;
transform: translateX(calc(var(--cmsmasters-header-top-nav-dropdown-container-bd-width-left) * -1));
}
.cmsmasters-header-mid .cmsmasters-menu__list li li:hover > ul:before {
width: var(--cmsmasters-header-mid-nav-dropdown-container-hor-gap);
height: 100%;
left: auto;
right: 100%;
transform: translateX(calc(var(--cmsmasters-header-mid-nav-dropdown-container-bd-width-left) * -1));
}
.cmsmasters-header-bot .cmsmasters-menu__list li li:hover > ul:before {
width: var(--cmsmasters-header-bot-nav-dropdown-container-hor-gap);
height: 100%;
left: auto;
right: 100%;
transform: translateX(calc(var(--cmsmasters-header-bot-nav-dropdown-container-bd-width-left) * -1));
}
}
@media only screen and (max-width: 1024px) {
.cmsmasters-header-top .cmsmasters-menu__nav {
background-color: var(--cmsmasters-header-top-nav-burger-container-bg-color);
background-image: var(--cmsmasters-header-top-nav-burger-container-bg-image);
background-repeat: var(--cmsmasters-header-top-nav-burger-container-bg-repeat);
background-position: var(--cmsmasters-header-top-nav-burger-container-bg-position);
background-size: var(--cmsmasters-header-top-nav-burger-container-bg-size);
background-attachment: var(--cmsmasters-header-top-nav-burger-container-bg-attachment);
border-style: var(--cmsmasters-header-top-nav-burger-container-bd-style);
border-top-width: var(--cmsmasters-header-top-nav-burger-container-bd-width-top);
border-bottom-width: var(--cmsmasters-header-top-nav-burger-container-bd-width-bottom);
border-left-width: 0;
border-right-width: 0;
border-color: var(--cmsmasters-header-top-nav-burger-container-bd-color);
padding-top: var(--cmsmasters-header-top-nav-burger-container-padding-top);
padding-bottom: var(--cmsmasters-header-top-nav-burger-container-padding-bottom);
padding-left: 0;
padding-right: 0;
}
.cmsmasters-header-mid .cmsmasters-menu__nav {
background-color: var(--cmsmasters-header-mid-nav-burger-container-bg-color);
background-image: var(--cmsmasters-header-mid-nav-burger-container-bg-image);
background-repeat: var(--cmsmasters-header-mid-nav-burger-container-bg-repeat);
background-position: var(--cmsmasters-header-mid-nav-burger-container-bg-position);
background-size: var(--cmsmasters-header-mid-nav-burger-container-bg-size);
background-attachment: var(--cmsmasters-header-mid-nav-burger-container-bg-attachment);
border-style: var(--cmsmasters-header-mid-nav-burger-container-bd-style);
border-top-width: var(--cmsmasters-header-mid-nav-burger-container-bd-width-top);
border-bottom-width: var(--cmsmasters-header-mid-nav-burger-container-bd-width-bottom);
border-left-width: 0;
border-right-width: 0;
border-color: var(--cmsmasters-header-mid-nav-burger-container-bd-color);
padding-top: var(--cmsmasters-header-mid-nav-burger-container-padding-top);
padding-bottom: var(--cmsmasters-header-mid-nav-burger-container-padding-bottom);
padding-left: 0;
padding-right: 0;
}
.cmsmasters-header-bot .cmsmasters-menu__nav {
background-color: var(--cmsmasters-header-bot-nav-burger-container-bg-color);
background-image: var(--cmsmasters-header-bot-nav-burger-container-bg-image);
background-repeat: var(--cmsmasters-header-bot-nav-burger-container-bg-repeat);
background-position: var(--cmsmasters-header-bot-nav-burger-container-bg-position);
background-size: var(--cmsmasters-header-bot-nav-burger-container-bg-size);
background-attachment: var(--cmsmasters-header-bot-nav-burger-container-bg-attachment);
border-style: var(--cmsmasters-header-bot-nav-burger-container-bd-style);
border-top-width: var(--cmsmasters-header-bot-nav-burger-container-bd-width-top);
border-bottom-width: var(--cmsmasters-header-bot-nav-burger-container-bd-width-bottom);
border-left-width: 0;
border-right-width: 0;
border-color: var(--cmsmasters-header-bot-nav-burger-container-bd-color);
padding-top: var(--cmsmasters-header-bot-nav-burger-container-padding-top);
padding-bottom: var(--cmsmasters-header-bot-nav-burger-container-padding-bottom);
padding-left: 0;
padding-right: 0;
}
.cmsmasters-menu__list {
max-height: 100vh;
overflow-y: auto;
}
.cmsmasters-header-top .cmsmasters-menu__list > li {
border-top-style: var(--cmsmasters-header-top-nav-burger-title-item-divider-type);
border-top-width: var(--cmsmasters-header-top-nav-burger-title-item-divider-width);
border-top-color: var(--cmsmasters-header-top-nav-burger-title-item-divider-color);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li {
border-top-style: var(--cmsmasters-header-mid-nav-burger-title-item-divider-type);
border-top-width: var(--cmsmasters-header-mid-nav-burger-title-item-divider-width);
border-top-color: var(--cmsmasters-header-mid-nav-burger-title-item-divider-color);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li {
border-top-style: var(--cmsmasters-header-bot-nav-burger-title-item-divider-type);
border-top-width: var(--cmsmasters-header-bot-nav-burger-title-item-divider-width);
border-top-color: var(--cmsmasters-header-bot-nav-burger-title-item-divider-color);
}
.cmsmasters-header-top .cmsmasters-menu__list > li:first-child {
border-top: 0;
}
.cmsmasters-header-mid .cmsmasters-menu__list > li:first-child {
border-top: 0;
}
.cmsmasters-header-bot .cmsmasters-menu__list > li:first-child {
border-top: 0;
}
.cmsmasters-menu__list > li > a span.cmsmasters-menu__item {
display: flex;
justify-content: space-between;
overflow: hidden;
}
.cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before {
content: "";
width: 100%;
height: 100%;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all 0.3s ease-in-out;
}
.cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-menu__item {
font-family: var(--cmsmasters-header-top-nav-burger-title-item-font-family);
font-weight: var(--cmsmasters-header-top-nav-burger-title-item-font-weight);
font-style: var(--cmsmasters-header-top-nav-burger-title-item-font-style);
text-transform: var(--cmsmasters-header-top-nav-burger-title-item-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-top-nav-burger-title-item-text-decoration);
text-decoration: var(--cmsmasters-header-top-nav-burger-title-item-text-decoration);
font-size: var(--cmsmasters-header-top-nav-burger-title-item-font-size);
line-height: var(--cmsmasters-header-top-nav-burger-title-item-line-height);
letter-spacing: var(--cmsmasters-header-top-nav-burger-title-item-letter-spacing);
word-spacing: var(--cmsmasters-header-top-nav-burger-title-item-word-spacing);
color: var(--cmsmasters-header-top-nav-burger-title-item-normal-colors-color);
padding-top: var(--cmsmasters-header-top-nav-burger-title-item-padding-top);
padding-right: var(--cmsmasters-header-top-nav-burger-title-item-padding-right);
padding-bottom: var(--cmsmasters-header-top-nav-burger-title-item-padding-bottom);
padding-left: var(--cmsmasters-header-top-nav-burger-title-item-padding-left);
}
.cmsmasters-header-top .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-top-nav-burger-title-item-normal-colors-bg);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-menu__item {
font-family: var(--cmsmasters-header-mid-nav-burger-title-item-font-family);
font-weight: var(--cmsmasters-header-mid-nav-burger-title-item-font-weight);
font-style: var(--cmsmasters-header-mid-nav-burger-title-item-font-style);
text-transform: var(--cmsmasters-header-mid-nav-burger-title-item-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-mid-nav-burger-title-item-text-decoration);
text-decoration: var(--cmsmasters-header-mid-nav-burger-title-item-text-decoration);
font-size: var(--cmsmasters-header-mid-nav-burger-title-item-font-size);
line-height: var(--cmsmasters-header-mid-nav-burger-title-item-line-height);
letter-spacing: var(--cmsmasters-header-mid-nav-burger-title-item-letter-spacing);
word-spacing: var(--cmsmasters-header-mid-nav-burger-title-item-word-spacing);
color: var(--cmsmasters-header-mid-nav-burger-title-item-normal-colors-color);
padding-top: var(--cmsmasters-header-mid-nav-burger-title-item-padding-top);
padding-right: var(--cmsmasters-header-mid-nav-burger-title-item-padding-right);
padding-bottom: var(--cmsmasters-header-mid-nav-burger-title-item-padding-bottom);
padding-left: var(--cmsmasters-header-mid-nav-burger-title-item-padding-left);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-mid-nav-burger-title-item-normal-colors-bg);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-menu__item {
font-family: var(--cmsmasters-header-bot-nav-burger-title-item-font-family);
font-weight: var(--cmsmasters-header-bot-nav-burger-title-item-font-weight);
font-style: var(--cmsmasters-header-bot-nav-burger-title-item-font-style);
text-transform: var(--cmsmasters-header-bot-nav-burger-title-item-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-bot-nav-burger-title-item-text-decoration);
text-decoration: var(--cmsmasters-header-bot-nav-burger-title-item-text-decoration);
font-size: var(--cmsmasters-header-bot-nav-burger-title-item-font-size);
line-height: var(--cmsmasters-header-bot-nav-burger-title-item-line-height);
letter-spacing: var(--cmsmasters-header-bot-nav-burger-title-item-letter-spacing);
word-spacing: var(--cmsmasters-header-bot-nav-burger-title-item-word-spacing);
color: var(--cmsmasters-header-bot-nav-burger-title-item-normal-colors-color);
padding-top: var(--cmsmasters-header-bot-nav-burger-title-item-padding-top);
padding-right: var(--cmsmasters-header-bot-nav-burger-title-item-padding-right);
padding-bottom: var(--cmsmasters-header-bot-nav-burger-title-item-padding-bottom);
padding-left: var(--cmsmasters-header-bot-nav-burger-title-item-padding-left);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-bot-nav-burger-title-item-normal-colors-bg);
}
.cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-top-nav-burger-title-item-current-colors-color);
}
.cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-top .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-top-nav-burger-title-item-current-colors-bg);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-mid-nav-burger-title-item-current-colors-color);
}
.cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-mid .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-mid-nav-burger-title-item-current-colors-bg);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-bot-nav-burger-title-item-current-colors-color);
}
.cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-bot .cmsmasters-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-bot-nav-burger-title-item-current-colors-bg);
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li {
border-top-style: var(--cmsmasters-header-top-nav-burger-dropdown-item-divider-type);
border-top-width: var(--cmsmasters-header-top-nav-burger-dropdown-item-divider-width);
border-top-color: var(--cmsmasters-header-top-nav-burger-dropdown-item-divider-color);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li {
border-top-style: var(--cmsmasters-header-mid-nav-burger-dropdown-item-divider-type);
border-top-width: var(--cmsmasters-header-mid-nav-burger-dropdown-item-divider-width);
border-top-color: var(--cmsmasters-header-mid-nav-burger-dropdown-item-divider-color);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li {
border-top-style: var(--cmsmasters-header-bot-nav-burger-dropdown-item-divider-type);
border-top-width: var(--cmsmasters-header-bot-nav-burger-dropdown-item-divider-width);
border-top-color: var(--cmsmasters-header-bot-nav-burger-dropdown-item-divider-color);
}
.cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item {
display: flex;
justify-content: space-between;
overflow: hidden;
}
.cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before {
content: "";
width: 100%;
height: 100%;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all 0.3s ease-in-out;
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item {
font-family: var(--cmsmasters-header-top-nav-burger-dropdown-item-font-family);
font-weight: var(--cmsmasters-header-top-nav-burger-dropdown-item-font-weight);
font-style: var(--cmsmasters-header-top-nav-burger-dropdown-item-font-style);
text-transform: var(--cmsmasters-header-top-nav-burger-dropdown-item-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-top-nav-burger-dropdown-item-text-decoration);
text-decoration: var(--cmsmasters-header-top-nav-burger-dropdown-item-text-decoration);
font-size: var(--cmsmasters-header-top-nav-burger-dropdown-item-font-size);
line-height: var(--cmsmasters-header-top-nav-burger-dropdown-item-line-height);
letter-spacing: var(--cmsmasters-header-top-nav-burger-dropdown-item-letter-spacing);
word-spacing: var(--cmsmasters-header-top-nav-burger-dropdown-item-word-spacing);
color: var(--cmsmasters-header-top-nav-burger-dropdown-item-normal-colors-color);
padding-top: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-top);
padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right);
padding-bottom: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-bottom);
padding-left: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left);
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-top-nav-burger-dropdown-item-normal-colors-bg);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item {
font-family: var(--cmsmasters-header-mid-nav-burger-dropdown-item-font-family);
font-weight: var(--cmsmasters-header-mid-nav-burger-dropdown-item-font-weight);
font-style: var(--cmsmasters-header-mid-nav-burger-dropdown-item-font-style);
text-transform: var(--cmsmasters-header-mid-nav-burger-dropdown-item-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-mid-nav-burger-dropdown-item-text-decoration);
text-decoration: var(--cmsmasters-header-mid-nav-burger-dropdown-item-text-decoration);
font-size: var(--cmsmasters-header-mid-nav-burger-dropdown-item-font-size);
line-height: var(--cmsmasters-header-mid-nav-burger-dropdown-item-line-height);
letter-spacing: var(--cmsmasters-header-mid-nav-burger-dropdown-item-letter-spacing);
word-spacing: var(--cmsmasters-header-mid-nav-burger-dropdown-item-word-spacing);
color: var(--cmsmasters-header-mid-nav-burger-dropdown-item-normal-colors-color);
padding-top: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-top);
padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right);
padding-bottom: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-bottom);
padding-left: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-mid-nav-burger-dropdown-item-normal-colors-bg);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item {
font-family: var(--cmsmasters-header-bot-nav-burger-dropdown-item-font-family);
font-weight: var(--cmsmasters-header-bot-nav-burger-dropdown-item-font-weight);
font-style: var(--cmsmasters-header-bot-nav-burger-dropdown-item-font-style);
text-transform: var(--cmsmasters-header-bot-nav-burger-dropdown-item-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-bot-nav-burger-dropdown-item-text-decoration);
text-decoration: var(--cmsmasters-header-bot-nav-burger-dropdown-item-text-decoration);
font-size: var(--cmsmasters-header-bot-nav-burger-dropdown-item-font-size);
line-height: var(--cmsmasters-header-bot-nav-burger-dropdown-item-line-height);
letter-spacing: var(--cmsmasters-header-bot-nav-burger-dropdown-item-letter-spacing);
word-spacing: var(--cmsmasters-header-bot-nav-burger-dropdown-item-word-spacing);
color: var(--cmsmasters-header-bot-nav-burger-dropdown-item-normal-colors-color);
padding-top: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-top);
padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right);
padding-bottom: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-bottom);
padding-left: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-bot-nav-burger-dropdown-item-normal-colors-bg);
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-top-nav-burger-dropdown-item-current-colors-color);
}
.cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-top .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-top-nav-burger-dropdown-item-current-colors-bg);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-mid-nav-burger-dropdown-item-current-colors-color);
}
.cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-mid .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-mid-nav-burger-dropdown-item-current-colors-bg);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item, .cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item {
color: var(--cmsmasters-header-bot-nav-burger-dropdown-item-current-colors-color);
}
.cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item:before, .cmsmasters-header-bot .cmsmasters-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item:before {
background-color: var(--cmsmasters-header-bot-nav-burger-dropdown-item-current-colors-bg);
}
.cmsmasters-burger-alignment-centered .cmsmasters-menu__list li > a span.cmsmasters-menu__item {
justify-content: center;
}
.cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 20px);
padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 30px);
padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 40px);
padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 50px);
padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 60px);
padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 70px);
padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 80px);
padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 90px);
padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 100px);
padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-top .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-left) + 110px);
padding-right: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 20px);
padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 30px);
padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 40px);
padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 50px);
padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 60px);
padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 70px);
padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 80px);
padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 90px);
padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 100px);
padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-mid .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-left) + 110px);
padding-right: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 20px);
padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 30px);
padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 40px);
padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 50px);
padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 60px);
padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 70px);
padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 80px);
padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 90px);
padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 100px);
padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right);
}
.cmsmasters-header-bot .cmsmasters-burger-alignment-wide .cmsmasters-menu__list ul ul ul ul ul ul ul ul ul ul > li > a span.cmsmasters-menu__item {
padding-left: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-left) + 110px);
padding-right: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-right);
}
}
/* Swiper Slider */
.cmsmasters-swiper {
position: relative;
}
.cmsmasters-swiper__wrapper {
height: auto;
}
.cmsmasters-swiper__slide {
text-align: center;
}
.cmsmasters-swiper__buttons {
display: flex;
align-items: stretch;
margin-top: var(--cmsmasters-slider-arrows-container-margin-top);
margin-right: var(--cmsmasters-slider-arrows-container-margin-right);
margin-bottom: var(--cmsmasters-slider-arrows-container-margin-bottom);
margin-left: var(--cmsmasters-slider-arrows-container-margin-left);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none;
z-index: 1;
}
.cmsmasters-swiper.cmsmasters-arrows-visibility-hover:not(:hover) .cmsmasters-swiper__buttons {
opacity: 0;
visibility: hidden;
}
.cmsmasters-swiper.cmsmasters-arrows-visibility-hover .cmsmasters-swiper__buttons {
transition: opacity 0.25s ease, visibility 0.25s linear;
}
.cmsmasters-swiper__buttons-inner {
display: flex;
flex: 1;
flex-direction: var(--cmsmasters-slider-arrows-container-position);
justify-content: var(--cmsmasters-slider-arrows-container-jc);
align-items: var(--cmsmasters-slider-arrows-container-ai);
align-content: var(--cmsmasters-slider-arrows-container-ai);
}
.cmsmasters-swiper__button {
display: flex;
justify-content: center;
align-items: center;
background-image: none;
background-color: var(--cmsmasters-slider-arrows-normal-colors-bg);
border-color: var(--cmsmasters-slider-arrows-normal-colors-bd);
border-style: var(--cmsmasters-slider-arrows-bd-style);
border-top-width: var(--cmsmasters-slider-arrows-bd-width-top);
border-right-width: var(--cmsmasters-slider-arrows-bd-width-right);
border-bottom-width: var(--cmsmasters-slider-arrows-bd-width-bottom);
border-left-width: var(--cmsmasters-slider-arrows-bd-width-left);
border-radius: var(--cmsmasters-slider-arrows-bd-radius);
box-shadow: var(--cmsmasters-slider-arrows-normal-box-shadow);
width: auto;
height: auto;
min-width: var(--cmsmasters-slider-arrows-box-width);
min-height: var(--cmsmasters-slider-arrows-box-height);
padding-top: var(--cmsmasters-slider-arrows-padding-top);
padding-right: var(--cmsmasters-slider-arrows-padding-right);
padding-bottom: var(--cmsmasters-slider-arrows-padding-bottom);
padding-left: var(--cmsmasters-slider-arrows-padding-left);
position: static;
left: 0;
right: 0;
margin: 0;
cursor: pointer;
pointer-events: all;
transition: all 0.3s ease-in-out;
}
.cmsmasters-swiper__button:hover {
background-color: var(--cmsmasters-slider-arrows-hover-colors-bg);
border-color: var(--cmsmasters-slider-arrows-hover-colors-bd);
box-shadow: var(--cmsmasters-slider-arrows-hover-box-shadow);
}
.cmsmasters-swiper__button.cmsmasters-prev {
margin-right: calc(var(--cmsmasters-slider-arrows-spacing) / 2);
}
.cmsmasters-swiper__button.cmsmasters-next {
margin-left: calc(var(--cmsmasters-slider-arrows-spacing) / 2);
}
.cmsmasters-arrows-visibility-column .cmsmasters-swiper__button.cmsmasters-prev {
margin-bottom: calc(var(--cmsmasters-slider-arrows-spacing) / 2);
margin-right: 0;
}
.cmsmasters-arrows-visibility-column .cmsmasters-swiper__button.cmsmasters-next {
margin-top: calc(var(--cmsmasters-slider-arrows-spacing) / 2);
margin-left: 0;
}
.cmsmasters-swiper__button.swiper-button-disabled {
pointer-events: none;
opacity: 0.5;
}
.cmsmasters-swiper__button-inner {
margin: calc(var(--cmsmasters-slider-arrows-icon-gap) * -1);
display: flex;
align-items: center;
text-align: center;
overflow: hidden;
}
.cmsmasters-swiper__button-inner > * {
margin: var(--cmsmasters-slider-arrows-icon-gap);
}
.cmsmasters-swiper__button:focus {
outline: none;
}
.cmsmasters-swiper__button span {
color: var(--cmsmasters-slider-arrows-normal-colors-text);
font-family: var(--cmsmasters-slider-arrows-text-font-family);
font-weight: var(--cmsmasters-slider-arrows-text-font-weight);
font-style: var(--cmsmasters-slider-arrows-text-font-style);
text-transform: var(--cmsmasters-slider-arrows-text-text-transform);
-webkit-text-decoration: var(--cmsmasters-slider-arrows-text-text-decoration);
text-decoration: var(--cmsmasters-slider-arrows-text-text-decoration);
font-size: var(--cmsmasters-slider-arrows-text-font-size);
line-height: var(--cmsmasters-slider-arrows-text-line-height);
letter-spacing: var(--cmsmasters-slider-arrows-text-letter-spacing);
word-spacing: var(--cmsmasters-slider-arrows-text-word-spacing);
display: flex;
}
@media only screen and (max-width: 1024px) {
.cmsmasters-swiper__button span {
display: var(--cmsmasters-slider-arrows-responsive-text-visibility);
}
}
.cmsmasters-arrows-text-direction-vertical .cmsmasters-swiper__button span {
text-orientation: upright;
writing-mode: tb;
overflow: hidden;
}
.cmsmasters-swiper__button:hover span {
color: var(--cmsmasters-slider-arrows-hover-colors-text);
}
.cmsmasters-swiper__button i {
font-size: var(--cmsmasters-slider-arrows-icon-size);
color: var(--cmsmasters-slider-arrows-normal-colors-icon);
width: 1em;
height: 1em;
text-align: center;
}
.cmsmasters-swiper__button:hover i {
color: var(--cmsmasters-slider-arrows-hover-colors-icon);
}
.cmsmasters-swiper__pagination {
display: flex;
position: absolute;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none;
}
.cmsmasters-swiper__pagination-items {
position: static;
display: flex;
justify-content: center;
transition: none;
pointer-events: auto;
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination {
flex-direction: row;
justify-content: var(--cmsmasters-slider-bullets-container-jc);
align-items: var(--cmsmasters-slider-bullets-container-ai);
align-content: var(--cmsmasters-slider-bullets-container-ai);
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-outer {
background-color: var(--cmsmasters-slider-bullets-container-bg-color);
border-color: var(--cmsmasters-slider-bullets-container-bd-color);
border-style: var(--cmsmasters-slider-bullets-container-bd-style);
border-top-width: var(--cmsmasters-slider-bullets-container-bd-width-top);
border-right-width: var(--cmsmasters-slider-bullets-container-bd-width-right);
border-bottom-width: var(--cmsmasters-slider-bullets-container-bd-width-bottom);
border-left-width: var(--cmsmasters-slider-bullets-container-bd-width-left);
border-radius: var(--cmsmasters-slider-bullets-container-bd-radius);
padding-top: var(--cmsmasters-slider-bullets-container-padding-top);
padding-right: var(--cmsmasters-slider-bullets-container-padding-right);
padding-bottom: var(--cmsmasters-slider-bullets-container-padding-bottom);
padding-left: var(--cmsmasters-slider-bullets-container-padding-left);
margin-top: var(--cmsmasters-slider-bullets-container-margin-top);
margin-right: var(--cmsmasters-slider-bullets-container-margin-right);
margin-bottom: var(--cmsmasters-slider-bullets-container-margin-bottom);
margin-left: var(--cmsmasters-slider-bullets-container-margin-left);
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items {
width: auto;
margin: calc(var(--cmsmasters-slider-bullets-spacing) / -2);
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-horizontal {
width: auto;
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-vertical {
transform: none;
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic {
width: auto !important;
height: auto !important;
left: 0;
transform: none;
white-space: nowrap;
overflow: visible;
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
width: calc(var(--cmsmasters-slider-bullets-size) * 1.5);
height: calc(var(--cmsmasters-slider-bullets-size) * 1.5);
transform: scale(0);
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-main {
transform: scale(1);
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev, .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next {
transform: scale(0.65);
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev, .cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination-items.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next {
transform: scale(0.35);
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination .swiper-pagination-bullet {
outline: none;
font-family: var(--cmsmasters-slider-bullets-font-family);
font-weight: var(--cmsmasters-slider-bullets-font-weight);
font-style: var(--cmsmasters-slider-bullets-font-style);
text-transform: var(--cmsmasters-slider-bullets-text-transform);
-webkit-text-decoration: var(--cmsmasters-slider-bullets-text-decoration);
text-decoration: var(--cmsmasters-slider-bullets-text-decoration);
font-size: var(--cmsmasters-slider-bullets-font-size);
line-height: var(--cmsmasters-slider-bullets-line-height);
letter-spacing: var(--cmsmasters-slider-bullets-letter-spacing);
word-spacing: var(--cmsmasters-slider-bullets-word-spacing);
background-color: var(--cmsmasters-slider-bullets-normal-colors-bg);
color: var(--cmsmasters-slider-bullets-normal-colors-text);
box-shadow: var(--cmsmasters-slider-bullets-normal-box-shadow);
border-color: var(--cmsmasters-slider-bullets-normal-colors-bd);
border-style: var(--cmsmasters-slider-bullets-bd-style);
border-top-width: var(--cmsmasters-slider-bullets-bd-width-top);
border-right-width: var(--cmsmasters-slider-bullets-bd-width-right);
border-bottom-width: var(--cmsmasters-slider-bullets-bd-width-bottom);
border-left-width: var(--cmsmasters-slider-bullets-bd-width-left);
border-radius: var(--cmsmasters-slider-bullets-bd-radius);
display: flex;
align-items: center;
justify-content: center;
width: var(--cmsmasters-slider-bullets-size);
height: var(--cmsmasters-slider-bullets-size);
margin: calc(var(--cmsmasters-slider-bullets-spacing) / 2) !important;
opacity: 1;
position: relative;
pointer-events: all;
transition: all 0.25s ease, margin 0s linear !important;
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination .swiper-pagination-bullet:hover {
background-color: var(--cmsmasters-slider-bullets-hover-colors-bg);
color: var(--cmsmasters-slider-bullets-hover-colors-text);
border-color: var(--cmsmasters-slider-bullets-hover-colors-bd);
box-shadow: var(--cmsmasters-slider-bullets-hover-box-shadow);
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--cmsmasters-slider-bullets-active-colors-bg);
color: var(--cmsmasters-slider-bullets-active-colors-text);
border-color: var(--cmsmasters-slider-bullets-active-colors-bd);
box-shadow: var(--cmsmasters-slider-bullets-active-box-shadow);
}
.cmsmasters-swiper.cmsmasters-pagination-bullets .cmsmasters-swiper__pagination .swiper-pagination-bullet:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: calc(var(--cmsmasters-slider-bullets-spacing) / -2);
}
.cmsmasters-swiper.cmsmasters-pagination-progressbar .cmsmasters-swiper__pagination {
align-items: var(--cmsmasters-slider-progressbar-container-position);
margin-top: var(--cmsmasters-slider-progressbar-container-margin-top);
margin-right: var(--cmsmasters-slider-progressbar-container-margin-right);
margin-bottom: var(--cmsmasters-slider-progressbar-container-margin-bottom);
margin-left: var(--cmsmasters-slider-progressbar-container-margin-left);
}
.cmsmasters-swiper.cmsmasters-pagination-progressbar .cmsmasters-swiper__pagination-outer {
width: 100%;
}
.cmsmasters-swiper.cmsmasters-pagination-progressbar .cmsmasters-swiper__pagination .swiper-pagination-progressbar {
width: 100%;
height: var(--cmsmasters-slider-progressbar-thickness);
overflow: hidden;
border-radius: var(--cmsmasters-slider-progressbar-bd-radius);
box-shadow: var(--cmsmasters-slider-progressbar-box-shadow);
background-color: var(--cmsmasters-slider-progressbar-normal-bg);
}
.cmsmasters-swiper.cmsmasters-pagination-progressbar .cmsmasters-swiper__pagination .swiper-pagination-progressbar-fill {
background-color: var(--cmsmasters-slider-progressbar-fill-bg);
}
.cmsmasters-swiper.cmsmasters-pagination-fraction .cmsmasters-swiper__pagination {
margin-top: var(--cmsmasters-slider-fraction-margin-top);
margin-right: var(--cmsmasters-slider-fraction-margin-right);
margin-bottom: var(--cmsmasters-slider-fraction-margin-bottom);
margin-left: var(--cmsmasters-slider-fraction-margin-left);
flex-direction: row;
justify-content: var(--cmsmasters-slider-fraction-jc);
align-items: var(--cmsmasters-slider-fraction-ai);
align-content: var(--cmsmasters-slider-fraction-ai);
}
.cmsmasters-swiper.cmsmasters-pagination-fraction .cmsmasters-swiper__pagination .swiper-pagination-fraction {
font-family: var(--cmsmasters-slider-fraction-font-family);
font-weight: var(--cmsmasters-slider-fraction-font-weight);
font-style: var(--cmsmasters-slider-fraction-font-style);
text-transform: var(--cmsmasters-slider-fraction-text-transform);
-webkit-text-decoration: var(--cmsmasters-slider-fraction-text-decoration);
text-decoration: var(--cmsmasters-slider-fraction-text-decoration);
font-size: var(--cmsmasters-slider-fraction-font-size);
line-height: var(--cmsmasters-slider-fraction-line-height);
letter-spacing: var(--cmsmasters-slider-fraction-letter-spacing);
word-spacing: var(--cmsmasters-slider-fraction-word-spacing);
color: var(--cmsmasters-slider-fraction-colors-text);
background-color: var(--cmsmasters-slider-fraction-colors-bg);
border-color: var(--cmsmasters-slider-fraction-colors-bd);
border-style: var(--cmsmasters-slider-fraction-bd-style);
border-top-width: var(--cmsmasters-slider-fraction-bd-width-top);
border-right-width: var(--cmsmasters-slider-fraction-bd-width-right);
border-bottom-width: var(--cmsmasters-slider-fraction-bd-width-bottom);
border-left-width: var(--cmsmasters-slider-fraction-bd-width-left);
border-radius: var(--cmsmasters-slider-fraction-bd-radius);
width: auto;
padding-top: var(--cmsmasters-slider-fraction-padding-top);
padding-right: var(--cmsmasters-slider-fraction-padding-right);
padding-bottom: var(--cmsmasters-slider-fraction-padding-bottom);
padding-left: var(--cmsmasters-slider-fraction-padding-left);
pointer-events: none;
}
.cmsmasters-swiper.cmsmasters-pagination-fraction .cmsmasters-swiper__pagination .swiper-pagination-fraction > [class*=swiper-pagination-] {
padding: 0 var(--cmsmasters-slider-fraction-spacing);
}
.cmsmasters-swiper.cmsmasters-pagination-fraction .cmsmasters-swiper__pagination .swiper-pagination-fraction > *:first-child {
padding-left: 0 !important;
}
.cmsmasters-swiper.cmsmasters-pagination-fraction .cmsmasters-swiper__pagination .swiper-pagination-fraction > *:last-child {
padding-right: 0 !important;
}
/* Video */
.cmsmasters-video-wrap {
background-color: #000000;
height: 0;
padding-bottom: 50%;
position: relative;
overflow: hidden;
}
.cmsmasters-video-wrap .wp-video {
width: 100% !important;
position: static;
}
.cmsmasters-video-wrap iframe,
.cmsmasters-video-wrap video {
margin: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* Pagination */
.cmsmasters-pagination ul {
list-style: none;
display: flex;
align-items: center;
justify-content: flex-start;
margin: -2px -2px 0;
padding: 0;
}
.cmsmasters-pagination ul li {
margin: 2px 2px 0;
padding: 0;
}
.cmsmasters-subpage-nav {
display: flex;
align-items: center;
margin-top: 3rem;
clear: both;
overflow: hidden;
}
.cmsmasters-subpage-nav__title {
font-family: var(--cmsmasters-h6-font-family);
font-weight: var(--cmsmasters-h6-font-weight);
font-style: var(--cmsmasters-h6-font-style);
text-transform: var(--cmsmasters-h6-text-transform);
-webkit-text-decoration: var(--cmsmasters-h6-text-decoration);
text-decoration: var(--cmsmasters-h6-text-decoration);
font-size: var(--cmsmasters-h6-font-size);
line-height: var(--cmsmasters-h6-line-height);
letter-spacing: var(--cmsmasters-h6-letter-spacing);
word-spacing: var(--cmsmasters-h6-word-spacing);
margin-right: 20px;
flex-shrink: 0;
}
.cmsmasters-subpage-nav__items {
display: inline-flex;
flex-wrap: wrap;
margin: -2px -2px 0;
}
.cmsmasters-subpage-nav .post-page-numbers {
margin: 2px 2px 0;
}
.cmsmasters-pagination ul .page-numbers,
.cmsmasters-pagination ul .post-page-numbers,
.cmsmasters-subpage-nav__items .page-numbers,
.cmsmasters-subpage-nav__items .post-page-numbers {
border-width: 1px;
border-style: solid;
border-color: var(--cmsmasters-colors-bd);
color: var(--cmsmasters-colors-heading);
background-color: var(--cmsmasters-colors-bg);
font-family: var(--cmsmasters-accent-font-family);
font-weight: var(--cmsmasters-accent-font-weight);
font-style: var(--cmsmasters-accent-font-style);
text-transform: var(--cmsmasters-accent-text-transform);
-webkit-text-decoration: var(--cmsmasters-accent-text-decoration);
text-decoration: var(--cmsmasters-accent-text-decoration);
font-size: var(--cmsmasters-accent-font-size);
line-height: var(--cmsmasters-accent-line-height);
letter-spacing: var(--cmsmasters-accent-letter-spacing);
word-spacing: var(--cmsmasters-accent-word-spacing);
display: block;
line-height: 36px !important;
min-width: 36px;
height: 36px;
padding: 0 2px;
text-align: center;
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.cmsmasters-pagination ul .page-numbers.current,
.cmsmasters-pagination ul .post-page-numbers.current,
.cmsmasters-subpage-nav__items .page-numbers.current,
.cmsmasters-subpage-nav__items .post-page-numbers.current {
border-color: var(--cmsmasters-colors-link);
color: var(--cmsmasters-colors-bg);
background-color: var(--cmsmasters-colors-link);
}
.cmsmasters-pagination ul a.page-numbers:hover,
.cmsmasters-pagination ul a.post-page-numbers:hover,
.cmsmasters-subpage-nav__items a.page-numbers:hover,
.cmsmasters-subpage-nav__items a.post-page-numbers:hover {
border-color: var(--cmsmasters-colors-link);
}
/* Pings list */
.cmsmasters-pings-list a {
color: var(--cmsmasters-colors-heading);
}
.cmsmasters-pings-list a:hover {
color: var(--cmsmasters-colors-link);
}
.cmsmasters-pings-list .edit-link {
margin-left: 10px;
}
/* Post Password Form */
.cmsmasters-post-password-form {
display: flex;
}
.cmsmasters-post-password-form input[type=password] {
width: auto;
flex-grow: initial;
margin-right: 10px;
}
/* WP Gallery */
.gallery {
display: flex;
flex-wrap: wrap;
list-style: none;
margin-top: calc(var(--cmsmasters-gutenberg-gallery-columns-gap) * -1);
margin-left: calc(var(--cmsmasters-gutenberg-gallery-columns-gap) * -1);
margin-right: 0;
margin-bottom: 3rem;
padding: 0;
}
.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) .gallery-item, .gallery-item {
flex-grow: 1;
margin-top: var(--cmsmasters-gutenberg-gallery-columns-gap);
margin-left: var(--cmsmasters-gutenberg-gallery-columns-gap);
margin-right: 0;
margin-bottom: 0;
position: relative;
}
.elementor .elementor-widget.elementor-widget-image-gallery.gallery-spacing-custom .gallery-item {
margin: 0;
}
.gallery img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.elementor .elementor-image-gallery .gallery-item .gallery-caption, .gallery-caption {
text-align: center;
font-family: var(--cmsmasters-caption-outside-font-family);
font-weight: var(--cmsmasters-caption-outside-font-weight);
font-style: var(--cmsmasters-caption-outside-font-style);
text-transform: var(--cmsmasters-caption-outside-text-transform);
-webkit-text-decoration: var(--cmsmasters-caption-outside-text-decoration);
text-decoration: var(--cmsmasters-caption-outside-text-decoration);
font-size: var(--cmsmasters-caption-outside-font-size);
line-height: var(--cmsmasters-caption-outside-line-height);
letter-spacing: var(--cmsmasters-caption-outside-letter-spacing);
word-spacing: var(--cmsmasters-caption-outside-word-spacing);
color: var(--cmsmasters-caption-outside-colors-text);
background-color: var(--cmsmasters-caption-outside-colors-bg);
border-color: var(--cmsmasters-caption-outside-colors-bd);
border-style: var(--cmsmasters-caption-outside-bd-style);
border-top-width: var(--cmsmasters-caption-outside-bd-width-top);
border-right-width: var(--cmsmasters-caption-outside-bd-width-right);
border-bottom-width: var(--cmsmasters-caption-outside-bd-width-bottom);
border-left-width: var(--cmsmasters-caption-outside-bd-width-left);
border-radius: var(--cmsmasters-caption-outside-bd-radius);
padding-top: var(--cmsmasters-caption-outside-padding-top);
padding-right: var(--cmsmasters-caption-outside-padding-right);
padding-bottom: var(--cmsmasters-caption-outside-padding-bottom);
padding-left: var(--cmsmasters-caption-outside-padding-left);
width: 100%;
margin: 0;
margin-top: var(--cmsmasters-caption-outside-gap);
}
.elementor .elementor-image-gallery .gallery-item .gallery-caption a, .gallery-caption a {
color: var(--cmsmasters-caption-outside-colors-link);
}
.elementor .elementor-image-gallery .gallery-item .gallery-caption a:hover, .gallery-caption a:hover {
color: var(--cmsmasters-caption-outside-colors-hover);
}
@media only screen and (min-width: 768px) {
.gallery.gallery-columns-1 .gallery-item {
width: calc((100% / 1) - var(--cmsmasters-gutenberg-gallery-columns-gap));
}
}
@media only screen and (min-width: 768px) {
.gallery.gallery-columns-2 .gallery-item {
width: calc((100% / 2) - var(--cmsmasters-gutenberg-gallery-columns-gap));
}
}
@media only screen and (min-width: 768px) {
.gallery.gallery-columns-3 .gallery-item {
width: calc((100% / 3) - var(--cmsmasters-gutenberg-gallery-columns-gap));
}
}
@media only screen and (min-width: 768px) {
.gallery.gallery-columns-4 .gallery-item {
width: calc((100% / 4) - var(--cmsmasters-gutenberg-gallery-columns-gap));
}
}
@media only screen and (min-width: 768px) {
.gallery.gallery-columns-5 .gallery-item {
width: calc((100% / 5) - var(--cmsmasters-gutenberg-gallery-columns-gap));
}
}
@media only screen and (min-width: 768px) {
.gallery.gallery-columns-6 .gallery-item {
width: calc((100% / 6) - var(--cmsmasters-gutenberg-gallery-columns-gap));
}
}
@media only screen and (min-width: 768px) {
.gallery.gallery-columns-7 .gallery-item {
width: calc((100% / 7) - var(--cmsmasters-gutenberg-gallery-columns-gap));
}
}
@media only screen and (min-width: 768px) {
.gallery.gallery-columns-8 .gallery-item {
width: calc((100% / 8) - var(--cmsmasters-gutenberg-gallery-columns-gap));
}
}
@media only screen and (min-width: 768px) {
.gallery.gallery-columns-9 .gallery-item {
width: calc((100% / 9) - var(--cmsmasters-gutenberg-gallery-columns-gap));
}
}
/* Header Top */
.cmsmasters-header-top {
width: var(--cmsmasters-header-top-container-width);
border-style: var(--cmsmasters-header-top-container-bd-style);
border-top-width: var(--cmsmasters-header-top-container-bd-width-top);
border-right-width: var(--cmsmasters-header-top-container-bd-width-right);
border-bottom-width: var(--cmsmasters-header-top-container-bd-width-bottom);
border-left-width: var(--cmsmasters-header-top-container-bd-width-left);
border-color: var(--cmsmasters-header-top-container-bd-color);
background-color: var(--cmsmasters-header-top-container-bg-color);
background-image: var(--cmsmasters-header-top-container-bg-image);
background-repeat: var(--cmsmasters-header-top-container-bg-repeat);
background-position: var(--cmsmasters-header-top-container-bg-position);
background-size: var(--cmsmasters-header-top-container-bg-size);
background-attachment: var(--cmsmasters-header-top-container-bg-attachment);
max-width: 100%;
margin: 0 auto;
position: relative;
z-index: var(--cmsmasters-header-top-z-index);
}
.cmsmasters-header-top__outer {
width: var(--cmsmasters-header-top-content-width);
border-style: var(--cmsmasters-header-top-content-bd-style);
border-top-width: var(--cmsmasters-header-top-content-bd-width-top);
border-right-width: var(--cmsmasters-header-top-content-bd-width-right);
border-bottom-width: var(--cmsmasters-header-top-content-bd-width-bottom);
border-left-width: var(--cmsmasters-header-top-content-bd-width-left);
border-color: var(--cmsmasters-header-top-content-bd-color);
max-width: 100%;
margin: 0 auto;
position: relative;
padding-top: var(--cmsmasters-header-top-content-padding-top);
padding-right: var(--cmsmasters-header-top-content-padding-right);
padding-bottom: var(--cmsmasters-header-top-content-padding-bottom);
padding-left: var(--cmsmasters-header-top-content-padding-left);
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-top__outer {
display: none;
}
.cmsmasters-header-top-single-item .cmsmasters-header-top__outer {
display: block;
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-top__outer {
height: var(--cmsmasters-header-top-height);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-top__inner {
display: flex;
justify-content: var(--cmsmasters-header-top-alignment);
height: 100%;
}
.cmsmasters-header-top__inner > div {
height: 100%;
}
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-top__inner > div + div {
margin-top: var(--cmsmasters-header-top-elements-gap);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-top__inner > div + div {
margin-left: var(--cmsmasters-header-top-elements-gap);
}
}
.cmsmasters-header-top-toggle {
display: flex;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-top-toggle {
display: none;
}
}
.cmsmasters-header-top-toggle__inner {
display: block;
cursor: pointer;
font-size: var(--cmsmasters-header-top-toggle-icon-size);
padding-top: var(--cmsmasters-header-top-toggle-padding-top);
padding-right: var(--cmsmasters-header-top-toggle-padding-right);
padding-bottom: var(--cmsmasters-header-top-toggle-padding-bottom);
padding-left: var(--cmsmasters-header-top-toggle-padding-left);
color: var(--cmsmasters-header-top-toggle-normal-colors-color);
background-color: var(--cmsmasters-header-top-toggle-normal-colors-bg);
border-color: var(--cmsmasters-header-top-toggle-normal-colors-bd);
border-style: var(--cmsmasters-header-top-toggle-normal-bd-style);
border-top-width: var(--cmsmasters-header-top-toggle-normal-bd-width-top);
border-right-width: var(--cmsmasters-header-top-toggle-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-header-top-toggle-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-header-top-toggle-normal-bd-width-left);
border-radius: var(--cmsmasters-header-top-toggle-normal-bd-radius);
box-shadow: var(--cmsmasters-header-top-toggle-normal-box-shadow);
transition: all 0.3s ease-in-out;
}
.cmsmasters-header-top-toggle__inner.cmsmasters-active {
color: var(--cmsmasters-header-top-toggle-active-colors-color);
background-color: var(--cmsmasters-header-top-toggle-active-colors-bg);
border-color: var(--cmsmasters-header-top-toggle-active-colors-bd);
border-radius: var(--cmsmasters-header-top-toggle-active-bd-radius);
box-shadow: var(--cmsmasters-header-top-toggle-active-box-shadow);
}
.cmsmasters-header-top-toggle__inner > span {
display: block;
position: relative;
}
.cmsmasters-header-top-toggle__inner > span:last-child {
display: none;
}
.cmsmasters-header-top-toggle__inner > span > *, .cmsmasters-header-top-toggle__inner > span > *:before {
display: block;
width: 1em;
height: 1em;
}
.cmsmasters-header-top-toggle__inner.cmsmasters-active > span:first-child {
display: none;
}
.cmsmasters-header-top-toggle__inner.cmsmasters-active > span:last-child {
display: block;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-top-menu:first-child + .cmsmasters-header-top-burger-menu-button {
margin-top: 0;
}
}
.cmsmasters-header-top-burger-menu-button__outer {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
@media only screen and (min-width: 1025px) {
.cmsmasters-header-top-menu__list > li > a span.cmsmasters-menu__item-inner:before {
background-color: transparent;
width: 0;
height: 1px;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out;
}
.cmsmasters-header-top-menu__list > li:hover > a span.cmsmasters-menu__item-inner:before {
background-color: var(--cmsmasters-header-top-nav-title-item-hover-colors-color);
width: 100%;
}
.cmsmasters-header-top-menu__list > li.current-menu-item > a span.cmsmasters-menu__item-inner:before, .cmsmasters-header-top-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item-inner:before {
background-color: var(--cmsmasters-header-top-nav-title-item-current-colors-color);
width: 100%;
}
.cmsmasters-header-top-menu__list > li > a span.cmsmasters-child-indicator {
font-size: 0.65em;
margin-left: 1.2em;
}
.cmsmasters-header-top-menu__list > li > a span.cmsmasters-child-indicator:before {
transform: rotate(90deg);
}
.cmsmasters-header-top-menu__list ul > li > a span.cmsmasters-menu__item-inner {
display: inline-block;
}
.cmsmasters-header-top-menu__list ul > li > a span.cmsmasters-menu__item-inner:before {
background-color: transparent;
width: 0;
height: 1px;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out;
}
.cmsmasters-header-top-menu__list ul > li:hover > a span.cmsmasters-menu__item-inner:before {
background-color: var(--cmsmasters-header-top-nav-dropdown-item-hover-colors-color);
width: 100%;
}
.cmsmasters-header-top-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item-inner:before, .cmsmasters-header-top-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item-inner:before {
background-color: var(--cmsmasters-header-top-nav-dropdown-item-current-colors-color);
width: 100%;
}
.cmsmasters-header-top-menu__list ul > li > a span.cmsmasters-child-indicator {
font-size: 0.67em;
margin-left: 1.2em;
}
}
@media only screen and (max-width: 1024px) {
.cmsmasters-header-top-menu__list > li > a span.cmsmasters-child-indicator {
width: 3em;
font-size: 0.84em;
top: 1px;
text-align: right;
margin-top: calc(var(--cmsmasters-header-top-nav-burger-title-item-padding-top) * -1);
margin-bottom: calc(var(--cmsmasters-header-top-nav-burger-title-item-padding-bottom) * -1);
padding-top: var(--cmsmasters-header-top-nav-burger-title-item-padding-top);
padding-bottom: var(--cmsmasters-header-top-nav-burger-title-item-padding-bottom);
}
.cmsmasters-header-top-menu__list > li > a span.cmsmasters-child-indicator.cmsmasters-active:before {
transform: rotate(90deg);
}
.cmsmasters-header-top-menu__list ul > li > a span.cmsmasters-child-indicator {
width: 3em;
font-size: 0.68em;
top: 1px;
text-align: right;
margin-top: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-top) * -1);
margin-bottom: calc(var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-bottom) * -1);
padding-top: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-top);
padding-bottom: var(--cmsmasters-header-top-nav-burger-dropdown-item-padding-bottom);
}
.cmsmasters-header-top-menu__list ul > li > a span.cmsmasters-child-indicator.cmsmasters-active:before {
transform: rotate(90deg);
}
}
.cmsmasters-header-top-html {
position: relative;
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-top-html__outer {
display: flex;
height: 100%;
align-items: center;
}
}
.cmsmasters-header-top-html__inner {
font-family: var(--cmsmasters-header-top-html-font-family);
font-weight: var(--cmsmasters-header-top-html-font-weight);
font-style: var(--cmsmasters-header-top-html-font-style);
text-transform: var(--cmsmasters-header-top-html-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-top-html-text-decoration);
text-decoration: var(--cmsmasters-header-top-html-text-decoration);
font-size: var(--cmsmasters-header-top-html-font-size);
line-height: var(--cmsmasters-header-top-html-line-height);
letter-spacing: var(--cmsmasters-header-top-html-letter-spacing);
word-spacing: var(--cmsmasters-header-top-html-word-spacing);
color: var(--cmsmasters-header-top-html-colors-text);
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-top-html__inner {
text-align: center;
}
}
.cmsmasters-header-top-html__inner a {
color: var(--cmsmasters-header-top-html-colors-link);
}
.cmsmasters-header-top-html__inner a:hover {
color: var(--cmsmasters-header-top-html-colors-hover);
}
.cmsmasters-header-top-html__inner > *:last-child {
margin-bottom: 0;
}
.cmsmasters-header-top-info {
position: relative;
}
.cmsmasters-header-top-info__list {
font-family: var(--cmsmasters-header-top-info-font-family);
font-weight: var(--cmsmasters-header-top-info-font-weight);
font-style: var(--cmsmasters-header-top-info-font-style);
text-transform: var(--cmsmasters-header-top-info-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-top-info-text-decoration);
text-decoration: var(--cmsmasters-header-top-info-text-decoration);
font-size: var(--cmsmasters-header-top-info-font-size);
line-height: var(--cmsmasters-header-top-info-line-height);
letter-spacing: var(--cmsmasters-header-top-info-letter-spacing);
word-spacing: var(--cmsmasters-header-top-info-word-spacing);
color: var(--cmsmasters-header-top-info-colors-text);
list-style: none;
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
padding: 0;
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-top-info__list {
height: 100%;
flex-direction: row;
}
}
.cmsmasters-header-top-info__list a {
color: var(--cmsmasters-header-top-info-colors-link);
}
.cmsmasters-header-top-info__list a:hover {
color: var(--cmsmasters-header-top-info-colors-hover);
}
.cmsmasters-header-top-info__item {
position: relative;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-top-info__item {
margin-bottom: var(--cmsmasters-header-top-info-items-gap);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-top-info__item {
margin-right: var(--cmsmasters-header-top-info-items-gap);
}
}
.cmsmasters-header-top-info__item:before {
content: "";
background-color: var(--cmsmasters-header-top-info-colors-divider);
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-top-info__item:before {
width: 30%;
height: 1px;
top: auto;
bottom: calc(var(--cmsmasters-header-top-info-items-gap) / 2 * -1);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-top-info__item:before {
width: 1px;
height: 16px;
left: auto;
right: calc(var(--cmsmasters-header-top-info-items-gap)/2 * -1);
}
}
.cmsmasters-header-top-info__item:last-child {
margin-right: 0;
margin-bottom: 0;
}
.cmsmasters-header-top-info__item:last-child:before {
content: none;
}
.cmsmasters-header-top-info__item-inner {
display: flex;
align-items: center;
}
.cmsmasters-header-top-info__item-inner > * + * {
margin-left: var(--cmsmasters-header-top-info-icon-gap);
}
.cmsmasters-header-top-info__item-icon {
font-size: var(--cmsmasters-header-top-info-icon-size);
color: var(--cmsmasters-header-top-info-colors-icon);
text-align: center;
width: 1em;
height: 1em;
position: relative;
transition: color 0.3s ease-in-out;
}
.cmsmasters-header-top-info__item-icon > * {
text-align: center;
display: block;
width: var(--cmsmasters-header-top-info-icon-size);
max-width: var(--cmsmasters-header-top-info-icon-size);
height: var(--cmsmasters-header-top-info-icon-size);
max-height: var(--cmsmasters-header-top-info-icon-size);
}
.cmsmasters-header-top-info__item-icon i {
display: block;
}
.cmsmasters-header-top-info__item-icon i:before {
display: block;
width: 1em;
height: 1em;
}
.cmsmasters-header-top-info a:hover .cmsmasters-header-top-info__item-icon {
color: var(--cmsmasters-header-top-info-colors-hover);
}
.cmsmasters-header-top-info__item-text {
position: relative;
}
.cmsmasters-header-top-social {
position: relative;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-top-social {
width: 100%;
}
}
.cmsmasters-header-top-social a {
display: block;
}
.cmsmasters-header-top-social__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-top-social__list {
justify-content: center;
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-top-social__list {
height: 100%;
align-items: center;
}
}
.cmsmasters-header-top-social__item {
margin: 0;
margin-left: var(--cmsmasters-header-top-social-gap);
position: relative;
}
.cmsmasters-header-top-social__item:first-child {
margin-left: 0;
}
.cmsmasters-header-top-social__item-icon {
color: var(--cmsmasters-header-top-social-normal-colors-color);
background-color: var(--cmsmasters-header-top-social-normal-colors-bg);
border-color: var(--cmsmasters-header-top-social-normal-colors-bd);
font-size: var(--cmsmasters-header-top-social-size);
border-style: var(--cmsmasters-header-top-social-bd-style);
border-top-width: var(--cmsmasters-header-top-social-bd-width-top);
border-right-width: var(--cmsmasters-header-top-social-bd-width-right);
border-bottom-width: var(--cmsmasters-header-top-social-bd-width-bottom);
border-left-width: var(--cmsmasters-header-top-social-bd-width-left);
border-radius: var(--cmsmasters-header-top-social-bd-radius);
padding-top: var(--cmsmasters-header-top-social-padding-top);
padding-right: var(--cmsmasters-header-top-social-padding-right);
padding-bottom: var(--cmsmasters-header-top-social-padding-bottom);
padding-left: var(--cmsmasters-header-top-social-padding-left);
display: block;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.cmsmasters-header-top-social__item-icon:hover {
color: var(--cmsmasters-header-top-social-hover-colors-color);
background-color: var(--cmsmasters-header-top-social-hover-colors-bg);
border-color: var(--cmsmasters-header-top-social-hover-colors-bd);
}
.cmsmasters-header-top-social__item-icon > * {
text-align: center;
display: block;
width: var(--cmsmasters-header-top-social-size);
max-width: var(--cmsmasters-header-top-social-size);
height: var(--cmsmasters-header-top-social-size);
max-height: var(--cmsmasters-header-top-social-size);
}
.cmsmasters-header-top-social__item-icon i {
display: block;
}
.cmsmasters-header-top-social__item-icon i:before {
display: block;
width: 1em;
height: 1em;
}
/* Header Mid */
.cmsmasters_header {
position: relative;
z-index: var(--cmsmasters-header-mid-z-index);
}
.cmsmasters-header-mid {
width: var(--cmsmasters-header-mid-container-width);
border-style: var(--cmsmasters-header-mid-container-bd-style);
border-top-width: var(--cmsmasters-header-mid-container-bd-width-top);
border-right-width: var(--cmsmasters-header-mid-container-bd-width-right);
border-bottom-width: var(--cmsmasters-header-mid-container-bd-width-bottom);
border-left-width: var(--cmsmasters-header-mid-container-bd-width-left);
border-color: var(--cmsmasters-header-mid-container-bd-color);
background-color: var(--cmsmasters-header-mid-container-bg-color);
background-image: var(--cmsmasters-header-mid-container-bg-image);
background-repeat: var(--cmsmasters-header-mid-container-bg-repeat);
background-position: var(--cmsmasters-header-mid-container-bg-position);
background-size: var(--cmsmasters-header-mid-container-bg-size);
background-attachment: var(--cmsmasters-header-mid-container-bg-attachment);
max-width: 100%;
margin: 0 auto;
position: relative;
z-index: var(--cmsmasters-header-mid-z-index);
}
.cmsmasters-header-mid__outer {
width: var(--cmsmasters-header-mid-content-width);
border-style: var(--cmsmasters-header-mid-content-bd-style);
border-top-width: var(--cmsmasters-header-mid-content-bd-width-top);
border-right-width: var(--cmsmasters-header-mid-content-bd-width-right);
border-bottom-width: var(--cmsmasters-header-mid-content-bd-width-bottom);
border-left-width: var(--cmsmasters-header-mid-content-bd-width-left);
border-color: var(--cmsmasters-header-mid-content-bd-color);
max-width: 100%;
margin: 0 auto;
position: relative;
padding-top: var(--cmsmasters-header-mid-content-padding-top);
padding-right: var(--cmsmasters-header-mid-content-padding-right);
padding-bottom: var(--cmsmasters-header-mid-content-padding-bottom);
padding-left: var(--cmsmasters-header-mid-content-padding-left);
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid__outer {
height: var(--cmsmasters-header-mid-height);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid__inner {
display: flex;
justify-content: space-between;
height: 100%;
}
.cmsmasters-header-mid__inner.cmsmasters-type-centered {
justify-content: center;
}
.cmsmasters-header-mid__inner > div {
height: 100%;
}
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-mid__content-wrap {
margin-top: var(--cmsmasters-header-mid-content-element-gap);
}
.cmsmasters-header-mid__content-wrap > div + div {
margin-top: var(--cmsmasters-header-mid-content-element-gap);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid__content-wrap {
display: flex;
}
.cmsmasters-header-mid__content-wrap > div {
height: 100%;
}
.cmsmasters-header-mid__content-wrap > div + div {
margin-left: var(--cmsmasters-header-mid-content-element-gap);
}
.cmsmasters-header-mid__content-wrap > div + div.cmsmasters-only-burger-button {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid__content > div {
height: 100%;
}
}
.cmsmasters-header-mid__add-content {
display: flex;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-mid__add-content {
flex-wrap: wrap;
justify-content: center;
}
.cmsmasters-header-mid__add-content > div + div {
margin-top: var(--cmsmasters-header-mid-add-content-elements-gap);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid__add-content > div {
height: 100%;
}
.cmsmasters-header-mid__add-content > div + div {
margin-left: var(--cmsmasters-header-mid-add-content-elements-gap);
}
}
.cmsmasters-header-mid-button {
position: relative;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-mid-button {
width: 100%;
}
}
.cmsmasters-header-mid-button__inner {
text-align: center;
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid-button__inner {
display: flex;
height: 100%;
align-items: center;
}
}
.cmsmasters-header-mid-button__link {
font-family: var(--cmsmasters-header-mid-button-font-family);
font-weight: var(--cmsmasters-header-mid-button-font-weight);
font-style: var(--cmsmasters-header-mid-button-font-style);
text-transform: var(--cmsmasters-header-mid-button-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-mid-button-text-decoration);
text-decoration: var(--cmsmasters-header-mid-button-text-decoration);
font-size: var(--cmsmasters-header-mid-button-font-size);
line-height: var(--cmsmasters-header-mid-button-line-height);
letter-spacing: var(--cmsmasters-header-mid-button-letter-spacing);
word-spacing: var(--cmsmasters-header-mid-button-word-spacing);
color: var(--cmsmasters-header-mid-button-normal-colors-color);
border-color: var(--cmsmasters-header-mid-button-normal-colors-bd);
border-style: var(--cmsmasters-header-mid-button-normal-bd-style);
border-top-width: var(--cmsmasters-header-mid-button-normal-bd-width-top);
border-right-width: var(--cmsmasters-header-mid-button-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-header-mid-button-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-header-mid-button-normal-bd-width-left);
border-radius: var(--cmsmasters-header-mid-button-normal-bd-radius);
text-shadow: var(--cmsmasters-header-mid-button-text-shadow);
box-shadow: var(--cmsmasters-header-mid-button-normal-box-shadow);
padding-top: var(--cmsmasters-header-mid-button-padding-top);
padding-right: var(--cmsmasters-header-mid-button-padding-right);
padding-bottom: var(--cmsmasters-header-mid-button-padding-bottom);
padding-left: var(--cmsmasters-header-mid-button-padding-left);
display: inline-block;
cursor: pointer;
word-break: normal;
position: relative;
z-index: 0;
transition: all 0.3s ease-in-out;
overflow: hidden;
background-color: transparent;
background-image: none;
display: inline-flex;
align-items: center;
}
.cmsmasters-header-mid-button__link:hover {
color: var(--cmsmasters-header-mid-button-hover-colors-color);
border-color: var(--cmsmasters-header-mid-button-hover-colors-bd);
border-radius: var(--cmsmasters-header-mid-button-hover-bd-radius);
-webkit-text-decoration: var(--cmsmasters-header-mid-button-hover-text-decoration);
text-decoration: var(--cmsmasters-header-mid-button-hover-text-decoration);
text-shadow: var(--cmsmasters-header-mid-button-hover-text-shadow);
box-shadow: var(--cmsmasters-header-mid-button-hover-box-shadow);
}
.cmsmasters-header-mid-button__link:before, .cmsmasters-header-mid-button__link:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
transition: opacity 0.3s ease-in-out;
}
.cmsmasters-header-mid-button__link:before {
background-color: var(--cmsmasters-header-mid-button-normal-colors-bg);
background-image: var(--cmsmasters-header-mid-button-normal-colors-bg-image);
opacity: 1;
}
.cmsmasters-header-mid-button__link:after {
background-color: var(--cmsmasters-header-mid-button-hover-colors-bg);
background-image: var(--cmsmasters-header-mid-button-hover-colors-bg-image);
opacity: 0;
}
.cmsmasters-header-mid-button__link:hover:before {
opacity: 0;
}
.cmsmasters-header-mid-button__link:hover:after {
opacity: 1;
}
.cmsmasters-header-mid-button__link > * + * {
margin-left: var(--cmsmasters-header-mid-button-icon-gap);
}
.cmsmasters-header-mid-button__icon {
font-size: var(--cmsmasters-header-mid-button-icon-size);
text-align: center;
width: 1em;
height: 1em;
position: relative;
}
.cmsmasters-header-mid-button__icon > * {
text-align: center;
display: block;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
}
.cmsmasters-header-mid-button__icon i {
display: block;
}
.cmsmasters-header-mid-button__icon i:before {
display: block;
width: 1em;
height: 1em;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-mid-search-button + .cmsmasters-header-mid-burger-menu-button {
margin-left: var(--cmsmasters-header-mid-add-content-elements-gap);
}
.cmsmasters-header-mid-search-button:first-child + .cmsmasters-header-mid-burger-menu-button {
margin-top: 0;
}
}
.cmsmasters-header-mid-burger-menu-button__outer {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
@media only screen and (min-width: 1025px) {
.cmsmasters-header-mid-menu__list > li:after {
width: 1px;
height: 3px;
}
.cmsmasters-header-mid-menu__list > li > a span.cmsmasters-menu__item-inner:before {
background-color: transparent;
width: 0;
height: 1px;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out;
}
.cmsmasters-header-mid-menu__list > li:hover > a span.cmsmasters-menu__item-inner:before {
background-color: var(--cmsmasters-header-mid-nav-title-item-hover-colors-color);
width: 100%;
}
.cmsmasters-header-mid-menu__list > li.current-menu-item > a span.cmsmasters-menu__item-inner:before, .cmsmasters-header-mid-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item-inner:before {
background-color: var(--cmsmasters-header-mid-nav-title-item-current-colors-color);
width: 100%;
}
.cmsmasters-header-mid-menu__list > li > a span.cmsmasters-child-indicator {
font-size: 0.65em;
margin-left: 1.2em;
}
.cmsmasters-header-mid-menu__list > li > a span.cmsmasters-child-indicator:before {
transform: rotate(90deg);
}
.cmsmasters-header-mid-menu__list ul > li > a span.cmsmasters-menu__item-inner {
display: inline-block;
}
.cmsmasters-header-mid-menu__list ul > li > a span.cmsmasters-menu__item-inner:before {
background-color: transparent;
width: 0;
height: 1px;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out;
}
.cmsmasters-header-mid-menu__list ul > li:hover > a span.cmsmasters-menu__item-inner:before {
background-color: var(--cmsmasters-header-mid-nav-dropdown-item-hover-colors-color);
width: 100%;
}
.cmsmasters-header-mid-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item-inner:before, .cmsmasters-header-mid-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item-inner:before {
background-color: var(--cmsmasters-header-mid-nav-dropdown-item-current-colors-color);
width: 100%;
}
.cmsmasters-header-mid-menu__list ul > li > a span.cmsmasters-child-indicator {
font-size: 0.67em;
margin-left: 1.2em;
}
}
@media only screen and (max-width: 1024px) {
.cmsmasters-header-mid-menu__list > li > a span.cmsmasters-child-indicator {
width: 3em;
font-size: 0.84em;
top: 1px;
text-align: right;
margin-top: calc(var(--cmsmasters-header-mid-nav-burger-title-item-padding-top) * -1);
margin-bottom: calc(var(--cmsmasters-header-mid-nav-burger-title-item-padding-bottom) * -1);
padding-top: var(--cmsmasters-header-mid-nav-burger-title-item-padding-top);
padding-bottom: var(--cmsmasters-header-mid-nav-burger-title-item-padding-bottom);
}
.cmsmasters-header-mid-menu__list > li > a span.cmsmasters-child-indicator.cmsmasters-active:before {
transform: rotate(90deg);
}
.cmsmasters-header-mid-menu__list ul > li > a span.cmsmasters-child-indicator {
width: 3em;
font-size: 0.68em;
top: 1px;
text-align: right;
margin-top: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-top) * -1);
margin-bottom: calc(var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-bottom) * -1);
padding-top: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-top);
padding-bottom: var(--cmsmasters-header-mid-nav-burger-dropdown-item-padding-bottom);
}
.cmsmasters-header-mid-menu__list ul > li > a span.cmsmasters-child-indicator.cmsmasters-active:before {
transform: rotate(90deg);
}
}
.cmsmasters-header-mid-logo {
position: relative;
}
.cmsmasters-header-mid-logo__outer {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-mid-logo__outer {
text-align: center;
}
}
.cmsmasters-header-mid-logo__link, .cmsmasters-header-mid-logo__text {
display: block;
}
.cmsmasters-header-mid-logo__title {
font-family: var(--cmsmasters-logo-title-font-family);
font-weight: var(--cmsmasters-logo-title-font-weight);
font-style: var(--cmsmasters-logo-title-font-style);
text-transform: var(--cmsmasters-logo-title-text-transform);
-webkit-text-decoration: var(--cmsmasters-logo-title-text-decoration);
text-decoration: var(--cmsmasters-logo-title-text-decoration);
font-size: var(--cmsmasters-logo-title-font-size);
line-height: var(--cmsmasters-logo-title-line-height);
letter-spacing: var(--cmsmasters-logo-title-letter-spacing);
word-spacing: var(--cmsmasters-logo-title-word-spacing);
color: var(--cmsmasters-logo-title-colors-text);
text-align: center;
display: block;
transition: color 0.3s ease-in-out;
}
.cmsmasters-header-mid-logo__link:hover .cmsmasters-header-mid-logo__title {
color: var(--cmsmasters-logo-title-colors-hover);
}
.cmsmasters-header-mid-logo__subtitle {
font-family: var(--cmsmasters-logo-subtitle-font-family);
font-weight: var(--cmsmasters-logo-subtitle-font-weight);
font-style: var(--cmsmasters-logo-subtitle-font-style);
text-transform: var(--cmsmasters-logo-subtitle-text-transform);
-webkit-text-decoration: var(--cmsmasters-logo-subtitle-text-decoration);
text-decoration: var(--cmsmasters-logo-subtitle-text-decoration);
font-size: var(--cmsmasters-logo-subtitle-font-size);
line-height: var(--cmsmasters-logo-subtitle-line-height);
letter-spacing: var(--cmsmasters-logo-subtitle-letter-spacing);
word-spacing: var(--cmsmasters-logo-subtitle-word-spacing);
color: var(--cmsmasters-logo-subtitle-colors-text);
text-align: center;
display: block;
transition: color 0.3s ease-in-out;
}
.cmsmasters-header-mid-logo__link:hover .cmsmasters-header-mid-logo__subtitle {
color: var(--cmsmasters-logo-subtitle-colors-hover);
}
.cmsmasters-header-mid-logo img {
width: auto;
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid-logo img {
max-height: var(--cmsmasters-header-mid-height);
}
}
.cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-main.cmsmasters-header-mid-logo__img {
display: block;
}
.cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-main.cmsmasters-header-mid-logo__retina-img {
display: none;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
.cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-main.cmsmasters-header-mid-logo__retina-img {
display: block;
}
.cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-main.cmsmasters-header-mid-logo__retina-img ~ img {
display: none;
}
}
.cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-second {
display: none;
}
.cmsmasters-mode-switcher-active .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-second.cmsmasters-header-mid-logo__img {
display: block;
}
.cmsmasters-mode-switcher-active .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-second.cmsmasters-header-mid-logo__img ~ img {
display: none;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
.cmsmasters-mode-switcher-active .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-second.cmsmasters-header-mid-logo__retina-img {
display: block;
}
.cmsmasters-mode-switcher-active .cmsmasters-header-mid-logo img.cmsmasters-header-mid-logo-second.cmsmasters-header-mid-logo__retina-img ~ img {
display: none;
}
}
.cmsmasters-header-mid-search-button {
position: relative;
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid-search-button__outer {
display: flex;
height: 100%;
align-items: center;
}
}
.cmsmasters-header-mid-search-button__toggle {
font-size: var(--cmsmasters-header-mid-search-button-icon-size);
padding-top: var(--cmsmasters-header-mid-search-button-padding-top);
padding-right: var(--cmsmasters-header-mid-search-button-padding-right);
padding-bottom: var(--cmsmasters-header-mid-search-button-padding-bottom);
padding-left: var(--cmsmasters-header-mid-search-button-padding-left);
color: var(--cmsmasters-header-mid-search-button-normal-colors-color);
background-color: var(--cmsmasters-header-mid-search-button-normal-colors-bg);
border-color: var(--cmsmasters-header-mid-search-button-normal-colors-bd);
border-style: var(--cmsmasters-header-mid-search-button-normal-bd-style);
border-top-width: var(--cmsmasters-header-mid-search-button-normal-bd-width-top);
border-right-width: var(--cmsmasters-header-mid-search-button-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-header-mid-search-button-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-header-mid-search-button-normal-bd-width-left);
border-radius: var(--cmsmasters-header-mid-search-button-normal-bd-radius);
box-shadow: var(--cmsmasters-header-mid-search-button-normal-box-shadow);
display: block;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.cmsmasters-header-mid-search-button__toggle:hover {
color: var(--cmsmasters-header-mid-search-button-hover-colors-color);
background-color: var(--cmsmasters-header-mid-search-button-hover-colors-bg);
border-color: var(--cmsmasters-header-mid-search-button-hover-colors-bd);
border-radius: var(--cmsmasters-header-mid-search-button-hover-bd-radius);
box-shadow: var(--cmsmasters-header-mid-search-button-hover-box-shadow);
}
.cmsmasters-header-mid-search-button__toggle > *, .cmsmasters-header-mid-search-button__toggle > *:before {
display: block;
width: 1em;
height: 1em;
}
.cmsmasters-header-mid-html {
position: relative;
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid-html__outer {
display: flex;
height: 100%;
align-items: center;
}
}
.cmsmasters-header-mid-html__inner {
font-family: var(--cmsmasters-header-mid-html-font-family);
font-weight: var(--cmsmasters-header-mid-html-font-weight);
font-style: var(--cmsmasters-header-mid-html-font-style);
text-transform: var(--cmsmasters-header-mid-html-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-mid-html-text-decoration);
text-decoration: var(--cmsmasters-header-mid-html-text-decoration);
font-size: var(--cmsmasters-header-mid-html-font-size);
line-height: var(--cmsmasters-header-mid-html-line-height);
letter-spacing: var(--cmsmasters-header-mid-html-letter-spacing);
word-spacing: var(--cmsmasters-header-mid-html-word-spacing);
color: var(--cmsmasters-header-mid-html-colors-text);
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-mid-html__inner {
text-align: center;
}
}
.cmsmasters-header-mid-html__inner a {
color: var(--cmsmasters-header-mid-html-colors-link);
}
.cmsmasters-header-mid-html__inner a:hover {
color: var(--cmsmasters-header-mid-html-colors-hover);
}
.cmsmasters-header-mid-html__inner > *:last-child {
margin-bottom: 0;
}
.cmsmasters-header-mid-info {
position: relative;
}
.cmsmasters-header-mid-info__list {
font-family: var(--cmsmasters-header-mid-info-font-family);
font-weight: var(--cmsmasters-header-mid-info-font-weight);
font-style: var(--cmsmasters-header-mid-info-font-style);
text-transform: var(--cmsmasters-header-mid-info-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-mid-info-text-decoration);
text-decoration: var(--cmsmasters-header-mid-info-text-decoration);
font-size: var(--cmsmasters-header-mid-info-font-size);
line-height: var(--cmsmasters-header-mid-info-line-height);
letter-spacing: var(--cmsmasters-header-mid-info-letter-spacing);
word-spacing: var(--cmsmasters-header-mid-info-word-spacing);
color: var(--cmsmasters-header-mid-info-colors-text);
list-style: none;
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
padding: 0;
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid-info__list {
height: 100%;
flex-direction: row;
}
}
.cmsmasters-header-mid-info__list a {
color: var(--cmsmasters-header-mid-info-colors-link);
}
.cmsmasters-header-mid-info__list a:hover {
color: var(--cmsmasters-header-mid-info-colors-hover);
}
.cmsmasters-header-mid-info__item {
position: relative;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-mid-info__item {
margin-bottom: var(--cmsmasters-header-mid-info-items-gap);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid-info__item {
margin-right: var(--cmsmasters-header-mid-info-items-gap);
}
}
.cmsmasters-header-mid-info__item:before {
content: "";
background-color: var(--cmsmasters-header-mid-info-colors-divider);
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-mid-info__item:before {
width: 30%;
height: 1px;
top: auto;
bottom: calc(var(--cmsmasters-header-mid-info-items-gap) / 2 * -1);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid-info__item:before {
width: 1px;
height: 16px;
left: auto;
right: calc(var(--cmsmasters-header-mid-info-items-gap)/2 * -1);
}
}
.cmsmasters-header-mid-info__item:last-child {
margin-right: 0;
margin-bottom: 0;
}
.cmsmasters-header-mid-info__item:last-child:before {
content: none;
}
.cmsmasters-header-mid-info__item-inner {
display: flex;
align-items: center;
}
.cmsmasters-header-mid-info__item-inner > * + * {
margin-left: var(--cmsmasters-header-mid-info-icon-gap);
}
.cmsmasters-header-mid-info__item-icon {
font-size: var(--cmsmasters-header-mid-info-icon-size);
color: var(--cmsmasters-header-mid-info-colors-icon);
text-align: center;
width: 1em;
height: 1em;
position: relative;
transition: color 0.3s ease-in-out;
}
.cmsmasters-header-mid-info__item-icon > * {
text-align: center;
display: block;
width: var(--cmsmasters-header-mid-info-icon-size);
max-width: var(--cmsmasters-header-mid-info-icon-size);
height: var(--cmsmasters-header-mid-info-icon-size);
max-height: var(--cmsmasters-header-mid-info-icon-size);
}
.cmsmasters-header-mid-info__item-icon i {
display: block;
}
.cmsmasters-header-mid-info__item-icon i:before {
display: block;
width: 1em;
height: 1em;
}
.cmsmasters-header-mid-info a:hover .cmsmasters-header-mid-info__item-icon {
color: var(--cmsmasters-header-mid-info-colors-hover);
}
.cmsmasters-header-mid-info__item-text {
position: relative;
}
.cmsmasters-header-mid-social {
position: relative;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-mid-social {
width: 100%;
}
}
.cmsmasters-header-mid-social a {
display: block;
}
.cmsmasters-header-mid-social__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-mid-social__list {
justify-content: center;
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-mid-social__list {
height: 100%;
align-items: center;
}
}
.cmsmasters-header-mid-social__item {
margin: 0;
margin-left: var(--cmsmasters-header-mid-social-gap);
position: relative;
}
.cmsmasters-header-mid-social__item:first-child {
margin-left: 0;
}
.cmsmasters-header-mid-social__item-icon {
color: var(--cmsmasters-header-mid-social-normal-colors-color);
background-color: var(--cmsmasters-header-mid-social-normal-colors-bg);
border-color: var(--cmsmasters-header-mid-social-normal-colors-bd);
font-size: var(--cmsmasters-header-mid-social-size);
border-style: var(--cmsmasters-header-mid-social-bd-style);
border-top-width: var(--cmsmasters-header-mid-social-bd-width-top);
border-right-width: var(--cmsmasters-header-mid-social-bd-width-right);
border-bottom-width: var(--cmsmasters-header-mid-social-bd-width-bottom);
border-left-width: var(--cmsmasters-header-mid-social-bd-width-left);
border-radius: var(--cmsmasters-header-mid-social-bd-radius);
padding-top: var(--cmsmasters-header-mid-social-padding-top);
padding-right: var(--cmsmasters-header-mid-social-padding-right);
padding-bottom: var(--cmsmasters-header-mid-social-padding-bottom);
padding-left: var(--cmsmasters-header-mid-social-padding-left);
display: block;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.cmsmasters-header-mid-social__item-icon:hover {
color: var(--cmsmasters-header-mid-social-hover-colors-color);
background-color: var(--cmsmasters-header-mid-social-hover-colors-bg);
border-color: var(--cmsmasters-header-mid-social-hover-colors-bd);
}
.cmsmasters-header-mid-social__item-icon > * {
text-align: center;
display: block;
width: var(--cmsmasters-header-mid-social-size);
max-width: var(--cmsmasters-header-mid-social-size);
height: var(--cmsmasters-header-mid-social-size);
max-height: var(--cmsmasters-header-mid-social-size);
}
.cmsmasters-header-mid-social__item-icon i {
display: block;
}
.cmsmasters-header-mid-social__item-icon i:before {
display: block;
width: 1em;
height: 1em;
}
/* Header Bot */
.cmsmasters-header-bot {
width: var(--cmsmasters-header-bot-container-width);
border-style: var(--cmsmasters-header-bot-container-bd-style);
border-top-width: var(--cmsmasters-header-bot-container-bd-width-top);
border-right-width: var(--cmsmasters-header-bot-container-bd-width-right);
border-bottom-width: var(--cmsmasters-header-bot-container-bd-width-bottom);
border-left-width: var(--cmsmasters-header-bot-container-bd-width-left);
border-color: var(--cmsmasters-header-bot-container-bd-color);
background-color: var(--cmsmasters-header-bot-container-bg-color);
background-image: var(--cmsmasters-header-bot-container-bg-image);
background-repeat: var(--cmsmasters-header-bot-container-bg-repeat);
background-position: var(--cmsmasters-header-bot-container-bg-position);
background-size: var(--cmsmasters-header-bot-container-bg-size);
background-attachment: var(--cmsmasters-header-bot-container-bg-attachment);
max-width: 100%;
margin: 0 auto;
position: relative;
z-index: var(--cmsmasters-header-bot-z-index);
}
.cmsmasters-header-bot__outer {
width: var(--cmsmasters-header-bot-content-width);
border-style: var(--cmsmasters-header-bot-content-bd-style);
border-top-width: var(--cmsmasters-header-bot-content-bd-width-top);
border-right-width: var(--cmsmasters-header-bot-content-bd-width-right);
border-bottom-width: var(--cmsmasters-header-bot-content-bd-width-bottom);
border-left-width: var(--cmsmasters-header-bot-content-bd-width-left);
border-color: var(--cmsmasters-header-bot-content-bd-color);
max-width: 100%;
margin: 0 auto;
position: relative;
padding-top: var(--cmsmasters-header-bot-content-padding-top);
padding-right: var(--cmsmasters-header-bot-content-padding-right);
padding-bottom: var(--cmsmasters-header-bot-content-padding-bottom);
padding-left: var(--cmsmasters-header-bot-content-padding-left);
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-bot__outer {
height: var(--cmsmasters-header-bot-height);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-bot__inner {
display: flex;
justify-content: space-between;
height: 100%;
}
.cmsmasters-header-bot__inner.cmsmasters-type-centered {
justify-content: center;
}
.cmsmasters-header-bot__inner > div {
height: 100%;
}
}
@media only screen and (max-width: 1024px) {
.cmsmasters-header-bot__inner {
justify-content: center;
}
}
.cmsmasters-header-bot__add-content {
display: flex;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-bot__add-content {
flex-wrap: wrap;
justify-content: center;
}
.cmsmasters-header-bot__add-content > div + div {
margin-top: var(--cmsmasters-header-bot-add-content-elements-gap);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-bot__add-content > div {
height: 100%;
}
.cmsmasters-header-bot__add-content > div + div {
margin-left: var(--cmsmasters-header-bot-add-content-elements-gap);
}
}
.cmsmasters-header-bot-button {
position: relative;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-bot-button {
width: 100%;
}
}
.cmsmasters-header-bot-button__inner {
text-align: center;
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-bot-button__inner {
display: flex;
height: 100%;
align-items: center;
}
}
.cmsmasters-header-bot-button__link {
font-family: var(--cmsmasters-header-bot-button-font-family);
font-weight: var(--cmsmasters-header-bot-button-font-weight);
font-style: var(--cmsmasters-header-bot-button-font-style);
text-transform: var(--cmsmasters-header-bot-button-text-transform);
-webkit-text-decoration: var(--cmsmasters-header-bot-button-text-decoration);
text-decoration: var(--cmsmasters-header-bot-button-text-decoration);
font-size: var(--cmsmasters-header-bot-button-font-size);
line-height: var(--cmsmasters-header-bot-button-line-height);
letter-spacing: var(--cmsmasters-header-bot-button-letter-spacing);
word-spacing: var(--cmsmasters-header-bot-button-word-spacing);
color: var(--cmsmasters-header-bot-button-normal-colors-color);
border-color: var(--cmsmasters-header-bot-button-normal-colors-bd);
border-style: var(--cmsmasters-header-bot-button-normal-bd-style);
border-top-width: var(--cmsmasters-header-bot-button-normal-bd-width-top);
border-right-width: var(--cmsmasters-header-bot-button-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-header-bot-button-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-header-bot-button-normal-bd-width-left);
border-radius: var(--cmsmasters-header-bot-button-normal-bd-radius);
text-shadow: var(--cmsmasters-header-bot-button-text-shadow);
box-shadow: var(--cmsmasters-header-bot-button-normal-box-shadow);
padding-top: var(--cmsmasters-header-bot-button-padding-top);
padding-right: var(--cmsmasters-header-bot-button-padding-right);
padding-bottom: var(--cmsmasters-header-bot-button-padding-bottom);
padding-left: var(--cmsmasters-header-bot-button-padding-left);
display: inline-block;
cursor: pointer;
word-break: normal;
position: relative;
z-index: 0;
transition: all 0.3s ease-in-out;
overflow: hidden;
background-color: transparent;
background-image: none;
display: inline-flex;
align-items: center;
}
.cmsmasters-header-bot-button__link:hover {
color: var(--cmsmasters-header-bot-button-hover-colors-color);
border-color: var(--cmsmasters-header-bot-button-hover-colors-bd);
border-radius: var(--cmsmasters-header-bot-button-hover-bd-radius);
-webkit-text-decoration: var(--cmsmasters-header-bot-button-hover-text-decoration);
text-decoration: var(--cmsmasters-header-bot-button-hover-text-decoration);
text-shadow: var(--cmsmasters-header-bot-button-hover-text-shadow);
box-shadow: var(--cmsmasters-header-bot-button-hover-box-shadow);
}
.cmsmasters-header-bot-button__link:before, .cmsmasters-header-bot-button__link:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
transition: opacity 0.3s ease-in-out;
}
.cmsmasters-header-bot-button__link:before {
background-color: var(--cmsmasters-header-bot-button-normal-colors-bg);
background-image: var(--cmsmasters-header-bot-button-normal-colors-bg-image);
opacity: 1;
}
.cmsmasters-header-bot-button__link:after {
background-color: var(--cmsmasters-header-bot-button-hover-colors-bg);
background-image: var(--cmsmasters-header-bot-button-hover-colors-bg-image);
opacity: 0;
}
.cmsmasters-header-bot-button__link:hover:before {
opacity: 0;
}
.cmsmasters-header-bot-button__link:hover:after {
opacity: 1;
}
.cmsmasters-header-bot-button__link > * + * {
margin-left: var(--cmsmasters-header-bot-button-icon-gap);
}
.cmsmasters-header-bot-button__icon {
font-size: var(--cmsmasters-header-bot-button-icon-size);
text-align: center;
width: 1em;
height: 1em;
position: relative;
}
.cmsmasters-header-bot-button__icon > * {
text-align: center;
display: block;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
}
.cmsmasters-header-bot-button__icon i {
display: block;
}
.cmsmasters-header-bot-button__icon i:before {
display: block;
width: 1em;
height: 1em;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-bot-search-button + .cmsmasters-header-bot-burger-menu-button {
margin-left: var(--cmsmasters-header-bot-add-content-elements-gap);
}
.cmsmasters-header-bot-search-button:first-child + .cmsmasters-header-bot-burger-menu-button {
margin-top: 0;
}
}
.cmsmasters-header-bot-burger-menu-button__outer {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
@media only screen and (min-width: 1025px) {
.cmsmasters-header-bot-menu__list > li:after {
width: 1px;
height: 3px;
}
.cmsmasters-header-bot-menu__list > li > a span.cmsmasters-menu__item-inner:before {
background-color: transparent;
width: 0;
height: 1px;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out;
}
.cmsmasters-header-bot-menu__list > li:hover > a span.cmsmasters-menu__item-inner:before {
background-color: var(--cmsmasters-header-bot-nav-title-item-hover-colors-color);
width: 100%;
}
.cmsmasters-header-bot-menu__list > li.current-menu-item > a span.cmsmasters-menu__item-inner:before, .cmsmasters-header-bot-menu__list > li.current-menu-ancestor > a span.cmsmasters-menu__item-inner:before {
background-color: var(--cmsmasters-header-bot-nav-title-item-current-colors-color);
width: 100%;
}
.cmsmasters-header-bot-menu__list > li > a span.cmsmasters-child-indicator {
font-size: 0.65em;
margin-left: 1.2em;
}
.cmsmasters-header-bot-menu__list > li > a span.cmsmasters-child-indicator:before {
transform: rotate(90deg);
}
.cmsmasters-header-bot-menu__list ul > li > a span.cmsmasters-menu__item-inner {
display: inline-block;
}
.cmsmasters-header-bot-menu__list ul > li > a span.cmsmasters-menu__item-inner:before {
background-color: transparent;
width: 0;
height: 1px;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out;
}
.cmsmasters-header-bot-menu__list ul > li:hover > a span.cmsmasters-menu__item-inner:before {
background-color: var(--cmsmasters-header-bot-nav-dropdown-item-hover-colors-color);
width: 100%;
}
.cmsmasters-header-bot-menu__list ul > li.current-menu-item > a span.cmsmasters-menu__item-inner:before, .cmsmasters-header-bot-menu__list ul > li.current-menu-ancestor > a span.cmsmasters-menu__item-inner:before {
background-color: var(--cmsmasters-header-bot-nav-dropdown-item-current-colors-color);
width: 100%;
}
.cmsmasters-header-bot-menu__list ul > li > a span.cmsmasters-child-indicator {
font-size: 0.67em;
margin-left: 1.2em;
}
}
@media only screen and (max-width: 1024px) {
.cmsmasters-header-bot-menu__list > li > a span.cmsmasters-child-indicator {
width: 3em;
font-size: 0.84em;
top: 1px;
text-align: right;
margin-top: calc(var(--cmsmasters-header-bot-nav-burger-title-item-padding-top) * -1);
margin-bottom: calc(var(--cmsmasters-header-bot-nav-burger-title-item-padding-bottom) * -1);
padding-top: var(--cmsmasters-header-bot-nav-burger-title-item-padding-top);
padding-bottom: var(--cmsmasters-header-bot-nav-burger-title-item-padding-bottom);
}
.cmsmasters-header-bot-menu__list > li > a span.cmsmasters-child-indicator.cmsmasters-active:before {
transform: rotate(90deg);
}
.cmsmasters-header-bot-menu__list ul > li > a span.cmsmasters-child-indicator {
width: 3em;
font-size: 0.68em;
top: 1px;
text-align: right;
margin-top: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-top) * -1);
margin-bottom: calc(var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-bottom) * -1);
padding-top: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-top);
padding-bottom: var(--cmsmasters-header-bot-nav-burger-dropdown-item-padding-bottom);
}
.cmsmasters-header-bot-menu__list ul > li > a span.cmsmasters-child-indicator.cmsmasters-active:before {
transform: rotate(90deg);
}
}
.cmsmasters-header-bot-search-button {
position: relative;
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-bot-search-button__outer {
display: flex;
height: 100%;
align-items: center;
}
}
.cmsmasters-header-bot-search-button__toggle {
font-size: var(--cmsmasters-header-bot-search-button-icon-size);
padding-top: var(--cmsmasters-header-bot-search-button-padding-top);
padding-right: var(--cmsmasters-header-bot-search-button-padding-right);
padding-bottom: var(--cmsmasters-header-bot-search-button-padding-bottom);
padding-left: var(--cmsmasters-header-bot-search-button-padding-left);
color: var(--cmsmasters-header-bot-search-button-normal-colors-color);
background-color: var(--cmsmasters-header-bot-search-button-normal-colors-bg);
border-color: var(--cmsmasters-header-bot-search-button-normal-colors-bd);
border-style: var(--cmsmasters-header-bot-search-button-normal-bd-style);
border-top-width: var(--cmsmasters-header-bot-search-button-normal-bd-width-top);
border-right-width: var(--cmsmasters-header-bot-search-button-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-header-bot-search-button-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-header-bot-search-button-normal-bd-width-left);
border-radius: var(--cmsmasters-header-bot-search-button-normal-bd-radius);
box-shadow: var(--cmsmasters-header-bot-search-button-normal-box-shadow);
display: block;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.cmsmasters-header-bot-search-button__toggle:hover {
color: var(--cmsmasters-header-bot-search-button-hover-colors-color);
background-color: var(--cmsmasters-header-bot-search-button-hover-colors-bg);
border-color: var(--cmsmasters-header-bot-search-button-hover-colors-bd);
border-radius: var(--cmsmasters-header-bot-search-button-hover-bd-radius);
box-shadow: var(--cmsmasters-header-bot-search-button-hover-box-shadow);
}
.cmsmasters-header-bot-search-button__toggle > *, .cmsmasters-header-bot-search-button__toggle > *:before {
display: block;
width: 1em;
height: 1em;
}
.cmsmasters-header-bot-social {
position: relative;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-bot-social {
width: 100%;
}
}
.cmsmasters-header-bot-social a {
display: block;
}
.cmsmasters-header-bot-social__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
@media only screen and (max-width: 767px) {
.cmsmasters-header-bot-social__list {
justify-content: center;
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-header-bot-social__list {
height: 100%;
align-items: center;
}
}
.cmsmasters-header-bot-social__item {
margin: 0;
margin-left: var(--cmsmasters-header-bot-social-gap);
position: relative;
}
.cmsmasters-header-bot-social__item:first-child {
margin-left: 0;
}
.cmsmasters-header-bot-social__item-icon {
color: var(--cmsmasters-header-bot-social-normal-colors-color);
background-color: var(--cmsmasters-header-bot-social-normal-colors-bg);
border-color: var(--cmsmasters-header-bot-social-normal-colors-bd);
font-size: var(--cmsmasters-header-bot-social-size);
border-style: var(--cmsmasters-header-bot-social-bd-style);
border-top-width: var(--cmsmasters-header-bot-social-bd-width-top);
border-right-width: var(--cmsmasters-header-bot-social-bd-width-right);
border-bottom-width: var(--cmsmasters-header-bot-social-bd-width-bottom);
border-left-width: var(--cmsmasters-header-bot-social-bd-width-left);
border-radius: var(--cmsmasters-header-bot-social-bd-radius);
padding-top: var(--cmsmasters-header-bot-social-padding-top);
padding-right: var(--cmsmasters-header-bot-social-padding-right);
padding-bottom: var(--cmsmasters-header-bot-social-padding-bottom);
padding-left: var(--cmsmasters-header-bot-social-padding-left);
display: block;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.cmsmasters-header-bot-social__item-icon:hover {
color: var(--cmsmasters-header-bot-social-hover-colors-color);
background-color: var(--cmsmasters-header-bot-social-hover-colors-bg);
border-color: var(--cmsmasters-header-bot-social-hover-colors-bd);
}
.cmsmasters-header-bot-social__item-icon > * {
text-align: center;
display: block;
width: var(--cmsmasters-header-bot-social-size);
max-width: var(--cmsmasters-header-bot-social-size);
height: var(--cmsmasters-header-bot-social-size);
max-height: var(--cmsmasters-header-bot-social-size);
}
.cmsmasters-header-bot-social__item-icon i {
display: block;
}
.cmsmasters-header-bot-social__item-icon i:before {
display: block;
width: 1em;
height: 1em;
}
/* Header Search */
.cmsmasters-header-search-form {
width: 100%;
height: 100%;
visibility: hidden;
position: fixed;
z-index: 99999;
opacity: 0;
}
.cmsmasters-header-search-form:before {
content: "";
background-color: var(--cmsmasters-colors-heading);
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
opacity: 0.7;
}
.cmsmasters-header-search-form.cmsmasters-show {
visibility: visible;
opacity: 1;
}
.cmsmasters-header-search-form__close {
color: var(--cmsmasters-colors-bg);
font-size: 24px;
line-height: 24px;
display: block;
cursor: pointer;
width: 50px;
height: 50px;
margin: auto !important;
position: absolute;
left: auto;
right: 40px;
top: 40px;
bottom: auto;
transition: opacity 0.3s ease-in-out;
}
.cmsmasters-header-search-form__close:before {
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.cmsmasters-header-search-form__close:hover {
opacity: 0.8;
}
.cmsmasters-header-search-form__field {
max-width: 90%;
width: 400px;
height: 80px;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.cmsmasters-header-search-form .cmsmasters-header-search-form__input {
color: var(--cmsmasters-colors-bg);
background-color: transparent;
background-image: none;
border: 0;
font-size: 52px;
line-height: 80px;
width: 100%;
height: 100%;
padding: 0 90px 0 0;
margin: 0;
box-shadow: none;
text-shadow: none;
}
.cmsmasters-header-search-form .cmsmasters-header-search-form__input::-webkit-input-placeholder {
color: var(--cmsmasters-colors-bg);
}
.cmsmasters-header-search-form .cmsmasters-header-search-form__input:-moz-placeholder {
color: var(--cmsmasters-colors-bg);
}
.cmsmasters-header-search-form .cmsmasters-header-search-form__button {
color: var(--cmsmasters-colors-bg);
background-color: transparent;
background-image: none;
border: 0;
font-size: 36px;
line-height: 36px;
margin: 0;
padding: 0;
box-shadow: none;
text-shadow: none;
width: 90px;
height: 100%;
margin: auto !important;
position: absolute;
left: auto;
right: 0;
top: 0;
bottom: 0;
}
.cmsmasters-header-search-form .cmsmasters-header-search-form__button:hover {
opacity: 0.8;
color: var(--cmsmasters-colors-bg);
background-color: transparent;
background-image: none;
}
.cmsmasters-header-search-form .cmsmasters-header-search-form__button:before, .cmsmasters-header-search-form .cmsmasters-header-search-form__button:after {
content: none;
display: none;
}
.cmsmasters-header-search-form .cmsmasters-header-search-form__button i,
.cmsmasters-header-search-form .cmsmasters-header-search-form__button i:before {
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Heading */
.cmsmasters-heading {
width: var(--cmsmasters-heading-container-width);
border-style: var(--cmsmasters-heading-container-bd-style);
border-top-width: var(--cmsmasters-heading-container-bd-width-top);
border-right-width: var(--cmsmasters-heading-container-bd-width-right);
border-bottom-width: var(--cmsmasters-heading-container-bd-width-bottom);
border-left-width: var(--cmsmasters-heading-container-bd-width-left);
border-color: var(--cmsmasters-heading-container-bd-color);
background-color: var(--cmsmasters-heading-container-bg-color);
background-image: var(--cmsmasters-heading-container-bg-image);
background-repeat: var(--cmsmasters-heading-container-bg-repeat);
background-position: var(--cmsmasters-heading-container-bg-position);
background-size: var(--cmsmasters-heading-container-bg-size);
background-attachment: var(--cmsmasters-heading-container-bg-attachment);
max-width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
.cmsmasters-heading.cmsmasters-breadcrumbs-resp-hide-tablet .cmsmasters-breadcrumbs-wrap {
display: none;
}
}
@media only screen and (max-width: 767px) {
.cmsmasters-heading.cmsmasters-breadcrumbs-resp-hide-mobile .cmsmasters-breadcrumbs-wrap {
display: none;
}
}
.cmsmasters-heading__outer {
width: var(--cmsmasters-heading-content-width);
border-style: var(--cmsmasters-heading-content-bd-style);
border-top-width: var(--cmsmasters-heading-content-bd-width-top);
border-right-width: var(--cmsmasters-heading-content-bd-width-right);
border-bottom-width: var(--cmsmasters-heading-content-bd-width-bottom);
border-left-width: var(--cmsmasters-heading-content-bd-width-left);
border-color: var(--cmsmasters-heading-content-bd-color);
max-width: 100%;
margin: 0 auto;
position: relative;
}
.cmsmasters-heading__inner {
display: flex;
flex-direction: column;
justify-content: center;
text-align: var(--cmsmasters-heading-alignment);
padding-top: var(--cmsmasters-heading-content-padding-top);
padding-right: var(--cmsmasters-heading-content-padding-right);
padding-bottom: var(--cmsmasters-heading-content-padding-bottom);
padding-left: var(--cmsmasters-heading-content-padding-left);
}
.cmsmasters-heading__inner > div + div {
margin-top: var(--cmsmasters-breadcrumbs-gap);
}
@media only screen and (min-width: 768px) {
.cmsmasters-heading__inner {
min-height: var(--cmsmasters-heading-height);
}
}
.cmsmasters-heading__title {
color: var(--cmsmasters-heading-title-color);
font-family: var(--cmsmasters-heading-title-font-family);
font-weight: var(--cmsmasters-heading-title-font-weight);
font-style: var(--cmsmasters-heading-title-font-style);
text-transform: var(--cmsmasters-heading-title-text-transform);
-webkit-text-decoration: var(--cmsmasters-heading-title-text-decoration);
text-decoration: var(--cmsmasters-heading-title-text-decoration);
font-size: var(--cmsmasters-heading-title-font-size);
line-height: var(--cmsmasters-heading-title-line-height);
letter-spacing: var(--cmsmasters-heading-title-letter-spacing);
word-spacing: var(--cmsmasters-heading-title-word-spacing);
margin: 0;
padding: 0;
}
/* Breadcrumbs */
.cmsmasters-breadcrumbs {
width: var(--cmsmasters-breadcrumbs-container-width);
border-style: var(--cmsmasters-breadcrumbs-container-bd-style);
border-top-width: var(--cmsmasters-breadcrumbs-container-bd-width-top);
border-right-width: var(--cmsmasters-breadcrumbs-container-bd-width-right);
border-bottom-width: var(--cmsmasters-breadcrumbs-container-bd-width-bottom);
border-left-width: var(--cmsmasters-breadcrumbs-container-bd-width-left);
border-color: var(--cmsmasters-breadcrumbs-container-bd-color);
background-color: var(--cmsmasters-breadcrumbs-container-bg-color);
background-image: var(--cmsmasters-breadcrumbs-container-bg-image);
background-repeat: var(--cmsmasters-breadcrumbs-container-bg-repeat);
background-position: var(--cmsmasters-breadcrumbs-container-bg-position);
background-size: var(--cmsmasters-breadcrumbs-container-bg-size);
background-attachment: var(--cmsmasters-breadcrumbs-container-bg-attachment);
max-width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
.cmsmasters-breadcrumbs.cmsmasters-breadcrumbs-resp-hide-tablet {
display: none;
}
}
@media only screen and (max-width: 767px) {
.cmsmasters-breadcrumbs.cmsmasters-breadcrumbs-resp-hide-mobile {
display: none;
}
}
.cmsmasters-breadcrumbs__outer {
width: var(--cmsmasters-breadcrumbs-content-width);
border-style: var(--cmsmasters-breadcrumbs-content-bd-style);
border-top-width: var(--cmsmasters-breadcrumbs-content-bd-width-top);
border-right-width: var(--cmsmasters-breadcrumbs-content-bd-width-right);
border-bottom-width: var(--cmsmasters-breadcrumbs-content-bd-width-bottom);
border-left-width: var(--cmsmasters-breadcrumbs-content-bd-width-left);
border-color: var(--cmsmasters-breadcrumbs-content-bd-color);
max-width: 100%;
margin: 0 auto;
position: relative;
padding-top: var(--cmsmasters-breadcrumbs-content-padding-top);
padding-right: var(--cmsmasters-breadcrumbs-content-padding-right);
padding-bottom: var(--cmsmasters-breadcrumbs-content-padding-bottom);
padding-left: var(--cmsmasters-breadcrumbs-content-padding-left);
}
.cmsmasters-breadcrumbs__inner {
outline: none;
}
.cmsmasters-breadcrumbs__wrap {
color: var(--cmsmasters-breadcrumbs-colors-text);
font-family: var(--cmsmasters-breadcrumbs-font-family);
font-weight: var(--cmsmasters-breadcrumbs-font-weight);
font-style: var(--cmsmasters-breadcrumbs-font-style);
text-transform: var(--cmsmasters-breadcrumbs-text-transform);
-webkit-text-decoration: var(--cmsmasters-breadcrumbs-text-decoration);
text-decoration: var(--cmsmasters-breadcrumbs-text-decoration);
font-size: var(--cmsmasters-breadcrumbs-font-size);
line-height: var(--cmsmasters-breadcrumbs-line-height);
letter-spacing: var(--cmsmasters-breadcrumbs-letter-spacing);
word-spacing: var(--cmsmasters-breadcrumbs-word-spacing);
text-align: var(--cmsmasters-heading-alignment);
}
.cmsmasters-breadcrumbs__wrap a {
color: var(--cmsmasters-breadcrumbs-colors-link);
}
.cmsmasters-breadcrumbs__wrap a:hover {
color: var(--cmsmasters-breadcrumbs-colors-hover);
}
.cmsmasters-breadcrumbs__sep {
color: var(--cmsmasters-breadcrumbs-colors-divider);
}
/* Main */
.cmsmasters-main {
width: var(--cmsmasters-main-container-width);
border-style: var(--cmsmasters-main-container-bd-style);
border-top-width: var(--cmsmasters-main-container-bd-width-top);
border-right-width: var(--cmsmasters-main-container-bd-width-right);
border-bottom-width: var(--cmsmasters-main-container-bd-width-bottom);
border-left-width: var(--cmsmasters-main-container-bd-width-left);
border-color: var(--cmsmasters-main-container-bd-color);
background-color: var(--cmsmasters-main-container-bg-color);
background-image: var(--cmsmasters-main-container-bg-image);
background-repeat: var(--cmsmasters-main-container-bg-repeat);
background-position: var(--cmsmasters-main-container-bg-position);
background-size: var(--cmsmasters-main-container-bg-size);
background-attachment: var(--cmsmasters-main-container-bg-attachment);
max-width: 100%;
margin: 0 auto;
}
.cmsmasters-content-layout-fullwidth:not(.elementor-page) .cmsmasters-main__outer, .cmsmasters-content-layout-r-sidebar .cmsmasters-main__outer, .cmsmasters-content-layout-l-sidebar .cmsmasters-main__outer {
width: var(--cmsmasters-main-content-width);
border-style: var(--cmsmasters-main-content-bd-style);
border-top-width: var(--cmsmasters-main-content-bd-width-top);
border-right-width: var(--cmsmasters-main-content-bd-width-right);
border-bottom-width: var(--cmsmasters-main-content-bd-width-bottom);
border-left-width: var(--cmsmasters-main-content-bd-width-left);
border-color: var(--cmsmasters-main-content-bd-color);
max-width: 100%;
margin: 0 auto;
position: relative;
padding-top: var(--cmsmasters-main-content-padding-top);
padding-right: var(--cmsmasters-main-content-padding-right);
padding-bottom: var(--cmsmasters-main-content-padding-bottom);
padding-left: var(--cmsmasters-main-content-padding-left);
}
body.elementor-page .cmsmasters-content-layout-fullwidth:not(.elementor-page) .cmsmasters-main__outer, body.elementor-page .cmsmasters-content-layout-r-sidebar .cmsmasters-main__outer, body.elementor-page .cmsmasters-content-layout-l-sidebar .cmsmasters-main__outer {
padding-top: var(--cmsmasters-main-elementor-padding-top);
padding-right: var(--cmsmasters-main-elementor-padding-right);
padding-bottom: var(--cmsmasters-main-elementor-padding-bottom);
padding-left: var(--cmsmasters-main-elementor-padding-left);
}
.cmsmasters-main__inner {
position: relative;
}
.cmsmasters-content-layout-fullwidth.elementor-page .cmsmasters-section-container {
width: calc(var(--cmsmasters-main-content-width) - var(--cmsmasters-main-content-elementor-padding-left) - var(--cmsmasters-main-content-elementor-padding-right));
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.cmsmasters-content-wrap {
display: flex;
position: relative;
flex-wrap: wrap;
}
.cmsmasters-content-layout-l-sidebar .cmsmasters-content-wrap {
flex-direction: row-reverse;
}
.cmsmasters-content {
width: 100%;
}
.cmsmasters-content:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.cmsmasters-content-layout-r-sidebar .cmsmasters-content, .cmsmasters-content-layout-l-sidebar .cmsmasters-content {
width: var(--cmsmasters-main-content-sidebar-width);
}
}
.cmsmasters-content > *:first-child {
margin-top: 0;
}
.cmsmasters-content > *:last-child {
margin-bottom: 0;
}
.cmsmasters-sidebar {
width: 100%;
padding-top: var(--cmsmasters-main-sidebar-gap);
position: relative;
}
@media only screen and (min-width: 768px) {
.cmsmasters-sidebar {
width: calc(100% - var(--cmsmasters-main-content-sidebar-width));
padding-top: 0;
}
.cmsmasters-content-layout-r-sidebar .cmsmasters-sidebar {
padding-left: var(--cmsmasters-main-sidebar-gap);
}
.cmsmasters-content-layout-l-sidebar .cmsmasters-sidebar {
padding-right: var(--cmsmasters-main-sidebar-gap);
}
}
.cmsmasters-sidebar:before {
content: "";
position: absolute;
}
@media only screen and (max-width: 767px) {
.cmsmasters-sidebar:before {
width: 100%;
height: var(--cmsmasters-main-sidebar-divider-width);
border-top-style: var(--cmsmasters-main-sidebar-divider-type);
border-top-width: var(--cmsmasters-main-sidebar-divider-width);
border-top-color: var(--cmsmasters-main-sidebar-divider-color);
top: calc((var(--cmsmasters-main-sidebar-gap) - var(--cmsmasters-main-sidebar-divider-width)) / 2);
left: 0;
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-sidebar:before {
width: var(--cmsmasters-main-sidebar-divider-width);
height: 100%;
border-left-style: var(--cmsmasters-main-sidebar-divider-type);
border-left-width: var(--cmsmasters-main-sidebar-divider-width);
border-left-color: var(--cmsmasters-main-sidebar-divider-color);
top: 0;
}
.cmsmasters-content-layout-r-sidebar .cmsmasters-sidebar:before {
left: calc((var(--cmsmasters-main-sidebar-gap) - var(--cmsmasters-main-sidebar-divider-width)) / 2);
}
.cmsmasters-content-layout-l-sidebar .cmsmasters-sidebar:before {
right: calc((var(--cmsmasters-main-sidebar-gap) - var(--cmsmasters-main-sidebar-divider-width)) / 2);
}
}
/* Footer Widgets */
.cmsmasters-footer-widgets {
width: var(--cmsmasters-footer-widgets-container-width);
border-style: var(--cmsmasters-footer-widgets-container-bd-style);
border-top-width: var(--cmsmasters-footer-widgets-container-bd-width-top);
border-right-width: var(--cmsmasters-footer-widgets-container-bd-width-right);
border-bottom-width: var(--cmsmasters-footer-widgets-container-bd-width-bottom);
border-left-width: var(--cmsmasters-footer-widgets-container-bd-width-left);
border-color: var(--cmsmasters-footer-widgets-container-bd-color);
background-color: var(--cmsmasters-footer-widgets-container-bg-color);
background-image: var(--cmsmasters-footer-widgets-container-bg-image);
background-repeat: var(--cmsmasters-footer-widgets-container-bg-repeat);
background-position: var(--cmsmasters-footer-widgets-container-bg-position);
background-size: var(--cmsmasters-footer-widgets-container-bg-size);
background-attachment: var(--cmsmasters-footer-widgets-container-bg-attachment);
max-width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
.cmsmasters-footer-widgets.cmsmasters-hide-tablet {
display: none;
}
}
@media only screen and (max-width: 767px) {
.cmsmasters-footer-widgets.cmsmasters-hide-mobile {
display: none;
}
}
.cmsmasters-footer-widgets__outer {
width: var(--cmsmasters-footer-widgets-content-width);
border-style: var(--cmsmasters-footer-widgets-content-bd-style);
border-top-width: var(--cmsmasters-footer-widgets-content-bd-width-top);
border-right-width: var(--cmsmasters-footer-widgets-content-bd-width-right);
border-bottom-width: var(--cmsmasters-footer-widgets-content-bd-width-bottom);
border-left-width: var(--cmsmasters-footer-widgets-content-bd-width-left);
border-color: var(--cmsmasters-footer-widgets-content-bd-color);
max-width: 100%;
margin: 0 auto;
position: relative;
padding-top: var(--cmsmasters-footer-widgets-content-padding-top);
padding-right: var(--cmsmasters-footer-widgets-content-padding-right);
padding-bottom: var(--cmsmasters-footer-widgets-content-padding-bottom);
padding-left: var(--cmsmasters-footer-widgets-content-padding-left);
}
.cmsmasters-footer-widgets__inner {
margin-top: calc(var(--cmsmasters-footer-widgets-columns-gap) * -1);
margin-left: calc(var(--cmsmasters-footer-widgets-columns-gap) * -1);
position: relative;
}
@media only screen and (max-width: 767px) {
.cmsmasters-footer-widgets__inner {
flex-direction: column;
}
.cmsmasters-footer-widgets__inner.cmsmasters-mobile-reverse {
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 1024px) {
.cmsmasters-footer-widgets__inner {
display: flex;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.cmsmasters-footer-widgets__inner.cmsmasters-tablet-reverse {
flex-direction: row-reverse;
}
}
@media only screen and (min-width: 1025px) {
.cmsmasters-footer-widgets__inner {
display: grid;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-11 {
grid-template-columns: 100%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-1212 {
grid-template-columns: 50% 50%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-1323 {
grid-template-columns: 33.33% 66.66%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-2313 {
grid-template-columns: 66.66% 33.33%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-1434 {
grid-template-columns: 25% 75%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-3414 {
grid-template-columns: 75% 25%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-1545 {
grid-template-columns: 20% 80%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-4515 {
grid-template-columns: 80% 20%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-2535 {
grid-template-columns: 40% 60%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-3525 {
grid-template-columns: 60% 40%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-131313 {
grid-template-columns: 33.33% 33.33% 33.33%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-121414 {
grid-template-columns: 50% 25% 25%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-141214 {
grid-template-columns: 25% 50% 25%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-141412 {
grid-template-columns: 25% 25% 50%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-152525 {
grid-template-columns: 20% 40% 40%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-251525 {
grid-template-columns: 40% 20% 40%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-252515 {
grid-template-columns: 40% 40% 20%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-151535 {
grid-template-columns: 20% 20% 60%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-153515 {
grid-template-columns: 20% 60% 20%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-351515 {
grid-template-columns: 60% 20% 20%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-14141414 {
grid-template-columns: 25% 25% 25% 25%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-15151525 {
grid-template-columns: 20% 20% 20% 40%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-15152515 {
grid-template-columns: 20% 20% 40% 20%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-15251515 {
grid-template-columns: 20% 40% 20% 20%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-25151515 {
grid-template-columns: 40% 20% 20% 20%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-layout-1515151515 {
grid-template-columns: 20% 20% 20% 20% 20%;
}
}
.cmsmasters-footer-widgets__area {
padding-top: var(--cmsmasters-footer-widgets-columns-gap);
padding-left: var(--cmsmasters-footer-widgets-columns-gap);
}
@media only screen and (max-width: 767px) {
.cmsmasters-footer-widgets__area.cmsmasters-mobile-hide {
display: none;
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.cmsmasters-footer-widgets__inner.cmsmasters-tablet-layout-11 .cmsmasters-footer-widgets__area {
width: 100%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-tablet-layout-1212 .cmsmasters-footer-widgets__area {
width: 50%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-tablet-layout-131313 .cmsmasters-footer-widgets__area {
width: 33.33%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-tablet-layout-14141414 .cmsmasters-footer-widgets__area {
width: 25%;
}
.cmsmasters-footer-widgets__inner.cmsmasters-tablet-layout-1515151515 .cmsmasters-footer-widgets__area {
width: 20%;
}
.cmsmasters-footer-widgets__area.cmsmasters-tablet-hide {
display: none;
}
}
/* Footer */
.cmsmasters-footer {
width: var(--cmsmasters-footer-container-width);
border-style: var(--cmsmasters-footer-container-bd-style);
border-top-width: var(--cmsmasters-footer-container-bd-width-top);
border-right-width: var(--cmsmasters-footer-container-bd-width-right);
border-bottom-width: var(--cmsmasters-footer-container-bd-width-bottom);
border-left-width: var(--cmsmasters-footer-container-bd-width-left);
border-color: var(--cmsmasters-footer-container-bd-color);
background-color: var(--cmsmasters-footer-container-bg-color);
background-image: var(--cmsmasters-footer-container-bg-image);
background-repeat: var(--cmsmasters-footer-container-bg-repeat);
background-position: var(--cmsmasters-footer-container-bg-position);
background-size: var(--cmsmasters-footer-container-bg-size);
background-attachment: var(--cmsmasters-footer-container-bg-attachment);
max-width: 100%;
margin: 0 auto;
}
.cmsmasters-footer__outer {
width: var(--cmsmasters-footer-content-width);
border-style: var(--cmsmasters-footer-content-bd-style);
border-top-width: var(--cmsmasters-footer-content-bd-width-top);
border-right-width: var(--cmsmasters-footer-content-bd-width-right);
border-bottom-width: var(--cmsmasters-footer-content-bd-width-bottom);
border-left-width: var(--cmsmasters-footer-content-bd-width-left);
border-color: var(--cmsmasters-footer-content-bd-color);
max-width: 100%;
margin: 0 auto;
position: relative;
padding-top: var(--cmsmasters-footer-content-padding-top);
padding-right: var(--cmsmasters-footer-content-padding-right);
padding-bottom: var(--cmsmasters-footer-content-padding-bottom);
padding-left: var(--cmsmasters-footer-content-padding-left);
}
.cmsmasters-footer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
.cmsmasters-footer__inner > div + div {
margin-top: var(--cmsmasters-footer-elements-gap);
}
@media only screen and (min-width: 768px) {
.cmsmasters-footer__inner.cmsmasters-horizontal {
flex-direction: row;
justify-content: var(--cmsmasters-footer-alignment);
}
.cmsmasters-footer__inner.cmsmasters-horizontal > div + div {
margin-top: 0;
margin-left: var(--cmsmasters-footer-elements-gap);
}
}
.cmsmasters-footer-logo__outer {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
@media only screen and (max-width: 767px) {
.cmsmasters-footer-logo__outer {
text-align: center;
}
}
.cmsmasters-footer-logo__link {
display: block;
}
.cmsmasters-footer-logo img {
display: block;
}
.cmsmasters-footer-logo img.cmsmasters-footer-logo-main.cmsmasters-footer-logo__img {
display: block;
}
.cmsmasters-footer-logo img.cmsmasters-footer-logo-main.cmsmasters-footer-logo__retina-img {
display: none;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
.cmsmasters-footer-logo img.cmsmasters-footer-logo-main.cmsmasters-footer-logo__retina-img {
display: block;
}
.cmsmasters-footer-logo img.cmsmasters-footer-logo-main.cmsmasters-footer-logo__retina-img ~ img {
display: none;
}
}
.cmsmasters-footer-logo img.cmsmasters-footer-logo-second {
display: none;
}
.cmsmasters-mode-switcher-active .cmsmasters-footer-logo img.cmsmasters-footer-logo-second.cmsmasters-footer-logo__img {
display: block;
}
.cmsmasters-mode-switcher-active .cmsmasters-footer-logo img.cmsmasters-footer-logo-second.cmsmasters-footer-logo__img ~ img {
display: none;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
.cmsmasters-mode-switcher-active .cmsmasters-footer-logo img.cmsmasters-footer-logo-second.cmsmasters-footer-logo__retina-img {
display: block;
}
.cmsmasters-mode-switcher-active .cmsmasters-footer-logo img.cmsmasters-footer-logo-second.cmsmasters-footer-logo__retina-img ~ img {
display: none;
}
}
.cmsmasters-footer-copyright {
position: relative;
}
@media only screen and (min-width: 768px) {
.cmsmasters-footer-copyright__outer {
display: flex;
height: 100%;
align-items: center;
}
}
.cmsmasters-footer-copyright__inner {
font-family: var(--cmsmasters-footer-copyright-font-family);
font-weight: var(--cmsmasters-footer-copyright-font-weight);
font-style: var(--cmsmasters-footer-copyright-font-style);
text-transform: var(--cmsmasters-footer-copyright-text-transform);
-webkit-text-decoration: var(--cmsmasters-footer-copyright-text-decoration);
text-decoration: var(--cmsmasters-footer-copyright-text-decoration);
font-size: var(--cmsmasters-footer-copyright-font-size);
line-height: var(--cmsmasters-footer-copyright-line-height);
letter-spacing: var(--cmsmasters-footer-copyright-letter-spacing);
word-spacing: var(--cmsmasters-footer-copyright-word-spacing);
color: var(--cmsmasters-footer-copyright-color);
}
@media only screen and (max-width: 767px) {
.cmsmasters-footer-copyright__inner {
text-align: center;
}
}
.cmsmasters-footer-copyright__inner p {
margin: 0;
}
.cmsmasters-footer-menu {
position: relative;
}
.cmsmasters-footer-menu__nav {
font-family: var(--cmsmasters-footer-nav-font-family);
font-weight: var(--cmsmasters-footer-nav-font-weight);
font-style: var(--cmsmasters-footer-nav-font-style);
text-transform: var(--cmsmasters-footer-nav-text-transform);
-webkit-text-decoration: var(--cmsmasters-footer-nav-text-decoration);
text-decoration: var(--cmsmasters-footer-nav-text-decoration);
font-size: var(--cmsmasters-footer-nav-font-size);
line-height: var(--cmsmasters-footer-nav-line-height);
letter-spacing: var(--cmsmasters-footer-nav-letter-spacing);
word-spacing: var(--cmsmasters-footer-nav-word-spacing);
list-style: none;
margin: 0;
padding: 0;
}
.cmsmasters-footer-menu__nav > ul {
list-style: none;
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
padding: 0;
}
@media only screen and (min-width: 768px) {
.cmsmasters-footer-menu__nav > ul {
flex-direction: row;
}
}
.cmsmasters-footer-menu__nav > ul ul {
display: none;
}
.cmsmasters-footer-menu__nav li {
margin: 0;
position: relative;
}
@media only screen and (max-width: 767px) {
.cmsmasters-footer-menu__nav li {
margin-bottom: var(--cmsmasters-footer-nav-gap);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-footer-menu__nav li {
margin-right: var(--cmsmasters-footer-nav-gap);
}
}
.cmsmasters-footer-menu__nav li:before {
content: "";
background-color: var(--cmsmasters-footer-nav-colors-divider);
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
@media only screen and (max-width: 767px) {
.cmsmasters-footer-menu__nav li:before {
width: 30%;
height: 1px;
top: auto;
bottom: calc(var(--cmsmasters-footer-nav-gap) / 2 * -1);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-footer-menu__nav li:before {
width: 1px;
height: 16px;
left: auto;
right: calc(var(--cmsmasters-footer-nav-gap)/2 * -1);
}
}
.cmsmasters-footer-menu__nav li:last-child {
margin-right: 0;
margin-bottom: 0;
}
.cmsmasters-footer-menu__nav li:last-child:before {
content: none;
}
.cmsmasters-footer-menu__nav a {
color: var(--cmsmasters-footer-nav-colors-normal);
}
.cmsmasters-footer-menu__nav a:hover {
color: var(--cmsmasters-footer-nav-colors-hover);
}
.cmsmasters-footer-menu__nav li.current-menu-item a {
color: var(--cmsmasters-footer-nav-colors-current);
}
.cmsmasters-footer-html {
position: relative;
}
@media only screen and (min-width: 768px) {
.cmsmasters-footer-html__outer {
display: flex;
height: 100%;
align-items: center;
}
}
.cmsmasters-footer-html__inner {
font-family: var(--cmsmasters-footer-html-font-family);
font-weight: var(--cmsmasters-footer-html-font-weight);
font-style: var(--cmsmasters-footer-html-font-style);
text-transform: var(--cmsmasters-footer-html-text-transform);
-webkit-text-decoration: var(--cmsmasters-footer-html-text-decoration);
text-decoration: var(--cmsmasters-footer-html-text-decoration);
font-size: var(--cmsmasters-footer-html-font-size);
line-height: var(--cmsmasters-footer-html-line-height);
letter-spacing: var(--cmsmasters-footer-html-letter-spacing);
word-spacing: var(--cmsmasters-footer-html-word-spacing);
color: var(--cmsmasters-footer-html-colors-text);
}
@media only screen and (max-width: 767px) {
.cmsmasters-footer-html__inner {
text-align: center;
}
}
.cmsmasters-footer-html__inner a {
color: var(--cmsmasters-footer-html-colors-link);
}
.cmsmasters-footer-html__inner a:hover {
color: var(--cmsmasters-footer-html-colors-hover);
}
.cmsmasters-footer-html__inner > *:last-child {
margin-bottom: 0;
}
.cmsmasters-footer-info {
position: relative;
}
.cmsmasters-footer-info__list {
font-family: var(--cmsmasters-footer-info-font-family);
font-weight: var(--cmsmasters-footer-info-font-weight);
font-style: var(--cmsmasters-footer-info-font-style);
text-transform: var(--cmsmasters-footer-info-text-transform);
-webkit-text-decoration: var(--cmsmasters-footer-info-text-decoration);
text-decoration: var(--cmsmasters-footer-info-text-decoration);
font-size: var(--cmsmasters-footer-info-font-size);
line-height: var(--cmsmasters-footer-info-line-height);
letter-spacing: var(--cmsmasters-footer-info-letter-spacing);
word-spacing: var(--cmsmasters-footer-info-word-spacing);
color: var(--cmsmasters-footer-info-colors-text);
list-style: none;
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
padding: 0;
}
@media only screen and (min-width: 768px) {
.cmsmasters-footer-info__list {
height: 100%;
flex-direction: row;
}
}
.cmsmasters-footer-info__list a {
color: var(--cmsmasters-footer-info-colors-link);
}
.cmsmasters-footer-info__list a:hover {
color: var(--cmsmasters-footer-info-colors-hover);
}
.cmsmasters-footer-info__item {
position: relative;
}
@media only screen and (max-width: 767px) {
.cmsmasters-footer-info__item {
margin-bottom: var(--cmsmasters-footer-info-items-gap);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-footer-info__item {
margin-right: var(--cmsmasters-footer-info-items-gap);
}
}
.cmsmasters-footer-info__item:before {
content: "";
background-color: var(--cmsmasters-footer-info-colors-divider);
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
@media only screen and (max-width: 767px) {
.cmsmasters-footer-info__item:before {
width: 30%;
height: 1px;
top: auto;
bottom: calc(var(--cmsmasters-footer-info-items-gap) / 2 * -1);
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-footer-info__item:before {
width: 1px;
height: 16px;
left: auto;
right: calc(var(--cmsmasters-footer-info-items-gap)/2 * -1);
}
}
.cmsmasters-footer-info__item:last-child {
margin-right: 0;
margin-bottom: 0;
}
.cmsmasters-footer-info__item:last-child:before {
content: none;
}
.cmsmasters-footer-info__item-inner {
display: flex;
align-items: center;
}
.cmsmasters-footer-info__item-inner > * + * {
margin-left: var(--cmsmasters-footer-info-icon-gap);
}
.cmsmasters-footer-info__item-icon {
font-size: var(--cmsmasters-footer-info-icon-size);
color: var(--cmsmasters-footer-info-colors-icon);
text-align: center;
width: 1em;
height: 1em;
position: relative;
transition: color 0.3s ease-in-out;
}
.cmsmasters-footer-info__item-icon > * {
text-align: center;
display: block;
width: var(--cmsmasters-footer-info-icon-size);
max-width: var(--cmsmasters-footer-info-icon-size);
height: var(--cmsmasters-footer-info-icon-size);
max-height: var(--cmsmasters-footer-info-icon-size);
}
.cmsmasters-footer-info__item-icon i {
display: block;
}
.cmsmasters-footer-info__item-icon i:before {
display: block;
width: 1em;
height: 1em;
}
.cmsmasters-footer-info a:hover .cmsmasters-footer-info__item-icon {
color: var(--cmsmasters-footer-info-colors-hover);
}
.cmsmasters-footer-info__item-text {
position: relative;
}
.cmsmasters-footer-social {
position: relative;
}
@media only screen and (max-width: 767px) {
.cmsmasters-footer-social {
width: 100%;
}
}
.cmsmasters-footer-social a {
display: block;
}
.cmsmasters-footer-social__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
@media only screen and (max-width: 767px) {
.cmsmasters-footer-social__list {
justify-content: center;
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-footer-social__list {
height: 100%;
align-items: center;
}
}
.cmsmasters-footer-social__item {
margin: 0;
margin-left: var(--cmsmasters-footer-social-gap);
position: relative;
}
.cmsmasters-footer-social__item:first-child {
margin-left: 0;
}
.cmsmasters-footer-social__item-icon {
color: var(--cmsmasters-footer-social-normal-colors-color);
background-color: var(--cmsmasters-footer-social-normal-colors-bg);
border-color: var(--cmsmasters-footer-social-normal-colors-bd);
font-size: var(--cmsmasters-footer-social-size);
border-style: var(--cmsmasters-footer-social-bd-style);
border-top-width: var(--cmsmasters-footer-social-bd-width-top);
border-right-width: var(--cmsmasters-footer-social-bd-width-right);
border-bottom-width: var(--cmsmasters-footer-social-bd-width-bottom);
border-left-width: var(--cmsmasters-footer-social-bd-width-left);
border-radius: var(--cmsmasters-footer-social-bd-radius);
padding-top: var(--cmsmasters-footer-social-padding-top);
padding-right: var(--cmsmasters-footer-social-padding-right);
padding-bottom: var(--cmsmasters-footer-social-padding-bottom);
padding-left: var(--cmsmasters-footer-social-padding-left);
display: block;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.cmsmasters-footer-social__item-icon:hover {
color: var(--cmsmasters-footer-social-hover-colors-color);
background-color: var(--cmsmasters-footer-social-hover-colors-bg);
border-color: var(--cmsmasters-footer-social-hover-colors-bd);
}
.cmsmasters-footer-social__item-icon > * {
text-align: center;
display: block;
width: var(--cmsmasters-footer-social-size);
max-width: var(--cmsmasters-footer-social-size);
height: var(--cmsmasters-footer-social-size);
max-height: var(--cmsmasters-footer-social-size);
}
.cmsmasters-footer-social__item-icon i {
display: block;
}
.cmsmasters-footer-social__item-icon i:before {
display: block;
width: 1em;
height: 1em;
}
/* Archive */
.cmsmasters-archive {
margin: 0;
}
.cmsmasters-archive.cmsmasters-grid {
display: grid;
grid-template-columns: repeat(var(--cmsmasters-archive-grid-columns), minmax(10px, 1fr));
grid-row-gap: var(--cmsmasters-archive-post-gap);
grid-column-gap: var(--cmsmasters-archive-post-gap);
align-items: start;
flex-wrap: wrap;
}
.cmsmasters-archive-post {
margin-top: var(--cmsmasters-archive-post-gap);
}
.cmsmasters-archive-post:first-child, .cmsmasters-archive.cmsmasters-grid .cmsmasters-archive-post {
margin-top: 0;
}
.cmsmasters-archive-post__outer {
background-color: var(--cmsmasters-archive-post-bg-color);
border-style: var(--cmsmasters-archive-post-bd-style);
border-top-width: var(--cmsmasters-archive-post-bd-width-top);
border-right-width: var(--cmsmasters-archive-post-bd-width-right);
border-bottom-width: var(--cmsmasters-archive-post-bd-width-bottom);
border-left-width: var(--cmsmasters-archive-post-bd-width-left);
border-color: var(--cmsmasters-archive-post-bd-color);
border-radius: var(--cmsmasters-archive-post-bd-radius);
box-shadow: var(--cmsmasters-archive-post-box-shadow);
}
.cmsmasters-archive.cmsmasters-compact .cmsmasters-archive-post__outer {
display: flex;
flex-wrap: wrap;
align-items: var(--cmsmasters-archive-compact-vertical-alignment);
}
.cmsmasters-archive.cmsmasters-compact.cmsmasters-media-left .cmsmasters-archive-post__outer {
flex-direction: row;
}
.cmsmasters-archive.cmsmasters-compact.cmsmasters-media-right .cmsmasters-archive-post__outer {
flex-direction: row-reverse;
}
.cmsmasters-archive.cmsmasters-compact .cmsmasters-archive-post-media {
flex-shrink: 0;
width: var(--cmsmasters-archive-compact-media-width);
}
.cmsmasters-archive-post__inner {
flex-grow: 1;
text-align: var(--cmsmasters-archive-post-alignment);
padding-top: var(--cmsmasters-archive-post-padding-top);
padding-right: var(--cmsmasters-archive-post-padding-right);
padding-bottom: var(--cmsmasters-archive-post-padding-bottom);
padding-left: var(--cmsmasters-archive-post-padding-left);
}
.cmsmasters-archive.cmsmasters-compact .cmsmasters-archive-post__inner {
width: calc(100% - var(--cmsmasters-archive-compact-media-width));
min-width: 30%;
max-width: 100%;
}
.cmsmasters-archive .cmsmasters-swiper-slider__button {
font-size: var(--archive-media-slider-navigation-icon-size);
border-color: var(--archive-media-slider-navigation-normal-bd);
border-style: var(--archive-media-slider-navigation-bd-style);
color: var(--archive-media-slider-navigation-normal-color);
background-color: var(--archive-media-slider-navigation-normal-bg);
}
.cmsmasters-archive .cmsmasters-swiper-slider__button.cmsmasters-prev {
border-top-width: var(--cmsmasters-archive-media-slider-navigation-prev-bd-width-top);
border-right-width: var(--cmsmasters-archive-media-slider-navigation-prev-bd-width-right);
border-bottom-width: var(--cmsmasters-archive-media-slider-navigation-prev-bd-width-bottom);
border-left-width: var(--cmsmasters-archive-media-slider-navigation-prev-bd-width-left);
border-radius: var(--cmsmasters-archive-media-slider-navigation-prev-bd-radius);
padding-top: var(--cmsmasters-archive-media-slider-navigation-prev-padding-top);
padding-right: var(--cmsmasters-archive-media-slider-navigation-prev-padding-right);
padding-bottom: var(--cmsmasters-archive-media-slider-navigation-prev-padding-bottom);
padding-left: var(--cmsmasters-archive-media-slider-navigation-prev-padding-left);
}
.cmsmasters-archive .cmsmasters-swiper-slider__button.cmsmasters-next {
border-top-width: var(--cmsmasters-archive-media-slider-navigation-next-bd-width-top);
border-right-width: var(--cmsmasters-archive-media-slider-navigation-next-bd-width-right);
border-bottom-width: var(--cmsmasters-archive-media-slider-navigation-next-bd-width-bottom);
border-left-width: var(--cmsmasters-archive-media-slider-navigation-next-bd-width-left);
border-radius: var(--cmsmasters-archive-media-slider-navigation-next-bd-radius);
padding-top: var(--cmsmasters-archive-media-slider-navigation-next-padding-top);
padding-right: var(--cmsmasters-archive-media-slider-navigation-next-padding-right);
padding-bottom: var(--cmsmasters-archive-media-slider-navigation-next-padding-bottom);
padding-left: var(--cmsmasters-archive-media-slider-navigation-next-padding-left);
}
.cmsmasters-archive .cmsmasters-swiper-slider__button:hover {
border-color: var(--archive-media-slider-navigation-hover-bd);
color: var(--archive-media-slider-navigation-hover-color);
background-color: var(--archive-media-slider-navigation-hover-bg);
}
.cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-archive .cmsmasters-swiper-slider__button.cmsmasters-prev {
margin-right: var(--archive-media-slider-navigation-gap);
}
.cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-archive .cmsmasters-swiper-slider__button.cmsmasters-next {
margin-left: var(--archive-media-slider-navigation-gap);
}
.cmsmasters-archive .cmsmasters-swiper-slider__pagination {
padding-top: var(--cmsmasters-archive-media-slider-pagination-container-padding-top);
padding-right: var(--cmsmasters-archive-media-slider-pagination-container-padding-right);
padding-bottom: var(--cmsmasters-archive-media-slider-pagination-container-padding-bottom);
padding-left: var(--cmsmasters-archive-media-slider-pagination-container-padding-left);
}
.cmsmasters-archive .cmsmasters-swiper-slider .swiper-pagination-bullet {
margin-right: var(--archive-media-slider-pagination-gap);
width: var(--archive-media-slider-pagination-size-width);
height: var(--archive-media-slider-pagination-size-height);
border-color: var(--archive-media-slider-pagination-normal-bd);
border-style: var(--archive-media-slider-pagination-bd-style);
border-top-width: var(--cmsmasters-archive-media-slider-pagination-bd-width-top);
border-right-width: var(--cmsmasters-archive-media-slider-pagination-bd-width-right);
border-bottom-width: var(--cmsmasters-archive-media-slider-pagination-bd-width-bottom);
border-left-width: var(--cmsmasters-archive-media-slider-pagination-bd-width-left);
border-radius: var(--cmsmasters-archive-media-slider-pagination-bd-radius);
background-color: var(--archive-media-slider-pagination-normal-bg);
}
.cmsmasters-archive .cmsmasters-swiper-slider .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.cmsmasters-archive .cmsmasters-swiper-slider .swiper-pagination-bullet:hover {
border-color: var(--archive-media-slider-pagination-hover-bd);
background-color: var(--archive-media-slider-pagination-hover-bg);
}
.cmsmasters-archive .cmsmasters-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--archive-media-slider-pagination-current-bd);
background-color: var(--archive-media-slider-pagination-current-bg);
}
.cmsmasters-archive-post-media {
position: relative;
}
.cmsmasters-archive-post-media__inner {
text-align: center;
background-color: var(--cmsmasters-archive-media-box-bg-color);
border-style: var(--cmsmasters-archive-media-box-bd-style);
border-top-width: var(--cmsmasters-archive-media-box-bd-width-top);
border-right-width: var(--cmsmasters-archive-media-box-bd-width-right);
border-bottom-width: var(--cmsmasters-archive-media-box-bd-width-bottom);
border-left-width: var(--cmsmasters-archive-media-box-bd-width-left);
border-color: var(--cmsmasters-archive-media-box-bd-color);
border-radius: var(--cmsmasters-archive-media-box-bd-radius);
padding-top: var(--cmsmasters-archive-media-box-padding-top);
padding-right: var(--cmsmasters-archive-media-box-padding-right);
padding-bottom: var(--cmsmasters-archive-media-box-padding-bottom);
padding-left: var(--cmsmasters-archive-media-box-padding-left);
margin-top: var(--cmsmasters-archive-media-box-margin-top);
margin-right: var(--cmsmasters-archive-media-box-margin-right);
margin-bottom: var(--cmsmasters-archive-media-box-margin-bottom);
margin-left: var(--cmsmasters-archive-media-box-margin-left);
}
.cmsmasters-archive-post-media__inner img {
border-radius: var(--cmsmasters-archive-media-box-bd-radius);
}
.cmsmasters-archive-post-media .cmsmasters-video-wrap {
padding-bottom: var(--cmsmasters-archive-media-video-height);
border-radius: var(--cmsmasters-archive-media-box-bd-radius);
}
.cmsmasters-archive-post-media .cmsmasters-slider-image-wrap img {
display: block;
margin: 0 auto;
}
.cmsmasters-archive-post-title {
text-align: var(--cmsmasters-archive-title-box-alignment);
background-color: var(--cmsmasters-archive-title-box-bg-color);
border-style: var(--cmsmasters-archive-title-box-bd-style);
border-top-width: var(--cmsmasters-archive-title-box-bd-width-top);
border-right-width: var(--cmsmasters-archive-title-box-bd-width-right);
border-bottom-width: var(--cmsmasters-archive-title-box-bd-width-bottom);
border-left-width: var(--cmsmasters-archive-title-box-bd-width-left);
border-color: var(--cmsmasters-archive-title-box-bd-color);
border-radius: var(--cmsmasters-archive-title-box-bd-radius);
padding-top: var(--cmsmasters-archive-title-box-padding-top);
padding-right: var(--cmsmasters-archive-title-box-padding-right);
padding-bottom: var(--cmsmasters-archive-title-box-padding-bottom);
padding-left: var(--cmsmasters-archive-title-box-padding-left);
margin-top: var(--cmsmasters-archive-title-box-margin-top);
margin-right: var(--cmsmasters-archive-title-box-margin-right);
margin-bottom: var(--cmsmasters-archive-title-box-margin-bottom);
margin-left: var(--cmsmasters-archive-title-box-margin-left);
}
.cmsmasters-archive-post-title__tag {
color: var(--cmsmasters-archive-title-color);
font-family: var(--cmsmasters-archive-title-font-family);
font-weight: var(--cmsmasters-archive-title-font-weight);
font-style: var(--cmsmasters-archive-title-font-style);
text-transform: var(--cmsmasters-archive-title-text-transform);
-webkit-text-decoration: var(--cmsmasters-archive-title-text-decoration);
text-decoration: var(--cmsmasters-archive-title-text-decoration);
font-size: var(--cmsmasters-archive-title-font-size);
line-height: var(--cmsmasters-archive-title-line-height);
letter-spacing: var(--cmsmasters-archive-title-letter-spacing);
word-spacing: var(--cmsmasters-archive-title-word-spacing);
margin: 0;
}
.cmsmasters-archive-post-title__tag a:hover {
color: var(--cmsmasters-archive-title-hover);
}
.cmsmasters-archive-post.sticky .cmsmasters-archive-post-title__tag:before {
content: "\e845";
font-family: eicons;
font-size: 17px;
line-height: 1em;
color: var(--cmsmasters-colors-bg);
background-color: var(--cmsmasters-colors-link);
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
align-self: flex-start;
vertical-align: middle;
width: 40px;
height: 40px;
margin-right: 15px;
border-radius: 50%;
position: relative;
top: -2px;
}
.cmsmasters-archive-post.sticky .cmsmasters-archive-post-title__tag > a {
vertical-align: middle;
}
.cmsmasters-archive-post-meta_first {
font-family: var(--cmsmasters-archive-meta-first-font-family);
font-weight: var(--cmsmasters-archive-meta-first-font-weight);
font-style: var(--cmsmasters-archive-meta-first-font-style);
text-transform: var(--cmsmasters-archive-meta-first-text-transform);
-webkit-text-decoration: var(--cmsmasters-archive-meta-first-text-decoration);
text-decoration: var(--cmsmasters-archive-meta-first-text-decoration);
font-size: var(--cmsmasters-archive-meta-first-font-size);
line-height: var(--cmsmasters-archive-meta-first-line-height);
letter-spacing: var(--cmsmasters-archive-meta-first-letter-spacing);
word-spacing: var(--cmsmasters-archive-meta-first-word-spacing);
color: var(--cmsmasters-archive-meta-first-colors-text);
text-align: var(--cmsmasters-archive-meta-first-box-alignment);
background-color: var(--cmsmasters-archive-meta-first-box-bg-color);
border-style: var(--cmsmasters-archive-meta-first-box-bd-style);
border-top-width: var(--cmsmasters-archive-meta-first-box-bd-width-top);
border-right-width: var(--cmsmasters-archive-meta-first-box-bd-width-right);
border-bottom-width: var(--cmsmasters-archive-meta-first-box-bd-width-bottom);
border-left-width: var(--cmsmasters-archive-meta-first-box-bd-width-left);
border-color: var(--cmsmasters-archive-meta-first-box-bd-color);
border-radius: var(--cmsmasters-archive-meta-first-box-bd-radius);
padding-top: var(--cmsmasters-archive-meta-first-box-padding-top);
padding-right: var(--cmsmasters-archive-meta-first-box-padding-right);
padding-bottom: var(--cmsmasters-archive-meta-first-box-padding-bottom);
padding-left: var(--cmsmasters-archive-meta-first-box-padding-left);
margin-top: var(--cmsmasters-archive-meta-first-box-margin-top);
margin-right: var(--cmsmasters-archive-meta-first-box-margin-right);
margin-bottom: var(--cmsmasters-archive-meta-first-box-margin-bottom);
margin-left: var(--cmsmasters-archive-meta-first-box-margin-left);
}
.cmsmasters-archive-post-meta_first a {
color: var(--cmsmasters-archive-meta-first-colors-link);
}
.cmsmasters-archive-post-meta_first a:hover {
color: var(--cmsmasters-archive-meta-first-colors-hover);
}
.cmsmasters-archive-post-meta_first__inner {
margin-top: calc(var(--cmsmasters-archive-meta-first-elements-gap) * -1);
margin-left: calc(var(--cmsmasters-archive-meta-first-elements-gap) * -1);
display: inline-block;
}
.cmsmasters-archive-post-meta_first__inner > * {
margin-top: var(--cmsmasters-archive-meta-first-elements-gap);
margin-left: var(--cmsmasters-archive-meta-first-elements-gap);
display: inline-block;
position: relative;
}
.cmsmasters-archive-post-meta_first__inner > *:before {
content: "";
display: var(--cmsmasters-archive-meta-first-divider-visibility);
color: var(--cmsmasters-archive-meta-first-divider-color);
border-color: var(--cmsmasters-archive-meta-first-divider-color);
background-color: var(--cmsmasters-archive-meta-first-divider-color);
width: var(--cmsmasters-archive-meta-first-divider-width);
height: var(--cmsmasters-archive-meta-first-divider-height);
margin: auto !important;
position: absolute;
left: calc(var(--cmsmasters-archive-meta-first-elements-gap) / 2 * -1);
right: auto;
top: 0;
bottom: 0;
transform: translateX(-50%);
border-radius: var(--cmsmasters-archive-meta-first-divider-bd-radius);
}
.cmsmasters-archive-post-meta_first__inner > *:first-child:before {
content: none;
}
.cmsmasters-archive-post-meta_second {
font-family: var(--cmsmasters-archive-meta-second-font-family);
font-weight: var(--cmsmasters-archive-meta-second-font-weight);
font-style: var(--cmsmasters-archive-meta-second-font-style);
text-transform: var(--cmsmasters-archive-meta-second-text-transform);
-webkit-text-decoration: var(--cmsmasters-archive-meta-second-text-decoration);
text-decoration: var(--cmsmasters-archive-meta-second-text-decoration);
font-size: var(--cmsmasters-archive-meta-second-font-size);
line-height: var(--cmsmasters-archive-meta-second-line-height);
letter-spacing: var(--cmsmasters-archive-meta-second-letter-spacing);
word-spacing: var(--cmsmasters-archive-meta-second-word-spacing);
color: var(--cmsmasters-archive-meta-second-colors-text);
text-align: var(--cmsmasters-archive-meta-second-box-alignment);
background-color: var(--cmsmasters-archive-meta-second-box-bg-color);
border-style: var(--cmsmasters-archive-meta-second-box-bd-style);
border-top-width: var(--cmsmasters-archive-meta-second-box-bd-width-top);
border-right-width: var(--cmsmasters-archive-meta-second-box-bd-width-right);
border-bottom-width: var(--cmsmasters-archive-meta-second-box-bd-width-bottom);
border-left-width: var(--cmsmasters-archive-meta-second-box-bd-width-left);
border-color: var(--cmsmasters-archive-meta-second-box-bd-color);
border-radius: var(--cmsmasters-archive-meta-second-box-bd-radius);
padding-top: var(--cmsmasters-archive-meta-second-box-padding-top);
padding-right: var(--cmsmasters-archive-meta-second-box-padding-right);
padding-bottom: var(--cmsmasters-archive-meta-second-box-padding-bottom);
padding-left: var(--cmsmasters-archive-meta-second-box-padding-left);
margin-top: var(--cmsmasters-archive-meta-second-box-margin-top);
margin-right: var(--cmsmasters-archive-meta-second-box-margin-right);
margin-bottom: var(--cmsmasters-archive-meta-second-box-margin-bottom);
margin-left: var(--cmsmasters-archive-meta-second-box-margin-left);
}
.cmsmasters-archive-post-meta_second a {
color: var(--cmsmasters-archive-meta-second-colors-link);
}
.cmsmasters-archive-post-meta_second a:hover {
color: var(--cmsmasters-archive-meta-second-colors-hover);
}
.cmsmasters-archive-post-meta_second__inner {
margin-top: calc(var(--cmsmasters-archive-meta-second-elements-gap) * -1);
margin-left: calc(var(--cmsmasters-archive-meta-second-elements-gap) * -1);
display: inline-block;
}
.cmsmasters-archive-post-meta_second__inner > * {
margin-top: var(--cmsmasters-archive-meta-second-elements-gap);
margin-left: var(--cmsmasters-archive-meta-second-elements-gap);
display: inline-block;
position: relative;
}
.cmsmasters-archive-post-meta_second__inner > *:before {
content: "";
display: var(--cmsmasters-archive-meta-second-divider-visibility);
color: var(--cmsmasters-archive-meta-second-divider-color);
border-color: var(--cmsmasters-archive-meta-second-divider-color);
background-color: var(--cmsmasters-archive-meta-second-divider-color);
width: var(--cmsmasters-archive-meta-second-divider-width);
height: var(--cmsmasters-archive-meta-second-divider-height);
margin: auto !important;
position: absolute;
left: calc(var(--cmsmasters-archive-meta-second-elements-gap) / 2 * -1);
right: auto;
top: 0;
bottom: 0;
transform: translateX(-50%);
border-radius: var(--cmsmasters-archive-meta-second-divider-bd-radius);
}
.cmsmasters-archive-post-meta_second__inner > *:first-child:before {
content: none;
}
.cmsmasters-archive-post-content {
color: var(--cmsmasters-archive-content-color);
font-family: var(--cmsmasters-archive-content-font-family);
font-weight: var(--cmsmasters-archive-content-font-weight);
font-style: var(--cmsmasters-archive-content-font-style);
text-transform: var(--cmsmasters-archive-content-text-transform);
-webkit-text-decoration: var(--cmsmasters-archive-content-text-decoration);
text-decoration: var(--cmsmasters-archive-content-text-decoration);
font-size: var(--cmsmasters-archive-content-font-size);
line-height: var(--cmsmasters-archive-content-line-height);
letter-spacing: var(--cmsmasters-archive-content-letter-spacing);
word-spacing: var(--cmsmasters-archive-content-word-spacing);
text-align: var(--cmsmasters-archive-content-box-alignment);
background-color: var(--cmsmasters-archive-content-box-bg-color);
border-style: var(--cmsmasters-archive-content-box-bd-style);
border-top-width: var(--cmsmasters-archive-content-box-bd-width-top);
border-right-width: var(--cmsmasters-archive-content-box-bd-width-right);
border-bottom-width: var(--cmsmasters-archive-content-box-bd-width-bottom);
border-left-width: var(--cmsmasters-archive-content-box-bd-width-left);
border-color: var(--cmsmasters-archive-content-box-bd-color);
border-radius: var(--cmsmasters-archive-content-box-bd-radius);
padding-top: var(--cmsmasters-archive-content-box-padding-top);
padding-right: var(--cmsmasters-archive-content-box-padding-right);
padding-bottom: var(--cmsmasters-archive-content-box-padding-bottom);
padding-left: var(--cmsmasters-archive-content-box-padding-left);
margin-top: var(--cmsmasters-archive-content-box-margin-top);
margin-right: var(--cmsmasters-archive-content-box-margin-right);
margin-bottom: var(--cmsmasters-archive-content-box-margin-bottom);
margin-left: var(--cmsmasters-archive-content-box-margin-left);
}
.cmsmasters-archive-post-content:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
.cmsmasters-archive-post-content > *:first-child {
margin-top: 0;
}
.cmsmasters-archive-post-content > *:last-child {
margin-bottom: 0;
}
.cmsmasters-archive-post-more {
text-align: var(--cmsmasters-archive-more-box-alignment);
background-color: var(--cmsmasters-archive-more-box-bg-color);
border-style: var(--cmsmasters-archive-more-box-bd-style);
border-top-width: var(--cmsmasters-archive-more-box-bd-width-top);
border-right-width: var(--cmsmasters-archive-more-box-bd-width-right);
border-bottom-width: var(--cmsmasters-archive-more-box-bd-width-bottom);
border-left-width: var(--cmsmasters-archive-more-box-bd-width-left);
border-color: var(--cmsmasters-archive-more-box-bd-color);
border-radius: var(--cmsmasters-archive-more-box-bd-radius);
padding-top: var(--cmsmasters-archive-more-box-padding-top);
padding-right: var(--cmsmasters-archive-more-box-padding-right);
padding-bottom: var(--cmsmasters-archive-more-box-padding-bottom);
padding-left: var(--cmsmasters-archive-more-box-padding-left);
margin-top: var(--cmsmasters-archive-more-box-margin-top);
margin-right: var(--cmsmasters-archive-more-box-margin-right);
margin-bottom: var(--cmsmasters-archive-more-box-margin-bottom);
margin-left: var(--cmsmasters-archive-more-box-margin-left);
}
.cmsmasters-archive-post-more__link {
font-family: var(--cmsmasters-archive-more-font-family);
font-weight: var(--cmsmasters-archive-more-font-weight);
font-style: var(--cmsmasters-archive-more-font-style);
text-transform: var(--cmsmasters-archive-more-text-transform);
-webkit-text-decoration: var(--cmsmasters-archive-more-text-decoration);
text-decoration: var(--cmsmasters-archive-more-text-decoration);
font-size: var(--cmsmasters-archive-more-font-size);
line-height: var(--cmsmasters-archive-more-line-height);
letter-spacing: var(--cmsmasters-archive-more-letter-spacing);
word-spacing: var(--cmsmasters-archive-more-word-spacing);
color: var(--cmsmasters-archive-more-normal-colors-color);
border-color: var(--cmsmasters-archive-more-normal-colors-bd);
border-style: var(--cmsmasters-archive-more-normal-bd-style);
border-top-width: var(--cmsmasters-archive-more-normal-bd-width-top);
border-right-width: var(--cmsmasters-archive-more-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-archive-more-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-archive-more-normal-bd-width-left);
border-radius: var(--cmsmasters-archive-more-normal-bd-radius);
text-shadow: var(--cmsmasters-archive-more-text-shadow);
box-shadow: var(--cmsmasters-archive-more-normal-box-shadow);
padding-top: var(--cmsmasters-archive-more-padding-top);
padding-right: var(--cmsmasters-archive-more-padding-right);
padding-bottom: var(--cmsmasters-archive-more-padding-bottom);
padding-left: var(--cmsmasters-archive-more-padding-left);
display: inline-block;
cursor: pointer;
word-break: normal;
position: relative;
z-index: 0;
transition: all 0.3s ease-in-out;
overflow: hidden;
background-color: transparent;
background-image: none;
display: inline-flex;
align-items: center;
}
.cmsmasters-archive-post-more__link:hover {
color: var(--cmsmasters-archive-more-hover-colors-color);
border-color: var(--cmsmasters-archive-more-hover-colors-bd);
border-radius: var(--cmsmasters-archive-more-hover-bd-radius);
-webkit-text-decoration: var(--cmsmasters-archive-more-hover-text-decoration);
text-decoration: var(--cmsmasters-archive-more-hover-text-decoration);
text-shadow: var(--cmsmasters-archive-more-hover-text-shadow);
box-shadow: var(--cmsmasters-archive-more-hover-box-shadow);
}
.cmsmasters-archive-post-more__link:before, .cmsmasters-archive-post-more__link:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
transition: opacity 0.3s ease-in-out;
}
.cmsmasters-archive-post-more__link:before {
background-color: var(--cmsmasters-archive-more-normal-colors-bg);
background-image: var(--cmsmasters-archive-more-normal-colors-bg-image);
opacity: 1;
}
.cmsmasters-archive-post-more__link:after {
background-color: var(--cmsmasters-archive-more-hover-colors-bg);
background-image: var(--cmsmasters-archive-more-hover-colors-bg-image);
opacity: 0;
}
.cmsmasters-archive-post-more__link:hover:before {
opacity: 0;
}
.cmsmasters-archive-post-more__link:hover:after {
opacity: 1;
}
.cmsmasters-archive-post-more__link > * + * {
margin-left: var(--cmsmasters-archive-more-icon-gap);
}
.cmsmasters-archive-post-more__icon {
font-size: var(--cmsmasters-archive-more-icon-size);
text-align: center;
width: 1em;
height: 1em;
position: relative;
}
.cmsmasters-archive-post-more__icon > * {
text-align: center;
display: block;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
}
.cmsmasters-archive-post-more__icon i {
display: block;
}
.cmsmasters-archive-post-more__icon i:before {
display: block;
width: 1em;
height: 1em;
}
.cmsmasters-archive-pagination {
border-style: var(--cmsmasters-archive-pagination-box-bd-style);
border-top-width: var(--cmsmasters-archive-pagination-box-bd-width-top);
border-right-width: var(--cmsmasters-archive-pagination-box-bd-width-right);
border-bottom-width: var(--cmsmasters-archive-pagination-box-bd-width-bottom);
border-left-width: var(--cmsmasters-archive-pagination-box-bd-width-left);
border-color: var(--cmsmasters-archive-pagination-box-bd-color);
padding-top: var(--cmsmasters-archive-pagination-box-padding-top);
padding-right: var(--cmsmasters-archive-pagination-box-padding-right);
padding-bottom: var(--cmsmasters-archive-pagination-box-padding-bottom);
padding-left: var(--cmsmasters-archive-pagination-box-padding-left);
margin-top: var(--cmsmasters-archive-pagination-box-margin-top);
margin-right: var(--cmsmasters-archive-pagination-box-margin-right);
margin-bottom: var(--cmsmasters-archive-pagination-box-margin-bottom);
margin-left: var(--cmsmasters-archive-pagination-box-margin-left);
}
.cmsmasters-search {
margin: 0;
}
.cmsmasters-search.cmsmasters-grid {
display: grid;
grid-template-columns: repeat(var(--cmsmasters-search-grid-columns), minmax(10px, 1fr));
grid-row-gap: var(--cmsmasters-search-post-gap);
grid-column-gap: var(--cmsmasters-search-post-gap);
align-items: start;
flex-wrap: wrap;
}
.cmsmasters-search-post {
margin-top: var(--cmsmasters-search-post-gap);
}
.cmsmasters-search-post:first-child, .cmsmasters-search.cmsmasters-grid .cmsmasters-search-post {
margin-top: 0;
}
.cmsmasters-search-post__outer {
background-color: var(--cmsmasters-search-post-bg-color);
border-style: var(--cmsmasters-search-post-bd-style);
border-top-width: var(--cmsmasters-search-post-bd-width-top);
border-right-width: var(--cmsmasters-search-post-bd-width-right);
border-bottom-width: var(--cmsmasters-search-post-bd-width-bottom);
border-left-width: var(--cmsmasters-search-post-bd-width-left);
border-color: var(--cmsmasters-search-post-bd-color);
border-radius: var(--cmsmasters-search-post-bd-radius);
box-shadow: var(--cmsmasters-search-post-box-shadow);
}
.cmsmasters-search.cmsmasters-compact .cmsmasters-search-post__outer {
display: flex;
flex-wrap: wrap;
align-items: var(--cmsmasters-search-compact-vertical-alignment);
}
.cmsmasters-search.cmsmasters-compact.cmsmasters-media-left .cmsmasters-search-post__outer {
flex-direction: row;
}
.cmsmasters-search.cmsmasters-compact.cmsmasters-media-right .cmsmasters-search-post__outer {
flex-direction: row-reverse;
}
.cmsmasters-search.cmsmasters-compact .cmsmasters-search-post-media {
flex-shrink: 0;
width: var(--cmsmasters-search-compact-media-width);
}
.cmsmasters-search-post__inner {
flex-grow: 1;
text-align: var(--cmsmasters-search-post-alignment);
padding-top: var(--cmsmasters-search-post-padding-top);
padding-right: var(--cmsmasters-search-post-padding-right);
padding-bottom: var(--cmsmasters-search-post-padding-bottom);
padding-left: var(--cmsmasters-search-post-padding-left);
}
.cmsmasters-search.cmsmasters-compact .cmsmasters-search-post__inner {
width: calc(100% - var(--cmsmasters-search-compact-media-width));
min-width: 30%;
max-width: 100%;
}
.cmsmasters-search .cmsmasters-swiper-slider__button {
font-size: var(--search-media-slider-navigation-icon-size);
border-color: var(--search-media-slider-navigation-normal-bd);
border-style: var(--search-media-slider-navigation-bd-style);
color: var(--search-media-slider-navigation-normal-color);
background-color: var(--search-media-slider-navigation-normal-bg);
}
.cmsmasters-search .cmsmasters-swiper-slider__button.cmsmasters-prev {
border-top-width: var(--cmsmasters-search-media-slider-navigation-prev-bd-width-top);
border-right-width: var(--cmsmasters-search-media-slider-navigation-prev-bd-width-right);
border-bottom-width: var(--cmsmasters-search-media-slider-navigation-prev-bd-width-bottom);
border-left-width: var(--cmsmasters-search-media-slider-navigation-prev-bd-width-left);
border-radius: var(--cmsmasters-search-media-slider-navigation-prev-bd-radius);
padding-top: var(--cmsmasters-search-media-slider-navigation-prev-padding-top);
padding-right: var(--cmsmasters-search-media-slider-navigation-prev-padding-right);
padding-bottom: var(--cmsmasters-search-media-slider-navigation-prev-padding-bottom);
padding-left: var(--cmsmasters-search-media-slider-navigation-prev-padding-left);
}
.cmsmasters-search .cmsmasters-swiper-slider__button.cmsmasters-next {
border-top-width: var(--cmsmasters-search-media-slider-navigation-next-bd-width-top);
border-right-width: var(--cmsmasters-search-media-slider-navigation-next-bd-width-right);
border-bottom-width: var(--cmsmasters-search-media-slider-navigation-next-bd-width-bottom);
border-left-width: var(--cmsmasters-search-media-slider-navigation-next-bd-width-left);
border-radius: var(--cmsmasters-search-media-slider-navigation-next-bd-radius);
padding-top: var(--cmsmasters-search-media-slider-navigation-next-padding-top);
padding-right: var(--cmsmasters-search-media-slider-navigation-next-padding-right);
padding-bottom: var(--cmsmasters-search-media-slider-navigation-next-padding-bottom);
padding-left: var(--cmsmasters-search-media-slider-navigation-next-padding-left);
}
.cmsmasters-search .cmsmasters-swiper-slider__button:hover {
border-color: var(--search-media-slider-navigation-hover-bd);
color: var(--search-media-slider-navigation-hover-color);
background-color: var(--search-media-slider-navigation-hover-bg);
}
.cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-search .cmsmasters-swiper-slider__button.cmsmasters-prev {
margin-right: var(--search-media-slider-navigation-gap);
}
.cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-search .cmsmasters-swiper-slider__button.cmsmasters-next {
margin-left: var(--search-media-slider-navigation-gap);
}
.cmsmasters-search .cmsmasters-swiper-slider__pagination {
padding-top: var(--cmsmasters-search-media-slider-pagination-container-padding-top);
padding-right: var(--cmsmasters-search-media-slider-pagination-container-padding-right);
padding-bottom: var(--cmsmasters-search-media-slider-pagination-container-padding-bottom);
padding-left: var(--cmsmasters-search-media-slider-pagination-container-padding-left);
}
.cmsmasters-search .cmsmasters-swiper-slider .swiper-pagination-bullet {
margin-right: var(--search-media-slider-pagination-gap);
width: var(--search-media-slider-pagination-size-width);
height: var(--search-media-slider-pagination-size-height);
border-color: var(--search-media-slider-pagination-normal-bd);
border-style: var(--search-media-slider-pagination-bd-style);
border-top-width: var(--cmsmasters-search-media-slider-pagination-bd-width-top);
border-right-width: var(--cmsmasters-search-media-slider-pagination-bd-width-right);
border-bottom-width: var(--cmsmasters-search-media-slider-pagination-bd-width-bottom);
border-left-width: var(--cmsmasters-search-media-slider-pagination-bd-width-left);
border-radius: var(--cmsmasters-search-media-slider-pagination-bd-radius);
background-color: var(--search-media-slider-pagination-normal-bg);
}
.cmsmasters-search .cmsmasters-swiper-slider .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.cmsmasters-search .cmsmasters-swiper-slider .swiper-pagination-bullet:hover {
border-color: var(--search-media-slider-pagination-hover-bd);
background-color: var(--search-media-slider-pagination-hover-bg);
}
.cmsmasters-search .cmsmasters-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--search-media-slider-pagination-current-bd);
background-color: var(--search-media-slider-pagination-current-bg);
}
.cmsmasters-search-post-media {
position: relative;
}
.cmsmasters-search-post-media__inner {
text-align: center;
background-color: var(--cmsmasters-search-media-box-bg-color);
border-style: var(--cmsmasters-search-media-box-bd-style);
border-top-width: var(--cmsmasters-search-media-box-bd-width-top);
border-right-width: var(--cmsmasters-search-media-box-bd-width-right);
border-bottom-width: var(--cmsmasters-search-media-box-bd-width-bottom);
border-left-width: var(--cmsmasters-search-media-box-bd-width-left);
border-color: var(--cmsmasters-search-media-box-bd-color);
border-radius: var(--cmsmasters-search-media-box-bd-radius);
padding-top: var(--cmsmasters-search-media-box-padding-top);
padding-right: var(--cmsmasters-search-media-box-padding-right);
padding-bottom: var(--cmsmasters-search-media-box-padding-bottom);
padding-left: var(--cmsmasters-search-media-box-padding-left);
margin-top: var(--cmsmasters-search-media-box-margin-top);
margin-right: var(--cmsmasters-search-media-box-margin-right);
margin-bottom: var(--cmsmasters-search-media-box-margin-bottom);
margin-left: var(--cmsmasters-search-media-box-margin-left);
}
.cmsmasters-search-post-media__inner img {
border-radius: var(--cmsmasters-search-media-box-bd-radius);
}
.cmsmasters-search-post-media .cmsmasters-video-wrap {
padding-bottom: var(--cmsmasters-search-media-video-height);
border-radius: var(--cmsmasters-search-media-box-bd-radius);
}
.cmsmasters-search-post-media .cmsmasters-slider-image-wrap img {
display: block;
margin: 0 auto;
}
.cmsmasters-search-post-title {
text-align: var(--cmsmasters-search-title-box-alignment);
background-color: var(--cmsmasters-search-title-box-bg-color);
border-style: var(--cmsmasters-search-title-box-bd-style);
border-top-width: var(--cmsmasters-search-title-box-bd-width-top);
border-right-width: var(--cmsmasters-search-title-box-bd-width-right);
border-bottom-width: var(--cmsmasters-search-title-box-bd-width-bottom);
border-left-width: var(--cmsmasters-search-title-box-bd-width-left);
border-color: var(--cmsmasters-search-title-box-bd-color);
border-radius: var(--cmsmasters-search-title-box-bd-radius);
padding-top: var(--cmsmasters-search-title-box-padding-top);
padding-right: var(--cmsmasters-search-title-box-padding-right);
padding-bottom: var(--cmsmasters-search-title-box-padding-bottom);
padding-left: var(--cmsmasters-search-title-box-padding-left);
margin-top: var(--cmsmasters-search-title-box-margin-top);
margin-right: var(--cmsmasters-search-title-box-margin-right);
margin-bottom: var(--cmsmasters-search-title-box-margin-bottom);
margin-left: var(--cmsmasters-search-title-box-margin-left);
}
.cmsmasters-search-post-title__tag {
color: var(--cmsmasters-search-title-color);
font-family: var(--cmsmasters-search-title-font-family);
font-weight: var(--cmsmasters-search-title-font-weight);
font-style: var(--cmsmasters-search-title-font-style);
text-transform: var(--cmsmasters-search-title-text-transform);
-webkit-text-decoration: var(--cmsmasters-search-title-text-decoration);
text-decoration: var(--cmsmasters-search-title-text-decoration);
font-size: var(--cmsmasters-search-title-font-size);
line-height: var(--cmsmasters-search-title-line-height);
letter-spacing: var(--cmsmasters-search-title-letter-spacing);
word-spacing: var(--cmsmasters-search-title-word-spacing);
margin: 0;
}
.cmsmasters-search-post-title__tag a:hover {
color: var(--cmsmasters-search-title-hover);
}
.cmsmasters-search-post.sticky .cmsmasters-search-post-title__tag:before {
content: "\e845";
font-family: eicons;
font-size: 17px;
line-height: 1em;
color: var(--cmsmasters-colors-bg);
background-color: var(--cmsmasters-colors-link);
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
align-self: flex-start;
vertical-align: middle;
width: 40px;
height: 40px;
margin-right: 15px;
border-radius: 50%;
position: relative;
top: -2px;
}
.cmsmasters-search-post.sticky .cmsmasters-search-post-title__tag > a {
vertical-align: middle;
}
.cmsmasters-search-post-meta_first {
font-family: var(--cmsmasters-search-meta-first-font-family);
font-weight: var(--cmsmasters-search-meta-first-font-weight);
font-style: var(--cmsmasters-search-meta-first-font-style);
text-transform: var(--cmsmasters-search-meta-first-text-transform);
-webkit-text-decoration: var(--cmsmasters-search-meta-first-text-decoration);
text-decoration: var(--cmsmasters-search-meta-first-text-decoration);
font-size: var(--cmsmasters-search-meta-first-font-size);
line-height: var(--cmsmasters-search-meta-first-line-height);
letter-spacing: var(--cmsmasters-search-meta-first-letter-spacing);
word-spacing: var(--cmsmasters-search-meta-first-word-spacing);
color: var(--cmsmasters-search-meta-first-colors-text);
text-align: var(--cmsmasters-search-meta-first-box-alignment);
background-color: var(--cmsmasters-search-meta-first-box-bg-color);
border-style: var(--cmsmasters-search-meta-first-box-bd-style);
border-top-width: var(--cmsmasters-search-meta-first-box-bd-width-top);
border-right-width: var(--cmsmasters-search-meta-first-box-bd-width-right);
border-bottom-width: var(--cmsmasters-search-meta-first-box-bd-width-bottom);
border-left-width: var(--cmsmasters-search-meta-first-box-bd-width-left);
border-color: var(--cmsmasters-search-meta-first-box-bd-color);
border-radius: var(--cmsmasters-search-meta-first-box-bd-radius);
padding-top: var(--cmsmasters-search-meta-first-box-padding-top);
padding-right: var(--cmsmasters-search-meta-first-box-padding-right);
padding-bottom: var(--cmsmasters-search-meta-first-box-padding-bottom);
padding-left: var(--cmsmasters-search-meta-first-box-padding-left);
margin-top: var(--cmsmasters-search-meta-first-box-margin-top);
margin-right: var(--cmsmasters-search-meta-first-box-margin-right);
margin-bottom: var(--cmsmasters-search-meta-first-box-margin-bottom);
margin-left: var(--cmsmasters-search-meta-first-box-margin-left);
}
.cmsmasters-search-post-meta_first a {
color: var(--cmsmasters-search-meta-first-colors-link);
}
.cmsmasters-search-post-meta_first a:hover {
color: var(--cmsmasters-search-meta-first-colors-hover);
}
.cmsmasters-search-post-meta_first__inner {
margin-top: calc(var(--cmsmasters-search-meta-first-elements-gap) * -1);
margin-left: calc(var(--cmsmasters-search-meta-first-elements-gap) * -1);
display: inline-block;
}
.cmsmasters-search-post-meta_first__inner > * {
margin-top: var(--cmsmasters-search-meta-first-elements-gap);
margin-left: var(--cmsmasters-search-meta-first-elements-gap);
display: inline-block;
position: relative;
}
.cmsmasters-search-post-meta_first__inner > *:before {
content: "";
display: var(--cmsmasters-search-meta-first-divider-visibility);
color: var(--cmsmasters-search-meta-first-divider-color);
border-color: var(--cmsmasters-search-meta-first-divider-color);
background-color: var(--cmsmasters-search-meta-first-divider-color);
width: var(--cmsmasters-search-meta-first-divider-width);
height: var(--cmsmasters-search-meta-first-divider-height);
margin: auto !important;
position: absolute;
left: calc(var(--cmsmasters-search-meta-first-elements-gap) / 2 * -1);
right: auto;
top: 0;
bottom: 0;
transform: translateX(-50%);
border-radius: var(--cmsmasters-search-meta-first-divider-bd-radius);
}
.cmsmasters-search-post-meta_first__inner > *:first-child:before {
content: none;
}
.cmsmasters-search-post-meta_second {
font-family: var(--cmsmasters-search-meta-second-font-family);
font-weight: var(--cmsmasters-search-meta-second-font-weight);
font-style: var(--cmsmasters-search-meta-second-font-style);
text-transform: var(--cmsmasters-search-meta-second-text-transform);
-webkit-text-decoration: var(--cmsmasters-search-meta-second-text-decoration);
text-decoration: var(--cmsmasters-search-meta-second-text-decoration);
font-size: var(--cmsmasters-search-meta-second-font-size);
line-height: var(--cmsmasters-search-meta-second-line-height);
letter-spacing: var(--cmsmasters-search-meta-second-letter-spacing);
word-spacing: var(--cmsmasters-search-meta-second-word-spacing);
color: var(--cmsmasters-search-meta-second-colors-text);
text-align: var(--cmsmasters-search-meta-second-box-alignment);
background-color: var(--cmsmasters-search-meta-second-box-bg-color);
border-style: var(--cmsmasters-search-meta-second-box-bd-style);
border-top-width: var(--cmsmasters-search-meta-second-box-bd-width-top);
border-right-width: var(--cmsmasters-search-meta-second-box-bd-width-right);
border-bottom-width: var(--cmsmasters-search-meta-second-box-bd-width-bottom);
border-left-width: var(--cmsmasters-search-meta-second-box-bd-width-left);
border-color: var(--cmsmasters-search-meta-second-box-bd-color);
border-radius: var(--cmsmasters-search-meta-second-box-bd-radius);
padding-top: var(--cmsmasters-search-meta-second-box-padding-top);
padding-right: var(--cmsmasters-search-meta-second-box-padding-right);
padding-bottom: var(--cmsmasters-search-meta-second-box-padding-bottom);
padding-left: var(--cmsmasters-search-meta-second-box-padding-left);
margin-top: var(--cmsmasters-search-meta-second-box-margin-top);
margin-right: var(--cmsmasters-search-meta-second-box-margin-right);
margin-bottom: var(--cmsmasters-search-meta-second-box-margin-bottom);
margin-left: var(--cmsmasters-search-meta-second-box-margin-left);
}
.cmsmasters-search-post-meta_second a {
color: var(--cmsmasters-search-meta-second-colors-link);
}
.cmsmasters-search-post-meta_second a:hover {
color: var(--cmsmasters-search-meta-second-colors-hover);
}
.cmsmasters-search-post-meta_second__inner {
margin-top: calc(var(--cmsmasters-search-meta-second-elements-gap) * -1);
margin-left: calc(var(--cmsmasters-search-meta-second-elements-gap) * -1);
display: inline-block;
}
.cmsmasters-search-post-meta_second__inner > * {
margin-top: var(--cmsmasters-search-meta-second-elements-gap);
margin-left: var(--cmsmasters-search-meta-second-elements-gap);
display: inline-block;
position: relative;
}
.cmsmasters-search-post-meta_second__inner > *:before {
content: "";
display: var(--cmsmasters-search-meta-second-divider-visibility);
color: var(--cmsmasters-search-meta-second-divider-color);
border-color: var(--cmsmasters-search-meta-second-divider-color);
background-color: var(--cmsmasters-search-meta-second-divider-color);
width: var(--cmsmasters-search-meta-second-divider-width);
height: var(--cmsmasters-search-meta-second-divider-height);
margin: auto !important;
position: absolute;
left: calc(var(--cmsmasters-search-meta-second-elements-gap) / 2 * -1);
right: auto;
top: 0;
bottom: 0;
transform: translateX(-50%);
border-radius: var(--cmsmasters-search-meta-second-divider-bd-radius);
}
.cmsmasters-search-post-meta_second__inner > *:first-child:before {
content: none;
}
.cmsmasters-search-post-content {
color: var(--cmsmasters-search-content-color);
font-family: var(--cmsmasters-search-content-font-family);
font-weight: var(--cmsmasters-search-content-font-weight);
font-style: var(--cmsmasters-search-content-font-style);
text-transform: var(--cmsmasters-search-content-text-transform);
-webkit-text-decoration: var(--cmsmasters-search-content-text-decoration);
text-decoration: var(--cmsmasters-search-content-text-decoration);
font-size: var(--cmsmasters-search-content-font-size);
line-height: var(--cmsmasters-search-content-line-height);
letter-spacing: var(--cmsmasters-search-content-letter-spacing);
word-spacing: var(--cmsmasters-search-content-word-spacing);
text-align: var(--cmsmasters-search-content-box-alignment);
background-color: var(--cmsmasters-search-content-box-bg-color);
border-style: var(--cmsmasters-search-content-box-bd-style);
border-top-width: var(--cmsmasters-search-content-box-bd-width-top);
border-right-width: var(--cmsmasters-search-content-box-bd-width-right);
border-bottom-width: var(--cmsmasters-search-content-box-bd-width-bottom);
border-left-width: var(--cmsmasters-search-content-box-bd-width-left);
border-color: var(--cmsmasters-search-content-box-bd-color);
border-radius: var(--cmsmasters-search-content-box-bd-radius);
padding-top: var(--cmsmasters-search-content-box-padding-top);
padding-right: var(--cmsmasters-search-content-box-padding-right);
padding-bottom: var(--cmsmasters-search-content-box-padding-bottom);
padding-left: var(--cmsmasters-search-content-box-padding-left);
margin-top: var(--cmsmasters-search-content-box-margin-top);
margin-right: var(--cmsmasters-search-content-box-margin-right);
margin-bottom: var(--cmsmasters-search-content-box-margin-bottom);
margin-left: var(--cmsmasters-search-content-box-margin-left);
}
.cmsmasters-search-post-content:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
.cmsmasters-search-post-content > *:first-child {
margin-top: 0;
}
.cmsmasters-search-post-content > *:last-child {
margin-bottom: 0;
}
.cmsmasters-search-post-more {
text-align: var(--cmsmasters-search-more-box-alignment);
background-color: var(--cmsmasters-search-more-box-bg-color);
border-style: var(--cmsmasters-search-more-box-bd-style);
border-top-width: var(--cmsmasters-search-more-box-bd-width-top);
border-right-width: var(--cmsmasters-search-more-box-bd-width-right);
border-bottom-width: var(--cmsmasters-search-more-box-bd-width-bottom);
border-left-width: var(--cmsmasters-search-more-box-bd-width-left);
border-color: var(--cmsmasters-search-more-box-bd-color);
border-radius: var(--cmsmasters-search-more-box-bd-radius);
padding-top: var(--cmsmasters-search-more-box-padding-top);
padding-right: var(--cmsmasters-search-more-box-padding-right);
padding-bottom: var(--cmsmasters-search-more-box-padding-bottom);
padding-left: var(--cmsmasters-search-more-box-padding-left);
margin-top: var(--cmsmasters-search-more-box-margin-top);
margin-right: var(--cmsmasters-search-more-box-margin-right);
margin-bottom: var(--cmsmasters-search-more-box-margin-bottom);
margin-left: var(--cmsmasters-search-more-box-margin-left);
}
.cmsmasters-search-post-more__link {
font-family: var(--cmsmasters-search-more-font-family);
font-weight: var(--cmsmasters-search-more-font-weight);
font-style: var(--cmsmasters-search-more-font-style);
text-transform: var(--cmsmasters-search-more-text-transform);
-webkit-text-decoration: var(--cmsmasters-search-more-text-decoration);
text-decoration: var(--cmsmasters-search-more-text-decoration);
font-size: var(--cmsmasters-search-more-font-size);
line-height: var(--cmsmasters-search-more-line-height);
letter-spacing: var(--cmsmasters-search-more-letter-spacing);
word-spacing: var(--cmsmasters-search-more-word-spacing);
color: var(--cmsmasters-search-more-normal-colors-color);
border-color: var(--cmsmasters-search-more-normal-colors-bd);
border-style: var(--cmsmasters-search-more-normal-bd-style);
border-top-width: var(--cmsmasters-search-more-normal-bd-width-top);
border-right-width: var(--cmsmasters-search-more-normal-bd-width-right);
border-bottom-width: var(--cmsmasters-search-more-normal-bd-width-bottom);
border-left-width: var(--cmsmasters-search-more-normal-bd-width-left);
border-radius: var(--cmsmasters-search-more-normal-bd-radius);
text-shadow: var(--cmsmasters-search-more-text-shadow);
box-shadow: var(--cmsmasters-search-more-normal-box-shadow);
padding-top: var(--cmsmasters-search-more-padding-top);
padding-right: var(--cmsmasters-search-more-padding-right);
padding-bottom: var(--cmsmasters-search-more-padding-bottom);
padding-left: var(--cmsmasters-search-more-padding-left);
display: inline-block;
cursor: pointer;
word-break: normal;
position: relative;
z-index: 0;
transition: all 0.3s ease-in-out;
overflow: hidden;
background-color: transparent;
background-image: none;
display: inline-flex;
align-items: center;
}
.cmsmasters-search-post-more__link:hover {
color: var(--cmsmasters-search-more-hover-colors-color);
border-color: var(--cmsmasters-search-more-hover-colors-bd);
border-radius: var(--cmsmasters-search-more-hover-bd-radius);
-webkit-text-decoration: var(--cmsmasters-search-more-hover-text-decoration);
text-decoration: var(--cmsmasters-search-more-hover-text-decoration);
text-shadow: var(--cmsmasters-search-more-hover-text-shadow);
box-shadow: var(--cmsmasters-search-more-hover-box-shadow);
}
.cmsmasters-search-post-more__link:before, .cmsmasters-search-post-more__link:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
transition: opacity 0.3s ease-in-out;
}
.cmsmasters-search-post-more__link:before {
background-color: var(--cmsmasters-search-more-normal-colors-bg);
background-image: var(--cmsmasters-search-more-normal-colors-bg-image);
opacity: 1;
}
.cmsmasters-search-post-more__link:after {
background-color: var(--cmsmasters-search-more-hover-colors-bg);
background-image: var(--cmsmasters-search-more-hover-colors-bg-image);
opacity: 0;
}
.cmsmasters-search-post-more__link:hover:before {
opacity: 0;
}
.cmsmasters-search-post-more__link:hover:after {
opacity: 1;
}
.cmsmasters-search-post-more__link > * + * {
margin-left: var(--cmsmasters-search-more-icon-gap);
}
.cmsmasters-search-post-more__icon {
font-size: var(--cmsmasters-search-more-icon-size);
text-align: center;
width: 1em;
height: 1em;
position: relative;
}
.cmsmasters-search-post-more__icon > * {
text-align: center;
display: block;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
}
.cmsmasters-search-post-more__icon i {
display: block;
}
.cmsmasters-search-post-more__icon i:before {
display: block;
width: 1em;
height: 1em;
}
.cmsmasters-search-pagination {
border-style: var(--cmsmasters-search-pagination-box-bd-style);
border-top-width: var(--cmsmasters-search-pagination-box-bd-width-top);
border-right-width: var(--cmsmasters-search-pagination-box-bd-width-right);
border-bottom-width: var(--cmsmasters-search-pagination-box-bd-width-bottom);
border-left-width: var(--cmsmasters-search-pagination-box-bd-width-left);
border-color: var(--cmsmasters-search-pagination-box-bd-color);
padding-top: var(--cmsmasters-search-pagination-box-padding-top);
padding-right: var(--cmsmasters-search-pagination-box-padding-right);
padding-bottom: var(--cmsmasters-search-pagination-box-padding-bottom);
padding-left: var(--cmsmasters-search-pagination-box-padding-left);
margin-top: var(--cmsmasters-search-pagination-box-margin-top);
margin-right: var(--cmsmasters-search-pagination-box-margin-right);
margin-bottom: var(--cmsmasters-search-pagination-box-margin-bottom);
margin-left: var(--cmsmasters-search-pagination-box-margin-left);
}
.cmsmasters-search__no-posts-title {
margin-bottom: 3rem;
}
/* Single Post */
.cmsmasters-single .cmsmasters-swiper-slider__button {
font-size: var(--single-media-slider-navigation-icon-size);
border-color: var(--single-media-slider-navigation-normal-bd);
border-style: var(--single-media-slider-navigation-bd-style);
color: var(--single-media-slider-navigation-normal-color);
background-color: var(--single-media-slider-navigation-normal-bg);
}
.cmsmasters-single .cmsmasters-swiper-slider__button.cmsmasters-prev {
border-top-width: var(--cmsmasters-single-media-slider-navigation-prev-bd-width-top);
border-right-width: var(--cmsmasters-single-media-slider-navigation-prev-bd-width-right);
border-bottom-width: var(--cmsmasters-single-media-slider-navigation-prev-bd-width-bottom);
border-left-width: var(--cmsmasters-single-media-slider-navigation-prev-bd-width-left);
border-radius: var(--cmsmasters-single-media-slider-navigation-prev-bd-radius);
padding-top: var(--cmsmasters-single-media-slider-navigation-prev-padding-top);
padding-right: var(--cmsmasters-single-media-slider-navigation-prev-padding-right);
padding-bottom: var(--cmsmasters-single-media-slider-navigation-prev-padding-bottom);
padding-left: var(--cmsmasters-single-media-slider-navigation-prev-padding-left);
}
.cmsmasters-single .cmsmasters-swiper-slider__button.cmsmasters-next {
border-top-width: var(--cmsmasters-single-media-slider-navigation-next-bd-width-top);
border-right-width: var(--cmsmasters-single-media-slider-navigation-next-bd-width-right);
border-bottom-width: var(--cmsmasters-single-media-slider-navigation-next-bd-width-bottom);
border-left-width: var(--cmsmasters-single-media-slider-navigation-next-bd-width-left);
border-radius: var(--cmsmasters-single-media-slider-navigation-next-bd-radius);
padding-top: var(--cmsmasters-single-media-slider-navigation-next-padding-top);
padding-right: var(--cmsmasters-single-media-slider-navigation-next-padding-right);
padding-bottom: var(--cmsmasters-single-media-slider-navigation-next-padding-bottom);
padding-left: var(--cmsmasters-single-media-slider-navigation-next-padding-left);
}
.cmsmasters-single .cmsmasters-swiper-slider__button:hover {
border-color: var(--single-media-slider-navigation-hover-bd);
color: var(--single-media-slider-navigation-hover-color);
background-color: var(--single-media-slider-navigation-hover-bg);
}
.cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-single .cmsmasters-swiper-slider__button.cmsmasters-prev {
margin-right: var(--single-media-slider-navigation-gap);
}
.cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-single .cmsmasters-swiper-slider__button.cmsmasters-next {
margin-left: var(--single-media-slider-navigation-gap);
}
.cmsmasters-single .cmsmasters-swiper-slider__pagination {
padding-top: var(--cmsmasters-single-media-slider-pagination-container-padding-top);
padding-right: var(--cmsmasters-single-media-slider-pagination-container-padding-right);
padding-bottom: var(--cmsmasters-single-media-slider-pagination-container-padding-bottom);
padding-left: var(--cmsmasters-single-media-slider-pagination-container-padding-left);
}
.cmsmasters-single .cmsmasters-swiper-slider .swiper-pagination-bullet {
margin-right: var(--single-media-slider-pagination-gap);
width: var(--single-media-slider-pagination-size-width);
height: var(--single-media-slider-pagination-size-height);
border-color: var(--single-media-slider-pagination-normal-bd);
border-style: var(--single-media-slider-pagination-bd-style);
border-top-width: var(--cmsmasters-single-media-slider-pagination-bd-width-top);
border-right-width: var(--cmsmasters-single-media-slider-pagination-bd-width-right);
border-bottom-width: var(--cmsmasters-single-media-slider-pagination-bd-width-bottom);
border-left-width: var(--cmsmasters-single-media-slider-pagination-bd-width-left);
border-radius: var(--cmsmasters-single-media-slider-pagination-bd-radius);
background-color: var(--single-media-slider-pagination-normal-bg);
}
.cmsmasters-single .cmsmasters-swiper-slider .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.cmsmasters-single .cmsmasters-swiper-slider .swiper-pagination-bullet:hover {
border-color: var(--single-media-slider-pagination-hover-bd);
background-color: var(--single-media-slider-pagination-hover-bg);
}
.cmsmasters-single .cmsmasters-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--single-media-slider-pagination-current-bd);
background-color: var(--single-media-slider-pagination-current-bg);
}
.cmsmasters-single-post-media {
position: relative;
}
.cmsmasters-single-post-media__inner {
text-align: center;
background-color: var(--cmsmasters-single-media-box-bg-color);
border-style: var(--cmsmasters-single-media-box-bd-style);
border-top-width: var(--cmsmasters-single-media-box-bd-width-top);
border-right-width: var(--cmsmasters-single-media-box-bd-width-right);
border-bottom-width: var(--cmsmasters-single-media-box-bd-width-bottom);
border-left-width: var(--cmsmasters-single-media-box-bd-width-left);
border-color: var(--cmsmasters-single-media-box-bd-color);
border-radius: var(--cmsmasters-single-media-box-bd-radius);
padding-top: var(--cmsmasters-single-media-box-padding-top);
padding-right: var(--cmsmasters-single-media-box-padding-right);
padding-bottom: var(--cmsmasters-single-media-box-padding-bottom);
padding-left: var(--cmsmasters-single-media-box-padding-left);
margin-top: var(--cmsmasters-single-media-box-margin-top);
margin-right: var(--cmsmasters-single-media-box-margin-right);
margin-bottom: var(--cmsmasters-single-media-box-margin-bottom);
margin-left: var(--cmsmasters-single-media-box-margin-left);
}
.cmsmasters-single-post-media__inner img {
border-radius: var(--cmsmasters-single-media-box-bd-radius);
}
.cmsmasters-single-post-media .cmsmasters-video-wrap {
padding-bottom: var(--cmsmasters-single-media-video-height);
border-radius: var(--cmsmasters-single-media-box-bd-radius);
}
.cmsmasters-single-post-media .cmsmasters-slider-image-wrap img {
display: block;
margin: 0 auto;
}
.cmsmasters-single-post-title {
text-align: var(--cmsmasters-single-title-box-alignment);
background-color: var(--cmsmasters-single-title-box-bg-color);
border-style: var(--cmsmasters-single-title-box-bd-style);
border-top-width: var(--cmsmasters-single-title-box-bd-width-top);
border-right-width: var(--cmsmasters-single-title-box-bd-width-right);
border-bottom-width: var(--cmsmasters-single-title-box-bd-width-bottom);
border-left-width: var(--cmsmasters-single-title-box-bd-width-left);
border-color: var(--cmsmasters-single-title-box-bd-color);
border-radius: var(--cmsmasters-single-title-box-bd-radius);
padding-top: var(--cmsmasters-single-title-box-padding-top);
padding-right: var(--cmsmasters-single-title-box-padding-right);
padding-bottom: var(--cmsmasters-single-title-box-padding-bottom);
padding-left: var(--cmsmasters-single-title-box-padding-left);
margin-top: var(--cmsmasters-single-title-box-margin-top);
margin-right: var(--cmsmasters-single-title-box-margin-right);
margin-bottom: var(--cmsmasters-single-title-box-margin-bottom);
margin-left: var(--cmsmasters-single-title-box-margin-left);
}
.cmsmasters-single-post-title__tag {
color: var(--cmsmasters-single-title-color);
font-family: var(--cmsmasters-single-title-font-family);
font-weight: var(--cmsmasters-single-title-font-weight);
font-style: var(--cmsmasters-single-title-font-style);
text-transform: var(--cmsmasters-single-title-text-transform);
-webkit-text-decoration: var(--cmsmasters-single-title-text-decoration);
text-decoration: var(--cmsmasters-single-title-text-decoration);
font-size: var(--cmsmasters-single-title-font-size);
line-height: var(--cmsmasters-single-title-line-height);
letter-spacing: var(--cmsmasters-single-title-letter-spacing);
word-spacing: var(--cmsmasters-single-title-word-spacing);
margin: 0;
}
.cmsmasters-single-post-meta_first {
font-family: var(--cmsmasters-single-meta-first-font-family);
font-weight: var(--cmsmasters-single-meta-first-font-weight);
font-style: var(--cmsmasters-single-meta-first-font-style);
text-transform: var(--cmsmasters-single-meta-first-text-transform);
-webkit-text-decoration: var(--cmsmasters-single-meta-first-text-decoration);
text-decoration: var(--cmsmasters-single-meta-first-text-decoration);
font-size: var(--cmsmasters-single-meta-first-font-size);
line-height: var(--cmsmasters-single-meta-first-line-height);
letter-spacing: var(--cmsmasters-single-meta-first-letter-spacing);
word-spacing: var(--cmsmasters-single-meta-first-word-spacing);
color: var(--cmsmasters-single-meta-first-colors-text);
text-align: var(--cmsmasters-single-meta-first-box-alignment);
background-color: var(--cmsmasters-single-meta-first-box-bg-color);
border-style: var(--cmsmasters-single-meta-first-box-bd-style);
border-top-width: var(--cmsmasters-single-meta-first-box-bd-width-top);
border-right-width: var(--cmsmasters-single-meta-first-box-bd-width-right);
border-bottom-width: var(--cmsmasters-single-meta-first-box-bd-width-bottom);
border-left-width: var(--cmsmasters-single-meta-first-box-bd-width-left);
border-color: var(--cmsmasters-single-meta-first-box-bd-color);
border-radius: var(--cmsmasters-single-meta-first-box-bd-radius);
padding-top: var(--cmsmasters-single-meta-first-box-padding-top);
padding-right: var(--cmsmasters-single-meta-first-box-padding-right);
padding-bottom: var(--cmsmasters-single-meta-first-box-padding-bottom);
padding-left: var(--cmsmasters-single-meta-first-box-padding-left);
margin-top: var(--cmsmasters-single-meta-first-box-margin-top);
margin-right: var(--cmsmasters-single-meta-first-box-margin-right);
margin-bottom: var(--cmsmasters-single-meta-first-box-margin-bottom);
margin-left: var(--cmsmasters-single-meta-first-box-margin-left);
}
.cmsmasters-single-post-meta_first a {
color: var(--cmsmasters-single-meta-first-colors-link);
}
.cmsmasters-single-post-meta_first a:hover {
color: var(--cmsmasters-single-meta-first-colors-hover);
}
.cmsmasters-single-post-meta_first__inner {
margin-top: calc(var(--cmsmasters-single-meta-first-elements-gap) * -1);
margin-left: calc(var(--cmsmasters-single-meta-first-elements-gap) * -1);
display: inline-block;
}
.cmsmasters-single-post-meta_first__inner > * {
margin-top: var(--cmsmasters-single-meta-first-elements-gap);
margin-left: var(--cmsmasters-single-meta-first-elements-gap);
display: inline-block;
position: relative;
}
.cmsmasters-single-post-meta_first__inner > *:before {
content: "";
display: var(--cmsmasters-single-meta-first-divider-visibility);
color: var(--cmsmasters-single-meta-first-divider-color);
border-color: var(--cmsmasters-single-meta-first-divider-color);
background-color: var(--cmsmasters-single-meta-first-divider-color);
width: var(--cmsmasters-single-meta-first-divider-width);
height: var(--cmsmasters-single-meta-first-divider-height);
margin: auto !important;
position: absolute;
left: calc(var(--cmsmasters-single-meta-first-elements-gap) / 2 * -1);
right: auto;
top: 0;
bottom: 0;
transform: translateX(-50%);
border-radius: var(--cmsmasters-single-meta-first-divider-bd-radius);
}
.cmsmasters-single-post-meta_first__inner > *:first-child:before {
content: none;
}
.cmsmasters-single-post-meta_second {
font-family: var(--cmsmasters-single-meta-second-font-family);
font-weight: var(--cmsmasters-single-meta-second-font-weight);
font-style: var(--cmsmasters-single-meta-second-font-style);
text-transform: var(--cmsmasters-single-meta-second-text-transform);
-webkit-text-decoration: var(--cmsmasters-single-meta-second-text-decoration);
text-decoration: var(--cmsmasters-single-meta-second-text-decoration);
font-size: var(--cmsmasters-single-meta-second-font-size);
line-height: var(--cmsmasters-single-meta-second-line-height);
letter-spacing: var(--cmsmasters-single-meta-second-letter-spacing);
word-spacing: var(--cmsmasters-single-meta-second-word-spacing);
color: var(--cmsmasters-single-meta-second-colors-text);
text-align: var(--cmsmasters-single-meta-second-box-alignment);
background-color: var(--cmsmasters-single-meta-second-box-bg-color);
border-style: var(--cmsmasters-single-meta-second-box-bd-style);
border-top-width: var(--cmsmasters-single-meta-second-box-bd-width-top);
border-right-width: var(--cmsmasters-single-meta-second-box-bd-width-right);
border-bottom-width: var(--cmsmasters-single-meta-second-box-bd-width-bottom);
border-left-width: var(--cmsmasters-single-meta-second-box-bd-width-left);
border-color: var(--cmsmasters-single-meta-second-box-bd-color);
border-radius: var(--cmsmasters-single-meta-second-box-bd-radius);
padding-top: var(--cmsmasters-single-meta-second-box-padding-top);
padding-right: var(--cmsmasters-single-meta-second-box-padding-right);
padding-bottom: var(--cmsmasters-single-meta-second-box-padding-bottom);
padding-left: var(--cmsmasters-single-meta-second-box-padding-left);
margin-top: var(--cmsmasters-single-meta-second-box-margin-top);
margin-right: var(--cmsmasters-single-meta-second-box-margin-right);
margin-bottom: var(--cmsmasters-single-meta-second-box-margin-bottom);
margin-left: var(--cmsmasters-single-meta-second-box-margin-left);
}
.cmsmasters-single-post-meta_second a {
color: var(--cmsmasters-single-meta-second-colors-link);
}
.cmsmasters-single-post-meta_second a:hover {
color: var(--cmsmasters-single-meta-second-colors-hover);
}
.cmsmasters-single-post-meta_second__inner {
margin-top: calc(var(--cmsmasters-single-meta-second-elements-gap) * -1);
margin-left: calc(var(--cmsmasters-single-meta-second-elements-gap) * -1);
display: inline-block;
}
.cmsmasters-single-post-meta_second__inner > * {
margin-top: var(--cmsmasters-single-meta-second-elements-gap);
margin-left: var(--cmsmasters-single-meta-second-elements-gap);
display: inline-block;
position: relative;
}
.cmsmasters-single-post-meta_second__inner > *:before {
content: "";
display: var(--cmsmasters-single-meta-second-divider-visibility);
color: var(--cmsmasters-single-meta-second-divider-color);
border-color: var(--cmsmasters-single-meta-second-divider-color);
background-color: var(--cmsmasters-single-meta-second-divider-color);
width: var(--cmsmasters-single-meta-second-divider-width);
height: var(--cmsmasters-single-meta-second-divider-height);
margin: auto !important;
position: absolute;
left: calc(var(--cmsmasters-single-meta-second-elements-gap) / 2 * -1);
right: auto;
top: 0;
bottom: 0;
transform: translateX(-50%);
border-radius: var(--cmsmasters-single-meta-second-divider-bd-radius);
}
.cmsmasters-single-post-meta_second__inner > *:first-child:before {
content: none;
}
.cmsmasters-single-post-content {
max-width: 100%;
padding-top: var(--cmsmasters-single-content-box-padding-top);
padding-right: var(--cmsmasters-single-content-box-padding-right);
padding-bottom: var(--cmsmasters-single-content-box-padding-bottom);
padding-left: var(--cmsmasters-single-content-box-padding-left);
margin-top: var(--cmsmasters-single-content-box-margin-top);
margin-bottom: var(--cmsmasters-single-content-box-margin-bottom);
margin-left: auto;
margin-right: auto;
}
.cmsmasters-single-post-content:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
.cmsmasters-content-layout-fullwidth .cmsmasters-single-post-content {
max-width: var(--cmsmasters-single-content-box-width);
}
.cmsmasters-content-layout-fullwidth.elementor-page .cmsmasters-single-post-content {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.cmsmasters-single-post-content > *:first-child {
margin-top: 0;
}
.cmsmasters-single-post-content > *:last-child {
margin-bottom: 0;
}
.cmsmasters-single-nav {
border-style: var(--cmsmasters-single-nav-box-bd-style);
border-top-width: var(--cmsmasters-single-nav-box-bd-width-top);
border-right-width: var(--cmsmasters-single-nav-box-bd-width-right);
border-bottom-width: var(--cmsmasters-single-nav-box-bd-width-bottom);
border-left-width: var(--cmsmasters-single-nav-box-bd-width-left);
border-color: var(--cmsmasters-single-nav-box-bd-color);
border-radius: var(--cmsmasters-single-nav-box-bd-radius);
padding-top: var(--cmsmasters-single-nav-box-padding-top);
padding-right: var(--cmsmasters-single-nav-box-padding-right);
padding-bottom: var(--cmsmasters-single-nav-box-padding-bottom);
padding-left: var(--cmsmasters-single-nav-box-padding-left);
margin-top: var(--cmsmasters-single-nav-box-margin-top);
margin-right: var(--cmsmasters-single-nav-box-margin-right);
margin-bottom: var(--cmsmasters-single-nav-box-margin-bottom);
margin-left: var(--cmsmasters-single-nav-box-margin-left);
}
.cmsmasters-single-nav__inner {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.cmsmasters-single-nav__inner {
flex-direction: row;
justify-content: space-between;
}
}
@media only screen and (max-width: 767px) {
.cmsmasters-single-nav__inner > span:not(:empty) + span {
margin-top: 20px;
padding-top: 20px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: var(--cmsmasters-colors-bd);
}
}
.cmsmasters-single-nav__inner > span {
display: flex;
align-items: center;
}
@media only screen and (min-width: 1025px) {
.cmsmasters-single-nav__inner > span {
max-width: 50%;
}
}
.cmsmasters-single-nav__inner a {
display: block;
color: var(--cmsmasters-colors-heading);
position: relative;
}
.cmsmasters-single-nav__inner a:hover {
color: var(--cmsmasters-colors-link);
}
.cmsmasters-single-nav__text-above {
font-family: var(--cmsmasters-accent-font-family);
font-weight: var(--cmsmasters-accent-font-weight);
font-style: var(--cmsmasters-accent-font-style);
text-transform: var(--cmsmasters-accent-text-transform);
-webkit-text-decoration: var(--cmsmasters-accent-text-decoration);
text-decoration: var(--cmsmasters-accent-text-decoration);
font-size: var(--cmsmasters-accent-font-size);
line-height: var(--cmsmasters-accent-line-height);
letter-spacing: var(--cmsmasters-accent-letter-spacing);
word-spacing: var(--cmsmasters-accent-word-spacing);
color: var(--cmsmasters-colors-hover);
display: block;
margin-bottom: 8px;
}
.cmsmasters-single-nav__text {
font-family: var(--cmsmasters-h5-font-family);
font-weight: var(--cmsmasters-h5-font-weight);
font-style: var(--cmsmasters-h5-font-style);
text-transform: var(--cmsmasters-h5-text-transform);
-webkit-text-decoration: var(--cmsmasters-h5-text-decoration);
text-decoration: var(--cmsmasters-h5-text-decoration);
font-size: var(--cmsmasters-h5-font-size);
line-height: var(--cmsmasters-h5-line-height);
letter-spacing: var(--cmsmasters-h5-letter-spacing);
word-spacing: var(--cmsmasters-h5-word-spacing);
display: block;
position: relative;
}
.cmsmasters-single-nav__arrow {
font-size: 18px;
line-height: 1em;
color: var(--cmsmasters-colors-bd);
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 2px;
bottom: 0;
transition: color 0.3s ease-in-out;
}
a:hover .cmsmasters-single-nav__arrow {
color: var(--cmsmasters-colors-link);
}
.cmsmasters-single-nav__arrow:before {
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.cmsmasters-single-nav__prev {
text-align: left;
justify-content: flex-start;
padding-right: 20px;
}
.cmsmasters-single-nav__prev .cmsmasters-single-nav__arrow {
left: 0;
right: auto;
}
.cmsmasters-single-nav__prev a {
padding-left: 31px;
}
.cmsmasters-single-nav__next {
text-align: right;
justify-content: flex-end;
}
.cmsmasters-single-nav__next .cmsmasters-single-nav__arrow {
left: auto;
right: 0;
}
.cmsmasters-single-nav__next a {
padding-right: 31px;
}
.cmsmasters-single-author {
border-style: var(--cmsmasters-single-author-box-bd-style);
border-top-width: var(--cmsmasters-single-author-box-bd-width-top);
border-right-width: var(--cmsmasters-single-author-box-bd-width-right);
border-bottom-width: var(--cmsmasters-single-author-box-bd-width-bottom);
border-left-width: var(--cmsmasters-single-author-box-bd-width-left);
border-color: var(--cmsmasters-single-author-box-bd-color);
border-radius: var(--cmsmasters-single-author-box-bd-radius);
padding-top: var(--cmsmasters-single-author-box-padding-top);
padding-right: var(--cmsmasters-single-author-box-padding-right);
padding-bottom: var(--cmsmasters-single-author-box-padding-bottom);
padding-left: var(--cmsmasters-single-author-box-padding-left);
margin-top: var(--cmsmasters-single-author-box-margin-top);
margin-right: var(--cmsmasters-single-author-box-margin-right);
margin-bottom: var(--cmsmasters-single-author-box-margin-bottom);
margin-left: var(--cmsmasters-single-author-box-margin-left);
}
.cmsmasters-single-author__title {
margin-bottom: 45px;
}
.cmsmasters-single-author__title:empty {
display: none;
}
@media only screen and (min-width: 768px) {
.cmsmasters-single-author__inner {
display: flex;
align-items: flex-start;
}
}
.cmsmasters-single-author__avatar {
margin-bottom: 30px;
border-radius: 200px;
flex-shrink: 0;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.cmsmasters-single-author__avatar {
margin-right: 30px;
margin-bottom: 0;
}
}
.cmsmasters-single-author__avatar img {
display: block;
border-radius: 200px;
}
.cmsmasters-single-author__content-wrap {
flex-grow: 1;
}
.cmsmasters-single-author__name {
margin: 0 0 9px;
}
.cmsmasters-single-author__content > *:first-child {
margin-top: 0;
}
.cmsmasters-single-author__content > *:last-child {
margin-bottom: 0;
}
.cmsmasters-single-author__link-wrap {
margin-top: 9px;
}
.cmsmasters-single-author__link {
font-family: var(--cmsmasters-h6-font-family);
font-weight: var(--cmsmasters-h6-font-weight);
font-style: var(--cmsmasters-h6-font-style);
text-transform: var(--cmsmasters-h6-text-transform);
-webkit-text-decoration: var(--cmsmasters-h6-text-decoration);
text-decoration: var(--cmsmasters-h6-text-decoration);
font-size: var(--cmsmasters-h6-font-size);
line-height: var(--cmsmasters-h6-line-height);
letter-spacing: var(--cmsmasters-h6-letter-spacing);
word-spacing: var(--cmsmasters-h6-word-spacing);
}
.cmsmasters-single-slider {
border-style: var(--cmsmasters-single-more-posts-box-bd-style);
border-top-width: var(--cmsmasters-single-more-posts-box-bd-width-top);
border-right-width: var(--cmsmasters-single-more-posts-box-bd-width-right);
border-bottom-width: var(--cmsmasters-single-more-posts-box-bd-width-bottom);
border-left-width: var(--cmsmasters-single-more-posts-box-bd-width-left);
border-color: var(--cmsmasters-single-more-posts-box-bd-color);
border-radius: var(--cmsmasters-single-more-posts-box-bd-radius);
padding-top: var(--cmsmasters-single-more-posts-box-padding-top);
padding-right: var(--cmsmasters-single-more-posts-box-padding-right);
padding-bottom: var(--cmsmasters-single-more-posts-box-padding-bottom);
padding-left: var(--cmsmasters-single-more-posts-box-padding-left);
margin-top: var(--cmsmasters-single-more-posts-box-margin-top);
margin-right: var(--cmsmasters-single-more-posts-box-margin-right);
margin-bottom: var(--cmsmasters-single-more-posts-box-margin-bottom);
margin-left: var(--cmsmasters-single-more-posts-box-margin-left);
}
.cmsmasters-single-slider .cmsmasters-swiper-slider__button {
font-size: var(--single-more-posts-slider-navigation-icon-size);
border-color: var(--single-more-posts-slider-navigation-normal-bd);
border-style: var(--single-more-posts-slider-navigation-bd-style);
color: var(--single-more-posts-slider-navigation-normal-color);
background-color: var(--single-more-posts-slider-navigation-normal-bg);
}
.cmsmasters-single-slider .cmsmasters-swiper-slider__button.cmsmasters-prev {
border-top-width: var(--cmsmasters-single-more-posts-slider-navigation-prev-bd-width-top);
border-right-width: var(--cmsmasters-single-more-posts-slider-navigation-prev-bd-width-right);
border-bottom-width: var(--cmsmasters-single-more-posts-slider-navigation-prev-bd-width-bottom);
border-left-width: var(--cmsmasters-single-more-posts-slider-navigation-prev-bd-width-left);
border-radius: var(--cmsmasters-single-more-posts-slider-navigation-prev-bd-radius);
padding-top: var(--cmsmasters-single-more-posts-slider-navigation-prev-padding-top);
padding-right: var(--cmsmasters-single-more-posts-slider-navigation-prev-padding-right);
padding-bottom: var(--cmsmasters-single-more-posts-slider-navigation-prev-padding-bottom);
padding-left: var(--cmsmasters-single-more-posts-slider-navigation-prev-padding-left);
}
.cmsmasters-single-slider .cmsmasters-swiper-slider__button.cmsmasters-next {
border-top-width: var(--cmsmasters-single-more-posts-slider-navigation-next-bd-width-top);
border-right-width: var(--cmsmasters-single-more-posts-slider-navigation-next-bd-width-right);
border-bottom-width: var(--cmsmasters-single-more-posts-slider-navigation-next-bd-width-bottom);
border-left-width: var(--cmsmasters-single-more-posts-slider-navigation-next-bd-width-left);
border-radius: var(--cmsmasters-single-more-posts-slider-navigation-next-bd-radius);
padding-top: var(--cmsmasters-single-more-posts-slider-navigation-next-padding-top);
padding-right: var(--cmsmasters-single-more-posts-slider-navigation-next-padding-right);
padding-bottom: var(--cmsmasters-single-more-posts-slider-navigation-next-padding-bottom);
padding-left: var(--cmsmasters-single-more-posts-slider-navigation-next-padding-left);
}
.cmsmasters-single-slider .cmsmasters-swiper-slider__button:hover {
border-color: var(--single-more-posts-slider-navigation-hover-bd);
color: var(--single-more-posts-slider-navigation-hover-color);
background-color: var(--single-more-posts-slider-navigation-hover-bg);
}
.cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-single-slider .cmsmasters-swiper-slider__button.cmsmasters-prev {
margin-right: var(--single-more-posts-slider-navigation-gap);
}
.cmsmasters-swiper-slider.cmsmasters-navigation-outside .cmsmasters-single-slider .cmsmasters-swiper-slider__button.cmsmasters-next {
margin-left: var(--single-more-posts-slider-navigation-gap);
}
.cmsmasters-single-slider .cmsmasters-swiper-slider__pagination {
padding-top: var(--cmsmasters-single-more-posts-slider-pagination-container-padding-top);
padding-right: var(--cmsmasters-single-more-posts-slider-pagination-container-padding-right);
padding-bottom: var(--cmsmasters-single-more-posts-slider-pagination-container-padding-bottom);
padding-left: var(--cmsmasters-single-more-posts-slider-pagination-container-padding-left);
}
.cmsmasters-single-slider .cmsmasters-swiper-slider .swiper-pagination-bullet {
margin-right: var(--single-more-posts-slider-pagination-gap);
width: var(--single-more-posts-slider-pagination-size-width);
height: var(--single-more-posts-slider-pagination-size-height);
border-color: var(--single-more-posts-slider-pagination-normal-bd);
border-style: var(--single-more-posts-slider-pagination-bd-style);
border-top-width: var(--cmsmasters-single-more-posts-slider-pagination-bd-width-top);
border-right-width: var(--cmsmasters-single-more-posts-slider-pagination-bd-width-right);
border-bottom-width: var(--cmsmasters-single-more-posts-slider-pagination-bd-width-bottom);
border-left-width: var(--cmsmasters-single-more-posts-slider-pagination-bd-width-left);
border-radius: var(--cmsmasters-single-more-posts-slider-pagination-bd-radius);
background-color: var(--single-more-posts-slider-pagination-normal-bg);
}
.cmsmasters-single-slider .cmsmasters-swiper-slider .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.cmsmasters-single-slider .cmsmasters-swiper-slider .swiper-pagination-bullet:hover {
border-color: var(--single-more-posts-slider-pagination-hover-bd);
background-color: var(--single-more-posts-slider-pagination-hover-bg);
}
.cmsmasters-single-slider .cmsmasters-swiper-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: var(--single-more-posts-slider-pagination-current-bd);
background-color: var(--single-more-posts-slider-pagination-current-bg);
}
.cmsmasters-single-slider__title {
margin-bottom: 40px;
}
.cmsmasters-single-slider__title:empty {
display: none;
}
.cmsmasters-single-slider__item {
outline: none;
}
.cmsmasters-single-slider .cmsmasters-image-wrap {
overflow: hidden;
}
.cmsmasters-single-slider .cmsmasters-image-wrap img {
width: 100%;
height: auto;
}
.cmsmasters-single-slider__item-title {
margin: 0;
}
.cmsmasters-image-wrap + .cmsmasters-single-slider__item-title {
margin-top: 20px;
}
.cmsmasters-pings {
margin-bottom: 3rem;
}
.cmsmasters-nocomments {
margin-top: 3rem;
}
.cmsmasters-single-comments {
clear: both;
border-style: var(--cmsmasters-single-comments-box-bd-style);
border-top-width: var(--cmsmasters-single-comments-box-bd-width-top);
border-right-width: var(--cmsmasters-single-comments-box-bd-width-right);
border-bottom-width: var(--cmsmasters-single-comments-box-bd-width-bottom);
border-left-width: var(--cmsmasters-single-comments-box-bd-width-left);
border-color: var(--cmsmasters-single-comments-box-bd-color);
border-radius: var(--cmsmasters-single-comments-box-bd-radius);
padding-top: var(--cmsmasters-single-comments-box-padding-top);
padding-right: var(--cmsmasters-single-comments-box-padding-right);
padding-bottom: var(--cmsmasters-single-comments-box-padding-bottom);
padding-left: var(--cmsmasters-single-comments-box-padding-left);
margin-top: var(--cmsmasters-single-comments-box-margin-top);
margin-right: var(--cmsmasters-single-comments-box-margin-right);
margin-bottom: var(--cmsmasters-single-comments-box-margin-bottom);
margin-left: var(--cmsmasters-single-comments-box-margin-left);
}
.cmsmasters-single-comments:empty {
display: none;
}
.cmsmasters-single-comments__title {
margin-bottom: 35px;
}
.cmsmasters-single-comments .comment-navigation {
margin: 30px 0;
}
.cmsmasters-single-comments .comment-navigation .screen-reader-text {
display: none;
visibility: hidden;
}
.cmsmasters-single-comments .comment-navigation .nav-links {
display: flex;
align-items: center;
justify-content: space-between;
font-family: var(--cmsmasters-h6-font-family);
font-weight: var(--cmsmasters-h6-font-weight);
font-style: var(--cmsmasters-h6-font-style);
text-transform: var(--cmsmasters-h6-text-transform);
-webkit-text-decoration: var(--cmsmasters-h6-text-decoration);
text-decoration: var(--cmsmasters-h6-text-decoration);
font-size: var(--cmsmasters-h6-font-size);
line-height: var(--cmsmasters-h6-line-height);
letter-spacing: var(--cmsmasters-h6-letter-spacing);
word-spacing: var(--cmsmasters-h6-word-spacing);
}
.cmsmasters-single-comments .comment-navigation .cmsmasters-single-comments__nav-arrow {
font-size: 0.7em;
}
.cmsmasters-single-comments .comment-navigation a {
display: flex;
align-items: center;
color: var(--cmsmasters-colors-heading);
}
.cmsmasters-single-comments .comment-navigation a:hover {
color: var(--cmsmasters-colors-link);
}
.cmsmasters-single-comments .comment-navigation a > span + span {
margin-left: 10px;
}
.cmsmasters-single-comments .comment-navigation .nav-next {
text-align: right;
}
.cmsmasters-single-comments__list {
list-style: none;
margin-left: 0;
}
.cmsmasters-single-comments__list .children {
list-style: none;
margin: 0;
margin-left: var(--cmsmasters-single-comments-items-hor-gap);
}
.cmsmasters-single-comments__list .cmsmasters-single-comment {
margin-top: var(--cmsmasters-single-comments-items-vert-gap);
}
.cmsmasters-single-comments__list > .cmsmasters-single-comment:first-child {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.cmsmasters-single-comment__body {
display: flex;
align-items: flex-start;
}
}
.cmsmasters-single-comment__avatar, .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) .cmsmasters-single-comment__avatar {
margin-bottom: 30px;
border-radius: 200px;
overflow: hidden;
flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
.cmsmasters-single-comment__avatar, .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) .cmsmasters-single-comment__avatar {
margin-bottom: 0;
margin-right: 30px;
}
}
.cmsmasters-single-comment__avatar img, .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) .cmsmasters-single-comment__avatar img {
display: block;
border-radius: 200px;
}
.cmsmasters-single-comment__outer {
flex-grow: 1;
}
@media only screen and (min-width: 768px) {
.cmsmasters-single-comment__info {
display: flex;
flex-wrap: wrap;
align-items: center;
}
}
.cmsmasters-single-comment__title {
margin: 0;
margin-right: 22px;
}
.cmsmasters-single-comment__date {
text-decoration: none;
color: var(--cmsmasters-colors-hover);
font-family: var(--cmsmasters-meta-font-family);
font-weight: var(--cmsmasters-meta-font-weight);
font-style: var(--cmsmasters-meta-font-style);
text-transform: var(--cmsmasters-meta-text-transform);
-webkit-text-decoration: var(--cmsmasters-meta-text-decoration);
text-decoration: var(--cmsmasters-meta-text-decoration);
font-size: var(--cmsmasters-meta-font-size);
line-height: var(--cmsmasters-meta-line-height);
letter-spacing: var(--cmsmasters-meta-letter-spacing);
word-spacing: var(--cmsmasters-meta-word-spacing);
}
.cmsmasters-single-comment__content {
margin-top: 8px;
}
.cmsmasters-single-comment__content > *:first-child {
margin-top: 0;
}
.cmsmasters-single-comment__content > *:last-child {
margin-bottom: 0;
}
.cmsmasters-single-comment__reply {
margin-top: 17px;
font-family: var(--cmsmasters-h6-font-family);
font-weight: var(--cmsmasters-h6-font-weight);
font-style: var(--cmsmasters-h6-font-style);
text-transform: var(--cmsmasters-h6-text-transform);
-webkit-text-decoration: var(--cmsmasters-h6-text-decoration);
text-decoration: var(--cmsmasters-h6-text-decoration);
font-size: var(--cmsmasters-h6-font-size);
line-height: var(--cmsmasters-h6-line-height);
letter-spacing: var(--cmsmasters-h6-letter-spacing);
word-spacing: var(--cmsmasters-h6-word-spacing);
}
.cmsmasters-single-comment__reply a + a {
margin-left: 25px;
}
.cmsmasters-single-comments .comment-respond,
.woocommerce-Reviews .comment-respond {
margin-top: 70px;
}
.cmsmasters-single-comments .cmsmasters-single-comment .comment-respond,
.woocommerce-Reviews .cmsmasters-single-comment .comment-respond {
margin-top: 50px;
margin-bottom: 50px;
}
.cmsmasters-single-comments .comment-reply-title,
.woocommerce-Reviews .comment-reply-title {
font-family: var(--cmsmasters-h4-font-family);
font-weight: var(--cmsmasters-h4-font-weight);
font-style: var(--cmsmasters-h4-font-style);
text-transform: var(--cmsmasters-h4-text-transform);
-webkit-text-decoration: var(--cmsmasters-h4-text-decoration);
text-decoration: var(--cmsmasters-h4-text-decoration);
font-size: var(--cmsmasters-h4-font-size);
line-height: var(--cmsmasters-h4-line-height);
letter-spacing: var(--cmsmasters-h4-letter-spacing);
word-spacing: var(--cmsmasters-h4-word-spacing);
display: flex;
align-items: flex-end;
margin: 0 0 10px;
}
.cmsmasters-single-comments .comment-reply-title small,
.woocommerce-Reviews .comment-reply-title small {
font-family: var(--cmsmasters-h6-font-family);
font-weight: var(--cmsmasters-h6-font-weight);
font-style: var(--cmsmasters-h6-font-style);
text-transform: var(--cmsmasters-h6-text-transform);
-webkit-text-decoration: var(--cmsmasters-h6-text-decoration);
text-decoration: var(--cmsmasters-h6-text-decoration);
font-size: var(--cmsmasters-h6-font-size);
line-height: var(--cmsmasters-h6-line-height);
letter-spacing: var(--cmsmasters-h6-letter-spacing);
word-spacing: var(--cmsmasters-h6-word-spacing);
line-height: inherit !important;
margin-left: 30px;
}
/* Error Page */
.cmsmasters-error-page {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 64vh;
padding-top: 20px;
padding-bottom: 20px;
}
.cmsmasters-error-page__header {
margin-bottom: 3rem;
}
.cmsmasters-error-page__title {
font-size: 30vw;
line-height: 1em;
text-align: center;
margin: 0;
padding: 0;
}
@media only screen and (min-width: 768px) {
.cmsmasters-error-page__title {
font-size: 20vw;
}
}
@media only screen and (min-width: 1025px) {
.cmsmasters-error-page__title {
font-size: 15vw;
}
}
.cmsmasters-error-page__content {
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.cmsmasters-error-page__content p {
margin-bottom: 3rem;
}
.cmsmasters-error-page__content > *:first-child {
margin-top: 0;
}
.cmsmasters-error-page__content > *:last-child {
margin-bottom: 0;
}
.cmsmasters-error-page .cmsmasters-search-form {
width: 340px;
max-width: 90%;
margin: 0 auto;
}
/* Breakpoints to js */
@media only screen and (max-width: 767px) {
.cmsmasters-responsive-width {
width: 767px;
}
}
@media only screen and (min-width: 768px) {
.cmsmasters-responsive-width {
width: 768px;
}
}
@media only screen and (min-width: 1025px) {
.cmsmasters-responsive-width {
width: 1025px;
}
}
/* Main widgets styles */
.widget {
margin-bottom: 60px;
}
.widget:last-child {
margin-bottom: 0;
}
.widget h1 + *,
.widget h2 + *,
.widget h3 + *,
.widget h4 + *,
.widget h5 + *,
.widget h6 + * {
margin-top: 1.5rem;
}
.cmsmasters-sidebar .widget {
background-color: var(--cmsmasters-sidebar-widgets-box-bg-color);
border-style: var(--cmsmasters-sidebar-widgets-box-bd-style);
border-top-width: var(--cmsmasters-sidebar-widgets-box-bd-width-top);
border-right-width: var(--cmsmasters-sidebar-widgets-box-bd-width-right);
border-bottom-width: var(--cmsmasters-sidebar-widgets-box-bd-width-bottom);
border-left-width: var(--cmsmasters-sidebar-widgets-box-bd-width-left);
border-color: var(--cmsmasters-sidebar-widgets-box-bd-color);
border-radius: var(--cmsmasters-sidebar-widgets-box-bd-radius);
box-shadow: var(--cmsmasters-sidebar-widgets-box-box-shadow);
padding-top: var(--cmsmasters-sidebar-widgets-box-padding-top);
padding-right: var(--cmsmasters-sidebar-widgets-box-padding-right);
padding-bottom: var(--cmsmasters-sidebar-widgets-box-padding-bottom);
padding-left: var(--cmsmasters-sidebar-widgets-box-padding-left);
margin-top: var(--cmsmasters-sidebar-widgets-box-margin-top);
margin-bottom: var(--cmsmasters-sidebar-widgets-box-margin-bottom);
}
.cmsmasters-sidebar .widget:first-child,
.cmsmasters-sidebar .widget > *:first-child {
margin-top: 0;
}
.cmsmasters-sidebar .widget:last-child,
.cmsmasters-sidebar .widget > *:last-child {
margin-bottom: 0;
}
.cmsmasters-footer-widgets .widget {
margin-bottom: var(--cmsmasters-footer-widgets-widgets-gap);
}
.cmsmasters-footer-widgets .widget:last-child {
margin-bottom: 0;
}
.cmsmasters-sidebar .widget .widgettitle {
font-family: var(--cmsmasters-sidebar-widgets-title-font-family);
font-weight: var(--cmsmasters-sidebar-widgets-title-font-weight);
font-style: var(--cmsmasters-sidebar-widgets-title-font-style);
text-transform: var(--cmsmasters-sidebar-widgets-title-text-transform);
-webkit-text-decoration: var(--cmsmasters-sidebar-widgets-title-text-decoration);
text-decoration: var(--cmsmasters-sidebar-widgets-title-text-decoration);
font-size: var(--cmsmasters-sidebar-widgets-title-font-size);
line-height: var(--cmsmasters-sidebar-widgets-title-line-height);
letter-spacing: var(--cmsmasters-sidebar-widgets-title-letter-spacing);
word-spacing: var(--cmsmasters-sidebar-widgets-title-word-spacing);
color: var(--cmsmasters-sidebar-widgets-title-colors-color);
text-align: var(--cmsmasters-sidebar-widgets-title-box-alignment);
background-color: var(--cmsmasters-sidebar-widgets-title-box-bg-color);
border-style: var(--cmsmasters-sidebar-widgets-title-box-bd-style);
border-top-width: var(--cmsmasters-sidebar-widgets-title-box-bd-width-top);
border-right-width: var(--cmsmasters-sidebar-widgets-title-box-bd-width-right);
border-bottom-width: var(--cmsmasters-sidebar-widgets-title-box-bd-width-bottom);
border-left-width: var(--cmsmasters-sidebar-widgets-title-box-bd-width-left);
border-color: var(--cmsmasters-sidebar-widgets-title-box-bd-color);
border-radius: var(--cmsmasters-sidebar-widgets-title-box-bd-radius);
box-shadow: var(--cmsmasters-sidebar-widgets-title-box-box-shadow);
padding-top: var(--cmsmasters-sidebar-widgets-title-box-padding-top);
padding-right: var(--cmsmasters-sidebar-widgets-title-box-padding-right);
padding-bottom: var(--cmsmasters-sidebar-widgets-title-box-padding-bottom);
padding-left: var(--cmsmasters-sidebar-widgets-title-box-padding-left);
margin-top: var(--cmsmasters-sidebar-widgets-title-box-margin-top);
margin-right: var(--cmsmasters-sidebar-widgets-title-box-margin-right);
margin-bottom: var(--cmsmasters-sidebar-widgets-title-box-margin-bottom);
margin-left: var(--cmsmasters-sidebar-widgets-title-box-margin-left);
}
.cmsmasters-sidebar .widget .widgettitle a {
color: var(--cmsmasters-sidebar-widgets-title-colors-link);
}
.cmsmasters-sidebar .widget .widgettitle a:hover {
color: var(--cmsmasters-sidebar-widgets-title-colors-hover);
}
.cmsmasters-footer-widgets .widget .widgettitle {
font-family: var(--cmsmasters-footer-widgets-title-font-family);
font-weight: var(--cmsmasters-footer-widgets-title-font-weight);
font-style: var(--cmsmasters-footer-widgets-title-font-style);
text-transform: var(--cmsmasters-footer-widgets-title-text-transform);
-webkit-text-decoration: var(--cmsmasters-footer-widgets-title-text-decoration);
text-decoration: var(--cmsmasters-footer-widgets-title-text-decoration);
font-size: var(--cmsmasters-footer-widgets-title-font-size);
line-height: var(--cmsmasters-footer-widgets-title-line-height);
letter-spacing: var(--cmsmasters-footer-widgets-title-letter-spacing);
word-spacing: var(--cmsmasters-footer-widgets-title-word-spacing);
color: var(--cmsmasters-footer-widgets-title-colors-color);
text-align: var(--cmsmasters-footer-widgets-title-box-alignment);
background-color: var(--cmsmasters-footer-widgets-title-box-bg-color);
border-style: var(--cmsmasters-footer-widgets-title-box-bd-style);
border-top-width: var(--cmsmasters-footer-widgets-title-box-bd-width-top);
border-right-width: var(--cmsmasters-footer-widgets-title-box-bd-width-right);
border-bottom-width: var(--cmsmasters-footer-widgets-title-box-bd-width-bottom);
border-left-width: var(--cmsmasters-footer-widgets-title-box-bd-width-left);
border-color: var(--cmsmasters-footer-widgets-title-box-bd-color);
border-radius: var(--cmsmasters-footer-widgets-title-box-bd-radius);
box-shadow: var(--cmsmasters-footer-widgets-title-box-box-shadow);
padding-top: var(--cmsmasters-footer-widgets-title-box-padding-top);
padding-right: var(--cmsmasters-footer-widgets-title-box-padding-right);
padding-bottom: var(--cmsmasters-footer-widgets-title-box-padding-bottom);
padding-left: var(--cmsmasters-footer-widgets-title-box-padding-left);
margin-top: var(--cmsmasters-footer-widgets-title-box-margin-top);
margin-right: var(--cmsmasters-footer-widgets-title-box-margin-right);
margin-bottom: var(--cmsmasters-footer-widgets-title-box-margin-bottom);
margin-left: var(--cmsmasters-footer-widgets-title-box-margin-left);
}
.cmsmasters-footer-widgets .widget .widgettitle a {
color: var(--cmsmasters-footer-widgets-title-colors-link);
}
.cmsmasters-footer-widgets .widget .widgettitle a:hover {
color: var(--cmsmasters-footer-widgets-title-colors-hover);
}
/* Import WP Widgets Styles */
/* Archive */
.widget_archive > ul {
list-style: none;
margin-left: 0;
padding-left: 0;
color: var(--cmsmasters-colors-hover);
margin-top: 0;
margin-bottom: 0;
}
.widget_archive > ul li {
margin-top: 10px;
}
.widget_archive > ul > li:first-child {
margin-top: 0;
}
.widget_archive > ul a {
color: var(--cmsmasters-colors-heading);
margin-right: 6px;
}
.widget_archive > ul a:hover {
color: var(--cmsmasters-colors-link);
}
.widget_archive > ul ul {
list-style: none;
}
/* Calendar */
.widget_calendar table {
margin-top: 0;
margin-bottom: 0;
text-align: center;
width: 100%;
max-width: 100%;
}
.widget_calendar table caption {
text-align: left;
margin-bottom: 10px;
}
.widget_calendar table th,
.widget_calendar table td {
padding: 11px 2px;
}
.widget_calendar table thead th,
.widget_calendar table thead td {
font-size: calc(var(--cmsmasters-table-thead-font-size) * .78);
line-height: 1em;
}
.widget_calendar table tbody th,
.widget_calendar table tbody td {
font-size: calc(var(--cmsmasters-table-font-size) * .95);
line-height: 1em;
}
.widget_calendar .wp-calendar-nav {
margin-top: 8px;
}
/* Categories */
.widget_categories > ul {
list-style: none;
margin-left: 0;
padding-left: 0;
color: var(--cmsmasters-colors-hover);
margin-top: 0;
margin-bottom: 0;
}
.widget_categories > ul li {
margin-top: 10px;
}
.widget_categories > ul > li:first-child {
margin-top: 0;
}
.widget_categories > ul a {
color: var(--cmsmasters-colors-heading);
margin-right: 6px;
}
.widget_categories > ul a:hover {
color: var(--cmsmasters-colors-link);
}
.widget_categories > ul ul {
list-style: none;
}
/* Meta */
.widget_meta > ul {
list-style: none;
margin-left: 0;
padding-left: 0;
color: var(--cmsmasters-colors-hover);
margin-top: 0;
margin-bottom: 0;
}
.widget_meta > ul li {
margin-top: 10px;
}
.widget_meta > ul > li:first-child {
margin-top: 0;
}
.widget_meta > ul a {
color: var(--cmsmasters-colors-heading);
margin-right: 6px;
}
.widget_meta > ul a:hover {
color: var(--cmsmasters-colors-link);
}
.widget_meta > ul ul {
list-style: none;
}
/* Navigation Menu */
.widget_nav_menu ul {
list-style: none;
margin: 0;
padding: 0;
font-family: var(--cmsmasters-h6-font-family);
font-weight: var(--cmsmasters-h6-font-weight);
font-style: var(--cmsmasters-h6-font-style);
text-transform: var(--cmsmasters-h6-text-transform);
-webkit-text-decoration: var(--cmsmasters-h6-text-decoration);
text-decoration: var(--cmsmasters-h6-text-decoration);
font-size: var(--cmsmasters-h6-font-size);
line-height: var(--cmsmasters-h6-line-height);
letter-spacing: var(--cmsmasters-h6-letter-spacing);
word-spacing: var(--cmsmasters-h6-word-spacing);
}
.widget_nav_menu a {
border-bottom-width: 1px;
border-bottom-style: solid;
color: var(--cmsmasters-colors-heading);
border-color: var(--cmsmasters-colors-bd);
display: block;
padding-top: 11px;
padding-bottom: 10px;
}
.widget_nav_menu a:hover {
color: var(--cmsmasters-colors-link);
}
.widget_nav_menu ul ul > li > a {
padding-left: 30px;
}
.widget_nav_menu ul ul ul > li > a {
padding-left: 60px;
}
.widget_nav_menu ul ul ul ul > li > a {
padding-left: 90px;
}
.widget_nav_menu ul ul ul ul ul > li > a {
padding-left: 100px;
}
.widget_nav_menu ul ul ul ul ul ul > li > a {
padding-left: 110px;
}
.widget_nav_menu ul ul ul ul ul ul ul > li > a {
padding-left: 120px;
}
.widget_nav_menu ul ul ul ul ul ul ul ul > li > a {
padding-left: 130px;
}
.widget_nav_menu ul ul ul ul ul ul ul ul ul > li > a {
padding-left: 140px;
}
.widget_nav_menu ul ul ul ul ul ul ul ul ul ul > li > a {
padding-left: 150px;
}
.widget_nav_menu ul ul ul ul ul ul ul ul ul ul ul > li > a {
padding-left: 160px;
}
/* Pages */
.widget_pages > ul {
list-style: none;
margin-left: 0;
padding-left: 0;
color: var(--cmsmasters-colors-hover);
margin-top: 0;
margin-bottom: 0;
}
.widget_pages > ul li {
margin-top: 10px;
}
.widget_pages > ul > li:first-child {
margin-top: 0;
}
.widget_pages > ul a {
color: var(--cmsmasters-colors-heading);
margin-right: 6px;
}
.widget_pages > ul a:hover {
color: var(--cmsmasters-colors-link);
}
.widget_pages > ul ul {
list-style: none;
}
/* Recent Comments */
.widget_recent_comments ul {
list-style: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
color: var(--cmsmasters-colors-hover);
}
.widget_recent_comments ul li {
margin-top: 20px;
}
.widget_recent_comments ul > li:first-child {
margin-top: 0;
}
.widget_recent_comments ul a {
color: var(--cmsmasters-colors-heading);
}
.widget_recent_comments ul a:hover {
color: var(--cmsmasters-colors-hover);
}
/* Recent Posts */
.widget_recent_entries ul {
list-style: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
color: var(--cmsmasters-colors-hover);
}
.widget_recent_entries ul li {
margin-top: 10px;
}
.widget_recent_entries ul > li:first-child {
margin-top: 0;
}
.widget_recent_entries ul a {
color: var(--cmsmasters-colors-heading);
}
.widget_recent_entries ul a:hover {
color: var(--cmsmasters-colors-hover);
}
.widget_recent_entries .post-date {
display: block;
font-family: var(--cmsmasters-accent-font-family);
font-weight: var(--cmsmasters-accent-font-weight);
font-style: var(--cmsmasters-accent-font-style);
text-transform: var(--cmsmasters-accent-text-transform);
-webkit-text-decoration: var(--cmsmasters-accent-text-decoration);
text-decoration: var(--cmsmasters-accent-text-decoration);
font-size: var(--cmsmasters-accent-font-size);
line-height: var(--cmsmasters-accent-line-height);
letter-spacing: var(--cmsmasters-accent-letter-spacing);
word-spacing: var(--cmsmasters-accent-word-spacing);
}
/* RSS */
.widget_rss ul {
list-style: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.widget_rss ul li {
margin-top: 25px;
}
.widget_rss ul > li:first-child {
margin-top: 0;
}
.widget_rss ul .rsswidget {
display: inline-block;
font-family: var(--cmsmasters-h6-font-family);
font-weight: var(--cmsmasters-h6-font-weight);
font-style: var(--cmsmasters-h6-font-style);
text-transform: var(--cmsmasters-h6-text-transform);
-webkit-text-decoration: var(--cmsmasters-h6-text-decoration);
text-decoration: var(--cmsmasters-h6-text-decoration);
font-size: var(--cmsmasters-h6-font-size);
line-height: var(--cmsmasters-h6-line-height);
letter-spacing: var(--cmsmasters-h6-letter-spacing);
word-spacing: var(--cmsmasters-h6-word-spacing);
color: var(--cmsmasters-colors-heading);
}
.widget_rss ul .rsswidget:hover {
color: var(--cmsmasters-colors-hover);
}
.widget_rss ul .rss-date,
.widget_rss ul cite {
display: block;
font-family: var(--cmsmasters-accent-font-family);
font-weight: var(--cmsmasters-accent-font-weight);
font-style: var(--cmsmasters-accent-font-style);
text-transform: var(--cmsmasters-accent-text-transform);
-webkit-text-decoration: var(--cmsmasters-accent-text-decoration);
text-decoration: var(--cmsmasters-accent-text-decoration);
font-size: var(--cmsmasters-accent-font-size);
line-height: var(--cmsmasters-accent-line-height);
letter-spacing: var(--cmsmasters-accent-letter-spacing);
word-spacing: var(--cmsmasters-accent-word-spacing);
color: var(--cmsmasters-colors-hover);
margin-top: 5px;
}
.widget_rss ul .rssSummary {
margin-top: 10px;
}
/* Search */
.cmsmasters-search-form {
position: relative;
}
.cmsmasters-search-form input[type=search], .cmsmasters-search-form input[type=text] {
width: 100%;
margin: 0;
padding-right: calc(1em + 5px + var(--cmsmasters-input-padding-right));
}
.cmsmasters-search-form button {
font-size: var(--cmsmasters-input-font-size);
color: var(--cmsmasters-input-normal-colors-color);
background-color: transparent;
background-image: none;
border: 0;
width: 1em;
height: 100%;
margin: auto !important;
position: absolute;
left: auto;
right: var(--cmsmasters-input-padding-right);
top: 0;
bottom: 0;
margin: 0;
padding: 0;
border-radius: 0;
text-shadow: none;
box-shadow: none;
overflow: hidden;
word-break: normal;
transition: all 0.3s ease-in-out;
}
.cmsmasters-search-form button:hover {
color: var(--cmsmasters-input-focus-colors-color);
}
.cmsmasters-search-form button:before, .cmsmasters-search-form button:after {
content: none;
display: none;
}
.cmsmasters-search-form button i,
.cmsmasters-search-form button i:before {
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Tag Cloud */
.widget_tag_cloud .tagcloud {
font-family: var(--cmsmasters-accent-font-family);
font-weight: var(--cmsmasters-accent-font-weight);
font-style: var(--cmsmasters-accent-font-style);
text-transform: var(--cmsmasters-accent-text-transform);
-webkit-text-decoration: var(--cmsmasters-accent-text-decoration);
text-decoration: var(--cmsmasters-accent-text-decoration);
font-size: var(--cmsmasters-accent-font-size);
line-height: var(--cmsmasters-accent-line-height);
letter-spacing: var(--cmsmasters-accent-letter-spacing);
word-spacing: var(--cmsmasters-accent-word-spacing);
display: flex;
flex-wrap: wrap;
margin: -6px -3px 0;
}
.widget_tag_cloud .tag-cloud-link {
margin: 6px 3px 0;
padding: 6px 12px;
font-size: 70% !important;
color: var(--cmsmasters-colors-heading);
background-color: var(--cmsmasters-colors-alternate);
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.widget_tag_cloud .tag-cloud-link:hover {
color: var(--cmsmasters-colors-bg);
background-color: var(--cmsmasters-colors-link);
}
/* Text */
.widget_text .textwidget:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
.widget_text .textwidget > *:first-child {
margin-top: 0;
}
.widget_text .textwidget > *:last-child {
margin-bottom: 0;
}
/* Page Preloader */
.cmsmasters-page-preloader {
background-color: var(--cmsmasters-page-preloader-bg-color);
background-image: var(--cmsmasters-page-preloader-bg-image);
background-repeat: var(--cmsmasters-page-preloader-bg-repeat);
background-position: var(--cmsmasters-page-preloader-bg-position);
background-size: var(--cmsmasters-page-preloader-bg-size);
background-attachment: var(--cmsmasters-page-preloader-bg-attachment);
position: fixed;
inset: 0;
display: grid;
place-items: center;
z-index: 10000;
animation-fill-mode: both;
animation-duration: var(--cmsmasters-page-preloader-animation-duration);
}
.cmsmasters-page-preloader[disabled] {
display: none;
}
.cmsmasters-page-preloader--entering {
animation-name: var(--cmsmasters-page-preloader-entrance-animation);
animation-delay: 0.5s;
}
.cmsmasters-page-preloader--exiting {
animation-name: var(--cmsmasters-page-preloader-exit-animation);
}
.cmsmasters-page-preloader--entered:not(.cmsmasters-page-preloader--preview) {
display: none;
}
.cmsmasters-page-preloader--preview {
animation-fill-mode: initial;
}
.cmsmasters-page-preloader__preloader {
position: absolute;
transform: rotate(var(--cmsmasters-page-preloader-preloader-rotate));
animation-name: var(--cmsmasters-page-preloader-preloader-animation);
animation-duration: var(--cmsmasters-page-preloader-preloader-animation-duration);
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.cmsmasters-page-preloader__preloader-icon, .cmsmasters-page-preloader__preloader-animation {
font-size: var(--cmsmasters-page-preloader-preloader-size);
color: var(--cmsmasters-page-preloader-preloader-color);
fill: var(--cmsmasters-page-preloader-preloader-color);
}
.cmsmasters-page-preloader__preloader-icon svg, .cmsmasters-page-preloader__preloader-animation svg {
width: 1em;
height: 1em;
}
.cmsmasters-page-preloader__preloader-image {
width: var(--cmsmasters-page-preloader-preloader-width);
max-width: var(--cmsmasters-page-preloader-preloader-max-width);
opacity: var(--cmsmasters-page-preloader-preloader-opacity);
}
.cmsmasters-page-preloader__preloader-image img {
width: 100%;
}
.cmsmasters-page-preloader__preloader-animation-element {
display: block;
}
.cmsmasters-page-preloader__preloader-animation-element[type=circle], .cmsmasters-page-preloader__preloader-animation-element[type=circle-dashed], .cmsmasters-page-preloader__preloader-animation-element[type=spinners] {
border: 0.1em solid var(--cmsmasters-page-preloader-preloader-color);
width: 1em;
height: 1em;
border-top-color: rgba(0, 0, 0, 0);
border-radius: 100%;
animation: var(--cmsmasters-page-preloader-preloader-animation-duration) cmsmasters-page-preloader-animation-spin linear infinite;
}
.cmsmasters-page-preloader__preloader-animation-element[type=circle-dashed] {
border: 0.1em solid rgba(255, 255, 255, 0.3);
border-top-color: var(--cmsmasters-page-preloader-preloader-color);
}
.cmsmasters-page-preloader__preloader-animation-element[type=spinners] {
border-bottom-color: rgba(0, 0, 0, 0);
}
.cmsmasters-page-preloader__preloader-animation-element[type=bouncing-dots], .cmsmasters-page-preloader__preloader-animation-element[type=pulsing-dots] {
display: flex;
gap: 1em;
}
.cmsmasters-page-preloader__preloader-animation-element[type=bouncing-dots] span, .cmsmasters-page-preloader__preloader-animation-element[type=pulsing-dots] span {
height: 1em;
width: 1em;
border-radius: 100%;
background-color: var(--cmsmasters-page-preloader-preloader-color);
}
.cmsmasters-page-preloader__preloader-animation-element[type=bouncing-dots] span:nth-child(2), .cmsmasters-page-preloader__preloader-animation-element[type=pulsing-dots] span:nth-child(2) {
animation-delay: var(--cmsmasters-page-preloader-dots-delay);
}
.cmsmasters-page-preloader__preloader-animation-element[type=bouncing-dots] span:nth-child(3), .cmsmasters-page-preloader__preloader-animation-element[type=pulsing-dots] span:nth-child(3) {
animation-delay: calc(var(--cmsmasters-page-preloader-dots-delay) * 2);
}
.cmsmasters-page-preloader__preloader-animation-element[type=bouncing-dots] span:nth-child(4), .cmsmasters-page-preloader__preloader-animation-element[type=pulsing-dots] span:nth-child(4) {
animation-delay: calc(var(--cmsmasters-page-preloader-dots-delay) * 3);
}
.cmsmasters-page-preloader__preloader-animation-element[type=bouncing-dots] span {
--cmsmasters-page-preloader-dots-delay: calc(var(--cmsmasters-page-preloader-preloader-animation-duration) / 10);
animation: var(--cmsmasters-page-preloader-preloader-animation-duration) cmsmasters-page-preloader-animation-bounce linear infinite;
}
.cmsmasters-page-preloader__preloader-animation-element[type=pulsing-dots] span {
--cmsmasters-page-preloader-dots-delay: calc(var(--cmsmasters-page-preloader-preloader-animation-duration) / 6);
animation: var(--cmsmasters-page-preloader-preloader-animation-duration) cmsmasters-page-preloader-animation-pulsing-dots linear infinite;
}
.cmsmasters-page-preloader__preloader-animation-element[type=pulse] {
height: 1em;
width: 1em;
position: relative;
}
.cmsmasters-page-preloader__preloader-animation-element[type=pulse]:before, .cmsmasters-page-preloader__preloader-animation-element[type=pulse]:after {
content: "";
position: absolute;
inset: 0;
border: 0.05em solid var(--cmsmasters-page-preloader-preloader-color);
border-radius: 100%;
animation: 1.2s cmsmasters-page-preloader-animation-pulse infinite both ease-out;
}
.cmsmasters-page-preloader__preloader-animation-element[type=pulse]:after {
animation-delay: 0.6s;
}
.cmsmasters-page-preloader__preloader-animation-element[type=overlap] {
height: 1em;
width: 1em;
position: relative;
}
.cmsmasters-page-preloader__preloader-animation-element[type=overlap]:before, .cmsmasters-page-preloader__preloader-animation-element[type=overlap]:after {
content: "";
inset: 0;
position: absolute;
background: var(--cmsmasters-page-preloader-preloader-color);
border-radius: 100%;
opacity: 0.5;
animation: 2s cmsmasters-page-preloader-animation-overlap infinite both ease-in-out;
}
.cmsmasters-page-preloader__preloader-animation-element[type=overlap]:after {
animation-delay: -1s;
animation-direction: reverse;
}
.cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners], .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners], .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-rings] {
height: 1em;
width: 1em;
position: relative;
}
.cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners]:before, .cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners]:after, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:before, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:after, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-rings]:before, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-rings]:after {
content: "";
border: 0.1em solid var(--cmsmasters-page-preloader-preloader-color);
display: block;
position: absolute;
border-radius: 100%;
border-top-color: transparent;
animation: var(--cmsmasters-page-preloader-preloader-animation-duration) cmsmasters-page-preloader-animation-spin linear infinite;
}
.cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners]:before, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:before, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-rings]:before {
inset: -0.3em;
}
.cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners]:after, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:after, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-rings]:after {
animation-duration: calc(var(--cmsmasters-page-preloader-preloader-animation-duration) - 0.2s);
inset: 0;
opacity: 0.5;
}
.cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners]:before, .cmsmasters-page-preloader__preloader-animation-element[type=nested-spinners]:after, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:before, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:after {
border-bottom-color: transparent;
}
.cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-spinners]:after, .cmsmasters-page-preloader__preloader-animation-element[type=opposing-nested-rings]:after {
animation-direction: reverse;
}
.cmsmasters-page-preloader__preloader-animation-element[type=progress-bar], .cmsmasters-page-preloader__preloader-animation-element[type=two-way-progress-bar], .cmsmasters-page-preloader__preloader-animation-element[type=repeating-bar] {
width: 5em;
height: 0.05em;
max-width: 50vw;
background: var(--cmsmasters-page-preloader-preloader-color);
animation: var(--cmsmasters-page-preloader-preloader-animation-duration) cmsmasters-page-preloader-animation-progress-bar linear infinite both;
}
.cmsmasters-page-preloader__preloader-animation-element[type=progress-bar] {
transform-origin: 0 50%;
}
.cmsmasters-page-preloader__preloader-animation-element[type=repeating-bar] {
animation-name: cmsmasters-page-preloader-animation-repeating-bar;
}
@media (prefers-reduced-motion: reduce) {
.cmsmasters-page-preloader,
.cmsmasters-page-preloader__preloader {
display: none;
}
}
@keyframes cmsmasters-page-preloader-transition-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes cmsmasters-page-preloader-transition-fade-in-down {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes cmsmasters-page-preloader-transition-fade-in-left {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes cmsmasters-page-preloader-transition-fade-in-right {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes cmsmasters-page-preloader-transition-fade-in-up {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes cmsmasters-page-preloader-transition-zoom-in {
0% {
opacity: 0;
transform: scale3d(0, 0, 0);
}
100% {
opacity: 1;
}
}
@keyframes cmsmasters-page-preloader-transition-slide-in-down {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes cmsmasters-page-preloader-transition-slide-in-left {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes cmsmasters-page-preloader-transition-slide-in-right {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes cmsmasters-page-preloader-transition-slide-in-up {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes cmsmasters-page-preloader-transition-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes cmsmasters-page-preloader-transition-fade-out-up {
from {
opacity: 1;
transform: none;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
@keyframes cmsmasters-page-preloader-transition-fade-out-left {
from {
opacity: 1;
transform: none;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
@keyframes cmsmasters-page-preloader-transition-fade-out-right {
from {
opacity: 1;
transform: none;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
@keyframes cmsmasters-page-preloader-transition-fade-out-down {
from {
opacity: 1;
transform: none;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
@keyframes cmsmasters-page-preloader-transition-slide-out-up {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
}
@keyframes cmsmasters-page-preloader-transition-slide-out-left {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
}
@keyframes cmsmasters-page-preloader-transition-slide-out-right {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
}
@keyframes cmsmasters-page-preloader-transition-slide-out-down {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
}
@keyframes cmsmasters-page-preloader-transition-zoom-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: scale3d(0, 0, 0);
}
}
@keyframes cmsmasters-page-preloader-animation-spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes cmsmasters-page-preloader-animation-bounce {
0%, 40%, 100% {
transform: translateY(0);
}
20% {
transform: translateY(-80%);
}
}
@keyframes cmsmasters-page-preloader-animation-pulsing-dots {
0%, 40%, 100% {
transform: scale(1);
}
20% {
transform: scale(1.5);
}
}
@keyframes cmsmasters-page-preloader-animation-pulse {
from {
transform: scale(0);
opacity: 1;
}
to {
transform: scale(1);
opacity: 0;
}
}
@keyframes cmsmasters-page-preloader-animation-overlap {
0%, 100% {
transform: scale(0.2);
}
50% {
transform: scale(1);
}
}
@keyframes cmsmasters-page-preloader-animation-progress-bar {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(1);
}
}
@keyframes cmsmasters-page-preloader-animation-repeating-bar {
0% {
transform: scaleX(0);
transform-origin: 0 50%;
}
49% {
transform-origin: 0 50%;
}
50% {
transform: scaleX(1);
transform-origin: 100% 50%;
}
100% {
transform: scaleX(0);
transform-origin: 100% 50%;
}
}
/*# sourceMappingURL=frontend.css.map */