File: /home/zeusxp5/tour.kamille.us/wp-content/themes/solace/assets-solace/css/theme.css
@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
- Layout Blog
- 404
- Align
- Widget
- Aside
- Gutenberg
- Comments
- Component
- Pages
- Pagination
- Search
- Single
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
- Woocommerce
# Utilities
- Accessibility
- Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font
--------------------------------------------------------------*/
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 100;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-Thin.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: italic;
font-weight: 100;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-ThinItalic.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 200;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-ExtraLight.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: italic;
font-weight: 200;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-ExtraLightItalic.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 300;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-Light.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: italic;
font-weight: 300;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-LightItalic.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 400;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-Regular.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: italic;
font-weight: 400;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-Italic.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 500;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-Medium.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: italic;
font-weight: 500;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-MediumItalic.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 600;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-SemiBold.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: italic;
font-weight: 600;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-SemiBoldItalic.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 700;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-Bold.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: italic;
font-weight: 700;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-BoldItalic.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 800;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-ExtraBold.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: italic;
font-weight: 800;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-ExtraBoldItalic.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 900;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-Black.ttf") format("truetype");
font-display: swap;
}
@font-face {
font-family: 'DM Sans', sans-serif;
font-style: italic;
font-weight: 900;
src: local("DM Sans"), url("../fonts/DM_Sans/static/DMSans-BlackItalic.ttf") format("truetype");
font-display: swap;
}
:root {
--wp--preset--font-family: 'DM Sans', sans-serif;
--wp--preset--font-family-secondary: 'DM Sans', sans-serif;
--wp--preset--font-weight: 400;
--wp--preset--font-height: 24px;
--wp--preset--font-large: 50px;
}
h1, h2, .main-all .container-all .row1 .left .boxes .box-content .the-title h2, h3, h4, h5, h6 {
margin-block-end: 0;
margin-block-start: 1.5rem;
margin-inline-end: 0;
margin-inline-start: 0;
}
h1 {
font-family: var(--wp--preset--font-family);
font-weight: 700;
font-size: 4.25rem;
line-height: 4.25rem;
text-transform: capitalize;
word-break: break-word;
}
h2, .main-all .container-all .row1 .left .boxes .box-content .the-title h2 {
font-family: var(--wp--preset--font-family);
font-weight: 700;
font-size: 3.125rem;
line-height: 3.125rem;
text-transform: capitalize;
word-break: break-word;
}
h3 {
font-family: var(--wp--preset--font-family);
font-weight: 700;
font-size: 2.375rem;
line-height: 2.375rem;
text-transform: capitalize;
word-break: break-word;
}
h4 {
font-family: var(--wp--preset--font-family);
font-weight: 700;
font-size: 1.75rem;
line-height: 1.75rem;
text-transform: capitalize;
word-break: break-word;
}
h5 {
font-family: var(--wp--preset--font-family);
font-weight: 700;
font-size: 1.3125rem;
line-height: 1.3125rem;
text-transform: capitalize;
word-break: break-word;
}
h6 {
font-family: var(--wp--preset--font-family);
font-weight: 700;
font-size: 1rem;
line-height: 1rem;
text-transform: capitalize;
word-break: break-word;
}
code,
kbd,
tt,
var {
font-family: monospace;
font-weight: 700;
font-size: 1rem;
line-height: 25.6px;
}
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
::-moz-selection {
color: var(--sol-color-selection-initial);
background: var(--sol-color-selection-high);
}
::selection {
color: var(--sol-color-selection-initial);
background: var(--sol-color-selection-high);
}
html body ::-moz-selection {
color: var(--sol-color-selection-initial);
background: var(--sol-color-selection-high);
}
html body ::selection {
color: var(--sol-color-selection-initial);
background: var(--sol-color-selection-high);
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
input,
select,
optgroup,
textarea {
font-family: var(--wp--preset--font-family);
color: var(--sol-color-base-font);
font-size: 1rem;
line-height: var(--wp--preset--font-height);
}
@media (max-width: 767px) {
h1 {
font-size: 2.375rem;
line-height: 2.375rem;
}
}
@media (max-width: 767px) {
h2 {
font-size: 1.75rem;
line-height: 1.75rem;
}
}
@media (max-width: 767px) {
h3 {
font-size: 1.3125rem;
line-height: 1.3125rem;
}
}
@media (max-width: 767px) {
h4 {
font-size: 1.125rem;
line-height: 1.125rem;
}
}
@media (max-width: 767px) {
h5 {
font-size: 1rem;
line-height: 1rem;
}
}
@media (max-width: 767px) {
h6 {
font-size: 0.875rem;
line-height: 0.875rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--sol-color-heading);
}
* {
-webkit-font-smoothing: antialiased;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
abbr,
abbr[title],
acronym {
border-bottom: 2px dotted var(--sol-color-border);
cursor: help;
text-decoration: none;
}
mark,
ins {
text-decoration: underline;
}
big {
font-size: 125%;
}
.has-base-font-color {
color: var(--sol-color-base-font) !important;
}
.has-base-font-background-color {
background-color: var(--sol-color-base-font) !important;
}
.has-base-font-border-color {
border-color: var(--sol-color-base-font) !important;
}
.has-heading-color {
color: var(--sol-color-heading) !important;
}
.has-heading-background-color {
background-color: var(--sol-color-heading) !important;
}
.has-heading-border-color {
border-color: var(--sol-color-heading) !important;
}
.has-link-button-initial-color {
color: var(--sol-color-link-button-initial) !important;
}
.has-link-button-initial-background-color {
background-color: var(--sol-color-link-button-initial) !important;
}
.has-link-button-initial-border-color {
border-color: var(--sol-color-link-button-initial) !important;
}
.has-link-button-hover-color {
color: var(--sol-color-link-button-hover) !important;
}
.has-link-button-hover-background-color {
background-color: var(--sol-color-link-button-hover) !important;
}
.has-link-button-hover-border-color {
border-color: var(--sol-color-link-button-hover) !important;
}
.has-button-initial-color {
color: var(--sol-color-button-initial) !important;
}
.has-button-initial-background-color {
background-color: var(--sol-color-button-initial) !important;
}
.has-button-initial-border-color {
border-color: var(--sol-color-button-initial) !important;
}
.has-button-hover-color {
color: var(--sol-color-button-hover) !important;
}
.has-button-hover-background-color {
background-color: var(--sol-color-button-hover) !important;
}
.has-button-hover-border-color {
border-color: var(--sol-color-button-hover) !important;
}
.has-selection-color-color {
color: var(--sol-color-selection-initial) !important;
}
.has-selection-color-background-color {
background-color: var(--sol-color-selection-initial) !important;
}
.has-selection-color-border-color {
border-color: var(--sol-color-selection-initial) !important;
}
.has-selection-background-color {
color: var(--sol-color-selection-high) !important;
}
.has-selection-background-background-color {
background-color: var(--sol-color-selection-high) !important;
}
.has-selection-background-border-color {
border-color: var(--sol-color-selection-high) !important;
}
.has-border-color {
color: var(--sol-color-border) !important;
}
.has-border-background-color {
background-color: var(--sol-color-border) !important;
}
.has-border-border-color {
border-color: var(--sol-color-border) !important;
}
.has-background-color {
color: var(--sol-color-background) !important;
}
.has-background-background-color {
background-color: var(--sol-color-background) !important;
}
.has-background-border-color {
border-color: var(--sol-color-background) !important;
}
.has-page-title-text-color {
color: var(--sol-color-page-title-text) !important;
}
.has-page-title-text-background-color {
background-color: var(--sol-color-page-title-text) !important;
}
.has-page-title-text-border-color {
border-color: var(--sol-color-page-title-text) !important;
}
.has-page-title-background-color {
color: var(--sol-color-page-title-background) !important;
}
.has-page-title-background-background-color {
background-color: var(--sol-color-page-title-background) !important;
}
.has-page-title-background-border-color {
border-color: var(--sol-color-page-title-background) !important;
}
/* Elements
--------------------------------------------- */
body {
background: var(--sol-color-background);
margin: 0;
padding: 0;
}
html {
font-size: 16px;
text-size-adjust: 100%;
}
@media (max-width: 1024px) {
html {
font-size: 14px;
}
}
@media (max-width: 768px) {
html {
font-size: 16px;
}
}
hr {
background-color: var(--sol-color-border);
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin-block-start: 1.5rem;
margin-block-end: 0;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
margin-left: 1.2em;
padding-left: 0;
}
ul {
list-style: disc;
}
ul li {
list-style: disc;
}
ol {
list-style: decimal;
}
ol li {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/* Links
--------------------------------------------- */
body a,
a {
color: var(--sol-color-link-button-initial);
text-decoration: none;
}
body a:visited,
a:visited {
color: var(--sol-color-link-button-initial);
}
body a:hover,
a:hover {
color: var(--sol-color-link-button-hover);
outline: 0;
opacity: 1;
}
body a:focus, body a:active,
a:focus,
a:active {
color: var(--sol-color-link-button-initial);
opacity: 1;
}
body a:focus,
a:focus {
outline: thin dotted;
}
body a:active,
a:active {
outline: 0;
}
a.wp-block-button__link {
color: var(--sol-color-page-title-text);
background-color: var(--sol-color-button-initial);
}
a.wp-block-button__link:hover {
color: var(--sol-color-page-title-text);
background-color: var(--sol-color-button-hover);
}
h3 a {
color: var(--sol-color-heading);
text-decoration: none;
}
h3 a:visited {
color: var(--sol-color-heading);
}
/* Forms
--------------------------------------------- */
body:not(.modal-open) html:not(.wtypc-noscroll) button, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-button__text,
body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-totals-coupon-link, body:not(.modal-open) html:not(.wtypc-noscroll) table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-cart-item__remove-link, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-notice-banner__content .button.wc-forward, .wc-block-components-notice-banner__content body:not(.modal-open) html:not(.wtypc-noscroll) .button.wc-forward, body:not(.modal-open) html:not(.wtypc-noscroll) .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content body:not(.modal-open) html:not(.wtypc-noscroll) .wc-forward,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="button"],
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="reset"],
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="submit"] {
border: 0;
border-radius: 3px;
background: var(--sol-color-link-button-initial);
padding: calc(0.667em + 2px) calc(1.333em + 2px);
cursor: pointer;
background: var(--sol-color-button-initial);
font-family: var(--buttonfontfamily);
font-size: var(--buttonfontsize);
line-height: var(--buttonlineheight, var(--bodylineheight));
font-weight: var(--buttonfontweight, var(--bodyfontweight));
letter-spacing: var(--buttonletterspacing, var(--bodyletterspacing));
text-transform: var(--buttontexttransform, none);
}
body:not(.modal-open) html:not(.wtypc-noscroll) button.wc-block-components-totals-coupon__button, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-totals-coupon__button.wc-block-components-button__text,
body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-totals-coupon__button.wc-block-components-totals-coupon-link, body:not(.modal-open) html:not(.wtypc-noscroll) table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-components-totals-coupon__button.wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-totals-coupon__button.wc-block-cart-item__remove-link, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-notice-banner__content .wc-block-components-totals-coupon__button.button.wc-forward, .wc-block-components-notice-banner__content body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-totals-coupon__button.button.wc-forward, body:not(.modal-open) html:not(.wtypc-noscroll) .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-block-components-totals-coupon__button.wc-forward, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-totals-coupon__button.wc-forward,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="button"].wc-block-components-totals-coupon__button,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="reset"].wc-block-components-totals-coupon__button,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="submit"].wc-block-components-totals-coupon__button {
min-height: auto;
}
body:not(.modal-open) html:not(.wtypc-noscroll) button .wc-block-components-button__text, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-button__text .wc-block-components-button__text, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-totals-coupon-link .wc-block-components-button__text, body:not(.modal-open) html:not(.wtypc-noscroll) table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link .wc-block-components-button__text, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-cart-item__remove-link .wc-block-components-button__text, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-notice-banner__content .button.wc-forward .wc-block-components-button__text, .wc-block-components-notice-banner__content body:not(.modal-open) html:not(.wtypc-noscroll) .button.wc-forward .wc-block-components-button__text, body:not(.modal-open) html:not(.wtypc-noscroll) .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward .wc-block-components-button__text, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content body:not(.modal-open) html:not(.wtypc-noscroll) .wc-forward .wc-block-components-button__text,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="button"] .wc-block-components-button__text,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="reset"] .wc-block-components-button__text,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="submit"] .wc-block-components-button__text {
padding: 0;
}
body:not(.modal-open) html:not(.wtypc-noscroll) button:hover, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-button__text:hover,
body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-totals-coupon-link:hover, body:not(.modal-open) html:not(.wtypc-noscroll) table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-cart-item__remove-link:hover, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-notice-banner__content .button.wc-forward:hover, .wc-block-components-notice-banner__content body:not(.modal-open) html:not(.wtypc-noscroll) .button.wc-forward:hover, body:not(.modal-open) html:not(.wtypc-noscroll) .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:hover, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content body:not(.modal-open) html:not(.wtypc-noscroll) .wc-forward:hover,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="button"]:hover,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="reset"]:hover,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="submit"]:hover {
background: var(--sol-color-link-button-initial);
background: var(--sol-color-button-hover);
}
body:not(.modal-open) html:not(.wtypc-noscroll) button:active, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-button__text:active,
body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-totals-coupon-link:active, body:not(.modal-open) html:not(.wtypc-noscroll) table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:active, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-cart-item__remove-link:active, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-notice-banner__content .button.wc-forward:active, .wc-block-components-notice-banner__content body:not(.modal-open) html:not(.wtypc-noscroll) .button.wc-forward:active, body:not(.modal-open) html:not(.wtypc-noscroll) .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:active, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content body:not(.modal-open) html:not(.wtypc-noscroll) .wc-forward:active, body:not(.modal-open) html:not(.wtypc-noscroll) button:focus, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-button__text:focus,
body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-totals-coupon-link:focus, body:not(.modal-open) html:not(.wtypc-noscroll) table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-cart-item__remove-link:focus, body:not(.modal-open) html:not(.wtypc-noscroll) .wc-block-components-notice-banner__content .button.wc-forward:focus, .wc-block-components-notice-banner__content body:not(.modal-open) html:not(.wtypc-noscroll) .button.wc-forward:focus, body:not(.modal-open) html:not(.wtypc-noscroll) .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:focus, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content body:not(.modal-open) html:not(.wtypc-noscroll) .wc-forward:focus,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="button"]:active,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="button"]:focus,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="reset"]:active,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="reset"]:focus,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="submit"]:active,
body:not(.modal-open) html:not(.wtypc-noscroll) input[type="submit"]:focus {
background: var(--sol-color-link-button-initial);
background: var(--sol-color-button-hover);
}
body:not(.woocommerce-block-theme-has-button-styles).woocommerce-page .wc-block-components-button:not(.is-link) {
min-height: auto;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent !important;
}
.wp-block-button.is-style-outline:hover .wp-block-button__link {
background: transparent !important;
}
.wp-block-button__link {
font-family: var(--buttonfontfamily);
}
.wc-block-components-button__text,
.wc-block-components-totals-coupon-link,
.wc-block-cart-item__quantity .wc-block-components-button__text,
.wc-block-cart-item__quantity .wc-block-components-totals-coupon-link,
.wc-block-cart-item__quantity button,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
.wc-block-cart-item__quantity .wc-block-components-notice-banner__content .button.wc-forward,
.wc-block-components-notice-banner__content .wc-block-cart-item__quantity .button.wc-forward,
.wc-block-cart-item__quantity .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward,
.woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-block-cart-item__quantity .wc-forward {
color: var(--sol-color-page-title-text);
padding: 0;
font-family: var(--buttonfontfamily);
font-size: var(--buttonfontsize);
line-height: var(--buttonlineheight, var(--bodylineheight));
font-weight: var(--buttonfontweight, var(--bodyfontweight));
letter-spacing: var(--buttonletterspacing, var(--bodyletterspacing));
text-transform: var(--buttontexttransform, none);
}
.wc-block-components-button__text:hover,
.wc-block-components-totals-coupon-link:hover,
.wc-block-cart-item__quantity .wc-block-components-button__text:hover,
.wc-block-cart-item__quantity .wc-block-components-totals-coupon-link:hover,
.wc-block-cart-item__quantity button:hover,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover,
.wc-block-cart-item__quantity .wc-block-components-notice-banner__content .button.wc-forward:hover,
.wc-block-components-notice-banner__content .wc-block-cart-item__quantity .button.wc-forward:hover,
.wc-block-cart-item__quantity .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:hover,
.woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-block-cart-item__quantity .wc-forward:hover {
color: var(--sol-color-page-title-text);
}
.wc-block-components-totals-coupon__button {
padding: 0;
}
body.woocommerce-checkout .wc-block-components-totals-coupon__content button.wc-block-components-button, body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-components-button__text,
body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-components-totals-coupon-link, body.woocommerce-checkout .wc-block-components-totals-coupon__content table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-components-button.wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-cart-item__remove-link, body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-notice-banner__content .wc-block-components-button.button.wc-forward, .wc-block-components-notice-banner__content body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-button.button.wc-forward, body.woocommerce-checkout .wc-block-components-totals-coupon__content .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-block-components-button.wc-forward, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-button.wc-forward {
width: unset;
}
body.woocommerce-cart .wc-block-components-totals-coupon__content button.wc-block-components-button:hover span, body.woocommerce-cart .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-components-button__text:hover span, body.woocommerce-cart .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-components-totals-coupon-link:hover span, body.woocommerce-cart .wc-block-components-totals-coupon__content table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-components-button.wc-block-cart-item__remove-link:hover span, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity body.woocommerce-cart .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-cart-item__remove-link:hover span, body.woocommerce-cart .wc-block-components-totals-coupon__content .wc-block-components-notice-banner__content .wc-block-components-button.button.wc-forward:hover span, .wc-block-components-notice-banner__content body.woocommerce-cart .wc-block-components-totals-coupon__content .wc-block-components-button.button.wc-forward:hover span, body.woocommerce-cart .wc-block-components-totals-coupon__content .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-block-components-button.wc-forward:hover span, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content body.woocommerce-cart .wc-block-components-totals-coupon__content .wc-block-components-button.wc-forward:hover span,
body.woocommerce-checkout .wc-block-components-totals-coupon__content button.wc-block-components-button:hover span,
body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-components-button__text:hover span,
body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-components-totals-coupon-link:hover span,
body.woocommerce-checkout .wc-block-components-totals-coupon__content table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-components-button.wc-block-cart-item__remove-link:hover span,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-cart-item__remove-link:hover span,
body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-notice-banner__content .wc-block-components-button.button.wc-forward:hover span,
.wc-block-components-notice-banner__content body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-button.button.wc-forward:hover span,
body.woocommerce-checkout .wc-block-components-totals-coupon__content .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-block-components-button.wc-forward:hover span,
.woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content body.woocommerce-checkout .wc-block-components-totals-coupon__content .wc-block-components-button.wc-forward:hover span {
background: transparent;
}
body .wc-block-components-totals-coupon__content button.wc-block-components-button span.wc-block-components-button__text, body .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-components-button__text span.wc-block-components-button__text, body .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-components-totals-coupon-link span.wc-block-components-button__text, body .wc-block-components-totals-coupon__content table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-components-button.wc-block-cart-item__remove-link span.wc-block-components-button__text, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity body .wc-block-components-totals-coupon__content .wc-block-components-button.wc-block-cart-item__remove-link span.wc-block-components-button__text, body .wc-block-components-totals-coupon__content .wc-block-components-notice-banner__content .wc-block-components-button.button.wc-forward span.wc-block-components-button__text, .wc-block-components-notice-banner__content body .wc-block-components-totals-coupon__content .wc-block-components-button.button.wc-forward span.wc-block-components-button__text, body .wc-block-components-totals-coupon__content .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-block-components-button.wc-forward span.wc-block-components-button__text, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content body .wc-block-components-totals-coupon__content .wc-block-components-button.wc-forward span.wc-block-components-button__text {
padding: 0;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
color: var(--sol-color-page-title-text);
text-decoration: none !important;
padding: 0;
font-family: var(--buttonfontfamily);
font-size: var(--buttonfontsize);
line-height: var(--buttonlineheight, var(--bodylineheight));
font-weight: var(--buttonfontweight, var(--bodyfontweight));
letter-spacing: var(--buttonletterspacing, var(--bodyletterspacing));
text-transform: var(--buttontexttransform, none);
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover {
color: var(--sol-color-page-title-text);
}
.wc-block-components-notice-banner__content .button.wc-forward {
color: var(--sol-color-page-title-text);
padding: 0;
font-family: inherit;
}
.wc-block-components-notice-banner__content .button.wc-forward:hover {
color: var(--sol-color-page-title-text);
background: transparent;
}
.woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward {
padding: 10px !important;
font-family: inherit;
}
.woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward:hover {
padding: 10px !important;
}
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 {
width: 100%;
padding: 0.5rem 1rem;
transition: all 0.3s;
border-style: solid;
color: var(--sol-color-base-font);
border: 1px solid var(--sol-color-border);
border-radius: 3px;
padding: 3px;
}
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 {
color: var(--sol-color-base-font);
}
select {
border: 1px solid var(--sol-color-border);
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/* Layout Blog
--------------------------------------------- */
.archive-header {
margin-top: 0px;
padding-top: 96px;
padding-right: 0px;
padding-bottom: 96px;
padding-left: 0px;
background: var(--sol-color-page-title-background);
}
.archive-header h1 {
max-width: 1280px;
margin: 0 auto;
color: var(--sol-color-page-title-text);
padding-left: 32px;
padding-right: 32px;
}
.archive-header.center .solace-breadcrumb,
.archive-header.center h1,
.archive-header.center .solace-description {
text-align: center;
}
.archive-header.right .solace-breadcrumb,
.archive-header.right h1,
.archive-header.right .solace-description {
text-align: right;
}
.archive-header .solace-breadcrumb {
max-width: 1280px;
margin: 0 auto;
color: var(--sol-color-page-title-text);
padding-left: 32px;
padding-right: 32px;
}
.archive-header .solace-breadcrumb a {
color: var(--sol-color-page-title-text);
}
@media (max-width: 768px) {
.archive-header h1 {
padding: 0;
}
}
.archive-header p {
font-size: 1rem;
padding-top: 0;
max-width: 1280px;
margin: 0 auto;
color: var(--sol-color-page-title-text);
padding-left: 32px;
padding-right: 32px;
}
@media (max-width: 768px) {
.archive-header p {
padding: 0;
}
}
@media (max-width: 1024px) {
.archive-header {
padding: 30px;
padding-top: 48px;
padding-bottom: 48px;
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.archive-header {
padding: 30px;
padding-top: 48px;
padding-bottom: 48px;
margin-bottom: 0;
}
}
.main-all .container-all {
margin-top: 64px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
overflow: hidden;
}
.main-all .container-all .row1 {
display: flex;
align-items: flex-start;
}
@media (max-width: 1024px) {
.main-all .container-all .row1 {
flex-wrap: wrap;
}
}
.main-all .container-all .row1 .left {
flex-basis: 100%;
}
@media (max-width: 1024px) {
.main-all .container-all .row1 .left {
flex-basis: 100%;
}
}
.main-all .container-all .row1 .left .boxes {
border: 1px solid var(--sol-color-border);
border-radius: 3px;
margin-bottom: 64px;
}
.main-all .container-all .row1 .left .boxes .box-image {
position: relative;
margin-bottom: 35px;
border-radius: 14px;
}
.main-all .container-all .row1 .left .boxes .box-image .the-image img {
width: 100%;
height: auto;
display: block;
border-radius: 3px;
}
.main-all .container-all .row1 .left .boxes .box-image .the-category {
text-decoration: none;
display: block;
border-radius: 3px;
margin: 30px;
position: absolute;
top: 0;
left: 0;
padding: 0.6em 1.2em;
background: var(--sol-color-link-button-initial);
color: #fff;
}
.main-all .container-all .row1 .left .boxes .box-image .the-category li {
list-style: none;
display: inline-block;
}
.main-all .container-all .row1 .left .boxes .box-image .the-category a {
text-decoration: none;
font-size: 1rem;
font-style: normal;
font-weight: 600;
color: #fff;
}
.main-all .container-all .row1 .left .boxes .box-image .the-author-image {
position: absolute;
bottom: -33px;
left: 30px;
}
.main-all .container-all .row1 .left .boxes .box-image .the-author-image img {
border-radius: 100%;
}
.main-all .container-all .row1 .left .boxes .box-content {
padding-left: 30px;
padding-right: 30px;
}
.main-all .container-all .row1 .left .boxes .box-content .the-title h2 a,
.main-all .container-all .row1 .left .boxes .box-content .the-title h3 a,
.main-all .container-all .row1 .left .boxes .box-content .the-title h4 a,
.main-all .container-all .row1 .left .boxes .box-content .the-title h5 a,
.main-all .container-all .row1 .left .boxes .box-content .the-title h6 a {
color: var(--sol-color-heading);
}
.main-all .container-all .row1 .left .boxes .box-content .the-title h2 a {
text-decoration: none;
color: var(--sol-color-base-font);
}
.main-all .container-all .row1 .left .boxes .box-content .the-readmore {
margin-top: 25px;
margin-bottom: 25px;
}
.main-all .container-all .row1 .left .boxes .box-content .the-readmore a {
font-weight: 600;
text-decoration: none;
color: var(--sol-color-link-button-initial);
display: inline-block;
}
.main-all .container-all .row1 .left .boxes .box-content .the-readmore a:hover {
color: var(--sol-color-link-button-hover);
}
.main-all .container-all .row1 .left .boxes .box-content.no-thumbnail h3 {
margin-top: 30px;
}
.main-all .container-all .row1 .left .boxes .box-meta {
display: flex;
flex-wrap: wrap;
border-top: 1px solid var(--sol-color-border);
padding: 15px 30px;
color: var(--sol-color-base-font);
font-size: 0.8125rem;
text-transform: capitalize;
}
.main-all .container-all .row1 .left .boxes .box-meta .the-author {
position: relative;
margin-right: 22px;
}
.main-all .container-all .row1 .left .boxes .box-meta .the-author :after {
content: "•";
content: "";
position: absolute;
margin: 0 5px;
right: -18px;
color: var(--sol-color-base-font);
background: var(--sol-color-base-font);
width: 3px;
height: 3px;
top: 12px;
border-radius: 100%;
}
.main-all .container-all .row1 .left .boxes .box-meta .the-date {
position: relative;
margin-right: 22px;
}
@media (max-width: 1200px) {
.main-all .container-all .row1 .left {
flex-basis: unset;
width: 100%;
}
}
@media (max-width: 768px) {
.main-all .container-all .row1 .left {
flex-basis: 100%;
}
}
.main-all .container-all .row1 .right {
flex-basis: 0;
padding-left: 0;
}
@media (max-width: 1024px) {
.main-all .container-all .row1 .right {
flex-basis: 100%;
}
}
@media (max-width: 1200px) {
.main-all .container-all .row1 .right {
flex-basis: unset;
width: 0;
}
}
@media (max-width: 768px) {
.main-all .container-all .row1 .right {
flex-basis: 100%;
padding-left: 0;
margin-top: 50px;
}
}
@media (max-width: 768px) {
.main-all .container-all {
margin-top: 24px;
}
}
body.single-product .container.shop-container {
padding-left: 32px;
padding-right: 32px;
}
body.post-type-archive-product .container.shop-container {
padding-left: 32px;
padding-right: 32px;
}
@media (max-width: 768px) {
body.single-product .container.shop-container {
padding-left: 15px;
padding-right: 15px;
}
body.post-type-archive-product .container.shop-container {
padding-left: 15px;
padding-right: 15px;
}
}
/* 404
--------------------------------------------- */
.main-404 .container-404 {
margin-top: 0;
padding: 30vh 32px;
min-height: 74vh;
}
.main-404 .container-404 .myrow {
justify-content: center;
text-align: center;
max-width: 708px;
margin: 0 auto;
}
.main-404 .container-404 .myrow form svg {
fill: var(--primarybtncolor);
}
.main-404 .container-404 .row1 h1 {
margin-top: 40px;
}
.main-404 .container-404 .row2 .search-form {
margin: 0 auto;
}
.main-404 .container-404 .row3 p {
font-size: 1.3125rem;
}
/* Align
--------------------------------------------- */
.boxes-content .the-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
margin-left: auto;
margin-right: auto;
}
.boxes-content .the-content > .alignwide {
width: 70vw;
max-width: 70vw;
margin-left: calc(50% - 35vw);
}
.boxes-content .the-content > .alignwide img {
width: 100%;
max-width: 100%;
height: auto;
}
.boxes-content .the-content > .alignfull {
margin-right: calc(clamp(1.5rem, 5vw, 2rem) * -1);
margin-left: calc(clamp(1.5rem, 5vw, 2rem) * -1);
}
.boxes-content .the-content > .alignfull img {
width: 100%;
max-width: 100%;
height: auto;
}
.boxes-content .the-content > .alignfull .wp-block-column {
max-width: 100%;
}
.boxes-content .the-content > .wp-block-gallery.alignwide.alignfull {
margin-left: auto;
margin-right: auto;
}
.boxes-content .the-content > .wp-block-gallery.alignfull {
margin-right: calc(clamp(1.5rem, 5vw, 2rem) * -1);
margin-left: calc(clamp(1.5rem, 5vw, 2rem) * -1);
}
.boxes-content .the-content > .wp-block-gallery.alignfull img {
width: 100%;
max-width: 100%;
height: auto;
}
.boxes-content .the-content > .wp-block-gallery.alignfull .wp-block-column {
max-width: 100%;
}
body.woocommerce-cart .boxes-content .the-content > .alignwide,
body.woocommerce-checkout .boxes-content .the-content > .alignwide {
width: unset;
max-width: unset;
margin-left: unset;
}
body.woocommerce-cart .boxes-content .the-content > .alignfull,
body.woocommerce-checkout .boxes-content .the-content > .alignfull {
margin-right: unset;
margin-left: unset;
}
.alignfull {
width: 98.8vw !important;
max-width: 98.8vw !important;
margin-left: calc(50% - 49.48vw) !important;
margin-right: calc(50% - 49.48vw) !important;
}
/* Widget
--------------------------------------------- */
.widget-area #calendar_wrap {
overflow: auto;
}
.widget-area .widget-title {
margin-top: 8px;
margin-bottom: 16px;
}
.widget-area .widget:first-child .widget-title {
margin-top: 0;
}
.widget-area ul {
margin-block-start: 0;
}
.widget-area a {
text-decoration: inherit;
}
.widget-area section.widget_search button, .widget-area section.widget_search .wc-block-components-button__text,
.widget-area section.widget_search .wc-block-components-totals-coupon-link, .widget-area section.widget_search table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .widget-area section.widget_search .wc-block-cart-item__remove-link, .widget-area section.widget_search .wc-block-components-notice-banner__content .button.wc-forward, .wc-block-components-notice-banner__content .widget-area section.widget_search .button.wc-forward, .widget-area section.widget_search .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .widget-area section.widget_search .wc-forward {
border: none;
margin-left: 12px;
}
/* Aside
--------------------------------------------- */
/* Gutenberg
--------------------------------------------- */
.wp-block-image:not(.size-full) img {
width: 100%;
}
.wp-block-calendar td {
padding: 20px;
border: 0;
border-bottom: 2px solid var(--sol-color-base-font);
}
/* Blog Archive
--------------------------------------------- */
.main-all.main-index.main-layout-blog-covers .row1 .left {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
flex-basis: 100%;
gap: 0;
}
.main-all.main-index.main-layout-blog-covers .row1 .left article {
width: 48%;
width: calc(50% - 32px);
}
@media (max-width: 1024px) {
.main-all.main-index.main-layout-blog-covers .row1 .left article {
width: 100%;
}
}
.main-all.main-index.main-layout-blog-covers .row1 .left .navigation.pagination {
width: 100%;
}
.main-all.main-index.main-layout-blog-default .row1 .left {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
gap: 0;
flex-basis: 100%;
}
.main-all.main-index.main-layout-blog-default .row1 .left article {
width: calc(33.33% - 32px);
}
@media (max-width: 1024px) {
.main-all.main-index.main-layout-blog-default .row1 .left article {
width: 100%;
}
}
.main-all.main-index.main-layout-blog-default .row1 .left .navigation.pagination {
width: 100%;
}
@media only screen and (max-width: 1024px) {
.main-all .container-all {
margin-top: 32px;
}
main.main-all section.container-all .row1 aside {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.main-all .container-all {
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
.main-all .container-all .row1 .left .boxes .box-image .the-category {
margin: 15px;
}
.main-all .container-all .row1 .left .boxes .box-image .the-category a {
font-size: 15px;
}
.main-all .container-all .row1 .left .boxes .box-content .the-title h3 {
margin-bottom: 15px;
}
.main-all .container-all .row1 .left .boxes .box-content .the-excerpt p {
margin-bottom: 15px;
}
.main-all .container-all .row1 .left .boxes .box-content .the-readmore {
margin: 15px 0;
}
.main-all .container-all .row1 .left .boxes .box-content {
padding-left: 15px;
padding-right: 15px;
}
.main-all .container-all .row1 .left .boxes .box-meta {
padding: 15px;
}
.main-all .container-all .row1 .left .boxes {
margin-bottom: 30px;
}
}
.main-all.main-index.main-layout-blog-grid .row1 .left {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.main-all.main-index.main-layout-blog-grid .row1 .left article {
width: 100%;
}
.main-all.main-index.main-layout-blog-grid .row1 .left .navigation.pagination {
width: 100%;
}
.main-all.main-index.main-layout-blog-1 .row1 .left article {
width: 100%;
}
.main-all.main-index.main-layout-blog-2 .row1 .left article {
width: 48%;
}
.main-all.main-index.main-layout-blog-3 .row1 .left article {
width: 32%;
}
.main-all.main-index.main-layout-blog-4 .row1 .left article {
width: 23.5%;
}
.main-all.main-index.main-layout-blog-5 .row1 .left article {
width: 18%;
}
.main-all.main-index.main-layout-blog-1 .row1 .left,
.main-all.main-index.main-layout-blog-2 .row1 .left,
.main-all.main-index.main-layout-blog-3 .row1 .left,
.main-all.main-index.main-layout-blog-4 .row1 .left,
.main-all.main-index.main-layout-blog-5 .row1 .left {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
gap: 2%;
}
@media (max-width: 1024px) {
.main-all.main-index.main-layout-blog-1 .row1 .left article,
.main-all.main-index.main-layout-blog-2 .row1 .left article,
.main-all.main-index.main-layout-blog-3 .row1 .left article,
.main-all.main-index.main-layout-blog-4 .row1 .left article,
.main-all.main-index.main-layout-blog-5 .row1 .left article {
width: 100%;
}
}
.main-all.main-index.main-layout-blog-1 .row1 .left .navigation.pagination,
.main-all.main-index.main-layout-blog-2 .row1 .left .navigation.pagination,
.main-all.main-index.main-layout-blog-3 .row1 .left .navigation.pagination,
.main-all.main-index.main-layout-blog-4 .row1 .left .navigation.pagination,
.main-all.main-index.main-layout-blog-5 .row1 .left .navigation.pagination {
width: 100%;
}
/* Comments
--------------------------------------------- */
.comments-area {
margin: 2em auto;
clear: both;
}
@media (max-width: 768px) {
.comments-area {
padding-right: 0;
padding-left: 0;
}
}
.comments-area .comments-title {
font-size: 23px;
line-height: 1.3;
color: #462146;
margin-bottom: 1.15em;
margin-top: 35px;
}
.comments-area ol.comment-list {
margin-left: 0;
}
.comments-area ol.comment-list li {
list-style: none;
}
.comments-area ol.comment-list li article {
padding-bottom: 25px;
position: relative;
}
.comments-area ol.comment-list li article footer {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.comments-area ol.comment-list li article footer .comment-author {
display: flex;
flex-wrap: wrap;
}
.comments-area ol.comment-list li article footer .comment-author img {
margin-right: 24px;
position: relative;
border-radius: 100%;
}
.comments-area ol.comment-list li article footer .comment-author b,
.comments-area ol.comment-list li article footer .comment-author a {
color: #444;
font-size: 18px;
text-transform: capitalize;
}
.comments-area ol.comment-list li article footer .comment-author .says {
display: none;
}
.comments-area ol.comment-list li article footer .comment-metadata {
font-size: 14px;
margin: 0;
}
.comments-area ol.comment-list li article footer .comment-metadata span.edit-link {
display: inline-block;
margin-left: 1em;
}
@media (max-width: 768px) {
.comments-area ol.comment-list li article footer {
flex-direction: column;
}
.comments-area ol.comment-list li article footer .comment-metadata {
margin-left: 66px;
position: relative;
bottom: 12px;
}
}
.comments-area ol.comment-list li article .comment-content {
border-bottom: 1px solid #dedede;
padding: 5px 65px 65px;
}
.comments-area ol.comment-list li article .comment-content ul,
.comments-area ol.comment-list li article .comment-content ol {
margin-left: 1.2em;
}
.comments-area ol.comment-list li article .comment-content p {
margin: 0;
}
.comments-area ol.comment-list li article .reply {
margin-left: 65px;
position: absolute;
bottom: 45px;
left: 0;
}
.comments-area ol.comment-list li ol.children {
list-style: none;
margin: 0;
}
.comments-area ol.comment-list li ol.children li {
padding-left: 1.5em;
}
.comments-area ol.comment-list li.trackback {
margin-bottom: 20px;
}
.comments-area .comment-navigation .nav-links {
margin: 4em 0;
position: relative;
padding: 10px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.comments-area .comment-navigation .nav-links .nav-previous a {
background: #1459d8;
color: var(--sol-color-selection-initial);
}
.comments-area .comment-navigation .nav-links .nav-next a {
background: #1459d8;
color: var(--sol-color-selection-initial);
}
@media (max-width: 768px) {
.comments-area {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin: 1em auto;
}
}
/* Component
--------------------------------------------- */
form.search-form svg {
fill: none;
}
div.builder-item--header-widgets a {
color: var(--sol-color-link-button-initial);
}
div.item--inner.builder-item--header_social {
padding-right: 0;
}
div.item--inner.builder-item--footer_social {
padding-right: 0;
}
.customize-partial-edit-shortcut-footer-menu_partial button, .customize-partial-edit-shortcut-footer-menu_partial .wc-block-components-button__text,
.customize-partial-edit-shortcut-footer-menu_partial .wc-block-components-totals-coupon-link, .customize-partial-edit-shortcut-footer-menu_partial table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .customize-partial-edit-shortcut-footer-menu_partial .wc-block-cart-item__remove-link, .customize-partial-edit-shortcut-footer-menu_partial .wc-block-components-notice-banner__content .button.wc-forward, .wc-block-components-notice-banner__content .customize-partial-edit-shortcut-footer-menu_partial .button.wc-forward, .customize-partial-edit-shortcut-footer-menu_partial .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .customize-partial-edit-shortcut-footer-menu_partial .wc-forward {
left: 15px;
top: -25px;
}
.builder-item--header_search input {
color: var(--sol-color-base-font) !important;
}
.builder-item--header_search ::-webkit-input-placeholder {
color: var(--sol-color-base-font);
}
.builder-item--header_search :-ms-input-placeholder {
color: var(--sol-color-base-font);
}
.builder-item--header_search ::placeholder {
color: var(--sol-color-base-font);
}
.builder-item--footer_search input {
color: var(--sol-color-base-font) !important;
}
.builder-item--footer_search ::-webkit-input-placeholder {
color: var(--sol-color-base-font);
}
.builder-item--footer_search :-ms-input-placeholder {
color: var(--sol-color-base-font);
}
.builder-item--footer_search ::placeholder {
color: var(--sol-color-base-font);
}
.builder-item--header_contact .component-wrap {
display: inline-flex;
justify-content: var(--justify, flex-start);
text-align: var(--textalign, left);
}
.component-wrap-header-contact .box-contact {
display: flex;
align-items: center;
margin-right: 25px;
}
.component-wrap-header-contact .box-contact .box-icon {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 25px;
margin-right: 8px;
fill: transparent;
}
.component-wrap-header-contact .box-contact .box-icon svg {
width: 19px;
height: 19px;
fill: transparent;
}
.component-wrap-header-contact .box-contact .box-content .title {
line-height: 1.5;
color: transparent;
text-align: left;
}
.component-wrap-header-contact .box-contact .box-content .title span {
display: inline-block;
font-weight: 700;
font-size: 14px;
color: transparent;
}
.component-wrap-header-contact .box-contact .box-content .content {
line-height: 1.5;
color: transparent;
text-align: left;
}
.component-wrap-header-contact .box-contact .box-content .content span {
display: inline-block;
font-size: 14px;
position: relative;
bottom: 3px;
color: transparent;
}
.component-wrap-header-contact a:last-child .box-contact,
.component-wrap-header-contact div.content:last-child .box-contact {
margin-right: 0;
}
@media only screen and (max-width: 959px) {
.component-wrap-header-contact {
flex-direction: column;
}
.component-wrap-header-contact > .content {
margin-bottom: 15px;
}
}
.component-wrap-header-social {
gap: 20px;
}
.component-wrap-header-social .box-social a.link {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.component-wrap-header-social .box-social a.link .box-icon {
display: flex;
flex-wrap: wrap;
align-items: center;
fill: transparent;
}
.component-wrap-header-social .box-social svg {
width: 22px;
height: 22px;
fill: transparent;
}
.builder-item--footer_contact .component-wrap {
display: inline-flex;
justify-content: var(--justify, flex-start);
text-align: var(--textalign, left);
}
.component-wrap-footer-contact .box-contact {
display: flex;
align-items: center;
margin-right: 25px;
}
.component-wrap-footer-contact .box-contact .box-icon {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 25px;
margin-right: 8px;
fill: transparent;
}
.component-wrap-footer-contact .box-contact .box-icon svg {
width: 19px;
height: 19px;
fill: transparent;
}
.component-wrap-footer-contact .box-contact .box-content .title {
line-height: 1.5;
color: transparent;
text-align: left;
}
.component-wrap-footer-contact .box-contact .box-content .title span {
display: inline-block;
font-weight: 700;
font-size: 14px;
color: transparent;
}
.component-wrap-footer-contact .box-contact .box-content .content {
line-height: 1.5;
color: transparent;
text-align: left;
}
.component-wrap-footer-contact .box-contact .box-content .content span {
display: inline-block;
font-size: 14px;
position: relative;
bottom: 3px;
color: transparent;
}
.component-wrap-footer-contact a:last-child .box-contact,
.component-wrap-footer-contact div.content:last-child .box-contact {
margin-right: 0;
}
@media only screen and (max-width: 959px) {
.component-wrap-footer-contact {
flex-direction: column;
}
.component-wrap-footer-contact .box-contact {
margin-right: 0;
}
.component-wrap-footer-contact > .content {
margin-bottom: 15px;
}
}
.component-wrap-footer-social {
gap: 20px;
}
.component-wrap-footer-social .box-social a.link {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.component-wrap-footer-social .box-social a.link .box-icon {
display: flex;
flex-wrap: wrap;
align-items: center;
fill: transparent;
}
.component-wrap-footer-social .box-social svg {
width: 22px;
height: 22px;
fill: transparent;
}
/* Pages
--------------------------------------------- */
.main-page .container-page .row1 .boxes-header .cover {
position: relative;
background-position: center center;
min-height: 430px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
.main-page .container-page .row1 .boxes-header .cover .image .overlay {
background: var(--sol-color-page-title-background);
opacity: 0.9;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
}
.main-page .container-page .row1 .boxes-header .cover .image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
object-fit: cover;
outline: none;
border: none;
box-shadow: none;
}
.main-page .container-page .row1 .boxes-header .cover .text {
width: 100%;
z-index: 1;
color: var(--sol-color-selection-initial);
max-width: 1280px;
margin-bottom: 0px;
padding-left: 32px;
padding-right: 32px;
}
.main-page .container-page .row1 .boxes-header .cover .text .the-title h1 {
font-style: normal;
text-transform: capitalize;
margin: 0;
color: var(--sol-color-page-title-text);
}
.main-page .container-page .row1 .boxes-content {
padding-left: 32px;
padding-right: 32px;
}
.main-page .container-page .row1 .boxes-content .the-content {
margin-top: 15px;
margin-bottom: 15px;
}
.main-page .container-page .row1 .boxes-content aside {
margin-top: 20px;
margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
main.main-page1 .container-page .row1 .boxes-header .cover {
min-height: 300px;
}
main.main-page1 .container-page .row1 article div.boxes-content.sidebar-active {
flex-wrap: wrap;
}
main.main-page1 .container-page .row1 article div.boxes-content.sidebar-active .the-content {
width: 100%;
}
main.main-page1 .container-page .row1 article div.boxes-content.sidebar-active aside {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
main.main-page1 .container-page .row1 .boxes-header .cover {
min-height: 250px;
}
}
@media only screen and (max-width: 580px) {
main.main-page1 .container-page .row1 .boxes-content {
padding-left: 15px;
padding-right: 15px;
}
}
/* Pagination
--------------------------------------------- */
.navigation.pagination .nav-links {
text-align: center;
}
.navigation.pagination .nav-links span,
.navigation.pagination .nav-links a {
margin: 0 5px;
display: inline-block;
}
.navigation.pagination .nav-links a {
color: var(--sol-color-link-button-initial);
}
.navigation.pagination .nav-links a.prev svg,
.navigation.pagination .nav-links a.next svg {
width: 13px;
height: 13px;
fill: var(--sol-color-link-button-initial);
position: relative;
top: 2px;
}
.page-links span.current,
.page-links a {
margin-right: 10px;
}
/* Search
--------------------------------------------- */
.search-form {
max-width: 500px;
margin-top: 0px;
}
.search-form .box-form {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%;
}
.search-form .box-form input {
height: 40px;
}
.search-form .box-form button, .search-form .box-form .wc-block-components-button__text,
.search-form .box-form .wc-block-components-totals-coupon-link, .search-form .box-form table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .search-form .box-form .wc-block-cart-item__remove-link, .search-form .box-form .wc-block-components-notice-banner__content .button.wc-forward, .wc-block-components-notice-banner__content .search-form .box-form .button.wc-forward, .search-form .box-form .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .search-form .box-form .wc-forward {
cursor: pointer;
margin-left: 0.625em;
word-break: normal;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
/* Single
--------------------------------------------- */
.main-single .container-single .row1 article .solace-social-share {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 24px;
margin-bottom: 24px;
}
.main-single .container-single .row1 article .solace-social-share svg {
width: 25px;
height: 25px;
}
.main-single .container-single .row1 article .solace-social-share a {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
color: var(--sol-color-base-font);
font-weight: 600;
border: 1px solid var(--sol-color-base-font);
border-radius: 8px;
padding: 6px 12px;
min-width: 200px;
}
.main-single .container-single .row1 article .solace-social-share a p {
font-size: 15px;
margin: 0;
position: relative;
bottom: 1px;
}
.main-single .container-single .row1 article .solace-social-share #facebook svg {
fill: #4267B2;
}
.main-single .container-single .row1 article .box-info-author {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
margin-top: 53px;
margin-top: 38px;
padding: 15px 0;
border-radius: 10px;
}
.main-single .container-single .row1 article .box-info-author .box-image a img {
border-radius: 100%;
}
.main-single .container-single .row1 article .box-info-author .box-text {
width: calc(100% - 68px);
padding-left: 24px;
}
.main-single .container-single .row1 article .box-info-author .box-text a {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 5px;
text-transform: capitalize;
}
.main-single .container-single .row1 article .box-info-author .box-text p {
margin-top: 8px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 0;
}
.main-single .container-single .row1 article .box-info-author .box-text a.view-all-articles {
display: flex;
font-size: 14px;
font-weight: 400;
flex-wrap: wrap;
align-items: center;
margin-top: 17px;
}
.main-single .container-single .row1 article .box-info-author .box-text a.view-all-articles svg {
width: 20px;
height: 20px;
margin-left: 10px;
fill: var(--sol-color-link-button-initial);
}
.main-single .container-single .row1 article .box-posts-navigation {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 24px auto !important;
margin-top: 47px;
}
.main-single .container-single .row1 article .box-posts-navigation .left {
padding: 10px 11px;
padding-left: 0;
border-radius: 10px;
height: 78px;
}
.main-single .container-single .row1 article .box-posts-navigation .left a {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.main-single .container-single .row1 article .box-posts-navigation .left a .thumbnail {
margin-right: 13px;
}
.main-single .container-single .row1 article .box-posts-navigation .left a .thumbnail img {
border-radius: 12px;
width: 59px;
height: 59px;
object-fit: cover;
}
.main-single .container-single .row1 article .box-posts-navigation .left a .thumbnail .thumbnail-box {
width: 58px;
height: 58px;
background: #ababab;
border-radius: 12px;
}
.main-single .container-single .row1 article .box-posts-navigation .left a .text {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.main-single .container-single .row1 article .box-posts-navigation .left a .text .previous {
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.main-single .container-single .row1 article .box-posts-navigation .left a .text .title {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.main-single .container-single .row1 article .box-posts-navigation .right {
padding: 10px 11px;
padding-right: 0;
border-radius: 10px;
height: 78px;
}
.main-single .container-single .row1 article .box-posts-navigation .right a {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: row-reverse;
}
.main-single .container-single .row1 article .box-posts-navigation .right a .thumbnail {
margin-left: 13px;
}
.main-single .container-single .row1 article .box-posts-navigation .right a .thumbnail img {
border-radius: 12px;
width: 59px;
height: 59px;
object-fit: cover;
}
.main-single .container-single .row1 article .box-posts-navigation .right a .thumbnail .thumbnail-box {
width: 58px;
height: 58px;
background: #ababab;
border-radius: 12px;
}
.main-single .container-single .row1 article .box-posts-navigation .right a .text {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.main-single .container-single .row1 article .box-posts-navigation .right a .text .next {
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: right;
}
.main-single .container-single .row1 article .box-posts-navigation .right a .text .title {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media only screen and (max-width: 768px) {
.main-single .container-single .row1 article .box-posts-navigation .left a .text .title,
.main-single .container-single .row1 article .box-posts-navigation .right a .text .title {
visibility: hidden;
}
.main-single .container-single .row1 article .box-posts-navigation .left a .text .title .left,
.main-single .container-single .row1 article .box-posts-navigation .left a .text .title .right,
.main-single .container-single .row1 article .box-posts-navigation .right a .text .title .left,
.main-single .container-single .row1 article .box-posts-navigation .right a .text .title .right {
width: calc(50% - 6px);
}
.main-single .container-single .row1 article .box-posts-navigation .left a .text .title .left a,
.main-single .container-single .row1 article .box-posts-navigation .left a .text .title .right a,
.main-single .container-single .row1 article .box-posts-navigation .right a .text .title .left a,
.main-single .container-single .row1 article .box-posts-navigation .right a .text .title .right a {
flex-wrap: nowrap;
}
.main-single .container-single .row1 article .box-posts-navigation .left a .text .title .left a .thumbnail,
.main-single .container-single .row1 article .box-posts-navigation .left a .text .title .right a .thumbnail,
.main-single .container-single .row1 article .box-posts-navigation .right a .text .title .left a .thumbnail,
.main-single .container-single .row1 article .box-posts-navigation .right a .text .title .right a .thumbnail {
margin-right: 5px;
}
}
@media only screen and (max-width: 580px) {
.main-single .container-single .row1 article .box-posts-navigation {
gap: 12px;
margin-top: 25px;
}
.main-single .container-single .row1 article .box-posts-navigation .left,
.main-single .container-single .row1 article .box-posts-navigation .right {
width: calc(50% - 6px);
padding: 8px;
padding-left: 0;
padding-right: 0;
height: auto;
}
.main-single .container-single .row1 article .box-posts-navigation .left a .thumbnail,
.main-single .container-single .row1 article .box-posts-navigation .right a .thumbnail {
margin: 0;
margin-bottom: 5px;
}
.main-single .container-single .row1 article .box-posts-navigation .left a .thumbnail img,
.main-single .container-single .row1 article .box-posts-navigation .right a .thumbnail img {
width: 100px;
height: 100px;
}
}
.main-single .container-single .row1 figure.solace-featured-image {
margin-top: 20px;
margin-bottom: 20px;
}
.main-single .container-single .row1 figure.solace-featured-image .image-container {
position: relative;
width: 100%;
z-index: 0;
display: inline-flex;
display: block;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(white, black);
mask-image: radial-gradient(white, black);
}
.main-single .container-single .row1 figure.solace-featured-image img {
margin-left: auto;
margin-right: auto;
display: block;
}
.main-single .container-single .row1 figure.solace-featured-image span.ratio {
display: block;
width: 100%;
height: 0;
}
.main-single .container-single .row1 .related-posts {
margin: 0 auto;
}
.main-single .container-single .row1 .related-posts h3 {
margin-top: 32px;
margin-bottom: 27px;
text-align: center;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.main-single .container-single .row1 .related-posts ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 8px;
margin-left: 0;
padding-left: 0;
max-width: unset;
margin-top: 0;
}
.main-single .container-single .row1 .related-posts ul li {
margin-top: 0;
position: relative;
list-style: none;
width: calc(33.33% - 8px);
overflow: hidden;
}
.main-single .container-single .row1 .related-posts ul li .image {
height: 277px;
position: relative;
}
.main-single .container-single .row1 .related-posts ul li .image .thumbnail {
height: 100%;
width: 100%;
background-size: cover;
background-position: 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-shadow: inset 0px -75px 20px 5px rgba(0, 0, 0, 0.5);
border-radius: 10px;
}
.main-single .container-single .row1 .related-posts ul li .image.no-post-thumbnail {
background: #444;
border-radius: 10px;
}
.main-single .container-single .row1 .related-posts ul li .content {
position: absolute;
top: calc(56% - 18px);
left: 50%;
transform: translate(-96px, 50%);
left: 0;
transform: translate(18px, 50%);
transform: none;
padding: 0 20px;
height: auto;
z-index: 2;
text-align: center;
width: 100%;
}
.main-single .container-single .row1 .related-posts ul li .content .the-categories {
text-align: left;
}
.main-single .container-single .row1 .related-posts ul li .content .the-categories a {
background: var(--sol-color-page-title-background);
color: var(--sol-color-page-title-text);
font-size: 9px;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 2px 7px;
margin-bottom: 2px;
border-radius: 5px;
margin-right: 5px;
display: none;
}
.main-single .container-single .row1 .related-posts ul li .content .the-categories a:first-child {
display: inline-block;
}
.main-single .container-single .row1 .related-posts ul li .content .title {
line-height: 1.2;
margin: 8px 0;
text-align: left;
white-space: nowrap;
}
.main-single .container-single .row1 .related-posts ul li .content .title a {
display: block;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.main-single .container-single .row1 .related-posts ul li .content .date time {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.main-single .container-single .row1 .related-posts ul li .content .date time svg {
font-size: 12px;
width: 12px;
height: 12px;
fill: #fff;
margin-right: 3px;
}
.main-single .container-single .row1 .related-posts ul li .content .date time span {
color: #FFF;
font-size: 9px;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
@media only screen and (max-width: 768px) {
.main-single .container-single .row1 div.related-posts {
max-width: 100%;
}
}
@media only screen and (max-width: 580px) {
.main-single .container-single .row1 div.related-posts h3 {
margin-top: 25px;
margin-bottom: 10px;
}
.main-single .container-single .row1 div.related-posts ul {
margin-top: 0;
}
.main-single .container-single .row1 div.related-posts ul li {
width: 100%;
}
}
.main-single1 .container-single .row1 article .boxes-header {
position: relative;
}
.main-single1 .container-single .row1 article .boxes-header::before {
content: "";
background: var(--sol-color-page-title-background);
height: 345px;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.main-single1 .container-single .row1 article .boxes-header .cover {
margin-bottom: 78px;
min-height: 0;
position: relative;
background-position: 50%;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
position: relative;
max-width: 1215px;
margin-left: auto;
margin-right: auto;
}
.main-single1 .container-single .row1 article .boxes-header .cover .image .overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: .5;
background: var(--sol-color-page-title-background);
}
.main-single1 .container-single .row1 article .boxes-header .cover .image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
object-fit: cover;
outline: none;
border: none;
box-shadow: none;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text {
width: 100%;
z-index: 1;
color: #fff;
margin-top: 0;
padding-top: 48px;
padding-right: 48px;
padding-bottom: 48px;
padding-left: 48px;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .the-title {
margin-bottom: 16px;
text-align: center;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .the-title h1 {
color: var(--sol-color-page-title-text);
word-break: break-word;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .the-category {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color: #ffffff2b;
margin: 0 auto;
width: 100%;
max-width: max-content;
padding-top: 8px;
padding-right: 24px;
padding-bottom: 8px;
padding-left: 24px;
font-weight: 600;
color: var(--sol-color-page-title-text);
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .the-category a {
color: var(--sol-color-page-title-text);
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .the-category > * {
line-height: inherit;
color: var(--sol-color-page-title-text);
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .the-category p {
margin: 0 5px 0 0;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .info-meta {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 24px;
font-size: 0.8125rem;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .info-meta > * {
margin: 0 20px;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .info-meta .the-author-image {
display: flex;
margin-right: 4px;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .info-meta .the-author-image img {
border-radius: 100%;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .info-meta .the-author {
color: var(--sol-color-page-title-text);
position: relative;
margin-left: 0;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .info-meta .the-author::after {
content: "";
height: 3px;
position: absolute;
bottom: calc(50% - 3px);
right: -20px;
margin: initial;
border: none;
background: var(--sol-color-page-title-text);
width: 3px;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .info-meta .the-author span {
color: var(--sol-color-page-title-text);
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .info-meta .the-date {
color: var(--sol-color-page-title-text);
}
.main-single1 .container-single .row1 article .boxes-header .cover .text .info-meta .the-date span {
color: var(--sol-color-page-title-text);
}
@media (max-width: 1024px) {
.main-single1 .container-single .row1 article .boxes-header .cover {
min-height: 462px;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text {
margin-top: 0;
}
}
@media (max-width: 768px) {
.main-single1 .container-single .row1 article .boxes-header .cover {
min-height: 300px;
margin-bottom: 32px;
}
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header {
position: relative;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover {
margin-bottom: 78px;
min-height: 700px;
position: relative;
background-position: 50%;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
position: relative;
max-width: 1215px;
margin-left: auto;
margin-right: auto;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .image .overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: .5;
background: var(--sol-color-page-title-background);
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
object-fit: cover;
outline: none;
border: none;
box-shadow: none;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text {
width: 100%;
z-index: 1;
color: #fff;
padding-top: 48px;
padding-right: 48px;
padding-bottom: 48px;
padding-left: 48px;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .the-title {
margin-bottom: 16px;
text-align: center;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .the-title h1 {
color: var(--sol-color-page-title-text);
word-break: break-word;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .the-category {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color: #ffffff2b;
margin: 0 auto;
width: 100%;
max-width: max-content;
padding-top: 8px;
padding-right: 24px;
padding-bottom: 8px;
padding-left: 24px;
font-weight: 600;
color: var(--sol-color-page-title-text);
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .the-category a {
color: var(--sol-color-page-title-text);
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .the-category > * {
line-height: inherit;
color: var(--sol-color-page-title-text);
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .the-category p {
margin: 0 5px 0 0;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .info-meta {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 24px;
font-size: 0.8125rem;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .info-meta > * {
margin: 0 20px;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .info-meta .the-author-image {
display: flex;
margin-right: 4px;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .info-meta .the-author-image img {
border-radius: 100%;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .info-meta .the-author {
color: var(--sol-color-page-title-text);
position: relative;
margin-left: 0;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .info-meta .the-author::after {
content: "";
height: 3px;
position: absolute;
bottom: calc(50% - 3px);
right: -20px;
margin: initial;
border: none;
background: var(--sol-color-page-title-text);
width: 3px;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .info-meta .the-author span {
color: var(--sol-color-page-title-text);
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .info-meta .the-date {
color: var(--sol-color-page-title-text);
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text .info-meta .the-date span {
color: var(--sol-color-page-title-text);
}
@media (max-width: 1024px) {
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover {
min-height: 462px;
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text {
margin-top: 0;
}
}
@media (max-width: 768px) {
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover {
min-height: 300px;
margin-bottom: 32px;
}
}
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header::before {
content: "";
background: transparent;
height: 345px;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 768px) {
.main-single1 .container-single .row1 article .boxes-header::before {
height: 123px;
}
}
.main-single1 .container-single .row1 article .boxes-content {
padding-left: 32px;
padding-right: 32px;
}
.main-single1 .container-single .row1 article .boxes-content .the-content {
margin-top: 15px;
margin-bottom: 15px;
width: 100%;
}
.main-single1 .container-single .row1 article .boxes-tag {
clear: both;
margin-top: 24px;
margin-bottom: 48px;
}
.main-single1 .container-single .row1 article .boxes-tag .the-tags {
margin: 0 auto;
font-weight: 600;
color: var(--sol-color-link-button-initial);
padding: 24px 0;
border-top: 2px solid var(--sol-color-border);
border-bottom: 2px solid var(--sol-color-border);
text-transform: capitalize;
}
.main-single1 .container-single .row1 article .boxes-tag .the-tags svg {
width: 20px;
height: 20px;
fill: var(--sol-color-link-button-initial);
margin-right: 12px;
position: relative;
top: 3px;
}
@media (max-width: 768px) {
.main-single1 .container-single .row1 article .boxes-tag {
padding-left: 0;
padding-right: 0;
}
}
.main-single1 .container-single .row1 article .comments-area {
max-width: unset;
}
.main-single1 .container-single .row1 .related-posts {
padding-left: 32px;
padding-right: 32px;
}
@media only screen and (max-width: 1024px) {
.main-single1 .container-single .row1 article .boxes-header {
background: var(--sol-color-page-title-background);
}
.main-single1 .container-single .row1 article .boxes-header .cover {
padding: 15px;
}
.main-single1 .container-single .row1 article .boxes-header .cover .text {
padding: 0;
}
}
@media only screen and (max-width: 768px) {
main.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover {
min-height: 350px;
}
main.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header::before {
height: 350px;
}
main.main-single1 .container-single .row1 article div.boxes-content,
main.main-single1 .container-single .row1 div.related-posts {
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
}
main.main-single1 .container-single .row1 article .boxes-tag {
margin-bottom: 20px;
}
main.main-single1 .container-single .row1 article .boxes-content.sidebar-active aside {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 580px) {
.main-single1 .container-single .row1 article.has-post-thumbnail .boxes-header .cover .text {
padding: 0;
}
}
.main-single2 .container-single .row1 article .boxes-header {
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.main-single2 .container-single .row1 article .boxes-header::before {
display: none;
}
.main-single2 .container-single .row1 article .boxes-header .box-thumbnail {
margin-top: 79px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.main-single2 .container-single .row1 article .box-info {
margin: 0 auto;
padding-left: 32px;
padding-right: 32px;
margin-top: 35px;
text-align: justify;
}
.main-single2 .container-single .row1 article .box-info h1 {
text-align: center;
}
.main-single2 .container-single .row1 article .box-info .box-meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 35px 0 49px;
}
.main-single2 .container-single .row1 article .box-info .box-meta .left {
display: flex;
align-items: flex-start;
width: 30%;
}
.main-single2 .container-single .row1 article .box-info .box-meta .left a {
display: flex;
align-items: center;
text-transform: capitalize;
}
.main-single2 .container-single .row1 article .box-info .box-meta .left a img {
border-radius: 100%;
margin-right: 8px;
}
.main-single2 .container-single .row1 article .box-info .box-meta .left a span.name {
font-weight: 600;
color: var(--sol-color-base-font);
}
@media only screen and (max-width: 768px) {
.main-single2 .container-single .row1 article .box-info .box-meta .left {
width: 100%;
justify-content: center;
}
}
.main-single2 .container-single .row1 article .box-info .box-meta .right {
display: flex;
flex-wrap: wrap;
width: 70%;
justify-content: flex-end;
align-items: center;
}
.main-single2 .container-single .row1 article .box-info .box-meta .right .the-categories {
margin-right: 15px;
padding-left: 12px;
border-radius: 5px;
display: block;
max-width: 60%;
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.main-single2 .container-single .row1 article .box-info .box-meta .right .the-categories a {
background: var(--sol-color-page-title-background);
margin-right: 8px;
margin-bottom: 8px;
margin-bottom: 0;
border-radius: 5px;
padding: 2px 10px;
padding-top: 4px;
color: var(--sol-color-page-title-text);
font-weight: 600;
display: inline-block;
}
.main-single2 .container-single .row1 article .box-info .box-meta .right .the-time time.time-with-icon,
.main-single2 .container-single .row1 article .box-info .box-meta .right .the-time time.time-without-icon {
display: flex;
flex-wrap: wrap;
align-items: center;
text-decoration: none;
text-transform: capitalize;
}
.main-single2 .container-single .row1 article .box-info .box-meta .right .the-time time.time-with-icon svg,
.main-single2 .container-single .row1 article .box-info .box-meta .right .the-time time.time-without-icon svg {
width: 18px;
height: 18px;
margin-right: 5px;
fill: var(--sol-color-base-font);
}
.main-single2 .container-single .row1 article .box-info .box-meta .right .the-time time.time-with-icon span.time,
.main-single2 .container-single .row1 article .box-info .box-meta .right .the-time time.time-without-icon span.time {
color: var(--sol-color-base-font);
}
.main-single2 .container-single .row1 article .box-info .box-meta .right .the-time span {
font-weight: 600;
}
@media only screen and (max-width: 768px) {
.main-single2 .container-single .row1 article .box-info .box-meta .right {
width: 100%;
justify-content: center;
text-align: center;
}
}
.main-single2 .container-single .row1 article .boxes-content {
padding-left: 32px;
padding-right: 32px;
}
.main-single2 .container-single .row1 article .boxes-content .box-the-content {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.main-single2 .container-single .row1 article .boxes-content .box-the-content .the-content {
margin-top: 15px;
margin-bottom: 15px;
width: 100%;
}
.main-single2 .container-single .row1 article .boxes-content .boxes-tag {
clear: both;
margin-top: 38px;
padding-left: 0;
padding-right: 0;
}
.main-single2 .container-single .row1 article .boxes-content .boxes-tag .the-tags {
margin: 0 auto;
font-weight: 600;
color: var(--sol-color-link-button-initial);
text-transform: capitalize;
padding: 15px 19px;
padding-left: 0;
border-radius: 10px;
max-width: unset;
}
.main-single2 .container-single .row1 article .boxes-content .boxes-tag .the-tags svg {
width: 20px;
height: 20px;
fill: var(--sol-color-link-button-initial);
margin-right: 12px;
position: relative;
top: 3px;
}
.main-single2 .container-single .row1 article .boxes-content .boxes-tag .the-tags a {
color: var(--sol-color-link-button-initial);
}
.main-single2 .container-single .row1 article .boxes-content .box-social-share {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
margin-top: 38px;
}
.main-single2 .container-single .row1 article .boxes-content .box-social-share .sosmed {
display: flex;
flex-wrap: wrap;
align-items: center;
border-radius: 10px;
margin-right: 16px;
padding: 12px 13px;
border: 1px solid;
}
.main-single2 .container-single .row1 article .boxes-content .box-social-share .sosmed span {
margin-left: 9px;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.main-single2 .container-single .row1 article .boxes-content .box-social-share .facebook {
border-color: #195795;
}
.main-single2 .container-single .row1 article .boxes-content .box-social-share .facebook span {
color: #195795;
}
.main-single2 .container-single .row1 article .boxes-content .box-social-share .twitter {
border-color: #24C2DE;
}
.main-single2 .container-single .row1 article .boxes-content .box-social-share .twitter span {
color: #24C2DE;
}
.main-single2 .container-single .row1 article .boxes-content .comments-area {
margin-top: 38px;
}
.main-single2 .container-single .row1 .related-posts {
padding-left: 32px;
padding-right: 32px;
}
@media only screen and (max-width: 1024px) {
main.main-single2 .container-single .row1 article div.boxes-content.sidebar-active .box-the-content {
flex-wrap: wrap;
}
main.main-single2 .container-single .row1 article div.boxes-content.sidebar-active .box-the-content .the-content {
width: 100%;
}
main.main-single2 .container-single .row1 article div.boxes-content.sidebar-active .box-the-content aside {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
main.main-single2 .container-single .row1 article .boxes-header {
padding: 0;
}
main.main-single2 .container-single .row1 article .boxes-header .box-thumbnail {
margin-top: 0;
}
main.main-single2 .container-single .row1 article div.box-info,
main.main-single2 .container-single .row1 div.related-posts {
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
}
main.main-single2 .container-single .row1 article div.box-info .box-meta,
main.main-single2 .container-single .row1 div.related-posts .box-meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 35px 0 49px;
margin: 20px 0;
flex-direction: column;
gap: 15px;
}
main.main-single2 .container-single .row1 article div.boxes-content {
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
}
}
@media only screen and (max-width: 580px) {
main.main-single2 .container-single .row1 article .box-info .box-meta .right {
gap: 12px;
}
main.main-single2 .container-single .row1 article .boxes-content .box-social-share {
gap: 12px;
margin-top: 25px;
}
}
.main-single3 .container-single .row1 article .boxes-header {
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.main-single3 .container-single .row1 article .boxes-header::before {
display: none;
}
.main-single3 .container-single .row1 article .boxes-header .box-thumbnail {
margin-top: 58px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.main-single3 .container-single .row1 article .box-info {
margin: 0 auto;
padding-left: 32px;
padding-right: 32px;
margin-top: 84px;
text-align: justify;
}
.main-single3 .container-single .row1 article .box-info h1 {
text-align: center;
}
.main-single3 .container-single .row1 article .box-info .box-meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 35px 0 49px;
}
.main-single3 .container-single .row1 article .box-info .box-meta .left {
display: flex;
align-items: flex-start;
width: 30%;
}
.main-single3 .container-single .row1 article .box-info .box-meta .left a {
display: flex;
align-items: center;
text-transform: capitalize;
}
.main-single3 .container-single .row1 article .box-info .box-meta .left a img {
border-radius: 100%;
margin-right: 8px;
}
.main-single3 .container-single .row1 article .box-info .box-meta .left a span.name {
font-weight: 600;
color: var(--sol-color-base-font);
}
@media only screen and (max-width: 768px) {
.main-single3 .container-single .row1 article .box-info .box-meta .left {
width: 100%;
justify-content: center;
}
}
.main-single3 .container-single .row1 article .box-info .box-meta .right {
display: flex;
flex-wrap: wrap;
width: 70%;
justify-content: flex-end;
align-items: center;
}
.main-single3 .container-single .row1 article .box-info .box-meta .right .the-categories {
margin-right: 15px;
padding-left: 12px;
border-radius: 5px;
display: block;
max-width: 60%;
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.main-single3 .container-single .row1 article .box-info .box-meta .right .the-categories a {
background: var(--sol-color-page-title-background);
margin-right: 8px;
margin-bottom: 8px;
margin-bottom: 0;
border-radius: 5px;
padding: 2px 10px;
padding-top: 4px;
color: var(--sol-color-page-title-text);
font-weight: 600;
display: inline-block;
}
.main-single3 .container-single .row1 article .box-info .box-meta .right .the-time time.time-with-icon,
.main-single3 .container-single .row1 article .box-info .box-meta .right .the-time time.time-without-icon {
display: flex;
flex-wrap: wrap;
align-items: center;
text-decoration: none;
text-transform: capitalize;
}
.main-single3 .container-single .row1 article .box-info .box-meta .right .the-time time.time-with-icon svg,
.main-single3 .container-single .row1 article .box-info .box-meta .right .the-time time.time-without-icon svg {
width: 18px;
height: 18px;
margin-right: 5px;
fill: var(--sol-color-base-font);
}
.main-single3 .container-single .row1 article .box-info .box-meta .right .the-time time.time-with-icon span.time,
.main-single3 .container-single .row1 article .box-info .box-meta .right .the-time time.time-without-icon span.time {
color: var(--sol-color-base-font);
}
.main-single3 .container-single .row1 article .box-info .box-meta .right .the-time span {
font-weight: 600;
}
@media only screen and (max-width: 768px) {
.main-single3 .container-single .row1 article .box-info .box-meta .right {
width: 100%;
justify-content: center;
text-align: center;
}
}
.main-single3 .container-single .row1 article .boxes-content {
padding-left: 32px;
padding-right: 32px;
}
.main-single3 .container-single .row1 article .boxes-content .box-the-content {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.main-single3 .container-single .row1 article .boxes-content .box-the-content .the-content {
margin-top: 58px;
margin-bottom: 15px;
width: 100%;
}
.main-single3 .container-single .row1 article .boxes-content .box-the-content aside {
margin-top: 58px;
}
.main-single3 .container-single .row1 article .boxes-content .boxes-tag {
clear: both;
margin-top: 38px;
padding-left: 0;
padding-right: 0;
}
.main-single3 .container-single .row1 article .boxes-content .boxes-tag .the-tags {
margin: 0 auto;
font-weight: 600;
color: var(--sol-color-link-button-initial);
text-transform: capitalize;
padding: 15px 19px;
padding-left: 0;
border-radius: 10px;
max-width: unset;
}
.main-single3 .container-single .row1 article .boxes-content .boxes-tag .the-tags svg {
width: 20px;
height: 20px;
fill: var(--sol-color-link-button-initial);
margin-right: 12px;
position: relative;
top: 3px;
}
.main-single3 .container-single .row1 article .boxes-content .box-social-share {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
margin-top: 38px;
}
.main-single3 .container-single .row1 article .boxes-content .box-social-share .sosmed {
display: flex;
flex-wrap: wrap;
align-items: center;
border-radius: 10px;
margin-right: 16px;
padding: 12px 13px;
border: 1px solid;
}
.main-single3 .container-single .row1 article .boxes-content .box-social-share .sosmed span {
margin-left: 9px;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.main-single3 .container-single .row1 article .boxes-content .box-social-share .facebook {
border-color: #195795;
}
.main-single3 .container-single .row1 article .boxes-content .box-social-share .facebook span {
color: #195795;
}
.main-single3 .container-single .row1 article .boxes-content .box-social-share .twitter {
border-color: #24C2DE;
}
.main-single3 .container-single .row1 article .boxes-content .box-social-share .twitter span {
color: #24C2DE;
}
.main-single3 .container-single .row1 article .boxes-content .comments-area {
margin-top: 38px;
}
.main-single3 .container-single .row1 .related-posts {
padding-left: 32px;
padding-right: 32px;
}
@media only screen and (max-width: 1124px) {
.main-single3 .container-single .row1 article .boxes-content .box-the-content .the-content {
margin-top: 38px;
}
.main-single3 .container-single .row1 article .boxes-content .box-the-content aside {
margin-top: 38px;
}
}
@media only screen and (max-width: 1024px) {
main.main-single3 .container-single .row1 article div.box-info {
margin-top: 38px;
}
main.main-single3 .container-single .row1 article div.boxes-content.sidebar-active .box-the-content {
flex-wrap: wrap;
}
main.main-single3 .container-single .row1 article div.boxes-content.sidebar-active .box-the-content .the-content {
width: 100%;
}
main.main-single3 .container-single .row1 article div.boxes-content.sidebar-active .box-the-content aside {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
main.main-single3 .container-single .row1 article .boxes-header {
padding: 0;
}
main.main-single3 .container-single .row1 article .boxes-header .box-thumbnail {
margin-top: 0;
}
main.main-single3 .container-single .row1 article div.box-info,
main.main-single3 .container-single .row1 div.related-posts {
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
}
main.main-single3 .container-single .row1 article div.box-info .box-meta,
main.main-single3 .container-single .row1 div.related-posts .box-meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 35px 0 49px;
margin: 20px 0;
flex-direction: column;
gap: 15px;
}
main.main-single3 .container-single .row1 article div.boxes-content {
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
}
}
@media only screen and (max-width: 580px) {
main.main-single3 .container-single .row1 article .box-info .box-meta .right {
gap: 12px;
}
main.main-single3 .container-single .row1 article .boxes-content .box-social-share {
gap: 12px;
margin-top: 25px;
}
}
.main-single-custom .container-single .row1 article .boxes-ordering {
padding-bottom: 24px;
position: relative;
}
.main-single-custom .container-single .row1 article .boxes-ordering figure.solace-featured-image {
margin-top: 0;
}
.main-single-custom .container-single .row1 article .boxes-ordering::before {
display: none;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-thumbnail {
margin-top: 24px;
margin-bottom: 24px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.main-single-custom .container-single .row1 article .boxes-ordering .the-categories {
margin-top: 24px;
margin-bottom: 24px;
text-align: center;
}
.main-single-custom .container-single .row1 article .boxes-ordering .the-categories a {
font-size: 15px;
font-weight: 400;
padding-top: 0;
text-align: center;
display: inline-block;
}
.main-single-custom .container-single .row1 article .boxes-ordering .the-categories svg:first-child {
display: none;
}
.main-single-custom .container-single .row1 article .boxes-ordering .the-categories svg {
margin: 0 8px;
width: 6px;
height: 6px;
position: relative;
bottom: 1px;
fill: var(--sol-color-link-button-initial);
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-title {
margin: 0 auto;
margin-top: 24px;
margin-bottom: 24px;
text-align: justify;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-title h1,
.main-single-custom .container-single .row1 article .boxes-ordering .box-title h2,
.main-single-custom .container-single .row1 article .boxes-ordering .box-title h3,
.main-single-custom .container-single .row1 article .boxes-ordering .box-title h4,
.main-single-custom .container-single .row1 article .boxes-ordering .box-title h5,
.main-single-custom .container-single .row1 article .boxes-ordering .box-title h6 {
font-size: var(--single-title-fontsize);
text-align: center;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 24px auto;
gap: 15px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .left {
display: flex;
align-items: center;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .left a {
display: flex;
flex-wrap: wrap;
align-items: center;
text-transform: capitalize;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .left a img {
border-radius: 100%;
margin-right: 8px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .left a span.name {
font-weight: 600;
color: var(--sol-color-base-font);
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .the-categories {
margin-right: 15px;
padding-left: 12px;
border-radius: 5px;
background: var(--sol-color-page-title-background);
display: flex;
flex-direction: column;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .the-categories a {
margin-right: 12px;
color: var(--sol-color-page-title-text);
font-weight: 600;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .the-time time.time-with-icon,
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .the-time time.time-without-icon {
display: flex;
flex-wrap: wrap;
align-items: center;
text-decoration: none;
text-transform: capitalize;
margin-right: 0;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .the-time time.time-with-icon svg,
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .the-time time.time-without-icon svg {
width: 18px;
height: 18px;
margin-right: 5px;
fill: var(--sol-color-base-font);
position: relative;
top: 2px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .the-time time.time-with-icon span.time,
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .the-time time.time-without-icon span.time {
color: var(--sol-color-base-font);
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .the-time span {
font-weight: 600;
position: relative;
top: 2px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .words-per-minute span.count {
color: var(--sol-color-base-font);
font-weight: 600;
position: relative;
top: 2px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .comment a.comment-with-icon {
display: flex;
flex-wrap: wrap;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .comment a.comment-with-icon span {
color: var(--sol-color-base-font);
font-weight: 600;
position: relative;
top: 2px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-meta .right .comment a.comment-with-icon svg {
width: 18px;
height: 18px;
margin-right: 5px;
fill: var(--sol-color-base-font);
position: relative;
top: 3px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .divider-border {
padding: var(--single-margin-divider);
margin-left: auto;
margin-right: auto;
}
.main-single-custom .container-single .row1 article .boxes-ordering .divider-border .divider {
border-style: solid;
border-color: var(--sol-color-border);
border-width: 1px;
margin: 0 auto;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-content {
margin-top: 24px;
margin-bottom: 24px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-content .box-the-content {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-content .box-the-content .the-content {
width: 100%;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-content .box-the-content aside {
margin-top: 58px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-content .box-social-share {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
margin-top: 38px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-content .box-social-share .sosmed {
display: flex;
flex-wrap: wrap;
align-items: center;
border-radius: 10px;
margin-right: 16px;
padding: 12px 13px;
border: 1px solid;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-content .box-social-share .sosmed span {
margin-left: 9px;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-content .box-social-share .facebook {
border-color: #195795;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-content .box-social-share .facebook span {
color: #195795;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-content .box-social-share .twitter {
border-color: #24C2DE;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-content .box-social-share .twitter span {
color: #24C2DE;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-tag {
clear: both;
margin-top: 24px;
margin-bottom: 24px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-tag .the-tags {
margin: 0 auto;
font-weight: 600;
color: var(--sol-color-link-button-initial);
text-transform: capitalize;
padding: 15px 19px;
padding-left: 0;
border-radius: 10px;
max-width: unset;
}
.main-single-custom .container-single .row1 article .boxes-ordering .boxes-tag .the-tags svg {
width: 20px;
height: 20px;
fill: var(--sol-color-link-button-initial);
margin-right: 12px;
position: relative;
top: 3px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .box-info-author {
margin-top: 24px;
margin-bottom: 24px;
}
.main-single-custom .container-single .row1 article .boxes-ordering .comments-area {
margin-top: 24px;
margin-bottom: 24px;
}
@media only screen and (max-width: 1124px) {
.main-single-custom .container-single .row1 article .boxes-content .box-the-content .the-content {
margin-top: 38px;
}
.main-single-custom .container-single .row1 article .boxes-content .box-the-content aside {
margin-top: 38px;
}
}
@media only screen and (max-width: 1024px) {
main.main-single-custom .container-single .row1 article .boxes-ordering div.box-info {
margin-top: 38px;
}
main.main-single-custom .container-single .row1 article div.boxes-content.sidebar-active .box-the-content {
flex-wrap: wrap;
}
main.main-single-custom .container-single .row1 article div.boxes-content.sidebar-active .box-the-content .the-content {
width: 100%;
}
main.main-single-custom .container-single .row1 article div.boxes-content.sidebar-active .box-the-content aside {
width: 100%;
}
main.main-single-custom .container-single .row1 article div.boxes-content,
main.main-single-custom .container-single .row1 article div.boxes-tag,
main.main-single-custom .container-single .row1 article div.divider-border,
main.main-single-custom .container-single .row1 article div.box-info-author,
main.main-single-custom .container-single .row1 article div.comments-area,
main.main-single-custom .container-single .row1 article div.box-posts-navigation,
main.main-single-custom .container-single .row1 article div.related-posts {
padding-left: 0;
padding-right: 0;
max-width: 100%;
}
}
@media only screen and (max-width: 768px) {
main.main-single-custom .container-single .row1 article .boxes-ordering {
padding-left: 15px;
padding-right: 15px;
}
main.main-single-custom .container-single .row1 article .boxes-ordering .box-thumbnail {
margin-top: 0;
}
main.main-single-custom .container-single .row1 article .boxes-ordering div.box-info {
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
}
main.main-single-custom .container-single .row1 article .boxes-ordering div.box-info .box-meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 35px 0 49px;
margin: 20px 0;
flex-direction: column;
gap: 15px;
}
}
@media only screen and (max-width: 580px) {
main.main-single-custom .container-single .row1 article .boxes-ordering .box-info .box-meta .right {
gap: 12px;
}
main.main-single-custom .container-single .row1 article .boxes-content .box-social-share {
gap: 12px;
margin-top: 25px;
}
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Header
--------------------------------------------- */
ul.nav-ul a {
color: var(--sol-color-page-title-text);
}
ul.nav-ul li.current-menu-parent > a {
color: var(--sol-color-link-button-initial);
}
ul.nav-ul li.current_page_item > a {
color: var(--sol-color-link-button-initial);
}
ul.nav-ul li.current-menu-item > a:not([href*="#"]) {
color: var(--sol-color-link-button-initial);
}
.header-main {
background: var(--sol-color-page-title-background);
}
.header-main .widget-area p {
color: var(--color);
}
.rico {
color: white;
}
h1.site-title {
font-family: var(--logotitlefontfamily);
}
.elementor-button {
font-family: var(--buttonfontfamily);
}
.header-content {
max-width: 1280px;
min-height: 103px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 32px;
padding-right: 32px;
}
@media screen and (max-width: 1024px) {
.header-content {
justify-content: space-between;
}
}
.header-content .site-branding {
max-width: 147px;
}
.header-content .site-branding .site-title,
.header-content .site-branding .site-description {
color: var(--sol-color-selection-initial);
margin: 0;
}
.header-content .site-branding .site-title a,
.header-content .site-branding .site-title a:visited,
.header-content .site-branding .site-title a:hover,
.header-content .site-branding .site-description a,
.header-content .site-branding .site-description a:visited,
.header-content .site-branding .site-description a:hover {
font-weight: 600;
}
.header-content .site-branding .site-description {
font-size: 0.8125rem;
}
.header .close-container button, .header .close-container .wc-block-components-button__text,
.header .close-container .wc-block-components-totals-coupon-link, .header .close-container table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .header .close-container .wc-block-cart-item__remove-link, .header .close-container .wc-block-components-notice-banner__content .button.wc-forward, .wc-block-components-notice-banner__content .header .close-container .button.wc-forward, .header .close-container .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .header .close-container .wc-forward {
background: none !important;
padding: 0;
margin-top: 50px;
}
@media (min-width: 960px) {
.wrapper > header.header {
z-index: 99;
}
}
#header-grid .solace-hide-row-top,
#header-grid .solace-hide-row-main,
#header-grid .solace-hide-row-bottom,
#header-grid .solace_hide_row_main {
display: none;
}
/* Footer
--------------------------------------------- */
.site-footer {
--color: var(--sol-color-base-font);
margin-top: 50px;
}
.site-footer .site-title {
color: inherit;
}
.site-footer .widget-area h5 {
font-size: var(--h5fontsize);
color: inherit;
}
.site-footer .copyright {
color: var(--sol-color-selection-initial);
font-size: small;
}
.site-footer a,
.site-footer a:visited {
text-decoration: none;
}
.site-footer .d-flex {
max-width: 1280px;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0 auto;
border-bottom: 2px solid var(--sol-color-border);
}
@media (max-width: 1330px) {
.site-footer .d-flex {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1024px) {
.site-footer .d-flex {
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.site-footer .d-flex {
flex-wrap: wrap;
}
}
.site-footer .d-flex .col-md-6 {
max-width: 25%;
}
@media (max-width: 1024px) {
.site-footer .d-flex .col-md-6 {
width: 48%;
max-width: 48%;
}
}
@media (max-width: 768px) {
.site-footer .d-flex .col-md-6 {
width: 100%;
max-width: 100%;
}
}
.site-footer .d-flex .textwidget {
display: block;
}
.site-footer .d-flex .widget-title {
margin-block-start: 0;
margin-bottom: 24px;
color: var(--sol-color-selection-initial);
}
.site-footer .d-flex li {
margin-bottom: 14px;
gap: 0.5rem;
}
.site-footer .widget_search button, .site-footer .widget_search .wc-block-components-button__text,
.site-footer .widget_search .wc-block-components-totals-coupon-link, .site-footer .widget_search table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .site-footer .widget_search .wc-block-cart-item__remove-link, .site-footer .widget_search .wc-block-components-notice-banner__content .button.wc-forward, .wc-block-components-notice-banner__content .site-footer .widget_search .button.wc-forward, .site-footer .widget_search .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .site-footer .widget_search .wc-forward {
border: none;
margin-left: 12px;
}
.site-footer .footer-content {
font-size: 0.8125rem;
max-width: 1215px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: flex-start;
align-items: center;
padding-top: 32px;
padding-bottom: 32px;
}
.site-footer .footer-default-content {
font-size: 0.8125rem;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: flex;
padding-top: 32px;
padding-bottom: 32px;
padding-left: 32px;
padding-right: 32px;
}
.site-footer .container {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.footer--row .builder-item .builder-item--copyright_html p {
color: inherit;
}
.topbutton {
position: fixed;
right: 30px;
bottom: 20px;
Z-index: 99;
background-repeat: no-repeat;
display: none;
}
@media only screen and (max-width: 768px) {
.site-footer {
margin-top: 25px;
}
}
/* Navigation
--------------------------------------------- */
.main-navigation {
display: block;
width: 100%;
font-weight: 600;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
justify-content: center;
}
.main-navigation ul li {
list-style: none;
margin: 0 12px;
}
.main-navigation ul ul {
background-color: var(--sol-color-background);
border: 1px solid var(--sol-color-border);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
display: flex;
flex-direction: column;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: 100%;
}
.main-navigation ul ul a {
color: var(--sol-color-base-font);
min-width: 200px;
padding: 8px 16px;
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
color: var(--sol-color-link-button-initial);
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
color: var(--sol-color-link-button-initial);
}
.main-navigation a {
display: block;
text-decoration: none;
color: var(--sol-color-base-font);
}
.main-navigation ul.nav-menu > li:not(.current_page_item):not(.current_page_ancestor):hover > a {
color: var(--sol-color-link-button-initial);
}
.main-navigation ul.nav-menu > li:not(.current_page_item):not(.current_page_ancestor) > a {
color: var(--sol-color-link-button-initial);
}
.main-navigation ul.nav-menu > li:not(.current_page_item):not(.current_page_ancestor) > a:hover, .main-navigation ul.nav-menu > li:not(.current_page_item):not(.current_page_ancestor) > a:hover::after {
color: var(--sol-color-link-button-initial);
}
.main-navigation ul.nav-menu > li > a:hover::after {
transition: .4s;
background-color: var(--sol-color-link-button-initial);
height: 1px;
content: "";
bottom: -2px;
width: 100%;
position: absolute;
left: 0;
}
.main-navigation ul.nav-menu > li::after {
color: var(--sol-color-selection-initial);
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
color: var(--sol-color-link-button-initial);
}
.main-navigation .nav-menu > .current_page_item > a::after,
.main-navigation .nav-menu > .current-menu-item > a::after,
.main-navigation .nav-menu > .current_page_ancestor > a::after,
.main-navigation .nav-menu > .current-menu-ancestor > a::after {
background-color: var(--sol-color-link-button-initial);
height: 1px;
content: "";
bottom: -2px;
width: 100%;
position: absolute;
left: 0;
}
.main-navigation .nav-menu > .current_page_item::after,
.main-navigation .nav-menu > .current-menu-item::after,
.main-navigation .nav-menu > .current_page_ancestor::after,
.main-navigation .nav-menu > .current-menu-ancestor::after {
color: var(--sol-color-link-button-initial);
}
.main-navigation .nav-menu > .page_item_has_children,
.main-navigation .nav-menu > .menu-item-has-children {
padding-right: 18px;
}
.main-navigation .nav-menu > .page_item_has_children::after,
.main-navigation .nav-menu > .menu-item-has-children::after {
font-weight: 900;
font-family: "Font Awesome 5 Free";
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
content: "\f107";
position: absolute;
right: 0;
top: 5px;
}
.main-navigation .nav-menu > .page_item_has_children:hover > a,
.main-navigation .nav-menu > .menu-item-has-children:hover > a {
color: var(--sol-color-link-button-initial);
}
.main-navigation .nav-menu > .page_item_has_children:hover:after,
.main-navigation .nav-menu > .menu-item-has-children:hover:after {
color: var(--sol-color-link-button-initial);
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul.nav-menu {
display: block;
}
.menu-toggle {
background-color: transparent;
color: var(--sol-color-link-button-initial);
}
.menu-toggle:focus, .menu-toggle:hover {
background-color: transparent;
color: var(--sol-color-link-button-initial);
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
flex-direction: row-reverse;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
.posts-navigation {
display: flex;
justify-content: center;
width: 100%;
}
.posts-navigation .nav-links .nav-previous a,
.posts-navigation .nav-links .nav-next a {
font-size: 36px;
font-weight: 600;
}
@media screen and (min-width: 1025px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
@media screen and (max-width: 1024px) {
.menu-toggle {
margin-right: -23px;
}
.main-navigation {
width: auto;
color: var(--sol-color-selection-initial);
}
.main-navigation a {
color: var(--sol-color-selection-initial);
}
.main-navigation .nav-menu {
padding: 12px;
}
.main-navigation ul ul {
position: relative;
left: 0;
clear: both;
width: 100%;
background: transparent;
border: none;
}
.main-navigation ul ul a {
color: var(--sol-color-selection-initial);
padding: 0;
}
.main-navigation ul ul li {
margin: 0 0 0 12px;
}
.main-navigation ul ul ul {
left: 0;
}
.main-navigation li {
clear: both;
}
.main-navigation .menu {
position: absolute;
margin-top: 27px;
left: 0;
width: 100%;
background-color: var(--sol-color-page-title-background);
z-index: 9;
}
.main-navigation ul.children a {
padding: 0;
}
.main-navigation li.page_item_has_children ul,
.main-navigation li.menu-item-has-children ul {
display: none;
}
.main-navigation li.page_item_has_children.focus > ul,
.main-navigation li.menu-item-has-children.focus > ul {
display: block;
}
.main-navigation li.focus > ul.children,
.main-navigation li.focus > ul.sub-menu {
position: relative;
left: 0;
clear: both;
width: 100%;
background: transparent;
border: none;
}
.main-navigation .nav-menu > .current_page_item > a::after,
.main-navigation .nav-menu > .current-menu-item > a::after,
.main-navigation .nav-menu > .current_page_ancestor > a::after,
.main-navigation .nav-menu > .current-menu-ancestor > a::after {
height: 0;
}
.main-navigation .nav-menu > .page_item_has_children,
.main-navigation .nav-menu > .menu-item-has-children {
padding-right: 0;
}
.main-navigation .nav-menu > .page_item_has_children::after,
.main-navigation .nav-menu > .menu-item-has-children::after {
right: 18px;
}
.main-navigation .nav-menu .page_item_has_children ul.children,
.main-navigation .nav-menu .menu-item-has-children ul.children {
padding-left: 12px;
}
.main-navigation .nav-menu .page_item_has_children::after,
.main-navigation .nav-menu .menu-item-has-children::after {
font-weight: 900;
font-family: "Font Awesome 5 Free";
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
content: "\f107";
position: absolute;
right: 0;
top: 5px;
}
}
/* Posts and pages
--------------------------------------------- */
.sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 1.5em 0 1.5em;
}
.entry-title a {
color: var(--sol-color-base-font);
text-decoration: none;
}
.page .entry-header {
background-color: var(--sol-color-page-title-background);
}
.page .entry-header .entry-title {
color: var(--sol-color-selection-initial);
}
.single .entry-header {
background-color: var(--sol-color-page-title-background);
opacity: 0.5;
}
.single .entry-header .entry-title {
color: var(--sol-color-selection-initial);
}
.single .entry-header .entry-meta {
color: var(--sol-color-selection-initial);
}
.single .entry-header .entry-meta a {
color: var(--sol-color-selection-initial);
}
.entry-meta {
color: var(--sol-color-base-font);
}
.entry-meta a {
color: var(--sol-color-base-font);
text-decoration: none;
}
/* Comments
--------------------------------------------- */
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/* Widgets
--------------------------------------------- */
.widget {
margin: 0;
margin-bottom: 48px;
}
.widget select {
max-width: 100%;
}
.widget li {
margin-left: 20px;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/* Captions
--------------------------------------------- */
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/* Galleries
--------------------------------------------- */
.gallery {
margin-bottom: 1.5em;
display: grid;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/* Gutenberg Blocks
--------------------------------------------- */
.is-style-my-cover {
background-color: pink;
min-height: 80vh;
}
.wp-block-cover p.wp-block-cover-text {
color: #fff;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.solacerending .site-footer {
display: block;
}
.spinner {
width: 40px;
height: 40px;
margin: 0 auto;
display: block;
background: url("/wp-admin/images/loading.gif") no-repeat center center;
background-size: contain;
}
.infinite-scroll .spinner.show {
position: fixed;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
}
.infinite-scroll {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}
.widget_shopping_cart .woocommerce-mini-cart {
margin-right: 0 !important;
}
.widget_shopping_cart .woocommerce-mini-cart li.woocommerce-mini-cart-item.mini_cart_item {
list-style: none;
margin: 0;
padding: 10px !important;
display: flex;
flex-direction: row;
align-items: center;
}
.widget_shopping_cart .woocommerce-mini-cart li.woocommerce-mini-cart-item.mini_cart_item a {
margin-left: 0 !important;
display: flex;
align-items: center;
gap: 10px;
}
.widget_shopping_cart .woocommerce-mini-cart li.woocommerce-mini-cart-item.mini_cart_item a img {
position: relative;
left: 0;
width: 60px !important;
top: 0;
transform: none;
margin-left: 20px !important;
}
.woocommerce-cart .wc-block-cart-items {
/* Tablet: max-width 1024px */
/* Mobile: max-width 425px */
}
.woocommerce-cart .wc-block-cart-items .is-mobile table.wc-block-cart-items .wc-block-cart-items__row {
display: flex;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image {
border-top: none;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image {
width: 20%;
flex: 0 0 75px;
}
@media (max-width: 1024px) {
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image {
width: 100%;
flex: 0 0 100%;
}
}
@media (max-width: 425px) {
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image {
width: 100%;
flex: 0 0 100%;
}
}
.woocommerce-cart .wc-block-cart-items .wc-block-components-product-name {
font-size: var(--h5fontsize);
color: #000;
font-weight: 600;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__total .wc-block-components-formatted-money-amount {
font-size: var(--h5fontsize);
color: #000;
font-weight: 600;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__remove-link {
position: relative;
}
.woocommerce-cart .wc-block-cart-items .wc-block-components-quantity-selector {
width: 50px;
}
.woocommerce-cart .wc-block-cart-items .wc-block-components-quantity-selector__input {
padding: 0 !important;
}
.woocommerce-cart .wc-block-cart-items .wc-block-components-quantity-selector:after {
border: 0;
}
.woocommerce-cart .wc-block-cart-items .wc-block-components-quantity-selector__button--minus,
.woocommerce-cart .wc-block-cart-items .wc-block-components-quantity-selector__button--plus {
background-color: #cbc9c9;
border-radius: 5px;
width: 20px !important;
height: 20px !important;
min-width: 20px;
}
.woocommerce-cart .ricoK {
color: #000;
}
.woocommerce-cart .wc-block-components-sidebar {
border-radius: 20px;
padding-left: 0;
height: fit-content;
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
position: relative;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-coupon-link {
border-radius: 30px;
display: flex;
justify-content: center;
}
.woocommerce-cart .wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block {
border: none;
width: 100%;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper {
border-top: none;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-text-input #wc-block-components-totals-coupon__input-0 {
height: 50px;
border: none;
padding-left: 20px;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
height: 40px;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit-container button, .woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit-container .wc-block-components-button__text,
.woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit-container .wc-block-components-totals-coupon-link, .woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit-container table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit-container .wc-block-cart-item__remove-link, .woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit-container .wc-block-components-notice-banner__content .button.wc-forward, .wc-block-components-notice-banner__content .woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit-container .button.wc-forward, .woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit-container .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit-container .wc-forward {
border-radius: 30px;
margin: 0px;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit-container a.wc-block-components-button {
border-radius: var(--primarybtnborderradius, 3px);
}
.woocommerce-checkout {
/* Mobile only */
}
.woocommerce-checkout .wc-block-components-sidebar {
padding-left: 0;
}
.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper {
border-top: 0;
}
.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__image {
flex: 0 0 48px;
}
.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[type=text] {
border: 0;
border-radius: 30px;
background-color: var(--sol-color-bg-menu-dropdown);
padding-left: 20px !important;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
border-radius: 20px;
background-color: #dedede7d;
padding-left: 0;
}
@media (max-width: 1024px) {
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
background-color: transparent;
}
}
@media (max-width: 425px) {
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
background-color: transparent;
}
}
.woocommerce-checkout #wc-block-components-totals-coupon__input-0 {
height: 50px;
border: none;
padding-left: 20px;
}
.woocommerce-checkout .wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
height: 40px;
}
.woocommerce-account span.select2-selection.select2-selection--single,
.woocommerce-account .woocommerce form .woocommerce-address-fields input[type=tel].input-text,
.woocommerce-account .woocommerce form .woocommerce-address-fields input[type=email].input-text,
.woocommerce-account .woocommerce form .woocommerce-address-fields input[type=text].input-text,
.woocommerce-account .woocommerce form.woocommerce-EditAccountForm input[type=tel].input-text,
.woocommerce-account .woocommerce form.woocommerce-EditAccountForm input[type=email].input-text,
.woocommerce-account .woocommerce form.woocommerce-EditAccountForm input[type=text].input-text,
.woocommerce-account .woocommerce form.woocommerce-EditAccountForm input[type=password].input-text {
background-color: var(--sol-color-bg-menu-dropdown);
padding-left: 20px !important;
}
.woocommerce-account li.woocommerce-MyAccount-navigation-link {
list-style: none;
}
.woocommerce ul.products .img-wrap span.onsale {
margin: 12px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 12px;
}
.woocommerce ul.products .img-wrap span.onsale.badge-1 {
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 12px;
}
.woocommerce ul.products .img-wrap span.onsale.badge-2 {
padding-left: 20px;
padding-right: 20px;
border-radius: 0;
}
.woocommerce ul.products .img-wrap span.onsale.badge-3 {
width: 60px;
border-radius: 50%;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}
.woocommerce-checkout .woocommerce-thank-you-page-available-shortcodes-container.woocommerce-thank-you-page-hidden {
display: none;
}
.woocommerce-checkout .woocommerce-thank-you-page-wp-editor-container {
display: none;
}
.woocommerce-thank-you-page-container .woocommerce-thank-you-page-container__row .woocommerce-thank-you-page-edit-block-container .woocommerce-thank-you-page-edit-block-add-item {
line-height: 12px;
}
.woocommerce-thank-you-page-edit-block-add-item:hover {
transform: unset;
}
/* Woocommerce
--------------------------------------------- */
.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-price del {
text-decoration: none;
position: relative;
}
.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-price del span.woocommerce-Price-amount {
text-decoration: line-through;
}
.woocommerce-cart table.cart td.actions div.coupon {
display: flex;
flex-wrap: wrap;
max-width: 370px;
}
@media only screen and (max-width: 768px) {
.woocommerce-cart table.cart td.actions div.coupon {
max-width: 100%;
}
}
@media only screen and (max-width: 480px) {
.woocommerce-cart table.cart td.actions div.coupon input.input-text#coupon_code {
margin-right: 0;
}
.woocommerce-cart table.cart td.actions div.coupon button, .woocommerce-cart table.cart td.actions div.coupon .wc-block-components-button__text,
.woocommerce-cart table.cart td.actions div.coupon .wc-block-components-totals-coupon-link, .woocommerce-cart table.cart td.actions div.coupon table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .woocommerce-cart table.cart td.actions div.coupon .wc-block-cart-item__remove-link, .woocommerce-cart table.cart td.actions div.coupon .wc-block-components-notice-banner__content .button.wc-forward, .wc-block-components-notice-banner__content .woocommerce-cart table.cart td.actions div.coupon .button.wc-forward, .woocommerce-cart table.cart td.actions div.coupon .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward, .woocommerce .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .woocommerce-cart table.cart td.actions div.coupon .wc-forward {
margin-top: 8px;
}
}
@media only screen and (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-content {
margin-top: 30px;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin-right: 20px;
}
.woocommerce table.shop_attributes tr td {
border: 1px solid var(--sol-color-border);
}
.woocommerce table.shop_attributes tr th {
border: 1px solid var(--sol-color-border);
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.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: var(--nv-light-bg);
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: --sol-color-link-button-initial;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
/*# sourceMappingURL=theme.css.map */