@charset "UTF-8";
   :root {
--g5-body-font: "Source Sans Pro";
--g5-body-font-size: 16px;
--g5-body-font-weight: 400;
--g5-body-font-style: normal;
--g5-body-text-transform: none;
--g5-body-letter-spacing: 0em;
--g5-body-line-height: 1.75;
--g5-primary-font: "Playfair Display";
--g5-h1-font: "Playfair Display";
--g5-h1-font-size: 42px;
--g5-h1-font-weight: 400;
--g5-h1-text-transform: uppercase;
--g5-h1-letter-spacing: 0.05em;
--g5-h1-line-height: 1.286;
--g5-h2-font: "Playfair Display";
--g5-h2-font-size: 38px;
--g5-h2-font-weight: 400;
--g5-h2-text-transform: uppercase;
--g5-h2-letter-spacing: 0.05em;
--g5-h2-line-height: 1.316;
--g5-h3-font: "Playfair Display";
--g5-h3-font-size: 28px;
--g5-h3-font-weight: 500;
--g5-h3-text-transform: uppercase;
--g5-h3-letter-spacing: 0.05em;
--g5-h3-line-height: 1.429;
--g5-h4-font: "Playfair Display";
--g5-h4-font-size: 24px;
--g5-h4-font-weight: 500;
--g5-h4-text-transform: uppercase;
--g5-h4-letter-spacing: 0.05em;
--g5-h4-line-height: 1.417;
--g5-h5-font: "Playfair Display";
--g5-h5-font-size: 18px;
--g5-h5-font-weight: 500;
--g5-h5-text-transform: uppercase;
--g5-h5-letter-spacing: 0.05em;
--g5-h5-line-height: 1.333;
--g5-h6-font: "Playfair Display";
--g5-h6-font-size: 16px;
--g5-h6-font-weight: 500;
--g5-h6-text-transform: uppercase;
--g5-h6-letter-spacing: 0.05em;
--g5-h6-line-height: 1.3;
--g5-color-accent: #222222;
--g5-color-accent-foreground: #fff;
--g5-color-accent-brightness: #353535;
--g5-color-border: #eee;
--g5-color-heading: #222222;
--g5-color-placeholder: #777;
--g5-color-primary: #4E7661;
--g5-color-primary-foreground: #fff;
--g5-color-primary-brightness: #5d8d74;
--g5-color-secondary: #357284;
--g5-color-secondary-foreground: #fff;
--g5-color-secondary-brightness: #408a9f;
--g5-color-dark: #000;
--g5-color-dark-foreground: #fff;
--g5-color-dark-brightness: #131313;
--g5-color-light: #fff;
--g5-color-light-foreground: #222;
--g5-color-light-brightness: #ececec;
--g5-color-gray: #8f8f8f;
--g5-color-gray-foreground: #fff;
--g5-color-gray-brightness: #a2a2a2;
--g5-color-text-main: #777;
--g5-color-muted: #999;
--g5-color-link: #222;
--g5-color-link-hover: #3c3c3c;
--g5-color-success: #28a745;
--g5-color-success-foreground: #fff;
--g5-color-success-brightness: #2fc652;
--g5-color-danger: #dc3545;
--g5-color-danger-foreground: #fff;
--g5-color-danger-brightness: #e25663;
--g5-color-warning: #ffc107;
--g5-color-warning-foreground: #fff;
--g5-color-warning-brightness: #ffcb2d;
--g5-color-info: #17a2b8;
--g5-color-info-foreground: #fff;
--g5-color-info-brightness: #1bc0da;
--g5-font-blockquote: "Source Sans Pro";
--g5-font-icon: "Font Awesome 5 Pro";
--g5-font-icon-primary: "phosphor";
--g5-color-caption: #777;
--g5-color-background-body: #fff;
--g5-color-background-page-title: #fff;
--g5-color-background-post-sticky: #f5f5f5;
--g5-color-background-footer: #f5f5f5;
--g5-color-text-input: #222;
--g5-color-background-input: #f5f5f5;
--g5-color-border-input: #f5f5f5;
--g5-color-border-input-forcus: #222;
--g5-font-menu: "Source Sans Pro";
--g5-font-sub-menu: "Source Sans Pro";
--g5-font-size-menu: 15px;
--g5-font-size-sub-menu: 16px;
--g5-font-size-menu-mobile: 15px;
--g5-font-weight-sub-menu: 500;
--g5-color-menu: #222;
--g5-color-menu-hover: #222;
--g5-color-border-menu: #eee;
--g5-color-sub-menu: #777;
--g5-color-sub-menu-hover: #222;
--g5-color-background-sub-menu: #fff;
--g5-color-background-sub-menu-hover: #fff;
--g5-color-border-sub-menu: #eee;
--g5-btn-font-weight: 600;
--g5-btn-border-width: 1px;
--g5-btn-border-radius: 0;
--g5-btn-disabled-opacity: 0.65;
--g5-btn-font-family: var(--g5-body-font);
--g5-cate-filter-color: var(--g5-color-text-main);
--g5-cate-filter-color-hover: var(--g5-color-heading);
--g5-cate-filter-item-spacing: 43px;
--g5blog-loop-post-title-font-size: 28px;
--g5blog-loop-grid-post-title-font-size: 24px;
--g5blog-loop-medium-image-post-title-font-size: 24px;
--g5blog-loop-medium-image-post-image-width: 370px;
--g5blog-loop-medium-image-post-image-spacing: 25px;
--g5blog-loop-post-meta-font-size: 16px;
--g5blog-loop-post-except-line-height: 1.75;
--g5blog-loop-grid-post-except-max-height: 2em;
--g5blog-loop-medium-image-post-except-max-height: 2em;
--g5blog-single-post-title-font-size: 38px;
--g5-content-padding-top: 0px;
--g5-content-padding-bottom: 100px;
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-size: 16px;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
overflow-x: hidden;
}
@-ms-viewport {
width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: var(--g5-body-font);
font-weight: var(--g5-body-font-weight);
font-size: var(--g5-body-font-size);
line-height: var(--g5-body-line-height);
color: var(--g5-color-text-main);
text-transform: var(--g5-body-text-transform);
letter-spacing: var(--g5-body-letter-spacing);
background-color: var(--g5-color-background-body);
font-style: var(--g5-body-font-style);
text-rendering: optimizeLegibility;
text-align: left;
overflow-x: hidden;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
border: 0;
border-top: solid 1px var(--g5-color-border);
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-top: 0;
margin-bottom: 0.75rem;
clear: both;
}
h1 {
font-family: var(--g5-h1-font);
text-transform: var(--g5-h1-text-transform);
font-size: var(--g5-h1-font-size);
letter-spacing: var(--g5-h1-letter-spacing);
font-weight: var(--g5-h1-font-weight);
line-height: var(--g5-h1-line-height);
color: var(--g5-color-heading);
}
h2 {
font-family: var(--g5-h2-font);
color: var(--g5-color-heading);
font-size: var(--g5-h2-font-size);
letter-spacing: var(--g5-h2-letter-spacing);
text-transform: var(--g5-h2-text-transform);
font-weight: var(--g5-h2-font-weight);
line-height: var(--g5-h2-line-height);
}
h3 {
font-family: var(--g5-h3-font);
color: var(--g5-color-heading);
font-size: var(--g5-h3-font-size);
letter-spacing: var(--g5-h3-letter-spacing);
text-transform: var(--g5-h3-text-transform);
font-weight: var(--g5-h3-font-weight);
line-height: var(--g5-h3-line-height);
}
h4 {
font-family: var(--g5-h4-font);
color: var(--g5-color-heading);
font-size: var(--g5-h4-font-size);
letter-spacing: var(--g5-h4-letter-spacing);
text-transform: var(--g5-h4-text-transform);
font-weight: var(--g5-h4-font-weight);
line-height: var(--g5-h4-line-height);
}
h5 {
font-family: var(--g5-h5-font);
color: var(--g5-color-heading);
font-size: var(--g5-h5-font-size);
letter-spacing: var(--g5-h5-letter-spacing);
text-transform: var(--g5-h5-text-transform);
font-weight: var(--g5-h5-font-weight);
line-height: var(--g5-h5-line-height);
}
h6 {
font-family: var(--g5-h6-font);
color: var(--g5-color-heading);
font-size: var(--g5-h6-font-size);
letter-spacing: var(--g5-h6-letter-spacing);
text-transform: var(--g5-h6-text-transform);
font-weight: var(--g5-h6-font-weight);
line-height: var(--g5-h6-line-height);
}
p {
margin-top: 0;
margin-bottom: 1.5rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1.5rem;
font-style: normal;
line-height: inherit;
}
dl,
ol,
ul {
margin-bottom: 1.5rem;
}
ul {
list-style: disc;
}
ul ul {
list-style: circle;
}
ul ul ul {
list-style: square;
}
ol {
list-style: decimal;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
li > ul,
li > ol {
margin: 1rem 0 0 1rem;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 1rem;
}
.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
list-style: none;
margin: 0;
}
.reset-list-style li {
margin: 0;
}
dt,
dd {
line-height: 1.5;
}
dt {
font-weight: 700;
}
dt + dd {
margin-top: 0.5rem;
}
dd + dt {
margin-top: 1.5rem;
}
blockquote {
border-left: none;
margin-bottom: 1.5rem;
text-align: center;
max-width: 670px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
blockquote p {
font-size: 24px;
font-weight: 600;
color: var(--g5-color-heading);
line-height: 1.5;
margin-bottom: 10px;
}
blockquote p:before {
content: "“ ";
}
blockquote p:after {
content: " ”";
}
blockquote a {
color: inherit;
}
blockquote cite {
font-size: 12px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
display: block;
color: inherit;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: var(--g5-color-link);
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: var(--g5-color-link-hover);
text-decoration: none;
}
a > code {
color: inherit;
}
pre {
font-size: 100%;
margin-bottom: 1.5rem;
color: var(--g5-color-text-main);
padding: 1.5rem;
overflow: auto;
-ms-overflow-style: scrollbar;
border: 1px solid;
border-color: var(--g5-color-border);
}
code,
kbd,
pre,
samp {
font-family: var(--g5-body-font);
}
figure {
margin: 0 0 1.5rem;
}
img {
vertical-align: middle;
border-style: none;
max-width: 100%;
height: auto;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
margin-bottom: 1.5rem;
width: 100%;
max-width: 100%;
background-color: transparent;
}
table th,
table td {
padding: 0.4rem;
vertical-align: top;
border: solid 1px;
border-color: var(--g5-color-border);
}
table thead th {
vertical-align: bottom;
border: solid 2px;
border-color: var(--g5-color-border);
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: var(--g5-color-gray);
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
::-moz-selection {
background-color: var(--g5-color-accent);
color: var(--g5-color-accent-foreground);
}
::selection {
background-color: var(--g5-color-accent);
color: var(--g5-color-accent-foreground);
}
big {
font-size: 125%;
} input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
height: 50px;
line-height: 48px;
border: 1px solid var(--g5-color-border-input);
padding: 0 20px;
color: var(--g5-color-text-input);
border-radius: 0;
max-width: 100%;
background-color: var(--g5-color-background-input);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus,
select:focus {
outline: none;
border-color: var(--g5-color-accent);
background-color: transparent;
}
textarea:-moz-placeholder,
select:-moz-placeholder,
input[type]:-moz-placeholder {
color: var(--g5-color-placeholder);
}
textarea::-moz-placeholder,
select::-moz-placeholder,
input[type]::-moz-placeholder {
color: var(--g5-color-placeholder);
}
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
input[type]:-ms-input-placeholder {
color: var(--g5-color-placeholder);
}
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input[type]::-webkit-input-placeholder {
color: var(--g5-color-placeholder);
}
textarea {
height: auto;
padding-top: 10px;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>");
background-repeat: no-repeat;
background-position: right 10px top 60%;
}
.btn,
button,
input[type=button],
input[type=reset],
input[type=submit] {
--g5-btn-padding-x: 2.5rem;
--g5-btn-padding-y: 0;
--g5-btn-line-height: calc(3.125rem - (var(--g5-btn-border-width) * 2)) ;
--g5-btn-font-size: 0.9375rem;
--g5-btn-color: var(--g5-color-accent-foreground);
--g5-btn-bg: var(--g5-color-accent);
--g5-btn-border-color: var(--g5-color-accent);
--g5-btn-hover-color: var(--g5-color-accent);
--g5-btn-hover-bg: transparent;
--g5-btn-hover-border-color: #dcdcdc;
--g5-btn-outline-color: var(--g5-color-accent);
--g5-btn-outline-border-hover-color: var(--g5-color-accent);
--g5-btn-outline-hover-color: var(--g5-color-accent-foreground);
--g5-btn-outline-hover-bg: var(--g5-color-accent);
--g5-btn-link-color: var(--g5-color-accent);
position: relative;
display: inline-block;
font-family: var(--g5-btn-font-family);
padding: var(--g5-btn-padding-y) var(--g5-btn-padding-x);
line-height: var(--g5-btn-line-height);
font-size: var(--g5-btn-font-size);
font-weight: var(--g5-btn-font-weight);
border: var(--g5-btn-border-width) solid var(--g5-btn-border-color);
white-space: nowrap;
border-radius: var(--g5-btn-border-radius);
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
color: var(--g5-btn-color);
background-color: var(--g5-btn-bg);
letter-spacing: 1px;
text-transform: uppercase;
}
.btn:focus, .btn:hover, .btn:active,
button:focus,
button:hover,
button:active,
input[type=button]:focus,
input[type=button]:hover,
input[type=button]:active,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=reset]:active,
input[type=submit]:focus,
input[type=submit]:hover,
input[type=submit]:active {
color: var(--g5-btn-hover-color);
background-color: var(--g5-btn-hover-bg);
border-color: var(--g5-btn-hover-border-color);
}
.btn.btn-outline,
button.btn-outline,
input[type=button].btn-outline,
input[type=reset].btn-outline,
input[type=submit].btn-outline {
color: var(--g5-btn-outline-color);
background-color: transparent;
--g5-btn-border-color: #dcdcdc;
}
.btn.btn-outline:focus, .btn.btn-outline:hover, .btn.btn-outline:active,
button.btn-outline:focus,
button.btn-outline:hover,
button.btn-outline:active,
input[type=button].btn-outline:focus,
input[type=button].btn-outline:hover,
input[type=button].btn-outline:active,
input[type=reset].btn-outline:focus,
input[type=reset].btn-outline:hover,
input[type=reset].btn-outline:active,
input[type=submit].btn-outline:focus,
input[type=submit].btn-outline:hover,
input[type=submit].btn-outline:active {
background-color: var(--g5-btn-outline-hover-bg);
color: var(--g5-btn-outline-hover-color);
border-color: var(--g5-btn-outline-border-hover-color);
}
.btn:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
cursor: pointer;
}
.btn:focus,
button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn:disabled,
button:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled {
opacity: var(--g5-btn-disabled-opacity);
cursor: default;
}
.btn.btn-block, .btn.btn-full {
display: block;
width: 100%;
}
.btn.btn-inline {
display: inline-block;
vertical-align: top;
}
.btn.btn-round {
--g5-btn-border-radius: 5em;
}
.btn.btn-rounded {
--g5-btn-border-radius: 0.25rem;
}
.btn.btn-square {
--g5-btn-border-radius: 0;
}
.btn.btn-xs {
--g5-btn-padding-x: 1.25rem;
--g5-btn-padding-y: 0;
--g5-btn-line-height: calc(1.875rem - (var(--g5-btn-border-width) * 2)) ;
--g5-btn-font-size: 0.6875rem;
}
.btn.btn-sm {
--g5-btn-padding-x: 1.5625rem;
--g5-btn-padding-y: 0;
--g5-btn-line-height: calc(2rem - (var(--g5-btn-border-width) * 2)) ;
--g5-btn-font-size: 0.75rem;
}
.btn.btn-md {
--g5-btn-padding-x: 2.5rem;
--g5-btn-padding-y: 0;
--g5-btn-line-height: calc(3.125rem - (var(--g5-btn-border-width) * 2)) ;
--g5-btn-font-size: 0.9375rem;
}
.btn.btn-lg {
--g5-btn-padding-x: 1.875rem;
--g5-btn-padding-y: 0;
--g5-btn-line-height: calc(3.25rem - (var(--g5-btn-border-width) * 2)) ;
--g5-btn-font-size: 1.125rem;
}
.btn.btn-xl {
--g5-btn-padding-x: 2.1875rem;
--g5-btn-padding-y: 0;
--g5-btn-line-height: calc(3.875rem - (var(--g5-btn-border-width) * 2)) ;
--g5-btn-font-size: 1.5rem;
}
.btn.btn-link {
--g5-btn-border-radius: 0;
--g5-btn-link-color: var(--g5-color-dark);
background-color: transparent !important;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
text-decoration: none;
padding: 0 !important;
color: var(--g5-btn-link-color);
line-height: 1.3 !important;
border-bottom: 1px solid currentColor;
}
.btn.btn-link:focus, .btn.btn-link:hover, .btn.btn-link:active {
color: var(--g5-color-accent);
}
.btn.btn-link:not(:disabled):not(.disabled):active {
color: initial;
}
.btn.btn-link:not(:disabled):not(.disabled):active:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.btn-primary {
--g5-btn-color: var(--g5-color-primary-foreground);
--g5-btn-bg: var(--g5-color-primary);
--g5-btn-border-color: var(--g5-color-primary);
--g5-btn-hover-color: var(--g5-color-accent-foreground);
--g5-btn-hover-bg: var(--g5-color-accent);
--g5-btn-hover-border-color: var(--g5-color-accent);
--g5-btn-outline-color: var(--g5-color-primary);
--g5-btn-outline-border-hover-color: var(--g5-color-primary);
--g5-btn-outline-hover-color: var(--g5-color-primary-foreground);
--g5-btn-outline-hover-bg: var(--g5-color-primary);
--g5-btn-link-color: var(--g5-color-primary);
}
.btn.btn-secondary {
--g5-btn-color: var(--g5-color-secondary-foreground);
--g5-btn-bg: var(--g5-color-secondary);
--g5-btn-border-color: var(--g5-color-secondary);
--g5-btn-hover-color: var(--g5-color-primary-foreground);
--g5-btn-hover-bg: var(--g5-color-primary);
--g5-btn-hover-border-color: var(--g5-color-primary);
--g5-btn-outline-color: var(--g5-color-secondary);
--g5-btn-outline-border-hover-color: var(--g5-color-secondary);
--g5-btn-outline-hover-color: var(--g5-color-secondary-foreground);
--g5-btn-outline-hover-bg: var(--g5-color-secondary);
--g5-btn-link-color: var(--g5-color-secondary);
}
.btn.btn-light {
--g5-btn-color: var(--g5-color-light-foreground);
--g5-btn-bg: var(--g5-color-light);
--g5-btn-border-color: var(--g5-color-light);
--g5-btn-hover-color: var(--g5-color-dark-foreground);
--g5-btn-hover-bg: var(--g5-color-dark);
--g5-btn-hover-border-color: var(--g5-color-dark);
--g5-btn-outline-color: var(--g5-color-light);
--g5-btn-outline-border-hover-color: var(--g5-color-light);
--g5-btn-outline-hover-color: var(--g5-color-light-foreground);
--g5-btn-outline-hover-bg: var(--g5-color-light);
--g5-btn-link-color: var(--g5-color-light);
}
.btn.btn-dark {
--g5-btn-color: var(--g5-color-dark-foreground);
--g5-btn-bg: var(--g5-color-dark);
--g5-btn-border-color: var(--g5-color-dark);
--g5-btn-hover-color: var(--g5-color-primary-foreground);
--g5-btn-hover-bg: var(--g5-color-primary);
--g5-btn-hover-border-color: var(--g5-color-primary);
--g5-btn-outline-color: var(--g5-color-dark);
--g5-btn-outline-border-hover-color: var(--g5-color-dark);
--g5-btn-outline-hover-color: var(--g5-color-dark-foreground);
--g5-btn-outline-hover-bg: var(--g5-color-dark);
--g5-btn-link-color: var(--g5-color-dark);
}
.btn.btn-gray {
--g5-btn-color: var(--g5-color-gray-foreground);
--g5-btn-bg: var(--g5-color-gray);
--g5-btn-border-color: var(--g5-color-gray);
--g5-btn-hover-color: var(--g5-color-primary-foreground);
--g5-btn-hover-bg: var(--g5-color-primary);
--g5-btn-hover-border-color: var(--g5-color-primary);
--g5-btn-outline-color: var(--g5-color-gray);
--g5-btn-outline-border-hover-color: var(--g5-color-gray);
--g5-btn-outline-hover-color: var(--g5-color-gray-foreground);
--g5-btn-outline-hover-bg: var(--g5-color-gray);
--g5-btn-link-color: var(--g5-color-gray);
}
.btn.btn-success {
--g5-btn-color: var(--g5-color-success-foreground);
--g5-btn-bg: var(--g5-color-success);
--g5-btn-border-color: var(--g5-color-success);
--g5-btn-hover-color: var(--g5-color-primary-foreground);
--g5-btn-hover-bg: var(--g5-color-primary);
--g5-btn-hover-border-color: var(--g5-color-primary);
--g5-btn-outline-color: var(--g5-color-success);
--g5-btn-outline-border-hover-color: var(--g5-color-success);
--g5-btn-outline-hover-color: var(--g5-color-success-foreground);
--g5-btn-outline-hover-bg: var(--g5-color-success);
--g5-btn-link-color: var(--g5-color-success);
}
.btn.btn-danger {
--g5-btn-color: var(--g5-color-danger-foreground);
--g5-btn-bg: var(--g5-color-danger);
--g5-btn-border-color: var(--g5-color-danger);
--g5-btn-hover-color: var(--g5-color-primary-foreground);
--g5-btn-hover-bg: var(--g5-color-primary);
--g5-btn-hover-border-color: var(--g5-color-primary);
--g5-btn-outline-color: var(--g5-color-danger);
--g5-btn-outline-border-hover-color: var(--g5-color-danger);
--g5-btn-outline-hover-color: var(--g5-color-danger-foreground);
--g5-btn-outline-hover-bg: var(--g5-color-danger);
--g5-btn-link-color: var(--g5-color-danger);
}
.btn.btn-warning {
--g5-btn-color: var(--g5-color-warning-foreground);
--g5-btn-bg: var(--g5-color-warning);
--g5-btn-border-color: var(--g5-color-warning);
--g5-btn-hover-color: var(--g5-color-primary-foreground);
--g5-btn-hover-bg: var(--g5-color-primary);
--g5-btn-hover-border-color: var(--g5-color-primary);
--g5-btn-outline-color: var(--g5-color-warning);
--g5-btn-outline-border-hover-color: var(--g5-color-warning);
--g5-btn-outline-hover-color: var(--g5-color-warning-foreground);
--g5-btn-outline-hover-bg: var(--g5-color-warning);
--g5-btn-link-color: var(--g5-color-warning);
}
.btn.btn-info {
--g5-btn-color: var(--g5-color-info-foreground);
--g5-btn-bg: var(--g5-color-info);
--g5-btn-border-color: var(--g5-color-info);
--g5-btn-hover-color: var(--g5-color-primary-foreground);
--g5-btn-hover-bg: var(--g5-color-primary);
--g5-btn-hover-border-color: var(--g5-color-primary);
--g5-btn-outline-color: var(--g5-color-info);
--g5-btn-outline-border-hover-color: var(--g5-color-info);
--g5-btn-outline-hover-color: var(--g5-color-info-foreground);
--g5-btn-outline-hover-bg: var(--g5-color-info);
--g5-btn-link-color: var(--g5-color-info);
}
.btn.btn-icon-left i {
margin-right: 5px;
}
.btn.btn-icon-right i {
margin-left: 5px;
}
.btn.btn-dark.btn-outline {
--g5-btn-outline-color: var(--g5-color-heading);
--g5-btn-border-color: var(--g5-color-border);
}
.btn i {
font-size: 80%;
} .g5core__gutter-0 {
margin-left: 0;
margin-right: 0;
}
.g5core__gutter-0 > .g5core__gutter-item {
padding-left: 0;
padding-right: 0;
padding-bottom: 0 !important;
}
.g5core__gutter-0 .g5core__modern-grid-col {
padding-left: 0;
padding-right: 0;
}
.g5core__gutter-0 .g5core__modern-grid-col > .g5core__gutter-item {
padding-bottom: 0;
}
.g5core__gutter-0 .slick-slide > div {
padding: 0;
}
.g5core__gutter-10 {
margin-left: -5px;
margin-right: -5px;
}
.g5core__gutter-10 > .g5core__gutter-item {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
}
.g5core__gutter-10 .g5core__modern-grid-col {
padding-left: 5px;
padding-right: 5px;
}
.g5core__gutter-10 .g5core__modern-grid-col > .g5core__gutter-item {
padding-bottom: 10px;
}
.g5core__gutter-10 .slick-slide > div {
padding: 0 5px;
}
.g5core__gutter-20 {
margin-left: -10px;
margin-right: -10px;
}
.g5core__gutter-20 > .g5core__gutter-item {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
}
.g5core__gutter-20 .g5core__modern-grid-col {
padding-left: 10px;
padding-right: 10px;
}
.g5core__gutter-20 .g5core__modern-grid-col > .g5core__gutter-item {
padding-bottom: 20px;
}
.g5core__gutter-20 .slick-slide > div {
padding: 0 10px;
}
.g5core__gutter-30 {
margin-left: -15px;
margin-right: -15px;
}
.g5core__gutter-30 > .g5core__gutter-item {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
.g5core__gutter-30 .g5core__modern-grid-col {
padding-left: 15px;
padding-right: 15px;
}
.g5core__gutter-30 .g5core__modern-grid-col > .g5core__gutter-item {
padding-bottom: 30px;
}
.g5core__gutter-30 .slick-slide > div {
padding: 0 15px;
}
.g5core__gutter-40 {
margin-left: -20px;
margin-right: -20px;
}
.g5core__gutter-40 > .g5core__gutter-item {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
}
.g5core__gutter-40 .g5core__modern-grid-col {
padding-left: 20px;
padding-right: 20px;
}
.g5core__gutter-40 .g5core__modern-grid-col > .g5core__gutter-item {
padding-bottom: 40px;
}
.g5core__gutter-40 .slick-slide > div {
padding: 0 20px;
}
.slick-slider-rows {
margin: 0;
}
.slick-slider-rows .slick-slide > div {
padding: 0;
}
.slick-slider-rows .g5core__listing-blocks {
margin-left: 0;
margin-right: 0;
}
.slick-slider-rows .g5core__modern-grid-col > .g5core__gutter-item {
padding-left: 0;
padding-right: 0;
}
.g5core__gutter-slider-rows-10 {
margin-left: -5px;
margin-right: -5px;
}
.g5core__gutter-slider-rows-10 .g5core__gutter-item {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
}
.g5core__gutter-slider-rows-20 {
margin-left: -10px;
margin-right: -10px;
}
.g5core__gutter-slider-rows-20 .g5core__gutter-item {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
}
.g5core__gutter-slider-rows-30 {
margin-left: -15px;
margin-right: -15px;
}
.g5core__gutter-slider-rows-30 .g5core__gutter-item {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
.g5core__gutter-slider-rows-40 {
margin-left: -20px;
margin-right: -20px;
}
.g5core__gutter-slider-rows-40 .g5core__gutter-item {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
} .ube-breadcrumbs {
font-size: 16px;
color: var(--g5-color-text-main);
text-transform: capitalize;
}
.ube-breadcrumbs a {
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.ube-breadcrumbs a:hover, .ube-breadcrumbs .active {
color: var(--g5-color-dark);
}
.ube-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
margin: 0 10px;
color: var(--g5-color-text-main);
font-size: 0;
width: 20px;
height: 1px;
background-color: currentColor;
content: "";
}
.ube-breadcrumbs .breadcrumb-item + .breadcrumb-item {
padding-left: 0;
}
.ube-heading-sub-title {
font-family: var(--g5-body-font);
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--g5-color-heading);
margin-bottom: 15px;
}
.ube-heading-description {
margin-top: 10px;
}
.ube-heading-title {
margin: 0;
}
.ube-list-icon.list-unstyled .list-icon-item:hover {
color: var(--g5-color-heading);
}
.ube-list-icon.list-unstyled .list-icon-item:hover a {
border-color: currentColor;
}
.ube-list-icon.list-unstyled .list-icon-item a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-bottom: solid 1px transparent;
}
.ube-list-icon.list-unstyled .list-icon-item:not(:first-child) {
margin-top: 2px;
}
.ube-list-icon.list-unstyled .list-icon-item:not(:last-child) {
padding-bottom: 2px;
}
.ube-social-icons.ube-social-sm {
font-size: 1.125em;
}
.ube-social-icons.ube-social-classic li {
color: var(--g5-color-accent);
}
.ube-social-icons.ube-social-classic li + li {
margin-left: 1.3333em;
}
.stanley-mailchimp input[type=email] {
margin-top: 0;
width: 88%;
background-color: #fff;
}
.stanley-mailchimp button[type=submit] {
width: 12%;
min-width: 162px;
}
.stanley-mailchimp .stanley-mailchimp-bottom {
margin-top: 28px;
}
.stanley-mailchimp .stanley-mailchimp-bottom input[type=checkbox] {
margin-right: 10px;
}
.stanley-mailchimp-center .stanley-mailchimp > div,
.stanley-mailchimp-center .ube-subscribe-news-letter {
width: 100%;
-ms-flex-pack: center;
justify-content: center;
}
.ube-position-top .ube-icon-box-wrapper {
--ube-ib-spacing: 20px;
}
.ube-position-top .ube-icon-box-wrapper .ube-ib-desc {
margin-top: 5px;
}
.custom-image-box-01,
.custom-image-box-02 {
max-width: 1920px;
margin: 0 auto;
}
.custom-image-box-01 .elementor-grid-item,
.custom-image-box-02 .elementor-grid-item {
-webkit-transition: all 0.3s !important;
transition: all 0.3s !important;
overflow: hidden;
top: 0;
-webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
position: relative;
}
.custom-image-box-01 .elementor-grid-item:hover,
.custom-image-box-02 .elementor-grid-item:hover {
-webkit-filter: drop-shadow(-10px 24px 21px rgba(0, 0, 0, 0.1));
filter: drop-shadow(-10px 24px 21px rgba(0, 0, 0, 0.1));
top: -15px;
}
@media (min-width: 768px) {
.custom-image-box-01 .elementor-widget-container {
margin-left: -150px;
margin-right: -180px;
}
.custom-image-box-02 .elementor-widget-container {
margin-right: -81px;
margin-left: 10px;
margin-bottom: -50px;
}
}
@media (min-width: 1199px) {
.custom-image-box-01 .elementor-widget-container {
margin-left: -252px;
margin-right: -281px;
}
.custom-image-box-02 .elementor-widget-container {
margin-right: -131px;
margin-left: 104px;
margin-bottom: -90px;
}
}
.ube-banner-title {
font-size: 56px;
text-transform: uppercase;
letter-spacing: 4px;
margin-bottom: 0;
line-height: 1.25;
}
.ube-banner .ube-banner-btn.btn-link {
color: inherit;
}
.ube-banner .ube-banner-btn.btn-link:focus, .ube-banner .ube-banner-btn.btn-link:hover, .ube-banner .ube-banner-btn.btn-link:active, .ube-banner .ube-banner-btn.btn-link:not(:disabled):not(.disabled):active {
color: inherit;
}
.ube-banner:after {
background-color: transparent;
}
.ube-banner-has-effect:hover:after {
background-color: transparent;
}
.ube-banner-layout-02.ube-banner-btn-fixed .ube-banner-top-box {
top: 50% !important;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ube-banner-layout-03 .ube-banner-content {
padding: 30px 15px;
}
@media (max-width: 768px) {
.ube-banner .ube-banner-content {
padding: 2rem;
}
}
.banner-layout-demo .ube-banner-layout-04 .ube-banner-content {
padding: 0;
top: calc(100%);
}
.banner-layout-demo .ube-banner-layout-04:after {
-webkit-transition: all 0.5s;
transition: all 0.5s;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.67)));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.67) 100%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.67) 100%);
opacity: 0;
}
.banner-layout-demo .ube-banner-layout-04:hover .ube-banner-content {
top: calc(100% - 55px) !important;
}
.banner-layout-demo .ube-banner-layout-04:hover:after {
opacity: 1;
}
.banner-collection .ube-banner-title {
font-family: var(--g5-body-font);
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
}
.banner-collection .ube-banner-description {
font-family: var(--g5-h1-font);
text-transform: var(--g5-h1-text-transform);
font-size: var(--g5-h1-font-size);
letter-spacing: var(--g5-h1-letter-spacing);
font-weight: var(--g5-h1-font-weight);
line-height: var(--g5-h1-line-height);
color: var(--g5-color-heading);
color: inherit;
}
.banner-collection .ube-banner-btn {
margin-top: 25px;
}
.banner-collection .ube-banner-content {
padding: 30px;
}
.ube-instagram-item .ube-instagram-icon {
font-size: 35px;
}
@media (min-width: 768px) {
.custom-instagram-01 .slick-track {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
.custom-instagram-01 .slick-active:nth-child(odd) .ube-image img {
height: 440px;
object-fit: cover;
}
}
.slider-middle .slick-track {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 768px) {
.slider-md-middle .slick-track {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 1025px) {
.custom-slider-container-01 .slick-arrow {
position: static;
}
.custom-slider-container-01 .slick-arrow.slick-prev {
margin-right: 10px;
}
.custom-slider-container-01 .slick-arrows {
position: absolute;
left: -52%;
bottom: 30px;
}
.custom-slider-container-01 .slick-dots {
display: none !important;
}
}
@media (min-width: 1200px) {
.custom-slider-container-01 .slick-arrows {
bottom: 100px;
}
.custom-slider-container-02 {
position: static;
}
.custom-slider-container-02 .ube-slider {
height: 100%;
top: 0;
width: 100vw;
position: static;
}
.custom-slider-container-02 .slick-list {
padding-right: calc(100% - 960px);
}
.custom-slider-container-02 .slick-dots {
display: none !important;
}
.custom-slider-container-02 .slick-arrows {
position: absolute;
left: 75px;
bottom: 38%;
display: block;
z-index: 5;
}
.custom-slider-container-02 .slick-arrows .slick-prev {
left: -60px;
}
.custom-slider-container-02 .slick-arrows .slick-arrow {
right: -60px;
}
.custom-slider-container-02 .slick-slider, .custom-slider-container-02 .widgetarea_warper_editable, .custom-slider-container-02 .elementor-widget, .custom-slider-container-02 .elementor-widget-wrap {
position: static;
}
}
@media (min-width: 1366px) {
.custom-slider-container-01 .slick-arrows {
bottom: 150px;
}
}
@media (max-width: 1199px) {
.custom-slider-container-02 .slick-arrows {
display: none;
}
}
@media (max-width: 1024px) {
.custom-slider-container-01 .slick-arrows {
display: none;
}
}
.ube-slider .ube-slider-content {
width: 100%;
}
.slick-slide img {
display: inline-block;
}
.ube-icon-box .ube-ib-title {
font-weight: 600;
font-size: 18px;
font-family: var(--g5-body-font);
letter-spacing: 0;
}
.ube-icon-box .ube-ib-desc {
margin-top: 0;
}
.ube-icon-box-wrapper {
--ube-ib-spacing: 17px;
--ube-ib-color: var(--g5-color-accent);
--ube-ib-color-foreground: var(--g5-color-accent-foreground);
}
.elementor-view-stacked .ube-icon-box-wrapper .elementor-icon {
--ube-ib-color: #F0EDE8;
--ube-ib-color-foreground: var(--g5-color-heading);
font-size: 45px;
background-image: none;
padding: 0.65em;
}
.ube-popup-video .ube-video-btn {
position: relative;
border-radius: 50%;
height: 120px;
width: 120px;
}
.ube-popup-video .ube-video-btn:after, .ube-popup-video .ube-video-btn:before {
-webkit-animation: video-box-shadow 1600ms ease-in-out 0ms;
animation: video-box-shadow 1600ms ease-in-out 0ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
width: 100%;
height: 100%;
content: "";
left: 0;
top: 0;
position: absolute;
border-radius: inherit;
-webkit-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.ube-popup-video .ube-video-btn:after {
-webkit-animation-delay: 800ms;
animation-delay: 800ms;
}
.ube-popup-video .ube-video-btn i {
font-size: 22px;
}
@keyframes video-box-shadow {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.6;
-webkit-box-shadow: 0 0 0 0px #fff;
box-shadow: 0 0 0 0px #fff;
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0.3;
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
}
100% {
-webkit-box-shadow: 0 0 0 4px #fff;
box-shadow: 0 0 0 4px #fff;
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
}
}
.ube-team-member .ube-tm-name {
font-weight: 600;
font-size: 18px;
font-family: var(--g5-body-font);
letter-spacing: 0;
line-height: 1.25;
margin-bottom: 0;
}
.ube-tm-style-01 .ube-tm-image {
margin-bottom: 20px;
}
.stanley-contact-form input:not(input[type=checkbox]):not(input[type=submit]), .stanley-contact-form textarea {
width: 100%;
}
.stanley-contact-form textarea {
height: 150px;
}
.stanley-contact-form .item-contact:not(:last-child) {
margin-bottom: 30px;
}
.stanley-contact-form .wpcf7-not-valid-tip {
display: none;
}
.stanley-contact-form .wpcf7-not-valid {
border-color: #dc3545 !important;
}
.stanley-contact-form ~ div.wpcf7-response-output {
text-align: center;
color: #fff;
background: #dc3545;
border: none;
border-radius: 4px;
padding: 10px;
margin-left: 0;
margin-right: 0;
}
.stanley-contact-form .ajax-loader, .stanley-contact-form .wpcf7-spinner {
position: absolute;
}
.ube-accordion .ube-accordion-icon {
font-size: 11px;
}
.ube-accordion .card-header .ube-accordion-link {
color: var(--g5-color-heading);
font-size: 18px;
font-family: var(--g5-body-font);
font-weight: 600;
text-transform: none;
letter-spacing: 0;
}
.ube-accordion .ube-accordion-card-body p:last-child {
margin-bottom: 0;
}
.custom-ube-accordion .card-header {
padding: 10px 0;
border-bottom: 1px solid var(--g5-color-border);
}
.custom-ube-accordion .card .card-header {
margin-bottom: 0;
}
.custom-ube-accordion .ube-collapsible .card-body {
padding: 16px 0 0;
}
.custom-ube-accordion .ube-collapsible .card-body p:not(:last-child) {
margin-bottom: 1rem;
}
.custom-ube-accordion .ube-accordion-card {
border: none;
}
.custom-ube-accordion .ube-accordion-card:not(.ube-accordion-separate):last-child:not(.active) .ube-accordion-card-header {
border-bottom: 1px solid var(--g5-color-border);
}
.custom-ube-accordion .ube-accordion-card + .ube-accordion-card {
margin-top: 26px;
}
.ube-testimonial-rating .ube-icon {
padding: 0 2.5px;
}
.ube-testimonial-rating .ube-icon svg {
color: var(--g5-color-heading);
font-size: 18px;
}
.ube-testimonial-content p:last-child {
margin-bottom: 0;
}
.ube-testimonial-client-say {
font-size: 20px;
line-height: 1.6;
color: var(--g5-color-heading);
}
.ube-testimonial-author-name {
font-size: 18px;
font-family: var(--g5-body-font);
font-weight: 600;
letter-spacing: 0;
margin-bottom: 0;
}
.ube-testimonial-author-job {
color: var(--g5-color-text-main);
font-size: 1rem;
}
.ube-testimonial-wrap.slick-slider .slick-dots {
margin-top: 0;
}
.ube-testimonial-layout-08 .ube-testimonial-rating {
margin-bottom: 18px;
}
.ube-testimonial-layout-08 .testimonial-title {
margin-bottom: 22px;
}
.ube-testimonial-layout-08 .ube-testimonial-client-say {
max-width: 800px;
}
.ube-testimonial-layout-08 .ube-testimonial-info {
margin-top: 52px;
}
.ube-testimonial-layout-08 .ube-testimonial-author-job {
margin-left: 13px;
}
.ube-testimonial-layout-08 .ube-testimonial-avatar {
margin-bottom: 20px;
}
.bullet-one-page-scroll-navigation .nav-link {
width: 8px;
height: 8px;
overflow: unset;
position: relative;
opacity: 0.7;
border: 0;
}
.bullet-one-page-scroll-navigation .nav-link:before {
content: "";
width: 26px;
height: 26px;
display: block;
left: -9px;
top: -9px;
position: absolute;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
border-radius: 50%;
opacity: 0;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
.bullet-one-page-scroll-navigation .nav-link:hover, .bullet-one-page-scroll-navigation .nav-link.active, .bullet-one-page-scroll-navigation .nav-link.active:before, .bullet-one-page-scroll-navigation .nav-link:hover:before {
opacity: 1;
}
.bullet-one-page-scroll-navigation .nav-link.active:before, .bullet-one-page-scroll-navigation .nav-link:hover:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.bullet-one-page-scroll-navigation .nav-link:nth-child(n+2) {
margin-top: 20px;
}
.bullet-one-page-scroll-navigation.alignment-right {
right: 50px;
}
.bullet-one-page-scroll-navigation.alignment-left {
left: 50px;
}
.ube-nav .nav-link {
background-color: var(--ube-bullet-nav-color);
}
.ube-nav .nav-link:before {
border: 1px solid var(--ube-bullet-nav-color);
}
@media (max-width: 1550px) and (min-width: 1200px) {
.custom-image-layer-01 .ube-image-layers .layers-wrapper .layer-item-07 {
right: -20px !important;
top: 8% !important;
}
.custom-image-layer-01 .ube-image-layers .layers-wrapper .layer-item-03 {
left: 0 !important;
}
.custom-image-layer-01 .ube-image-layers .layers-wrapper .layer-item-01 {
left: -15% !important;
}
}
@media (max-width: 1550px) and (min-width: 1366px) {
.custom-image-layer-01 .ube-image-layers .layers-wrapper .layer-item-05 {
right: -50px !important;
}
}
@media (max-width: 1365px) and (min-width: 1200px) {
.custom-image-layer-01 .ube-image-layers .layers-wrapper .layer-item-05 {
display: none !important;
}
}
@media (max-width: 767px) {
.custom-image-layer-01 .ube-image-layers .layers-wrapper .layer-item-06 {
left: 50% !important;
transform: translateX(-50%) !important;
max-width: none !important;
width: 90% !important;
text-align: center !important;
}
.custom-image-layer-01 .ube-image-layers .layers-wrapper .layer-item-08 {
display: none !important;
}
}
@media (max-width: 525px) {
.custom-image-layer-01 .ube-image-layers .layers-wrapper .layer-item-05,
.custom-image-layer-01 .ube-image-layers .layers-wrapper .layer-item-02 {
display: none !important;
}
}
.ube-counter .ube-counter-number {
font-size: 122px;
font-weight: 400;
font-family: var(--g5-primary-font);
}
.custom-counter-01 .ube-counter .ube-counter-number {
line-height: 0.5;
}
.custom-counter-01 .ube-counter .ube-counter-icon-suffix {
vertical-align: top;
display: inline-block;
font-size: 42px;
}
.order-1 {
--order: 1;
}
.order-2 {
--order: 2;
}
.order-3 {
--order: 3;
}
@media (min-width: 768px) {
.order-md-1 {
--order: 1;
}
.order-md-2 {
--order: 2;
}
.order-md-3 {
--order: 3;
}
.el-d-md-block {
display: block !important;
}
body.admin-bar .custom-height-full-top-bar.elementor-section-height-full {
height: calc(100vh - 32px);
}
}
@media (min-width: 1025px) {
.el-order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.el-order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.el-order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.elementor-height-full-lg {
height: 100vh;
}
.el-d-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.order-lg-1 {
--order: 1;
}
.order-lg-2 {
--order: 2;
}
.order-lg-3 {
--order: 3;
}
}
@media (max-width: 1199px) {
.el-col-lg-12 {
width: 100% !important;
}
.el-section-lg-wrap > .elementor-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.bg-text-animation {
background-position: 0 0;
background-repeat: repeat-x;
-webkit-animation: animatedBackground 25s linear infinite;
animation: animatedBackground 25s linear infinite;
}
@keyframes animatedBackground {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 0;
}
}
@media (min-width: 768px) {
.col-full-width-right {
position: relative;
}
.col-full-width-right > .elementor-widget-wrap {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50vw;
}
}
.rotating-img img {
-webkit-animation: rotating 10s linear infinite;
animation: rotating 10s linear infinite;
}
@keyframes rotating {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@media (max-width: 1600px) and (min-width: 1025px) {
.custom-gap-lg-30 .elementor-column > .elementor-element-populated {
padding-left: 30px !important;
padding-right: 30px !important;
}
}
@media (max-width: 767px) and (min-width: 576px) {
.col-md-full-width {
width: 100vw !important;
margin-left: calc((540px - 100vw) / 2);
}
.col-md-full-width > .elementor-element-populated {
width: 100vw;
}
}
@media (max-width: 767px) {
.col-md-full-width {
width: 100%;
}
}
.btn-accent.btn-purchase {
padding: 0 30px;
}
.fashion-stores {
overflow: hidden;
}
@media (max-width: 1570px) and (min-width: 1025px) {
.fashion-stores .fashion-stores-item-04 {
left: -100px !important;
}
.fashion-stores .fashion-stores-item-06 {
left: 130px !important;
}
.fashion-stores .fashion-stores-item-09 {
left: 20px !important;
}
.fashion-stores .fashion-stores-item-03 {
margin-bottom: -50px !important;
}
.fashion-stores .fashion-stores-item-10 {
right: -150px !important;
}
.fashion-stores .fashion-stores-item-08 {
right: 0 !important;
}
.fashion-stores .fashion-stores-item-07 {
right: 300px !important;
top: -70px !important;
}
}
@media (max-width: 1300px) and (min-width: 1025px) {
.fashion-stores .fashion-stores-item-04 {
left: -200px !important;
}
.fashion-stores .fashion-stores-item-04 img {
max-width: 400px;
}
.fashion-stores .fashion-stores-item-06 {
left: 30px !important;
}
.fashion-stores .fashion-stores-item-06 img {
max-width: 350px;
}
.fashion-stores .fashion-stores-item-09 {
left: -100px !important;
bottom: 50px !important;
}
.fashion-stores .fashion-stores-item-03 img {
max-width: 500px;
}
.fashion-stores .fashion-stores-item-10 img {
max-width: 300px;
}
.fashion-stores .fashion-stores-item-08 img {
max-width: 200px;
}
.fashion-stores .fashion-stores-item-07 img {
max-width: 200px;
}
}
.grid-item-hover-01 .elementor-grid-item,
.ib-hover-top .ube-icon-box {
-webkit-transition: all 0.3s !important;
transition: all 0.3s !important;
overflow: hidden;
top: 0;
position: relative;
}
.grid-item-hover-01 .elementor-grid-item:hover {
top: -15px;
}
.grid-item-hover-01 .elementor-grid-item:hover .card-img {
-webkit-filter: drop-shadow(-10px 24px 21px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
}
.ib-hover-top .ube-icon-box:hover {
top: -15px;
}
.ib-hover-top .ube-icon-box:hover .ube-image {
-webkit-filter: drop-shadow(-10px 24px 21px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
}
.text-marquee {
position: relative;
width: 100vw;
max-width: 100%;
height: 93px;
font-family: var(--g5-primary-font);
font-style: normal;
font-weight: 400;
font-size: 70px;
line-height: 93px;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.text-marquee .text-marquee-track {
position: absolute;
white-space: nowrap;
will-change: transform;
-webkit-animation: marquee 80s linear infinite;
animation: marquee 80s linear infinite;
}
@keyframes marquee {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}  #site-wrapper {
background-color: #fff;
}
#primary-content {
padding: var(--g5-content-padding-top) 0 var(--g5-content-padding-bottom) 0;
}
#sidebar {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
padding-left: 45px;
}
#sidebar.order-lg-first {
padding-right: 45px;
padding-left: 15px;
}
body:not(.has-sidebar) #main-content {
margin-left: auto;
margin-right: auto;
}
body.has-sidebar #main-content {
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
}
body.single-post.no-sidebar #main-content {
-ms-flex: 0 0 840px;
flex: 0 0 840px;
max-width: 840px;
}
@media only screen and (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media only screen and (max-width: 1199px) {
body.single-post.no-sidebar #main-content {
-ms-flex: 0 0 900px;
flex: 0 0 900px;
max-width: 900px;
}
}
@media only screen and (max-width: 991px) {
#main-content {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
#sidebar {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
margin-top: 50px;
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 1200px) {
body.g5core__stretched_content #sidebar {
-ms-flex: 0 0 24.48979592%;
flex: 0 0 24.48979592%;
max-width: 24.48979592%;
}
body.g5core__stretched_content.has-sidebar #main-content {
-ms-flex: 0 0 75.51020408%;
flex: 0 0 75.51020408%;
max-width: 75.51020408%;
}
}
@media (min-width: 1200px) {
.g5core__vc-width-1200 {
width: 1200px;
margin-left: auto !important;
margin-right: auto !important;
}
.g5core__el-width-1200.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1200px !important;
}
.g5core__el-width-1440.elementor-section.elementor-section-boxed > .elementor-container,
.g5core__el-width-1440 .ube-slider .ube-slider-box > .container,
.g5core__el-width-1500.elementor-section.elementor-section-boxed > .elementor-container,
.g5core__el-width-1500 .ube-slider .ube-slider-box > .container,
.g5core__el-width-1650.elementor-section.elementor-section-boxed > .elementor-container,
.g5core__el-width-1650 .ube-slider .ube-slider-box > .container,
.g5core__el-width-1590.elementor-section.elementor-section-boxed > .elementor-container,
.g5core__el-width-1590 .ube-slider .ube-slider-box > .container,
.g5core__el-width-1750.elementor-section.elementor-section-boxed > .elementor-container,
.g5core__el-width-1750 .ube-slider .ube-slider-box > .container {
max-width: 95%;
}
}
@media (min-width: 1440px) {
:root {
--g5-layout-stretched-width: 1440px;
}
.g5core__el-width-1440.elementor-section.elementor-section-boxed > .elementor-container,
.g5core__el-width-1440 .ube-slider .ube-slider-box > .container {
max-width: 1440px !important;
}
}
@media (min-width: 1500px) {
.g5core__el-width-1500.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1500px !important;
}
}
@media (min-width: 1590px) {
.g5core__el-width-1590.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1590px !important;
}
}
@media (min-width: 1650px) {
.g5core__vc-width-1650 {
max-width: 1650px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.g5core__el-width-1650.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1650px !important;
}
}
@media (min-width: 1750px) {
.g5core__el-width-1750.elementor-section.elementor-section-boxed > .elementor-container,
.g5core__el-width-1750 .ube-slider .ube-slider-box > .container {
max-width: 1750px !important;
}
} .site-header {
min-height: 100px;
color: var(--g5-color-menu);
}
.site-header .site-navigation {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-pack: center;
justify-content: center;
}
.site-header .site-navigation .site-menu {
-ms-flex-item-align: center;
align-self: center;
}
.site-header .site-navigation + .search-form-wrapper {
margin-left: 1.5rem;
}
.site-header .toggle-icon:hover {
color: var(--g5-color-menu-hover);
}
.site-header .search-form-wrapper {
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 0;
margin-left: auto;
}
.site-header .search-form-wrapper > span {
cursor: pointer;
margin-bottom: 0;
line-height: 1;
display: -ms-flexbox;
display: flex;
font-size: 28px;
}
.site-header .search-form-wrapper > span:hover {
color: var(--g5-color-menu-hover);
}
.site-header .search-form-wrapper .search-form {
position: absolute;
display: none;
right: 0;
top: 100%;
z-index: 1099;
background-color: #fff;
border: solid 1px;
border-color: var(--g5-color-border);
}
.site-header .search-form-wrapper .search-form input {
width: 210px;
border: none;
font-size: 0.875rem;
background-color: transparent;
padding: 0 20px;
}
.site-header .search-form-wrapper .search-form button {
display: none;
}
.site-header .menu-toggle-button {
display: none;
position: absolute;
top: 35px;
left: 0;
}
.site-header-content {
width: 100%;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.menu-horizontal {
margin: 0;
padding: 0;
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.menu-horizontal .menu-item {
margin: 0;
}
.menu-horizontal .menu-item > a {
display: block;
font-family: var(--g5-font-menu);
font-weight: 600;
font-size: var(--g5-font-size-menu);
line-height: 26px;
padding: 37px 0;
color: inherit;
text-decoration: none;
-webkit-transition: width 0.3s, padding 0.5s;
transition: width 0.3s, padding 0.5s;
}
.menu-horizontal .menu-item > a:focus {
outline: none;
}
.menu-horizontal .menu-item {
position: relative;
}
.menu-horizontal .menu-item.x-active > .sub-menu, .menu-horizontal .menu-item:hover > .sub-menu {
display: block;
}
.menu-horizontal .menu-item-has-children > a .caret {
margin-left: 3px;
line-height: 1;
letter-spacing: 0;
font-size: 12px;
font-weight: 400;
}
.menu-horizontal .menu-item-has-children > a .caret:before {
content: "";
font-family: var(--g5-font-icon);
}
.menu-horizontal .sub-menu {
display: none;
position: absolute;
left: 100%;
top: 0;
min-width: 230px;
list-style: none;
padding: 15px 0;
margin: 0;
background-color: #fff;
color: #777;
z-index: 1099;
font-family: var(--g5-font-sub-menu);
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.menu-horizontal .sub-menu .menu-item > a {
display: block;
padding: 7px 15px 7px 30px;
font-size: var(--g5-font-size-sub-menu);
line-height: 1.5;
font-weight: var(--g5-font-weight-sub-menu);
text-transform: none;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.menu-horizontal .sub-menu .menu-item:hover > a {
background-color: var(--g5-color-background-sub-menu-hover);
color: var(--g5-color-sub-menu-hover);
}
.menu-horizontal .sub-menu .menu-item.menu-current > a, .menu-horizontal .sub-menu .menu-item.current-menu-parent > a, .menu-horizontal .sub-menu .menu-item.current-menu-ancestor > a, .menu-horizontal .sub-menu .menu-item.current-menu-item > a {
background-color: var(--g5-color-background-sub-menu-hover);
color: var(--g5-color-sub-menu-hover);
}
.menu-horizontal .sub-menu .menu-item-has-children > a .caret {
float: right;
}
.menu-horizontal .sub-menu .menu-item-has-children > a .caret:before {
content: "";
}
.menu-horizontal > .menu-item {
display: -ms-flexbox;
display: flex;
}
.menu-horizontal > .menu-item + .menu-item {
margin-left: 1.5rem;
}
.menu-horizontal > .menu-item > .sub-menu {
top: 100%;
left: 0;
}
.menu-horizontal > .menu-item > a {
letter-spacing: 0.1em;
text-transform: uppercase;
}
.menu-horizontal > .menu-item > a:before {
content: "";
position: absolute;
height: 1px;
bottom: 35px;
left: 0;
right: 0;
background-color: var(--g5-color-menu-hover);
-webkit-transition: transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
}
.menu-horizontal > .menu-item.current-menu-ancestor:not(.menu-item-type-taxonomy) > a:before, .menu-horizontal > .menu-item.current-menu-parent:not(.menu-item-type-taxonomy) > a:before, .menu-horizontal > .menu-item.current-menu-item > a:before, .menu-horizontal > .menu-item.menu-current > a:before, .menu-horizontal > .menu-item:hover > a:before, .menu-horizontal > .menu-item:focus > a:before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.site-branding {
padding: 8px 2rem 8px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100px;
}
.site-branding .site-description {
display: none;
margin: 0;
}
.site-branding.has-logo .site-title, .site-branding.has-logo .site-branding-text {
display: none;
}
.site-branding .custom-logo-link img {
display: block;
max-height: 84px;
width: auto;
}
.site-branding-text .site-title {
margin-bottom: 0;
}
.site-branding-text .site-title a {
color: inherit;
}
@media (min-width: 1200px) {
.custom-sub-menu-stretched_content > .sub-menu > .x-is-mega-menu {
max-width: 95vw;
}
}
@media only screen and (max-width: 991px) {
.site-header {
min-height: 100px;
}
.site-header .menu-toggle-button {
display: -ms-flexbox;
display: flex;
}
.site-branding {
margin: auto;
padding: 8px 0;
height: 100px;
}
.site-header .site-navigation {
display: none;
width: 100%;
border-top: solid 1px var(--g5-color-border);
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.site-header .search-form-wrapper {
position: absolute;
top: 0;
right: 0;
font-size: 20px;
padding: 40px 0;
}
.site-menu {
margin: 0.5rem 0;
}
.site-menu .menu-horizontal {
display: block;
}
.site-menu .menu-horizontal .menu-item {
display: block;
}
.site-menu .menu-horizontal .menu-item + .menu-item {
margin-left: 0;
}
.site-menu .menu-horizontal .menu-item > a {
padding: 0.625rem 0;
font-size: var(--g5-font-size-menu-mobile);
}
.site-menu .menu-horizontal .menu-item > a:before {
display: none;
}
.site-menu .menu-horizontal .menu-item:hover .sub-menu {
display: none;
}
.site-menu .menu-horizontal .menu-item-has-children > a .caret {
position: absolute;
top: 0;
right: 0;
padding: 0.625rem 0.75rem;
}
.site-menu .menu-horizontal .menu-item-has-children > a .caret:before {
content: "";
}
.site-menu .menu-horizontal .menu-item-has-children > a .caret.in:before {
content: "";
}
.site-menu .menu-horizontal .sub-menu {
position: static;
border: none;
padding: 0 0 0 1.5rem;
box-shadow: none;
}
.site-menu .menu-horizontal .sub-menu .menu-item {
border-bottom: none;
}
.site-menu .menu-horizontal .sub-menu .menu-item > a {
text-transform: none;
padding: 0.5rem 0;
font-size: var(--g5-font-size-menu-mobile);
}
} .site-footer {
padding: 3rem 0;
background-color: #F0EDE8;
}
.site-info {
text-align: center;
}
.site-info .privacy-policy-link + .powered-by:before {
content: " - ";
}
.site-info a, .site-info span {
font-size: 0.875rem;
text-transform: uppercase;
font-weight: 700;
}
.site-info a {
color: var(--g5-color-heading);
}
.site-info a:hover {
color: inherit;
}
.footer-section {
color: #7c7c7c;
}
.footer-section h4.widget-title {
font-size: 14px;
letter-spacing: 0.5px;
margin-bottom: 25px;
}
.footer-section .widget {
margin-bottom: 0;
}
.footer-primary {
background-color: var(--g5-color-primary);
color: #fff;
}
.footer-primary .gel-list .gel-list-item a:hover,
.footer-primary .ube-list-icon.list-unstyled .list-icon-item a:hover {
color: inherit;
border-color: currentColor;
}
.footer-primary .gel-heading-title, .footer-primary .ube-heading-title,
.footer-primary .ube-heading-description,
.footer-primary .ube-social-icons.ube-social-classic li {
color: inherit;
}
.payment-cart .wpb_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
-ms-flex-pack: end;
justify-content: flex-end;
}
.payment-cart .wpb_wrapper > .wpb_single_image {
margin-bottom: 0;
}
.payment-cart .wpb_wrapper > .wpb_single_image + .wpb_single_image {
margin-left: 15px;
}
@media (max-width: 991px) {
.payment-cart .wpb_wrapper {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.payment-cart-elementor .elementor-widget-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
-ms-flex-pack: end;
justify-content: flex-end;
}
.payment-cart-elementor .elementor-widget-wrap > .elementor-widget-image {
margin-bottom: 0;
width: auto;
}
.payment-cart-elementor .elementor-widget-wrap > .elementor-widget-image + .elementor-widget-image {
margin-left: 15px;
}
@media (max-width: 991px) {
.payment-cart-elementor-md-left .elementor-widget-wrap {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (max-width: 767px) {
.payment-cart-elementor .elementor-widget-wrap {
-ms-flex-pack: start;
justify-content: flex-start;
}
} .page-header {
padding: 80px 0 60px 0;
background-color: #fff;
--g5-color-heading: #000;
}
.page-header .page-sub-title,
.page-header .page-main-title {
text-align: center;
}
.page-main-title {
margin-bottom: 0;
word-break: break-word;
color: var(--g5-color-dark);
}
.page-sub-title {
margin-top: 20px;
}
.page-sub-title p {
margin: 0;
}
.breadcrumbs-wrap {
background-color: #f5f5f5;
padding: 10px 0;
}
.ube-page-title .page-main-title {
font-family: var(--g5-h2-font);
color: var(--g5-color-heading);
font-size: var(--g5-h2-font-size);
letter-spacing: var(--g5-h2-letter-spacing);
text-transform: var(--g5-h2-text-transform);
font-weight: var(--g5-h2-font-weight);
line-height: var(--g5-h2-line-height);
color: var(--g5-color-dark);
}
ul.breadcrumbs {
--g5-color-heading: #000;
margin: 0;
padding: 0;
list-style: none;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
ul.breadcrumbs li {
margin: 0;
}
ul.breadcrumbs li:nth-child(1):before {
content: "";
font-family: var(--g5-font-icon);
font-weight: 600;
margin-right: 9px;
color: var(--g5-color-heading);
}
ul.breadcrumbs li.breadcrumb-sep {
margin: 0 10px;
color: #999;
font-size: 0;
width: 20px;
height: 1px;
background-color: currentColor;
}
ul.breadcrumbs li.breadcrumb-sep:last-child {
display: none !important;
}
ul.breadcrumbs li a {
color: inherit;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
ul.breadcrumbs li a:hover {
color: var(--g5-color-heading);
}
ul.breadcrumbs li.breadcrumb-leaf {
color: var(--g5-color-heading);
}  .bypostauthor {
display: block;
}
.alignnone {
margin: 0.375rem 1.5rem 1.5rem 0;
}
.aligncenter {
margin: 1.5rem auto 1.5rem auto;
}
img.aligncenter {
display: block;
}
.alignright {
float: right;
margin: 0.375rem 0 1.5rem 1.25rem;
}
.alignleft {
float: left;
margin: 0.375rem 1.25rem 1.5rem 0;
}
.wp-caption {
max-width: 100%; text-align: center;
}
dl.wp-caption.alignnone {
margin: 0.375rem 1.25rem 1.5rem 0;
}
dl.wp-caption.alignleft {
margin: 0.375rem 1.25rem 1.5rem 0;
}
dl.wp-caption.alignright {
margin: 0.375rem 0 1.5rem 1.25rem;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
font-size: 0.875rem;
margin-top: 0.25rem;
color: var(--g5-color-gray);
}
.wp-block-separator {
border-bottom: solid 2px;
border-color: var(--g5-color-border);
border-top: 0;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} .gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 1em 0 0;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: left;
padding: 0 0.75rem 0 0;
margin-bottom: 0;
}
.slick-dots {
margin-top: 15px;
}
.slick-dots li {
color: var(--g5-color-heading);
margin: 0;
line-height: 1;
opacity: 1;
}
.slick-dots span:before {
font-size: 8px;
}
.slick-dots li.slick-active span:before {
font-size: 16px;
font-weight: 300;
content: "";
}
.slick-arrow {
border: 2px solid var(--g5-color-border);
border-radius: 50%;
position: absolute;
top: 50%;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 50px;
line-height: 50px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.slick-arrow i {
font-size: 14px;
font-weight: 400;
color: var(--g5-color-heading);
font-family: var(--g5-font-icon);
}
.slick-arrow:hover {
border-color: transparent;
-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.slick-arrow:hover i {
color: var(--g5-color-heading);
}
.slick-arrow.slick-prev {
left: -60px;
}
.slick-arrow.slick-prev i:before {
content: "";
}
.slick-arrow.slick-next {
right: -60px;
}
.slick-arrow.slick-next i:before {
content: "";
}
.slick-arrow.slick-disabled {
opacity: 1;
}
.g5element__products-slider .slick-dots,
.elementor-widget-ube-g5-products-slider .slick-dots {
margin-top: 30px;
}
@media (min-width: 1200px) {
.custom-slick-01 .elementor-widget-container {
margin-left: calc((-100% - 1440px)/2);
margin-right: calc((-100% - 1440px)/2);
}
.custom-slick-01 .elementor-widget-container .slick-arrow {
position: static;
-webkit-transform: none;
transform: none;
}
.custom-slick-01 .elementor-widget-container .slick-arrow.slick-prev {
margin-right: 15px;
}
.custom-slick-01 .elementor-widget-container .slick-arrows {
position: absolute;
top: -138px;
right: 34%;
}
.custom-slick-01 .elementor-widget-container .slick-list {
padding-left: calc((100% - 1440px)/2);
padding-right: calc((100% - 1440px)/2);
}
.custom-slick-01 .elementor-widget-container .slick-dots {
display: none !important;
}
}
@media (max-width: 1199px) {
.custom-slick-01 .slick-arrows {
display: none;
}
}
@media (max-width: 1570px) {
.custom-slider-arrow-dots .slick-arrows {
display: none !important;
}
}
@media (min-width: 1571px) {
.custom-slider-arrow-dots .slick-dots {
display: none !important;
}
}
.g5core-back-to-top:focus, .g5core-back-to-top:hover {
text-decoration: none;
color: var(--g5-color-accent-foreground);
background-color: var(--g5-color-accent);
}
.g5core__paging.next-prev > a {
width: 50px;
height: 50px;
line-height: 50px;
border-color: var(--g5-color-border);
}
.g5core__paging.next-prev > a:not(.disable):hover {
background-color: var(--g5-color-accent);
color: var(--g5-color-accent-foreground);
border-color: var(--g5-color-accent);
}
.g5core__cate-filer {
border: none;
padding-bottom: 0;
margin-bottom: 57px;
}
.g5core__cate-filer > li > a {
-webkit-transition: color 0.3s;
transition: color 0.3s;
position: relative;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 19px;
letter-spacing: 1px;
text-transform: uppercase;
}
.g5core__cate-filer > li > a:before {
content: "";
position: absolute;
height: 1px;
background-color: var(--g5-color-heading);
width: 0;
bottom: -2px;
-webkit-transition: width 0.3s;
transition: width 0.3s;
}
.g5core__cate-filer > li > a:hover:before {
width: 100%;
}
.g5core__cate-filer > li.active > a:before {
width: 100%;
}
.g5core__share-label {
color: var(--g5-color-heading);
margin: 0 15px 0 0;
font-weight: 600;
font-size: 15px;
line-height: 19px;
letter-spacing: 1px;
text-transform: uppercase;
}
ul.g5core__share-list {
font-size: 16px;
}
ul.g5core__share-list li {
margin-right: 20px;
}
ul.g5core__share-list li a:hover {
color: var(--g5-color-heading);
}
.g5core-page-title-default {
background-color: #fff;
text-align: center;
}
.g5core-page-title-default .page-title-inner {
padding: 80px 0 60px 0;
}
.g5core-page-title-default .page-title-content {
margin: auto;
width: 100%;
}
.g5core-page-title-default .page-sub-title {
margin-bottom: 0;
max-width: 590px;
font-size: 18px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.g5core-breadcrumbs {
margin: 0;
padding: 0;
list-style: none;
font-weight: 400;
font-size: 16px;
line-height: 28px;
text-align: center;
color: #777777;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.g5core-breadcrumbs li {
margin: 0;
}
.g5core-breadcrumbs li:hover,
.g5core-breadcrumbs li.breadcrumb-leaf {
color: var(--g5-color-dark);
}
.g5core-breadcrumbs li:nth-child(1):before {
content: "";
font-family: var(--g5-font-icon);
font-weight: 700;
margin-right: 9px;
color: var(--g5-color-dark);
}
.g5core-breadcrumbs li.breadcrumb-sep {
margin: 0 15px;
color: #999;
font-size: 0;
width: 20px;
height: 1px;
background-color: currentColor;
}
.g5core__single-breadcrumbs {
background-color: #f5f5f5;
padding: 12px 0;
}
.g5core__single-breadcrumbs .g5core-breadcrumbs {
-ms-flex-pack: center;
justify-content: center;
}
.g5shop__single-breadcrumbs + #primary-content {
padding-top: 80px;
}
.menu-horizontal.x-nav-menu > .menu-item + .menu-item {
margin-left: 50px;
}
.g5core-header-inner {
min-height: 100px;
}
.g5core-site-branding {
padding: 0 2rem 0 0;
}
.g5core-site-branding.logo-center {
padding: 0 4.4rem;
}
.sticky-area-wrap.sticky .sticky-area .g5core-header-inner {
min-height: 80px;
}
.sticky-area-wrap.sticky .sticky-area .menu-horizontal > .menu-item > a {
padding-top: 27px;
padding-bottom: 27px;
}
.sticky-area-wrap.sticky .sticky-area .menu-horizontal > .menu-item > a:before {
bottom: 25px;
}
.g5core-header-navigation .g5core-header-inner {
min-height: 60px;
}
.g5core-header-navigation .menu-horizontal > .menu-item > a {
padding-top: 17px;
padding-bottom: 17px;
}
.g5core-header-navigation .menu-horizontal > .menu-item > a:before {
bottom: 16px;
}
body.g5core-is-header-vertical-left.g5core-is-header-vertical-mini {
padding-left: 155px;
}
.g5core-header-above .g5core-header-inner,
.g5core-header-bellow .g5core-header-inner {
min-height: 100px;
}
.g5core-header-desktop-wrapper .x-mega-sub-menu .gel-heading-title, .g5core-header-desktop-wrapper .x-mega-sub-menu .ube-heading-title {
font-size: 18px;
letter-spacing: 1px;
}
.g5core-header-desktop-wrapper .x-mega-sub-menu .gel-heading-title {
margin-bottom: 20px;
}
.g5core-header-desktop-wrapper .x-mega-sub-menu .ube-heading-title {
margin-bottom: 0;
}
.g5core-header-desktop-wrapper .x-mega-sub-menu .gel-list .item-list:not(:last-child) {
padding-bottom: 6px;
}
.g5core-header-desktop-wrapper .x-mega-sub-menu .gel-list .item-list:not(:first-child) {
padding-top: 6px;
}
.g5core-header-desktop-wrapper .x-mega-sub-menu .ube-list-icon .list-icon-item:not(:last-child) {
padding-bottom: 2.5px;
}
.g5core-header-desktop-wrapper .x-mega-sub-menu .ube-list-icon .list-icon-item:not(:first-child) {
padding-top: 2.5px;
}
.g5core-header-desktop-wrapper .x-mega-sub-menu .ube-list-icon.list-unstyled .list-icon-item:not(:first-child) {
margin-top: 0;
}
.g5core-site-header:not(.header-float):not(.header-border-bottom) {
-webkit-box-shadow: none;
box-shadow: none;
}
body.g5core-is-header-vertical-left.g5core-is-header-vertical-large {
padding-left: 400px;
}
.g5core-search-button a {
border: none;
width: auto;
padding: 0;
}
.g5core-search-button i {
font-size: 28px;
}
.g5core-search-button span {
padding-left: 13px;
font-weight: 500;
color: var(--g5-color-text-main);
}
.g5core-search-button .fa-search:before {
content: "";
}
.g5core-search-form button i:before {
font-family: var(--g5-font-icon-primary);
content: "";
font-size: 20px;
}
.g5core-search-popup button i:before {
font-size: 2rem;
}
.g5core-login-button i {
color: var(--g5-color-heading);
}
.g5core-login-button span {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
}
.g5core-header-customize-item + .g5core-header-customize-item {
margin-left: 2.25rem;
}
.g5core-header-customize ul.g5core-social-networks.g5core-social-networks li {
margin-top: 0;
margin-bottom: 0;
}
.g5core-header-customize ul.g5core-social-networks.g5core-social-networks a {
color: inherit;
background-color: transparent;
border-width: 0;
width: auto;
font-size: 14px;
font-weight: 400;
}
.g5core-header-customize ul.g5core-social-networks.g5core-social-networks a i {
color: inherit;
}
.g5core-header-customize ul.g5core-social-networks.g5core-social-networks li + li {
margin-left: 1.5rem;
}
.g5core-header-customize:not(.no-items) + .g5core-menu-popup-button,
.g5core-header-customize:not(.no-items) + .g5core-primary-menu,
.g5core-menu-popup-button + .g5core-header-customize:not(.no-items),
.g5core-primary-menu + .g5core-header-customize:not(.no-items) {
margin-left: 50px;
}
.g5shop__header-action-my-account .fa-user:before {
content: "";
}
.g5shop__mini-cart .fa-shopping-cart:before {
content: "";
}
.g5shop__header-action-wishlist .fa-heart:before {
content: "";
}
.g5shop_header-action-icon a i {
font-size: 28px;
}
.g5shop_header-action-icon a > span {
font-size: 13px;
width: 18px;
height: 18px;
line-height: 18px;
top: -3px;
right: -8px;
}
.g5shop_header-action-icon i,
.g5core-search-button i {
font-weight: 400;
}
.g5shop_header-action-icon i:before,
.g5core-search-button i:before {
font-family: var(--g5-font-icon-primary);
}
.custom-top-bar-01 .g5core-top-bar-inner {
min-height: 40px;
-ms-flex-pack: center;
justify-content: center;
}
.custom-header-white .g5core-search-button span {
color: #fff;
}
.custom-header-white .menu-horizontal > .menu-item > a:before {
background-color: currentColor;
}
.custom-header-white .g5shop_header-action-icon a > span {
background-color: #fff;
color: var(--g5-color-accent);
}
.custom-header-white .sticky .g5core-search-button span {
color: var(--g5-color-text-main);
}
.custom-header-white .sticky .g5shop_header-action-icon a > span {
background-color: var(--g5-color-accent);
color: var(--g5-color-accent-foreground);
}
.custom-header-hide-text-search .g5core-search-button span {
display: none;
}
.custom-header-03 .sticky-area-wrap:not(.sticky) {
margin-top: -22px;
}
.custom-header-03 .btn, .custom-header-03 .dropdown-item {
font-size: 15px;
font-weight: 500;
border-bottom: none;
}
.custom-header-04 .g5core-primary-menu + .g5core-header-customize:not(.no-items) {
margin-left: 75px;
}
.custom-header-04 .g5core-header-inner {
min-height: 80px;
}
.custom-header-04 .menu-horizontal > .menu-item > a {
padding: 27px 0;
}
.custom-header-04 .menu-horizontal > .menu-item > a:before {
bottom: 26px;
}
.custom-header-01 .g5core-top-bar .g5core-top-bar-left {
width: 100%;
display: block;
}
.custom-header-01 .g5core-top-bar .top-bar-info {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
min-height: 40px;
}
.custom-header-01 .g5core-top-bar .top-bar-social i {
font-weight: 400;
}
.custom-header-01 .g5core-top-bar .btn, .custom-header-01 .g5core-top-bar .dropdown-item {
font-size: 15px;
font-weight: 500;
border-bottom: none;
}
.custom-header-01 .g5core-top-bar .dropdown-menu.show {
min-width: 100px;
}
.custom-header-01 .g5core-top-bar i {
margin-right: 10px;
}
.custom-header-01 .g5core-top-bar span + span {
margin-left: 25px;
}
.custom-header-03 .dropdown + .dropdown {
margin-left: 28px;
}
.custom-header-03 .dropdown-item {
font-weight: 600;
}
.custom-header-03 .dropdown-menu.show {
min-width: 100px;
}
.g5core-site-branding.logo-center {
padding: 0 30px;
}
.g5core-is-header-vertical-left .g5core-header-vertical {
width: 400px;
}
.g5core-is-header-vertical-left .g5core-header-vertical .g5core-site-branding {
padding: 23px 50px;
}
.g5core-is-header-vertical-left .g5core-header-vertical .g5core-header-customize-inner {
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.g5core-is-header-vertical-left .g5core-header-vertical .menu-vertical-wrapper {
margin-top: 14px;
}
.g5core-is-header-vertical-left .g5core-header-vertical .g5core-header-customize-before_menu {
padding: 0 50px;
}
.g5core-is-header-vertical-left .g5core-header-vertical .g5core-header-customize-item + .g5core-header-customize-item {
margin-top: 0;
margin-left: 35px;
}
.g5core-is-header-vertical-left .g5core-header-vertical .g5core-primary-menu.site-menu {
margin-top: 37px;
}
.g5core-is-header-vertical-left .g5core-header-vertical .menu-vertical#main-menu > .menu-item {
padding: 13px 50px 13px 0;
}
.g5core-is-header-vertical-left .g5core-header-vertical .menu-vertical .sub-menu {
min-height: auto;
padding: 20px 0;
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.g5core-is-header-vertical-left .g5core-header-vertical .g5core-header-customize-after_menu {
margin-left: 0;
padding: 45px 50px;
}
.g5core-is-header-vertical-left .g5core-header-vertical .info-bottom p {
color: var(--g5-color-text-main);
}
.g5core-is-header-vertical-left .g5core-header-vertical .info-bottom .coppy-right {
font-size: 15px;
font-weight: 400;
}
.g5core-is-header-vertical-left .g5shop__mini-cart .widget_shopping_cart_content {
right: auto;
left: 0;
}
@media (min-width: 1200px) {
.custom-header-1750 .g5core-header-desktop-wrapper .container,
.custom-header-1750 .g5core-top-bar-desktop .container {
max-width: 1750px !important;
}
.custom-header-1850 .g5core-header-desktop-wrapper .container,
.custom-header-1850 .g5core-top-bar-desktop .container {
max-width: 1850px !important;
}
.custom-header-01 .top-bar-info > div {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
}
.custom-header-01 .top-bar-info > div + div {
-ms-flex-pack: center;
justify-content: center;
}
.custom-header-01 .top-bar-info > div:last-child {
-ms-flex-pack: end;
justify-content: flex-end;
}
.g5core-site-branding.logo-center {
padding: 0 90px;
}
}
.toggle-icon {
cursor: pointer;
display: inline-block;
width: 30px;
height: 30px;
position: relative;
vertical-align: middle;
}
.toggle-icon > span {
bottom: 0;
display: block;
height: 2px;
left: 2px;
right: 0;
margin: auto;
position: absolute;
top: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background-color: currentColor;
}
.toggle-icon > span:after,
.toggle-icon > span:before {
content: "";
height: 2px;
left: 0;
margin: auto;
position: absolute;
right: 0;
-webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, background 0.3s;
-moz-transition: top 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, background 0.3s;
transition: top 0.3s ease-in-out, transform 0.3s ease-in-out, background 0.3s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background-color: currentColor;
}
.toggle-icon > span:before {
top: 8px;
}
.toggle-icon > span:after {
top: -8px;
}
.toggle-icon:hover {
color: #e4573d;
}
.toggle-icon.in > span {
background-color: transparent !important;
}
.toggle-icon.in > span:after,
.toggle-icon.in > span:before {
-webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.5s ease-in-out, background 0.3s;
-moz-transition: top 0.3s ease-in-out, -moz-transform 0.3s 0.5s ease-in-out, background 0.3s;
transition: top 0.3s ease-in-out, transform 0.3s 0.5s ease-in-out, background 0.3s;
top: 0;
}
.toggle-icon.in > span:after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
-o-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
.toggle-icon.in > span:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-moz-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
-o-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
.g5core-mobile-header .g5core-search-button span,
.custom-search-button-hidden .g5core-search-button span {
display: none;
}
.g5core-menu-mobile .main-menu .menu-item > a {
font-size: var(--g5-font-size-menu-mobile);
}
.g5core-menu-mobile .main-menu .x-mega-sub-menu .ube-heading-title,
.g5core-menu-mobile .main-menu .x-mega-sub-menu .gel-heading-title {
font-size: var(--g5-font-size-menu-mobile);
}
.g5core-menu-mobile .main-menu .x-mega-sub-menu .ube-list-icon .list-icon-item,
.g5core-menu-mobile .main-menu .x-mega-sub-menu .gel-list .gel-list-item {
font-size: var(--g5-font-size-menu-mobile);
}
.g5core-menu-mobile .g5core-search-form input[type=search] {
padding: 0 2rem 0 1rem;
}
.g5core-menu-mobile .g5core-search-form button {
padding: 0 1rem;
}
.g5core-top-bar .g5core-social-networks a {
font-size: 14px;
font-weight: 500;
}
.g5core-top-bar .g5core-social-networks li + li {
margin-left: 8px;
} .wp-block-table th, .wp-block-table td {
border-color: var(--g5-color-border);
padding: 0.4rem;
}
.wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td {
border-color: transparent;
}
.wp-block-table thead th {
border-bottom-width: 2px;
}
.wp-block-pullquote blockquote {
padding: 0;
background-color: transparent;
margin-top: 0 !important;
margin-bottom: 0;
}
.wp-block-pullquote blockquote:before {
display: none;
}
.wp-block-pullquote cite,
.wp-block-pullquote footer,
.wp-block-pullquote .wp-block-pullquote__citation {
font-size: 12px;
color: inherit;
margin-top: 1em;
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: uppercase;
}
.wp-block-quote {
border-left: none;
max-width: 670px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5rem;
padding-left: 0;
}
.wp-block-quote cite,
.wp-block-quote footer,
.wp-block-quote .wp-block-quote__citation {
font-size: 12px;
color: inherit;
}
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
margin-bottom: 1.5rem;
padding: 0;
}
.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
font-size: 28px;
font-style: normal;
line-height: 1.58;
}
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer,
.wp-block-quote.is-style-large .wp-block-quote__citation, .wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-large .wp-block-quote__citation {
text-align: center;
font-size: 14px;
}
.wp-block-quote.has-text-align-right {
border-right: none;
padding-right: 0;
max-width: 100%;
text-align: right;
}
.wp-block-cover-image,
.wp-block-cover {
margin-bottom: 1.5rem;
color: #f8f9f9;
}
.wp-block-cover-image p,
.wp-block-cover p {
margin-bottom: 0;
line-height: 1.25;
}
.wp-block-cover-image a,
.wp-block-cover a {
color: inherit;
}
.wp-block-embed {
margin: 0 0 1.5rem;
}
.wp-block-button__link {
--g5-btn-border-width: 2px;
--g5-btn-padding-x: 2.5rem;
--g5-btn-padding-y: 0;
--g5-btn-line-height: calc(3.125rem - (var(--g5-btn-border-width) * 2)) ;
--g5-btn-font-size: 0.9375rem;
--g5-btn-color: var(--g5-color-accent-foreground);
--g5-btn-bg: var(--g5-color-accent);
--g5-btn-border-color: var(--g5-color-accent);
--g5-btn-hover-color: var(--g5-color-accent);
--g5-btn-hover-bg: transparent;
--g5-btn-hover-border-color: #dcdcdc;
--g5-btn-outline-color: var(--g5-color-accent);
--g5-btn-outline-border-hover-color: var(--g5-color-accent);
--g5-btn-outline-hover-color: var(--g5-color-accent-foreground);
--g5-btn-outline-hover-bg: var(--g5-color-accent);
--g5-btn-link-color: var(--g5-color-accent);
position: relative;
display: inline-block;
font-family: var(--g5-btn-font-family);
padding: var(--g5-btn-padding-y) var(--g5-btn-padding-x);
line-height: var(--g5-btn-line-height);
font-size: var(--g5-btn-font-size);
font-weight: var(--g5-btn-font-weight);
border: var(--g5-btn-border-width) solid var(--g5-btn-border-color);
white-space: nowrap;
border-radius: var(--g5-btn-border-radius);
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
text-transform: capitalize;
color: var(--g5-btn-color);
background-color: var(--g5-btn-bg);
}
.wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:active {
color: var(--g5-btn-hover-color);
background-color: var(--g5-btn-hover-bg);
border-color: var(--g5-btn-hover-border-color);
}
.wp-block-button__link:hover {
cursor: pointer;
}
.wp-block-button__link:focus {
outline: none;
}
.wp-block-button__link:disabled {
opacity: 0.65;
cursor: default;
}
.wp-block-button {
margin-bottom: 1.5rem;
}
.wp-block-button.is-style-squared .wp-block-button__link {
--g5-btn-border-radius: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link {
--g5-btn-border-color: var(--g5-color-border);
padding: var(--g5-btn-padding-y) var(--g5-btn-padding-x);
border: var(--g5-btn-border-width) solid var(--g5-btn-border-color);
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
--g5-btn-color: var(--g5-color-accent);
color: var(--g5-btn-color);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
--g5-btn-hover-color: var(--g5-color-accent-foreground);
--g5-btn-hover-bg: var(--g5-color-accent);
--g5-btn-hover-border-color: var(--g5-color-accent);
color: var(--g5-btn-hover-color);
background-color: var(--g5-btn-hover-bg);
border-color: var(--g5-btn-hover-border-color);
}
.wp-block-latest-comments {
padding-left: 0;
}
.wp-block-latest-comments__comment-excerpt p {
margin-bottom: 0;
}
.wp-block-archives select {
width: 100%;
max-width: 100%;
}
.wc-block-product-categories > ul,
.wp-block-page-list,
.wp-block-archives,
.wp-block-categories {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 1.5rem;
}
.wc-block-product-categories > ul li,
.wp-block-page-list li,
.wp-block-archives li,
.wp-block-categories li {
position: relative;
margin: 0;
}
.wc-block-product-categories > ul li > a,
.wp-block-page-list li > a,
.wp-block-archives li > a,
.wp-block-categories li > a {
line-height: 20px;
min-height: 20px;
display: inline-block;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-bottom: 1px solid transparent;
color: inherit;
}
.wc-block-product-categories > ul li > a:hover,
.wp-block-page-list li > a:hover,
.wp-block-archives li > a:hover,
.wp-block-categories li > a:hover {
color: var(--g5-color-accent);
border-color: currentColor;
}
.wc-block-product-categories > ul .current-cat > a,
.wp-block-page-list .current-cat > a,
.wp-block-archives .current-cat > a,
.wp-block-categories .current-cat > a {
color: var(--g5-color-accent);
}
.wc-block-product-categories > ul li + li,
.wp-block-page-list li + li,
.wp-block-archives li + li,
.wp-block-categories li + li {
margin-top: 2px;
}
.wc-block-product-categories > ul li > ul,
.wp-block-page-list li > ul,
.wp-block-archives li > ul,
.wp-block-categories li > ul {
list-style: none;
padding: 0 0 0 20px;
margin: 2px 0 0 0;
}
.wc-block-product-categories > ul.aligncenter,
.wp-block-page-list.aligncenter,
.wp-block-archives.aligncenter,
.wp-block-categories.aligncenter {
text-align: center;
}
.wp-block-archives span.count {
position: absolute;
top: 2px;
right: 0;
}
.wp-block-archives a:hover + .count {
color: var(--g5-color-accent);
}
.wp-block-categories span.wp-block-categories__post-count {
position: absolute;
top: 0;
right: 0;
}
.wp-block-categories a:hover + .wp-block-categories__post-count {
color: var(--g5-color-accent);
}
.wc-block-product-categories > ul.wc-block-product-categories-list > li > a {
font-weight: 600;
color: var(--g5-color-heading);
text-transform: uppercase;
}
.wc-block-product-categories > ul.wc-block-product-categories-list li > ul,
.wc-block-product-categories > ul.wc-block-product-categories-list li + li {
margin-top: 7px;
}
.wc-block-product-categories a:hover + .wc-block-product-categories-list-item-count {
color: var(--g5-color-heading);
}
.wc-block-product-categories span.wc-block-product-categories-list-item-count {
position: absolute;
top: 2px;
right: 0;
}
.wp-block-rss,
.wp-block-latest-posts,
.wp-block-latest-comments {
padding: 0;
margin: 0;
list-style: none;
}
.wp-block-rss .children,
.wp-block-latest-posts .children,
.wp-block-latest-comments .children {
padding-left: 0;
margin: 0;
list-style: none;
}
.wp-block-rss li + li,
.wp-block-latest-posts li + li,
.wp-block-latest-comments li + li {
margin-top: 2px;
}
.wp-block-rss a,
.wp-block-latest-posts a,
.wp-block-latest-comments a {
color: inherit;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-bottom: 1px solid transparent;
}
.wp-block-rss a:hover,
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover {
color: var(--g5-color-accent);
border-color: currentColor;
}
ul.wp-block-latest-posts.is-grid li {
padding: 0;
margin: 0 16px 16px 0;
}
.wp-block-columns,
.wp-block-group,
.wp-block-group.has-background,
.wp-block-search,
ul.wp-block-categories,
ul.wp-block-archives,
.wp-block-archives.wp-block-archives-dropdown,
ol.wp-block-latest-comments,
.wp-block-media-text {
margin-bottom: 1.5rem;
}
.wp-block-tag-cloud label {
color: var(--g5-color-heading);
font-weight: 600;
margin: 0 15px 0 0;
}
.wp-block-tag-cloud a {
margin: 0 10px 0 0;
font-size: 16px !important;
display: inline-block;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: inherit;
line-height: 1.1;
border-bottom: 1px solid transparent;
}
.wp-block-tag-cloud a:hover {
color: var(--g5-color-accent);
border-bottom-color: currentColor;
}
.wp-block-tag-cloud a:last-child {
margin: 0;
}
.wp-block-tag-cloud a:before {
content: "#";
display: inline-block;
}
.wp-block-gallery {
margin-bottom: 1.5rem;
}
.blocks-gallery-caption {
color: var(--g5-color-caption);
font-size: 14px;
}
ul.blocks-gallery-grid {
margin-bottom: -1em !important;
}
.wp-block-column > *:last-child {
margin-bottom: 0;
}
.wp-block-gallery.aligncenter,
.wp-block-image.aligncenter {
margin: 1.5rem auto 1.5rem auto;
}
.wp-block-gallery.alignright,
.wp-block-image.alignright {
margin: 0.375rem 0 1.5rem 1.25rem;
}
.wp-block-gallery.alignleft,
.wp-block-image.alignleft {
margin: 0.375rem 1.25rem 1.5rem 0;
}
.wp-block-gallery.alignfull,
.wp-block-image.alignfull {
margin-bottom: 1.5rem;
}
.wp-block-image figcaption {
font-size: 14px;
}
body.no-sidebar .wp-block-image.alignfull {
max-width: none;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
body.no-sidebar.g5blog__single-featured-align-wide .g5blog__single-featured,
body.no-sidebar .wp-block-cover.alignwide {
margin-left: -180px;
margin-right: -180px;
width: auto;
text-align: center;
}
@media screen and (min-width: 1200px) and (max-width: 1199px) {
body.no-sidebar.g5blog__single-featured-align-wide .g5blog__single-featured,
body.no-sidebar .wp-block-cover.alignwide {
margin-left: -120px;
margin-right: -120px;
width: auto;
}
}
@media screen and (max-width: 1199px) {
body.no-sidebar.g5blog__single-featured-align-wide .g5blog__single-featured,
body.no-sidebar .wp-block-cover.alignwide {
margin-left: -30px;
margin-right: -30px;
width: auto;
}
}
@media only screen and (max-width: 991px) {
body.no-sidebar.g5blog__single-featured-align-wide .g5blog__single-featured,
body.no-sidebar .wp-block-cover.alignwide {
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
body.no-sidebar .wp-block-image.alignfull {
max-width: 100%;
margin-left: 0;
margin-right: 0;
left: 0;
right: 0;
}
}
@media only screen and (max-width: 991px) {
body.has-sidebar .wp-block-image.alignfull {
max-width: none;
margin-left: calc(-100vw / 2 + 690px / 2);
margin-right: calc(-100vw / 2 + 690px / 2);
}
}
@media only screen and (max-width: 767px) {
body.has-sidebar .wp-block-image.alignfull {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.wp-block-search label {
display: none;
}
.wp-block-search form {
display: -ms-flexbox;
display: flex;
position: relative;
}
.wp-block-search button {
position: absolute;
right: 0;
background: transparent;
color: inherit;
border: 0;
font-size: 0;
padding: 0;
width: 50px;
height: 50px;
margin: 0;
letter-spacing: 0;
}
.wp-block-search button:before {
font-family: var(--g5-font-icon-primary);
content: "";
font-size: 20px;
}
.wp-block-search button > span {
display: none;
}
.wp-block-search input {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0 50px 0 20px;
}
.wp-block-search input:focus + button:before {
color: var(--g5-color-accent);
}
.wp-block-search .wp-block-search__inside-wrapper {
position: relative;
}
.wp-block-search .wp-block-search__input {
border-color: var(--g5-color-border-input);
}
.wp-block-search .wp-block-search__button {
background: transparent;
border: 0;
color: inherit;
}
.wp-block-group__inner-container > h2 {
font-size: 20px;
line-height: 24px;
font-weight: 500;
margin-bottom: 20px;
letter-spacing: 1px;
} .article-post.page .entry-content {
margin-bottom: 0;
}
.article-post.sticky {
background-color: #f5f5f5;
padding: 2rem;
}
.article-post .entry-title {
word-break: break-word;
margin-bottom: 0;
}
.article-post .entry-title a {
color: inherit;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-bottom: 1px solid transparent;
}
.article-post .entry-title a:hover {
color: var(--g5-color-accent);
border-color: currentColor;
}
.entry-meta-cat {
margin-bottom: 10px;
}
.entry-meta-cat ul.post-categories {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
.entry-meta-cat ul.post-categories li {
display: inline-block;
margin-right: 5px;
font-size: 14px;
line-height: 18px;
}
.entry-meta-cat ul.post-categories li:last-child {
margin-right: 0;
}
.entry-meta-cat ul.post-categories li > a {
letter-spacing: 0.05em;
text-transform: uppercase;
color: inherit;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-bottom: 1px solid transparent;
}
.entry-meta-cat ul.post-categories li > a:hover, .entry-meta-cat ul.post-categories li > a:active, .entry-meta-cat ul.post-categories li > a:focus {
color: var(--g5-color-accent);
border-color: currentColor;
}
.entry-meta {
margin-top: 7px;
margin-bottom: 0;
padding: 0;
list-style: none;
}
.entry-meta a {
color: inherit;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.entry-meta a:hover {
color: var(--g5-color-accent);
border-color: currentColor;
}
.entry-meta li {
display: inline;
}
.entry-meta li:after {
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #C4C4C4;
margin: 0 8px;
vertical-align: middle;
}
.entry-meta li:last-child:after {
display: none;
}
.entry-meta li i {
padding-right: 5px;
}
.entry-meta li.meta-author a {
color: var(--g5-color-heading);
}
.entry-meta li.meta-author:after {
width: 1px;
height: 16px;
border-radius: 0;
background-color: #ababab;
}
.entry-excerpt p:last-child {
margin-bottom: 0;
}
.btn-read-more {
margin-top: 30px;
}
.article-archive-post {
margin-bottom: 60px;
text-align: center;
}
.article-archive-post .post-thumbnail {
margin-bottom: 20px;
}
.article-archive-post .entry-header + .entry-excerpt {
margin-top: 10px;
}
.article-archive-post .entry-header {
position: relative;
}
body.no-sidebar .article-archive-post {
max-width: 810px;
margin-left: auto;
margin-right: auto;
}
#main-content .article-post:last-child {
margin-bottom: 0;
}
body.page .article-post {
margin-bottom: 0;
}
.article-single-post {
padding-bottom: 30px;
border-bottom: 1px solid var(--g5-color-border);
}
.article-single-post .entry-meta {
margin-top: 10px;
}
.article-single-post .entry-header {
text-align: center;
}
.article-single-post .entry-header + .entry-content {
margin-top: 40px;
}
.article-single-post .post-thumbnail {
margin-top: 40px;
margin-bottom: 40px;
}
.article-single-post .tagcloud {
margin-top: 50px;
}
.article-single-post .entry-content > *:last-child {
margin-bottom: 0;
}
body.single .breadcrumbs-wrap + #primary-content {
padding-top: 80px;
}
body.no-sidebar.single-post .article-single-post .post-thumbnail {
margin-left: -180px;
margin-right: -180px;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
margin-top: 2rem;
}
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child {
margin-top: 0;
}
.entry-content > p:last-child,
.entry-content > ul:last-child {
margin-bottom: 0;
}
.author-info-wrap {
margin-top: 70px;
}
.author-info-inner {
display: -ms-flexbox;
display: flex;
}
.author-info-avatar {
width: 60px;
margin-right: 30px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.author-info-avatar img {
border-radius: 100%;
}
@media (max-width: 767px) {
.author-info-avatar {
width: 50px;
margin-right: 20px;
}
}
.author-info-content .name {
margin-bottom: 7px;
font-family: var(--g5-body-font);
font-weight: 600;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
color: var(--g5-color-heading);
}
.author-info-content .name a {
color: inherit;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.author-info-content .name a:hover {
border-color: currentColor;
}
.site-search-results-not-found {
text-align: center;
}
.site-search-results-not-found h2 {
font-size: 32px;
}
.site-search-results-not-found label {
display: none;
}
.site-search-results-not-found form {
display: -ms-flexbox;
display: flex;
position: relative;
}
.site-search-results-not-found button {
position: absolute;
right: 0;
background: transparent;
color: inherit;
border: 0;
font-size: 0;
padding: 0;
width: 50px;
height: 50px;
margin: 0;
letter-spacing: 0;
}
.site-search-results-not-found button:before {
font-family: var(--g5-font-icon-primary);
content: "";
font-size: 20px;
}
.site-search-results-not-found button > span {
display: none;
}
.site-search-results-not-found input {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0 50px 0 20px;
}
.site-search-results-not-found input:focus + button:before {
color: var(--g5-color-accent);
}
.site-search-results-not-found .search-form {
max-width: 450px;
margin: auto;
}
.post-password-form label {
display: block;
}
.post-password-form input[type=password] {
display: block;
width: 100%;
}
article.post .entry-content div {
margin-bottom: 1.5rem;
}
.comments-area {
margin-top: 100px;
}
.comments-area .comments-title,
.comments-area .comment-reply-title {
text-align: center;
margin-bottom: 60px;
}
.comments-area .comment-reply-title {
margin-bottom: 37px;
}
.comment-form p {
margin-bottom: 30px;
}
.comment-form p:last-child {
margin-bottom: 0;
}
.comment-form a {
color: inherit;
}
.comment-form a:hover {
color: var(--g5-color-accent);
}
.comment-form textarea {
width: 100%;
display: block;
height: 125px;
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
width: 100%;
}
.comment-form .comment-form-email,
.comment-form .comment-form-author {
float: left;
width: 50%;
}
.comment-form .comment-form-author {
padding-right: 15px;
}
.comment-form .comment-form-email {
padding-left: 15px;
}
.comment-form .comment-form-cookies-consent {
color: var(--g5-color-heading);
}
.comment-form .comment-form-cookies-consent input[type=checkbox] {
position: relative;
top: 2px;
}
.comment-form .comment-form-cookies-consent label {
display: inline;
margin: 0 0 0 5px;
font-size: 15px;
}
.comment-form .mc4wp-checkbox-wp-comment-form input[type=checkbox] {
margin: 0 5px 0 0;
position: relative;
top: 2px;
}
@media only screen and (max-width: 575px) {
.comment-form .comment-form-email,
.comment-form .comment-form-author {
width: 100%;
padding: 0;
}
}
.comments-list-wrap {
margin-bottom: 100px;
padding-bottom: 30px;
border-bottom: 1px solid var(--g5-color-border);
}
.comment-list {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.comment-list li.comment {
margin: 0 0 30px 0;
}
.comment-list > li.comment:last-child {
margin-bottom: 0;
}
.comment-list li.comment + li.comment {
padding-top: 30px;
border-top: 1px solid;
border-color: var(--g5-color-border);
}
.comment-list li:not(.pingback):not(.trackback) .comment-body {
position: relative;
padding-left: 85px;
}
.comment-list li.pingback,
.comment-list li.trackback {
margin-bottom: 30px;
}
.comment-list li.pingback + .comment,
.comment-list li.trackback + .comment {
margin-top: 30px;
}
.comment-list li.pingback .comment-body a:not(.comment-edit-link),
.comment-list li.trackback .comment-body a:not(.comment-edit-link) {
font-weight: 700;
letter-spacing: -0.05em;
display: block;
color: var(--g5-color-heading);
margin: 5px 0;
}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6 {
margin-top: 2rem;
}
.comment-list .comment-content h1:first-child, .comment-list .comment-content h2:first-child, .comment-list .comment-content h3:first-child, .comment-list .comment-content h4:first-child, .comment-list .comment-content h5:first-child, .comment-list .comment-content h6:first-child {
margin-top: 0;
}
.comment-list .comment-content p:last-child {
margin-bottom: 0;
}
.comment-list .comment-meta {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 3px;
}
.comment-list .comment-author {
margin-right: 10px;
}
.comment-list .comment-author img {
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
}
.comment-list .comment-author .fn {
font-weight: 600;
color: var(--g5-color-heading);
font-size: 15px;
line-height: 18px;
text-transform: uppercase;
letter-spacing: 1px;
}
.comment-list .comment-author .fn > a {
color: inherit;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.comment-list .comment-author .fn > a:hover {
color: var(--g5-color-accent);
border-color: currentColor;
}
.comment-list .comment-author .says {
display: none;
}
.comment-list .comment-metadata {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
color: var(--g5-color-muted);
}
.comment-list .comment-metadata a {
color: inherit;
}
.comment-list .comment-metadata a:hover {
color: var(--g5-color-accent);
}
.comment-list .edit-link,
.comment-list .reply {
color: var(--g5-color-heading);
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
}
.comment-list .edit-link a,
.comment-list .reply a {
display: inline-block;
color: inherit;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.comment-list .edit-link a:hover,
.comment-list .reply a:hover {
color: var(--g5-color-accent);
border-color: currentColor;
}
.comment-list .edit-link:before {
content: "";
width: 1px;
height: 16px;
background-color: #ababab;
display: inline-block;
margin: 0 10px;
vertical-align: middle;
}
.comment-list .reply {
margin-top: 8px;
}
.comment-list ul.children {
list-style: none;
margin-left: 85px;
margin-top: 30px;
padding-left: 20px;
border-left: 1px solid var(--g5-color-border);
}
.comment-list ul.children li.comment + li.comment {
padding-top: 0;
border: none;
}
.comment-list ul.children .comment-author img {
width: 48px;
}
.comment-list ul.children li:not(.pingback):not(.trackback) .comment-body {
padding-left: 70px;
}
.comment-list ul.children ul.children {
margin-left: 70px;
}
.comment-list .comment-reply-title small a {
color: inherit;
font-size: 18px;
font-weight: 600;
}
.comment-list .comment-reply-title small a:hover {
color: var(--g5-color-accent);
}
.comment-list .comment-respond {
margin-bottom: 30px;
margin-top: 30px;
}
@media only screen and (max-width: 1199px) {
.comment-list ul.children {
margin-left: 35px !important;
}
}
@media only screen and (max-width: 575px) {
.comment-list ul.children {
margin-left: 25px !important;
}
.comment-list .comment-author img {
width: 50px !important;
}
.comment-list li:not(.pingback):not(.trackback) .comment-body {
padding-left: 70px !important;
}
}
.comments-pagination {
margin-top: 2.5rem;
text-align: center;
}
ul.page-numbers {
list-style: none;
text-align: center;
padding: 0;
margin: 0;
}
ul.page-numbers li {
margin: 0;
display: inline-block;
vertical-align: top;
}
.page-numbers:not(ul) {
font-size: 20px;
color: var(--g5-color-muted);
font-weight: 400;
display: inline-block;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.page-numbers:not(ul).current, .page-numbers:not(ul):hover {
color: var(--g5-color-heading);
background-color: #f3f3f3;
}
.page-numbers:not(ul).prev, .page-numbers:not(ul).next {
font-size: 0;
}
.page-numbers:not(ul).prev:before, .page-numbers:not(ul).next:before {
font-family: var(--g5-font-icon-primary);
font-size: 18px;
font-weight: 400;
display: inline-block;
content: "";
}
.page-numbers:not(ul).next:before {
content: "";
}
.post-navigation {
margin-top: 30px;
}
.post-navigation .nav-links {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.post-navigation .nav-links:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1px;
height: 60px;
background-color: var(--g5-color-border);
}
.post-navigation .nav-links > div {
width: 47.5%;
}
.post-navigation .nav-links a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: inherit;
}
.post-navigation .nav-links .nav-content {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1px;
}
.post-navigation .nav-links i {
font-size: 20px;
color: var(--g5-color-heading);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.post-navigation .nav-links .nav-previous i {
margin-right: 20px;
}
.post-navigation .nav-links .nav-next {
text-align: right;
}
.post-navigation .nav-links .nav-next i {
margin-left: 20px;
}
.post-navigation .nav-links .nav-subtitle {
color: var(--g5-color-muted);
display: block;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 4px;
}
.post-navigation .nav-links .nav-title {
margin-bottom: 0;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--g5-color-heading);
font-weight: 600;
font-size: 16px;
line-height: 24px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.post-navigation .nav-links a:hover .nav-title,
.post-navigation .nav-links a:hover i {
color: var(--g5-color-muted);
}
.page-links {
float: left;
width: 100%;
}
.page-links .page-links-title {
font-weight: 600;
margin: 0 10px 0 0;
color: var(--g5-color-heading);
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
}
.page-links > .post-page-numbers {
display: inline-block;
margin-right: 0.25rem;
border: solid 1px var(--g5-color-border);
font-weight: 500;
color: inherit;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-links > .post-page-numbers:hover, .page-links > .post-page-numbers.current {
background-color: var(--g5-color-accent);
border-color: var(--g5-color-accent);
color: var(--g5-color-accent-foreground);
}
ul.g5blog__post-meta {
-ms-flex-align: center;
align-items: center;
}
ul.g5blog__post-meta a {
color: inherit;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
ul.g5blog__post-meta a:hover {
color: var(--g5-color-accent);
border-color: currentColor;
}
ul.g5blog__post-meta li {
margin: 0;
}
ul.g5blog__post-meta li:after {
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #C4C4C4;
margin: 0 10px;
vertical-align: middle;
}
ul.g5blog__post-meta li:last-child:after {
display: none;
}
ul.g5blog__post-meta li.meta-author a {
color: var(--g5-color-heading);
}
ul.g5blog__post-meta li.meta-author:after {
width: 1px;
height: 14px;
border-radius: 0;
}
ul.g5blog__post-meta li i {
display: none;
}
.g5blog__post-title {
margin-top: 0 !important;
}
.g5blog__post-title a {
border-bottom: 1px solid transparent;
}
.g5blog__post-title a:hover {
border-color: currentColor;
}
.g5blog__block-title {
margin-bottom: 60px;
text-align: center;
font-family: var(--g5-h3-font);
color: var(--g5-color-heading);
font-size: var(--g5-h3-font-size);
letter-spacing: var(--g5-h3-letter-spacing);
text-transform: var(--g5-h3-text-transform);
font-weight: var(--g5-h3-font-weight);
line-height: var(--g5-h3-line-height);
}
.g5blog__single-related-wrap {
margin-top: 100px;
}
.g5blog__single-related-wrap .slick-slide .g5blog__post-inner {
padding-bottom: 0;
}
.g5blog__single-related-wrap + .comments-area {
padding-top: 100px;
border-top: 1px solid var(--g5-color-border);
}
.g5blog__single-meta-tag.tagcloud label {
display: none;
}
.g5blog__single-layout-1 .g5blog__single-title {
margin-bottom: 11px;
}
.g5blog__single-layout-1 .g5blog__single-meta-top {
margin-bottom: 40px;
}
.g5blog__single-layout-1 .g5blog__single-featured {
margin-bottom: 40px;
}
.no-sidebar.g5blog__single-layout-1 .g5blog__single.has-post-thumbnail .g5blog__single-meta-top {
text-align: center;
}
.no-sidebar.g5blog__single-layout-1 .g5blog__single.has-post-thumbnail .g5blog__single-meta-top ul.g5blog__post-meta {
-ms-flex-pack: center;
justify-content: center;
}
.g5blog__single-layout-2 .g5blog__single-featured {
margin-bottom: 20px;
}
.g5blog__single-layout-2 .g5blog__single-title {
margin-bottom: 11px;
}
.g5blog__single-layout-2 .g5blog__single-meta-top {
margin-bottom: 40px;
}
.no-sidebar.g5blog__single-layout-2 .g5blog__single.has-post-thumbnail .g5blog__single-meta-top {
text-align: center;
position: relative;
}
.no-sidebar.g5blog__single-layout-2 .g5blog__single.has-post-thumbnail .g5blog__single-meta-top ul.g5blog__post-meta {
-ms-flex-pack: center;
justify-content: center;
}
.no-sidebar.g5blog__single-layout-2 .g5blog__single.has-post-thumbnail .entry-meta-cat {
position: absolute;
top: -49px;
left: 0;
right: 0;
}
.g5blog__single-layout-3 .g5blog__single-title {
margin-bottom: 40px;
}
.no-sidebar.g5blog__single-layout-3 .g5blog__single.has-post-thumbnail .g5blog__single-title,
.no-sidebar.g5blog__single-layout-3 .g5blog__single.has-post-thumbnail .entry-meta-cat {
text-align: center;
}
.no-sidebar.g5blog__single-layout-3 .g5blog__single.has-post-thumbnail ul.g5blog__post-meta {
-ms-flex-pack: center;
justify-content: center;
}
.g5blog__single-layout-4 .g5blog__single-title {
margin-bottom: 11px;
}
.g5blog__single-layout-4 .g5blog__single-meta-top {
margin-bottom: 40px;
}
.g5blog__single-layout-4 .g5blog__single-featured {
margin-bottom: 40px;
}
.g5blog__single-layout-5 .g5blog__single-title {
margin-bottom: 11px;
}
.g5blog__single-meta-bottom {
padding-top: 0;
margin-top: 45px;
}
.g5blog__single-breadcrumbs + #primary-content {
padding-top: 80px;
}
.g5blog__single {
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: 1px solid var(--g5-color-border);
}
.g5blog__single .entry-content {
margin-bottom: 0;
}
.g5blog__post-large-image.sticky .g5blog__post-inner {
background-color: #f5f5f5;
}
.g5blog__post-large-image .g5blog__post-featured {
margin-bottom: 20px;
text-align: center;
}
.g5blog__post-large-image .g5blog__post-title {
margin-bottom: 7px;
}
.g5blog__post-large-image .g5blog__post-content {
text-align: center;
}
.g5blog__post-large-image .g5blog__post-meta {
-ms-flex-pack: center;
justify-content: center;
}
.g5blog__post-large-image .g5blog__loop-entry-header + .g5blog__post-excerpt {
margin-top: 10px;
}
.g5blog__loop-entry-header {
position: relative;
z-index: 1;
}
.g5blog__layout-large-image .g5blog__post-default {
padding-bottom: 60px;
}
.g5blog__layout-large-image .g5blog__post-default:last-child {
padding-bottom: 0;
}
.g5blog__layout-large-image .g5core__paging {
margin-top: 60px;
}
body.no-sidebar .g5blog__layout-large-image {
max-width: 810px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1199px) {
.g5blog__post-medium-image .g5blog__post-excerpt {
max-height: unset;
}
}
.g5blog__post-medium-image .g5blog__post-inner {
-ms-flex-align: start;
align-items: flex-start;
}
.g5blog__post-medium-image .g5blog__post-title {
margin-bottom: 0;
}
.g5blog__post-medium-image ul.g5blog__post-meta {
margin-bottom: 12px;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 18px;
text-transform: uppercase;
}
.g5blog__post-medium-image ul.g5blog__post-meta li:after {
width: 1px;
height: 11px;
border-radius: 0;
}
.g5blog__post-medium-image .g5blog__post-excerpt {
margin-top: 10px;
}
.g5blog__post-medium-image .btn-read-more {
margin-top: 20px;
background-color: transparent !important;
border-width: 0;
text-decoration: none;
border-radius: 0;
padding-left: 0;
padding-right: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-bottom: 1px solid #ccc;
color: var(--g5-color-heading);
font-weight: 600;
font-size: 15px;
line-height: 19px;
letter-spacing: 1px;
text-transform: uppercase;
}
.g5blog__post-medium-image .btn-read-more:hover {
color: var(--g5-color-heading);
border-color: currentColor;
}
.g5blog__layout-medium-image .g5blog__post-default.g5blog__post-default {
padding-bottom: 30px;
}
.g5blog__layout-medium-image .g5blog__post-default.g5blog__post-default:last-child {
padding-bottom: 0;
}
.g5blog__layout-medium-image .g5core__paging {
margin-top: 35px;
}
body.no-sidebar .g5blog__layout-medium-image {
max-width: 810px;
margin-left: auto;
margin-right: auto;
}
.g5blog__post-grid.sticky .g5blog__post-inner {
background-color: #f5f5f5;
}
.g5blog__post-grid .g5blog__post-title {
margin-bottom: 0;
}
.g5blog__post-grid ul.g5blog__post-meta {
margin-bottom: 12px;
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.g5blog__post-grid ul.g5blog__post-meta li:after {
width: 1px;
height: 11px;
border-radius: 0;
}
.g5blog__post-grid .g5blog__post-excerpt {
margin-top: 10px;
}
.g5blog__post-grid .g5blog__post-featured {
margin-bottom: 20px;
}
.g5blog__post-grid .g5blog__post-inner {
padding-bottom: 20px;
}
@media (max-width: 575px) {
.g5blog__post-grid .g5blog__post-excerpt {
max-height: unset;
}
}
.g5blog__layout-grid .g5core__paging {
margin-top: 30px;
}
.g5blog__post-widget .g5blog__post-content {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1px;
}
.g5blog__post-widget .g5blog__post-title {
margin-bottom: 0;
font-weight: 600;
font-size: 18px;
line-height: 24px;
font-family: var(--g5-body-font);
text-transform: capitalize;
}
.g5blog__post-widget ul.g5blog__post-meta {
margin-bottom: 4px;
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.g5blog__post-widget .g5blog__post-featured {
margin-right: 10px;
width: 80px;
}
.g5blog__widget-post-list .g5blog__post-widget {
margin-bottom: 30px;
} .primary-sidebar .widget:last-child {
margin-bottom: 0;
}
.widget {
position: relative;
margin-bottom: 45px;
}
.widget .screen-reader-text {
display: none;
}
.widget .widgettitle,
.widget .widget-title {
font-size: 20px;
line-height: 24px;
font-weight: 500;
margin-bottom: 20px;
letter-spacing: 1px;
}
.widget_search label {
display: none;
}
.widget_search form {
display: -ms-flexbox;
display: flex;
position: relative;
}
.widget_search button {
position: absolute;
right: 0;
background: transparent;
color: inherit;
border: 0;
font-size: 0;
padding: 0;
width: 50px;
height: 50px;
margin: 0;
letter-spacing: 0;
}
.widget_search button:before {
font-family: var(--g5-font-icon-primary);
content: "";
font-size: 20px;
}
.widget_search button > span {
display: none;
}
.widget_search input {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0 50px 0 20px;
}
.widget_search input:focus + button:before {
color: var(--g5-color-accent);
}
.widget_archive select,
.widget_categories select,
.widget_product_categories select {
width: 100%;
}
.widget_archive ul,
.widget_categories ul,
.widget_nav_menu ul,
.widget_pages ul {
list-style: none;
padding: 0;
margin: 0;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_nav_menu ul li,
.widget_pages ul li {
position: relative;
margin: 0;
}
.widget_archive ul li > a,
.widget_categories ul li > a,
.widget_nav_menu ul li > a,
.widget_pages ul li > a {
line-height: 20px;
min-height: 20px;
display: inline-block;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-bottom: 1px solid transparent;
color: inherit;
}
.widget_archive ul li > a:hover,
.widget_categories ul li > a:hover,
.widget_nav_menu ul li > a:hover,
.widget_pages ul li > a:hover {
color: var(--g5-color-accent);
border-color: currentColor;
}
.widget_archive ul .current-cat > a,
.widget_categories ul .current-cat > a,
.widget_nav_menu ul .current-cat > a,
.widget_pages ul .current-cat > a {
color: var(--g5-color-accent);
}
.widget_archive ul li + li,
.widget_categories ul li + li,
.widget_nav_menu ul li + li,
.widget_pages ul li + li {
margin-top: 2px;
}
.widget_archive ul li > ul,
.widget_categories ul li > ul,
.widget_nav_menu ul li > ul,
.widget_pages ul li > ul {
list-style: none;
padding: 0 0 0 20px;
margin: 2px 0 0 0;
}
.widget_archive span.count,
.widget_categories ul span.count {
position: absolute;
top: 0;
right: 0;
}
.widget_archive a:hover + .count,
.widget_categories ul a:hover + .count {
color: var(--g5-color-accent);
}
.widget_pages ul .current_page_item > a {
color: var(--g5-color-accent);
border-color: currentColor;
}
.widget_nav_menu ul .current-menu-item > a {
color: var(--g5-color-accent);
border-color: currentColor;
}
.widget_rss ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_meta ul {
padding: 0;
margin: 0;
list-style: none;
}
.widget_rss ul .children,
.widget_recent_entries ul .children,
.widget_recent_comments ul .children,
.widget_meta ul .children {
padding-left: 0;
margin: 0;
list-style: none;
}
.widget_rss ul li + li,
.widget_recent_entries ul li + li,
.widget_recent_comments ul li + li,
.widget_meta ul li + li {
margin-top: 2px;
}
.widget_rss ul a,
.widget_recent_entries ul a,
.widget_recent_comments ul a,
.widget_meta ul a {
color: inherit;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-bottom: 1px solid transparent;
}
.widget_rss ul a:hover,
.widget_recent_entries ul a:hover,
.widget_recent_comments ul a:hover,
.widget_meta ul a:hover {
color: var(--g5-color-accent);
border-color: currentColor;
}
.widget_recent_comments ul a {
border-color: currentColor;
}
.widget_rss a.rsswidget .rss-widget-icon {
display: none;
}
.widget_rss ul a {
border-color: currentColor;
}
.tagcloud label {
color: var(--g5-color-heading);
font-weight: 600;
margin: 0 15px 0 0;
}
.tagcloud a {
margin: 0 10px 0 0;
font-size: 16px !important;
display: inline-block;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: inherit;
line-height: 1.1;
border-bottom: 1px solid transparent;
}
.tagcloud a:hover {
color: var(--g5-color-accent);
border-bottom-color: currentColor;
}
.tagcloud a:last-child {
margin: 0;
}
.tagcloud a:before {
content: "#";
display: inline-block;
}
.widget_calendar caption {
caption-side: top;
padding: 0.5rem 1rem;
background-color: #f2f2f2;
border: solid 1px;
border-color: var(--g5-color-border);
text-transform: uppercase;
font-size: 14px;
color: var(--g5-color-heading);
font-weight: 700;
text-align: center;
}
.widget_calendar td, .widget_calendar th {
padding: 0.3rem;
}
.widget_calendar thead td, .widget_calendar thead th, .widget_calendar tbody td, .widget_calendar tbody th {
text-align: center;
border-width: 1px;
}
.widget_calendar tfoot td, .widget_calendar tfoot th {
border: none;
}
.widget_calendar tfoot #next {
text-align: right;
}
.widget-seo-off {
min-height: 464px;
text-align: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-transform: uppercase;
padding: 33px 15px 43px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.widget-seo-off h2 {
font-size: 40px;
}
.widget-seo-off .top {
position: absolute;
}
.widget-seo-off p {
font-size: 15px;
letter-spacing: 1px;
margin-top: 5px;
}
.widget-seo-off .btn {
margin-top: auto;
} .content-404-wrapper {
text-align: center;
}
.content-404-wrapper h2 {
font-size: 12rem;
}
.content-404-wrapper h4 {
font-size: 36px;
margin-bottom: 15px;
}
.content-404-wrapper p {
margin-bottom: 45px;
}
.content-404-wrapper .number-404 {
font-size: 10.125rem;
font-weight: 700;
letter-spacing: -0.16em;
}
.content-404-wrapper .text-404 {
max-width: 440px;
margin: 0 auto;
letter-spacing: 0.4px;
} @media (max-width: 991px) {
.page-header {
padding: 60px 0 40px 0;
}
.g5blog__block-title,
.comments-area .comments-title,
.comments-area .comment-reply-title {
margin-bottom: 40px;
}
.g5blog__single-related-wrap,
.comments-area {
margin-top: 80px;
}
.comments-list-wrap {
margin-bottom: 80px;
}
.g5blog__single-related-wrap + .comments-area {
padding-top: 80px;
}
}  .font-weight-500 {
font-weight: 500 !important;
}
.font-weight-600 {
font-weight: 600 !important;
}
i.ph-fw-600:before {
font-weight: 600 !important;
}
.lh-0 {
line-height: 0;
}
.lh-10 {
line-height: 0;
}
.z-index-3 {
z-index: 3;
}
.h1 {
font-family: var(--g5-h1-font) !important;
text-transform: var(--g5-h1-text-transform) !important;
font-size: var(--g5-h1-font-size) !important;
letter-spacing: var(--g5-h1-letter-spacing) !important;
font-weight: var(--g5-h1-font-weight) !important;
line-height: var(--g5-h1-line-height) !important;
color: var(--g5-color-heading) !important;
}
.h2 {
font-family: var(--g5-h2-font) !important;
color: var(--g5-color-heading) !important;
font-size: var(--g5-h2-font-size) !important;
letter-spacing: var(--g5-h2-letter-spacing) !important;
text-transform: var(--g5-h2-text-transform) !important;
font-weight: var(--g5-h2-font-weight) !important;
line-height: var(--g5-h2-line-height) !important;
}
.h3 {
font-family: var(--g5-h3-font) !important;
color: var(--g5-color-heading) !important;
font-size: var(--g5-h3-font-size) !important;
letter-spacing: var(--g5-h3-letter-spacing) !important;
text-transform: var(--g5-h3-text-transform) !important;
font-weight: var(--g5-h3-font-weight) !important;
line-height: var(--g5-h3-line-height) !important;
}
.h4 {
font-family: var(--g5-h4-font) !important;
color: var(--g5-color-heading) !important;
font-size: var(--g5-h4-font-size) !important;
letter-spacing: var(--g5-h4-letter-spacing) !important;
text-transform: var(--g5-h4-text-transform) !important;
font-weight: var(--g5-h4-font-weight) !important;
line-height: var(--g5-h4-line-height) !important;
}
.h5 {
font-family: var(--g5-h5-font) !important;
color: var(--g5-color-heading) !important;
font-size: var(--g5-h5-font-size) !important;
letter-spacing: var(--g5-h5-letter-spacing) !important;
text-transform: var(--g5-h5-text-transform) !important;
font-weight: var(--g5-h5-font-weight) !important;
line-height: var(--g5-h5-line-height) !important;
}
.h6 {
font-family: var(--g5-h6-font) !important;
color: var(--g5-color-heading) !important;
font-size: var(--g5-h6-font-size) !important;
letter-spacing: var(--g5-h6-letter-spacing) !important;
text-transform: var(--g5-h6-text-transform) !important;
font-weight: var(--g5-h6-font-weight) !important;
line-height: var(--g5-h6-line-height) !important;
}
.sub-heading {
font-family: var(--g5-body-font) !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 15px !important;
line-height: 19px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: var(--g5-color-heading) !important;
} .entry-content:after, .comment-form:after, .widget:after {
content: "";
display: block;
clear: both;
}
.heading-color {
color: var(--g5-color-heading) !important;
}
.primary-color {
color: var(--g5-color-primary) !important;
}
.bg-primary {
background-color: var(--g5-color-primary) !important;
}
.font-body {
font-family: var(--g5-body-font) !important;
}