/*
Theme Name: Shopstar!
Theme URI: https://www.outtheboxthemes.com/wordpress-themes/shopstar/
Author: Out the Box
Author URI: https://www.outtheboxthemes.com/
Description: Shopstar! is a super stylish, fully responsive, easy to use WordPress theme perfect for an online store, fashion website or blog. Its minimalist design features let your products and visuals do the talking. Integrated with powerful plugins like SiteOrigin's Page Builder, WPForms and Recent Posts Widget Extended, as well as being Woocommerce-ready - it's easily customisable and ready to go. Download it today and get your customers shopping up a storm!
Version: 10.2.44
Tested up to: 6.8
Requires at least: 4.7
Requires PHP: 5.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: shopstar
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, wide-blocks, e-commerce, photography, portfolio
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Shopstar! is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
8.1 Shopstar! Univeral Styling
8.2 Shopstar! Content Layout Styling
8.3 Shopstar! Theme Styling
9.0 Widgets
10.0 Content
10.1 Posts and pages
10.2 Asides
10.3 Comments
12.0 Media
12.1 Captions
12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
margin: 0;
/*outline: 0;*/
padding: 0;
vertical-align: baseline;
}
html,
body {
height: 100%;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-x: hidden;
overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
scroll-behavior: smooth;
}
body {
margin: 0;
}
body.crisp-images {
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
body.show-main-menu #main-menu.left-aligned {
left: 0px;
}
body.show-main-menu #main-menu:not(.left-aligned),
body.show-main-menu #main-menu.right-aligned {
right: 0px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
word-wrap: break-word;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
margin: 0;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
.shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button,
div.wpforms-container form.wpforms-form input[type="text"],
div.wpforms-container form.wpforms-form input[type="email"],
div.wpforms-container form.wpforms-form input[type="tel"],
div.wpforms-container form.wpforms-form input[type="number"],
div.wpforms-container form.wpforms-form input[type="url"],
div.wpforms-container form.wpforms-form input[type="password"],
div.wpforms-container form.wpforms-form input[type="search"],
div.wpforms-container form.wpforms-form select,
div.wpforms-container form.wpforms-form textarea,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
::-moz-selection {
color:#fff;
}
::selection {
color:#fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
blockquote:before {
content: "\201C";
font-size: 110px;
line-height: 0.96;
top: 0;
left: 0;
font-family: "Lora";
font-style: italic;
position: absolute;
}
.google-fonts-disabled blockquote:before {
font-family: "arial";
font-family: "georgia";
font-style: normal;
}
blockquote {
min-height: 40px;
content: "\201C";
margin: 1.1em 0 1.1em 0;
padding: 0 0 0 2.6em;
font-size: 21px;
font-style: italic;
position: relative;
}
blockquote,
blockquote p {
line-height: 1.5;
}
blockquote:first-child {
margin-top: 0;
}
hr {
background-color: #CCCCCC;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
.shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button,
input[type="button"],
input[type="reset"],
input[type="submit"],
div.wpforms-container form.wpforms-form input[type=submit],
div.wpforms-container form.wpforms-form button[type=submit],
div.wpforms-container form.wpforms-form .wpforms-page-button {
border: 1px solid;
border-color: #939598;
background: #FFFFFF;
width: 100%;
width: auto;
height: 48px;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: none;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
outline: 0;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
}
div.wpforms-container form.wpforms-form input[type="text"],
div.wpforms-container form.wpforms-form input[type="email"],
div.wpforms-container form.wpforms-form input[type="tel"],
div.wpforms-container form.wpforms-form input[type="number"],
div.wpforms-container form.wpforms-form input[type="url"],
div.wpforms-container form.wpforms-form input[type="password"],
div.wpforms-container form.wpforms-form input[type="search"],
div.wpforms-container form.wpforms-form select,
div.wpforms-container form.wpforms-form textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border: 1px solid #cccccc;
border-radius: 0;
}
div.wpforms-container form.wpforms-form input[type="text"],
div.wpforms-container form.wpforms-form input[type="email"],
div.wpforms-container form.wpforms-form input[type="tel"],
div.wpforms-container form.wpforms-form input[type="number"],
div.wpforms-container form.wpforms-form input[type="url"],
div.wpforms-container form.wpforms-form input[type="password"],
div.wpforms-container form.wpforms-form input[type="search"],
div.wpforms-container form.wpforms-form select,
div.wpforms-container form.wpforms-form textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="search"],
select {
padding: 3px;
}
select {
padding-left: 0;
}
textarea {
padding: 12px 3px 0 3px;
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
.content-links-have-underlines .content-area p a {
text-decoration: underline;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
position: relative;
z-index: 9;
}
.main-navigation .drop-shadow {
box-shadow: 0 1px 16px 5px rgb(0 0 0 / 20%);
clip-path: inset(0 1px -1000px 0);
z-index: 1;
position: absolute;
width: 100%;
top: calc( 100% + 5px );
}
.main-navigation,
.main-navigation-mega-menu {
clear: both;
display: block;
float: left;
width: 100%;
line-height: 0;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
display: inline-block;
vertical-align: top;
text-align: left;
}
.main-navigation li {
float: left;
position: relative;
padding: 0 38px 0 0;
display: block;
}
.main-navigation a {
display: block;
text-decoration: none;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
padding: 0 0 18px 0;
-webkit-transition: color 0.2s ease 0s;
-moz-transition: color 0.2s ease 0s;
-ms-transition: color 0.2s ease 0s;
-o-transition: color 0.2s ease 0s;
transition: color 0.2s ease 0s;
}
.main-navigation a,
.main-navigation-mega-menu a {
letter-spacing: 1px;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 1.5em;
z-index: 99999;
margin-top: 16px;
padding: 6px 0 7px 0;
background-position: top left, top right;
background-repeat: repeat-y;
left: 0;
opacity: 0;
visibility: hidden;
}
.main-navigation ul ul li {
padding: 0;
margin: 0;
float: none;
}
.main-navigation ul ul ul {
top: 0;
margin: -11px 0 0 0;
display: none;
left: 100%;
opacity: 0;
visibility: hidden;
}
.main-navigation.animated-submenus ul ul ul {
display: inline-block;
}
.main-navigation ul ul a {
width: 100%;
font-weight: 300;
text-transform: none;
font-size: 14px;
line-height: 28px;
line-height: 17px;
padding: 7px 10px 7px 10px;
text-align: left;
}
.main-navigation.animated-submenus ul ul {
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0.45s, opacity 0.45s ease 0s;
-moz-transition: visibility 0.45s, opacity 0.45s ease 0s;
-ms-transition: visibility 0.45s, opacity 0.45s ease 0s;
-o-transition: visibility 0.45s, opacity 0.45s ease 0s;
transition: visibility 0.45s, opacity 0.45s ease 0s;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.hover > ul,
.main-navigation ul li.focus > ul {
opacity: 1;
visibility: visible;
position: absolute;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.hover > ul {
opacity: 1;
visibility: visible;
position: absolute;
}
/* Open left */
.main-navigation ul li.left ul,
.main-navigation ul li.open-left ul {
left: calc( 100% - 38px);
-webkit-transform: translateZ(0) translate(-100%,0);
transform: translateZ(0) translate(-100%,0);
}
.main-navigation ul li.left ul ul,
.main-navigation ul li.open-left ul ul {
left: 0;
-webkit-transform: translateZ(0) translate(-100%,0);
transform: translateZ(0) translate(-100%,0);
}
.main-navigation ul li.left ul a,
.main-navigation ul li.open-left ul a {
text-align: right;
}
.main-navigation.animated-submenus ul li:hover > ul {
opacity: 1;
visibility: visible;
position: absolute;
}
.main-navigation.animated-submenus ul ul ul {
left: 100%;
-webkit-transform: none;
transform: none;
}
.main-navigation.animated-submenus ul ul li:hover > ul {
opacity: 1;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}
.main-navigation-inner {
display: inline-block;
vertical-align: top;
}
/* Mobile Menu */
.main-navigation .menu-toggle,
.main-navigation .close-button {
display: none;
}
.submenu-toggle {
display: none;
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 10px 14px;
padding: 2px 11px 5px 14px;
height: 33px;
line-height: 15px;
text-align: center;
font-size: 28px;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.submenu-toggle:hover .fa,
.submenu-toggle:hover .otb-fa {
color: rgba(255, 255, 255, 0.6);
}
/* Small menu. */
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: right;
text-align: right;
width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: left;
width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
8.1 Shopstar! Universal Styling
--------------------------------------------------------------*/
.clearboth {
clear: both;
}
ul.no-indent {
margin-left: 0;
}
ul.no-bullets {
list-style: none;
}
:not(.site-header).centered {
text-align: center;
}
/*--------------------------------------------------------------
8.2 Shopstar! Content Layout Styling
--------------------------------------------------------------*/
.container {
position: relative;
max-width: 1140px;
margin: 0 auto;
}
.padder {
margin: 0;
padding: 0;
height: 100%;
}
.boxed {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 0 6px rgba(0, 0, 0, 0.1);
}
.boxed .padder {
margin: 0 20px 0 20px;
}
body.home.shopstar-one-page-mode .site-content .container .padder {
margin: 0;
}
.woocommerce #container,
.woocommerce-page #container,
.content-area {
width: 75%;
float: left;
padding: 0 2% 0 0;
}
.widget-area {
width: 25%;
float: left;
padding: 100px 0 0 2%;
}
.error404 .content-area,
.page-template-template-full-width-php .content-area,
.content-area.full-width,
body.full-width #container,
body.full-width .content-area {
width: 100% !important;
padding: 0 !important;
}
body.full-width .widget-area {
display: none;
}
.home .widget-area {
padding-top: 22px !important;
}
.blog .widget-area {
padding-top: 100px !important;
}
.page-template-template-full-width-no-bottom-margin.page .hentry:not(.post) {
padding-bottom: 0 !important;
}
.page-template-template-full-width-no-bottom-margin .site-footer {
margin-top: 0;
}
.page-template-template-left-primary-sidebar-php .content-area,
.page-template-template-left-secondary-sidebar-php .content-area,
.page-template-template-left-shop-sidebar-php .content-area,
.shopstar-shop-left-sidebar #container,
.shopstar-shop-left-sidebar .content-area {
width: 75%;
float: left;
padding: 0 0 0 2%;
}
.shopstar-shop-left-sidebar #container,
.shopstar-shop-left-sidebar .content-area {
width: 75%;
float: right;
padding: 0 0 0 2%;
}
.page-template-template-left-primary-sidebar-php .widget-area,
.page-template-template-left-secondary-sidebar-php .widget-area,
.page-template-template-left-shop-sidebar-php .widget-area,
.shopstar-shop-left-sidebar .widget-area {
width: 25%;
float: left;
padding: 100px 2% 0 0;
}
/* Gutenberg */
.page-template-template-gutenberg .site-content.site-container {
max-width: 100%;
width: 100%;
padding: 0;
}
.page-template-template-gutenberg .entry-content > *,
.page-template-template-gutenberg .page-titlebar,
.page-template-template-gutenberg .breadcrumbs,
.page-template-template-gutenberg .entry-header,
.page-template-template-gutenberg .page-header,
.page-template-template-gutenberg .entry-footer,
.page-template-template-gutenberg .post-thumbnail,
.page-template-template-gutenberg #comments {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.alignwide,
.page-template-template-gutenberg .alignwide {
max-width: 75%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.alignfull,
.page-template-template-gutenberg .alignfull {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.page-template-template-gutenberg .site-content img {
width: 100%;
height: auto;
}
/* search block */
.widget-area .wp-block-search__label {
display: none;
}
.wp-block-search input[type="search"] {
box-sizing: border-box;
}
.wp-block-search .wp-block-search__input {
height: 45px;
}
.wp-block-search__button {
margin-left: 0;
min-width: auto;
border: 0;
}
.wp-block-search__button svg {
min-width: 1.8em;
min-height: 1.8em;
}
/* button outside */
.wp-block-search__button-outside input[type="search"] {
border-right: 0;
}
.wp-block-search__button-outside .wp-block-search__button {
height: 45px;
}
/* button outside with icon */
.wp-block-search__button-outside.wp-block-search__icon-button .wp-block-search__button {
width: 16%;
padding: 0;
height: 45px;
}
/* button inside */
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 0;
background: #FFFFFF;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
padding: 3px;
border: 0;
}
.wp-block-search__button-inside .wp-block-search__input,
.wp-block-search__button-inside .wp-block-search__button {
height: 43px;
}
/* button inside with icon */
.wp-block-search__button-inside.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button {
border: 0;
}
.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button,
.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover {
background-color: transparent;
}
/* button has icon */
.wp-block-search__button.has-icon {
stroke-width: 0.5;
border-left: 0;
}
/* product search block */
.wc-block-product-search .wc-block-product-search__label {
display: none;
}
.wc-block-product-search .wc-block-product-search__field {
padding: 3px;
box-sizing: border-box;
}
.wc-block-product-search input[type="search"] {
border-right: 0;
}
.wc-block-product-search .wc-block-product-search__button {
margin: 0;
min-width: auto;
stroke-width: 0.5;
padding: 0.125em 0.2em;
overflow: unset;
height: auto;
}
.wc-block-product-search .wc-block-product-search__button svg {
min-width: 2em;
min-height: 2em;
}
/* image block */
.wp-block-image {
margin-bottom: 0;
}
.wp-block-image .aligncenter,
.wp-block-image.alignwide,
.wp-block-image.alignfull {
margin-bottom: 1em;
}
.wp-block-image .alignleft,
.wp-block-image .alignright {
margin-bottom: 0;
}
.wp-block-image img {
vertical-align: top;
}
/* media & text block */
.wp-block-media-text .wp-block-media-text__content {
padding-right: 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-left: 0;
}
/* Mini cart block */
.wc-block-mini-cart__button:hover:not([disabled]) {
background: transparent;
}
.editor-styles-wrapper table.wc-block-cart-items,
table.wc-block-cart-items,
.wc-block-mini-cart__footer {
font-size: 17px;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
.is-small table.wc-block-cart-items .wc-block-cart-items__row {
grid-template-columns: 140px 132px;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
display: none;
}
.wc-block-components-quantity-selector:after {
border-radius: 0;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
font-weight: 400;
font-size: 15px;
height: 36px;
padding: 0;
}
.wc-block-components-product-price__regular {
opacity: 0.5;
}
.wc-block-components-product-price__value.is-discounted {
background: transparent;
color: #ba2227;
font-weight: 700;
}
/* Products by Category block */
.wc-block-grid__product-title {
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}
.wc-block-grid__products .wc-block-grid__product-image img {
border: 1px solid #ccc;
}
.wc-block-grid__products .wc-block-grid__product-image:hover img {
border: 1px solid #828387;
}
.wc-block-grid__products .wc-block-grid__product-price del {
color: inherit;
opacity: .5;
display: inline-block;
font-weight: 700;
}
.wc-block-grid__products .wc-block-grid__product-price ins {
color: #ba2227;
display: inline-block;
background: 0 0;
font-weight: 700;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
border-radius: 0;
color: #FFFFFF !important;
padding: .9em 1em .8em 1em;
max-width: 100%;
min-width: 170px;
width: auto;
line-height: 20px;
height: 48px;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.wc-block-grid__product-onsale {
background-color: #ba2227;
color: #FFFFFF;
border-radius: 50%;
min-width: 3em;
min-height: 3em;
width: 45px;
height: 45px;
position: absolute;
top: -6px;
right: -6px;
border: 0;
font-size: 14px;
font-weight: 400;
padding: 0;
line-height: 3.3em;
}
/*--------------------------------------------------------------
8.3 Shopstar! Theme Styling
--------------------------------------------------------------*/
body {
font-size: 14px;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
margin-top: 0;
}
h1,
h2.section-title,
.shopstar-page-builders-use-theme-styles h1.elementor-heading-title.elementor-size-default {
font-size: 20px;
}
h1,
h2.section-title {
padding-bottom: 19px !important;
text-transform: uppercase;
text-align: left;
margin: 0;
}
.page-title-centered h1,
.page-title-centered h2.section-title {
text-align: center;
}
.page-title-centered h1:after,
.page-title-centered h2.section-title:after {
margin: 0 auto;
}
.page-title-short-underline h1,
.page-title-medium-underline h1,
.page-title-short-underline h2.section-title,
.page-title-medium-underline h2.section-title,
.page-title-medium-underline .so-widget-sow-headline h1,
.page-title-medium-underline .so-widget-sow-headline h2,
.page-title-medium-underline .so-widget-sow-headline h3 {
margin: 0 0 26px 0;
}
.elementor-widget-heading.has-underline h1.elementor-heading-title,
.elementor-widget-heading.has-underline h2.elementor-heading-title,
.elementor-widget-heading.has-underline h3.elementor-heading-title {
padding-bottom: 20px;
}
.page-title-short-underline h1:after,
.page-title-medium-underline h1:after,
.page-title-short-underline h2.section-title:after,
.page-title-medium-underline h2.section-title:after,
.page-title-medium-underline .so-widget-sow-headline h1:after,
.page-title-medium-underline .so-widget-sow-headline h2:after,
.page-title-medium-underline .so-widget-sow-headline h3:after {
bottom: -20px;
content: "";
display: block;
height: 1px;
position: relative;
}
.elementor-widget-heading.has-underline h1.elementor-heading-title:after,
.elementor-widget-heading.has-underline h2.elementor-heading-title:after,
.elementor-widget-heading.has-underline h3.elementor-heading-title:after {
bottom: -20px;
content: "";
display: block;
height: 1px;
position: relative;
}
.page-title-short-underline h1:after,
.page-title-short-underline h2.section-title:after,
.page-title-short-underline .so-widget-sow-headline h1:after,
.page-title-short-underline .so-widget-sow-headline h2:after,
.page-title-short-underline .so-widget-sow-headline h3:after,
.elementor-widget-heading.short-underline h1.elementor-heading-title:after,
.elementor-widget-heading.short-underline h2.elementor-heading-title:after,
.elementor-widget-heading.short-underline h3.elementor-heading-title:after {
width: 38px;
}
.page-title-medium-underline h1:after,
.page-title-medium-underline h2.section-title:after,
.page-title-medium-underline .so-widget-sow-headline h1:after,
.page-title-medium-underline .so-widget-sow-headline h2:after,
.page-title-medium-underline .so-widget-sow-headline h3:after,
.elementor-widget-heading.medium-underline h1.elementor-heading-title:after,
.elementor-widget-heading.medium-underline h2.elementor-heading-title:after,
.elementor-widget-heading.medium-underline h3.elementor-heading-title:after {
width: 74px;
}
.elementor-widget-heading.has-underline.center-underline h1.elementor-heading-title:after,
.elementor-widget-heading.has-underline.center-underline h2.elementor-heading-title:after,
.elementor-widget-heading.has-underline.center-underline h3.elementor-heading-title:after {
left: 50%;
transform: translate(-50%);
}
.page-title-medium-underline .so-widget-sow-headline h1:after,
.page-title-medium-underline .so-widget-sow-headline h2:after,
.page-title-medium-underline .so-widget-sow-headline h3:after {
margin: 0 auto 26px auto;
}
h1.page-not-found {
color: #c8cacc;
background: none;
font-size: 100px;
margin: 0;
padding-bottom: 0 !important;
}
h1.page-not-found:after {
content: unset;
}
h2:not(.section-title),
.shopstar-page-builders-use-theme-styles h2.elementor-heading-title.elementor-size-default {
font-size: 18px;
}
h2:not(.section-title) {
padding-top: 10px;
margin: 0;
text-transform: uppercase;
}
h2:not(.section-title):not(.elementor-heading-title) {
text-align: left;
}
h2 a {
text-decoration: none;
}
h3,
.shopstar-page-builders-use-theme-styles h3.elementor-heading-title.elementor-size-default {
font-size: 16px;
}
h3 {
padding-bottom: 20px;
margin-bottom: 30px;
padding: 0;
padding-top: 10px;
margin: 0;
text-transform: uppercase;
}
h4,
.shopstar-page-builders-use-theme-styles h4.elementor-heading-title.elementor-size-default {
font-size: 16px;
}
h4 {
padding-bottom: 20px;
margin-bottom: 30px;
padding: 0;
padding-top: 10px;
margin: 0;
text-transform: normal;
}
h5,
.shopstar-page-builders-use-theme-styles h5.elementor-heading-title.elementor-size-default {
font-size: 15px;
}
h5 {
padding-bottom: 20px;
margin-bottom: 30px;
padding: 0;
padding-top: 10px;
margin: 0;
text-transform: normal;
}
h6,
.shopstar-page-builders-use-theme-styles h6.elementor-heading-title.elementor-size-default {
font-size: 14px;
}
h6 {
padding-bottom: 20px;
margin-bottom: 30px;
padding: 0;
padding-top: 10px;
margin: 0;
text-transform: normal;
}
a {
text-decoration: none;
}
p.centered {
text-align: center;
}
/* -------- Form Inputs Styling -------- */
div.wpforms-container form.wpforms-form input[type="text"],
div.wpforms-container form.wpforms-form input[type="email"],
div.wpforms-container form.wpforms-form input[type="tel"],
div.wpforms-container form.wpforms-form input[type="number"],
div.wpforms-container form.wpforms-form input[type="url"],
div.wpforms-container form.wpforms-form input[type="password"],
div.wpforms-container form.wpforms-form input[type="search"],
div.wpforms-container form.wpforms-form select,
div.wpforms-container form.wpforms-form textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea {
text-indent: 7px;
font-size: 14px;
font-weight: 300;
outline: 0;
}
div.wpforms-container form.wpforms-form input[type="text"],
div.wpforms-container form.wpforms-form input[type="email"],
div.wpforms-container form.wpforms-form input[type="tel"],
div.wpforms-container form.wpforms-form input[type="number"],
div.wpforms-container form.wpforms-form input[type="url"],
div.wpforms-container form.wpforms-form input[type="password"],
div.wpforms-container form.wpforms-form input[type="search"],
div.wpforms-container form.wpforms-form textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="search"],
select {
height: 46px;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-btn,
.shopstar-bookingpress-use-theme-styles .el-button--bpa-front-btn,
.shopstar-bookingpress-use-theme-styles .el-date-picker.has-time button.el-button--mini,
.shopstar-bookingpress-use-theme-styles .el-date-picker.has-time button.el-time-panel__btn,
.shopstar-bookingpress-use-theme-styles .bpa-front-btn__medium,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body strong.--is-service-price {
border-radius: 0 !important;
}
a.button,
.shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
html #infinite-handle span button,
html #infinite-handle span button:hover,
div.wpforms-container form.wpforms-form input[type=submit],
div.wpforms-container form.wpforms-form button[type=submit],
div.wpforms-container form.wpforms-form .wpforms-page-button {
border: none;
border-color: #939598;
border-radius: 0;
min-width: 120px;
width: 100%;
width: auto;
height: 48px;
line-height: 1;
padding: .6em 1em .4em;
line-height: 20px;
}
body.rounded-buttons a.button,
body.rounded-buttons .widget-area .widget a.button,
body.rounded-buttons .shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
body.rounded-buttons .shopstar-page-builders-use-theme-styles .elementor-button,
body.rounded-buttons button,
body.rounded-buttons input[type="button"],
body.rounded-buttons input[type="reset"],
body.rounded-buttons input[type="submit"],
html body.rounded-buttons #infinite-handle span button,
html body.rounded-buttons #infinite-handle span button:hover,
body.rounded-buttons div.wpforms-container form.wpforms-form input[type=submit],
body.rounded-buttons div.wpforms-container form.wpforms-form button[type=submit],
body.rounded-buttons div.wpforms-container form.wpforms-form .wpforms-page-button,
.woocommerce.rounded-buttons a.button,
.woocommerce-page.rounded-buttons a.button,
.woocommerce.rounded-buttons #review_form #respond .form-submit input,
.woocommerce-page.rounded-buttons #review_form #respond .form-submit input,
.woocommerce.rounded-buttons ul.products li.product a.button.product_type_simple,
.woocommerce-page.rounded-buttons ul.products li.product a.button.product_type_simple,
.woocommerce.rounded-buttons ul.products li.product a.add_to_cart_button,
.woocommerce-page.rounded-buttons ul.products li.product a.add_to_cart_button,
.woocommerce.rounded-buttons input.button,
.woocommerce-page.rounded-buttons #content input.button,
.woocommerce-page.rounded-buttons input.button,
.woocommerce.rounded-buttons input.button.alt,
.woocommerce-page.rounded-buttons #content input.button.alt,
.woocommerce.rounded-buttons button.button,
.woocommerce.rounded-buttons button.button.alt,
.woocommerce.rounded-buttons a.button.alt,
.woocommerce-page.rounded-buttons button.button.alt,
body.rounded-corners .content-area .bbp-search-form .search-submit-container,
body.rounded-corners .widget-area .widget_search .search-submit-container,
body.rounded-corners .widget-area .widget_product_search .search-submit-container,
body.rounded-corners .site-footer-widgets .widget_search .search-submit-container,
body.rounded-corners .site-footer-widgets .widget_product_search .search-submit-container,
body.rounded-corners .content-area .bbp-search-form .search-submit,
body.rounded-corners .widget-area .widget_search .search-submit,
body.rounded-corners .widget-area .widget_product_search .search-submit,
body.rounded-corners .site-footer-widgets .widget_search .search-submit,
body.rounded-corners .site-footer-widgets .widget_product_search .search-submit,
body.rounded-corners .site-intro-container .site-intro,
body.rounded-corners .site-footer-social-links .social-links li a,
body.rounded-corners .gallery-item > div > a > img,
body.rounded-corners .grid-gallery .gg-link,
body.rounded-corners .grid-gallery .grid-gallery-photos img,
body.rounded-corners .navigation.numeric li a,
body.rounded-corners #back-to-top,
body.rounded-corners #back-to-top .hover,
body.rounded-corners .header-menu-button,
body.rounded-corners ul.products li.product a.button.product_type_simple,
body.rounded-corners .post-loop-images-carousel img,
body.rounded-corners .entry-thumbnail img,
body.rounded-corners .comment-content,
body.rounded-corners.woocommerce ul.products li.product a img,
body.rounded-corners.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
body.rounded-corners.single-product.woocommerce .images img,
body.rounded-corners.woocommerce div.product div.images .flex-viewport,
body.rounded-corners.woocommerce #content nav.woocommerce-pagination ul,
body.rounded-corners.woocommerce nav.woocommerce-pagination ul,
body.rounded-corners.woocommerce-page #content nav.woocommerce-pagination ul,
body.rounded-corners.woocommerce-page nav.woocommerce-pagination ul,
body.rounded-corners .entry-content .woocommerce ul.product_list_widget li img,
body.rounded-corners.woocommerce span.onsale.rectangle,
body.rounded-corners .content-area ul.product_list_widget li img,
body.rounded-corners .woocommerce table.cart img,
body.rounded-corners div.wpforms-container form.wpforms-form input[type="text"],
body.rounded-corners div.wpforms-container form.wpforms-form input[type="email"],
body.rounded-corners div.wpforms-container form.wpforms-form input[type="tel"],
body.rounded-corners div.wpforms-container form.wpforms-form input[type="number"],
body.rounded-corners div.wpforms-container form.wpforms-form input[type="url"],
body.rounded-corners div.wpforms-container form.wpforms-form input[type="password"],
body.rounded-corners div.wpforms-container form.wpforms-form input[type="search"],
body.rounded-corners div.wpforms-container form.wpforms-form select,
body.rounded-corners div.wpforms-container form.wpforms-form textarea,
body.rounded-corners .widget-area .widget_mc4wp_form_widget .mc4wp-submit-container,
body.rounded-corners .site-footer-widgets .widget_mc4wp_form_widget .mc4wp-submit-container,
body.rounded-corners .site-content .rpwe-block li,
body.rounded-corners .site-content .rpwe-block .rpwe-thumb,
body.rounded-corners button,
body.rounded-corners input[type="button"],
body.rounded-corners input[type="reset"],
body.rounded-corners input[type="submit"],
body.rounded-corners input[type="text"],
body.rounded-corners input[type="email"],
body.rounded-corners input[type="tel"],
body.rounded-corners input[type="number"],
body.rounded-corners input[type="url"],
body.rounded-corners input[type="password"],
body.rounded-corners input[type="search"],
body.rounded-corners input[name="coupon_code"],
body.rounded-corners select,
body.rounded-corners input,
body.rounded-corners textarea,
body.rounded-corners .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
body.rounded-corners .elementor-icon,
body.rounded-corners .you-can-quote-me-on-that-container .prev,
body.rounded-corners .you-can-quote-me-on-that-container .prev .rollover,
body.rounded-corners .you-can-quote-me-on-that-container .next,
body.rounded-corners .you-can-quote-me-on-that-container .next .rollover,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-default-card,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-item .bpa-front-si-card,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front--dt__time-slots,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-container,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-form-control input,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-form-control.--bpa-country-dropdown,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-form-control .el-textarea__inner,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-form-control--v-date-picker .el-input__inner,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .el-date-picker__time-header .el-input .el-input__inner,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item .bpa-front-tm--item-icon,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown-list,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-fm--bs__deposit-payment-module .bpa-dpm__item.--bpa-is-dpm-total-item,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-fm--bs__deposit-payment-module,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-module--booking-summary .bpa-is-coupon-module-enable .bpa-fm--bs__coupon-module-textbox,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-thankyou-module-container,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-tmc__summary-content .bpa-front-tmc__sc-item,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-module--add-to-calendar,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-module--atc-wrapper .bpa-front-btn,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-cp-ls__tab-menu .bpa-tm__item .bpa-tm__item-icon,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-module--date-and-time.__sm .bpa-front--dt__ts-sm-back-btn .bpa-front-btn,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-items-row .bpa-front-module--service-item,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-date-picker__header--bordered,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si-card__left .bpa-front-si__default-img,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-fm__booking-summary-v47 .bpa-front-module--bs-customer-detail,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item.__bpa-is-disabled:hover,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-nav-popover-container,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-nav-items .vc-nav-item:hover,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-form-control--checkbox .el-checkbox__inner:hover,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-form-control--checkbox .el-checkbox__inner,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-cp-top-navbar,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-cp-card,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-form-control input,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .el-date-picker__time-header .el-input .el-input__inner,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-cp-ma-table.el-table .el-table__header-wrapper tr th.el-table__cell,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-ma-view-appointment-card,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-ma-vac-sec-title,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-ma-vac--head__right .bpa-front-pill,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-vac-pd__item.__bpa-pd-is-total-item,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-btn__small,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-ma-table-actions-wrap .bpa-front-ma-taw__card,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .el-popover,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .el-popconfirm .el-popconfirm__action,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-cp-custom-popover,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-tn__dropdown-menu,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-form-control input:focus,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-form-control .el-textarea__inner:focus,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .el-date-picker__time-header .el-input .el-input__inner:focus,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-cp-ma-table.el-table td.el-table__cell,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-ma--pagination-wrapper .el-pager li,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-cp-custom-popover .el-date-picker__header--bordered,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-date-picker__header--bordered,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-tn__dropdown-head .bpa-cp-avatar__default-img,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-form-control.--bpa-country-dropdown.vue-tel-input:focus-within,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .el-date-picker__header--bordered,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-btn,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .el-button--bpa-front-btn,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .el-date-picker.has-time button.el-button--mini,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .el-date-picker.has-time button.el-time-panel__btn,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-btn__medium,
body.rounded-corners.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body strong.--is-service-price
{
border-radius: 4px !important;
}
body.rounded-corners .site-content .rpwe-block .rpwe-thumb {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
body.rounded-corners .search-block .search-field {
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
body.rounded-corners .wp-block-search__button-outside input[type="search"],
body.rounded-corners .widget_search input[type="search"],
body.rounded-corners .widget-area .widget_mc4wp_form_widget input[type="email"].has-button,
body.rounded-corners .site-footer-widgets .widget_mc4wp_form_widget input[type="email"].has-button,
body.rounded-corners.woocommerce .products span.onsale.rectangle
{
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
body.rounded-corners .content-area .bbp-search-form .search-submit-container,
body.rounded-corners .widget-area .widget_mc4wp_form_widget .mc4wp-submit-container,
body.rounded-corners .site-footer-widgets .widget_mc4wp_form_widget .mc4wp-submit-container,
body.rounded-corners .widget-area .widget_search .search-submit-container,
body.rounded-corners .widget-area .widget_product_search .search-submit-container,
body.rounded-corners .site-footer-widgets .widget_search .search-submit-container,
body.rounded-corners .site-footer-widgets .widget_product_search .search-submit-container,
body.rounded-corners .content-area .bbp-search-form .search-submit,
body.rounded-corners.single-product span.onsale.rectangle,
body.rounded-corners .widget-area .widget_mc4wp_form_widget .mc4wp-submit,
body.rounded-corners .site-footer-widgets .widget_mc4wp_form_widget .mc4wp-submit,
body.rounded-corners .widget-area .widget_search .search-submit,
body.rounded-corners .widget-area .widget_product_search .search-submit,
body.rounded-corners .site-footer-widgets .widget_search .search-submit,
body.rounded-corners .site-footer-widgets .widget_product_search .search-submit,
body.rounded-corners .wp-block-search__button {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
body.uppercase-buttons a.button,
body.uppercase-buttons .widget-area .widget a.button,
body.uppercase-buttons .shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
body.uppercase-buttons .shopstar-page-builders-use-theme-styles .elementor-button,
body.uppercase-buttons button,
body.uppercase-buttons input[type="button"],
body.uppercase-buttons input[type="reset"],
body.uppercase-buttons input[type="submit"],
html body.uppercase-buttons #infinite-handle span button,
html body.uppercase-buttons #infinite-handle span button:hover,
body.uppercase-buttons div.wpforms-container form.wpforms-form input[type=submit],
body.uppercase-buttons div.wpforms-container form.wpforms-form button[type=submit],
body.uppercase-buttons div.wpforms-container form.wpforms-form .wpforms-page-button,
.woocommerce.uppercase-buttons a.button,
.woocommerce-page.uppercase-buttons a.button,
.woocommerce.uppercase-buttons #review_form #respond .form-submit input,
.woocommerce-page.uppercase-buttons #review_form #respond .form-submit input,
.woocommerce.uppercase-buttons ul.products li.product a.button.product_type_simple,
.woocommerce-page.uppercase-buttons ul.products li.product a.button.product_type_simple,
.woocommerce.uppercase-buttons ul.products li.product a.add_to_cart_button,
.woocommerce-page.uppercase-buttons ul.products li.product a.add_to_cart_button,
.woocommerce.uppercase-buttons input.button,
.woocommerce-page.uppercase-buttons #content input.button,
.woocommerce-page.uppercase-buttons input.button,
.woocommerce.uppercase-buttons input.button.alt,
.woocommerce-page.uppercase-buttons #content input.button.alt,
.woocommerce.uppercase-buttons button.button,
.woocommerce.uppercase-buttons button.button.alt,
.woocommerce.uppercase-buttons a.button.alt,
.woocommerce-page.uppercase-buttons button.button.alt {
text-transform: uppercase;
}
a.button,
.shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
html #infinite-handle span button,
html #infinite-handle span button:hover,
div.wpforms-container form.wpforms-form input[type=submit],
div.wpforms-container form.wpforms-form button[type=submit],
div.wpforms-container form.wpforms-form .wpforms-page-button,
.wp-block-search__button,
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button {
color: #FFFFFF;
text-transform: none;
font-weight: 400;
font-size: 16px !important;
}
.wp-block-search__button.has-icon {
stroke: #FFFFFF;
}
a.button,
html #infinite-handle span button,
html #infinite-handle span button:hover,
.shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button {
display: inline-block;
-webkit-appearance: none;
}
table th {
text-align: left;
}
/* Site Header */
.top-bar .container,
.site-header .container,
.search-slidedown .container,
.site-content .container,
.site-footer .container {
max-width: 1140px;
margin: 0 auto;
position: relative;
box-shadow: none;
background-color: transparent;
}
.container.full-width {
max-width: 100%;
}
body:not(.shopstar-one-page-mode) .container.full-width .padder {
margin: 0 20px 0 20px;
}
.main-navigation > .container {
padding-top: 18px;
}
.site-header .top-bar .container,
.home .site-header .container {
border-bottom: 0px;
}
.header-placeholder {
background-color: #FFFFFF;
height: 242px;
}
.site-header .branding a.retina-logo-link {
display: inline-block;
-webkit-transform: scale(0.5); /* Saf3.1+, Chrome */
-moz-transform: scale(0.5); /* FF3.5+ */
-ms-transform: scale(0.5); /* IE9 */
-o-transform: scale(0.5); /* Opera 10.5+ */
transform: scale(0.5);
/* IE6蜂E9 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
}
.site-header .branding a.retina-logo-link img {
vertical-align: top;
}
.site-header .branding a.retina-logo-link,
.site-header .branding a.mobile-logo-link {
display: none;
}
.site-header .branding .title {
display: inline-block;
margin-bottom: 1px;
line-height: 70px;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.site-header .branding .title.thin {
font-weight: 100;
}
.site-header .branding .title.light {
font-weight: 300;
}
.site-header .branding .title.normal {
font-weight: 400;
}
.site-header .branding .title.semi-bold {
font-weight: 600;
}
.site-header .branding .title.bold {
font-weight: 700;
}
.site-header .branding .title.extra-bold {
font-weight: 800;
}
.site-header .branding .description {
font-size: 18px;
line-height: 20px;
font-weight: 300;
margin: 0;
width: 100%;
display: block;
}
.site-header.sticky.shrunk .branding .title {
margin-top: 20px;
font-size: 30px;
line-height: 40px;
}
/* Top Bar */
.top-bar {
vertical-align: top;
z-index: 10;
height: 50px;
display: inline-block;
width: 100%;
}
/* Unordererd Lists */
.top-bar ul.menu {
margin: 0;
padding: 17px 0 0 0;
}
.top-bar ul.menu li {
margin: 0 15px 0 0;
padding: 0;
list-style-type: none;
display: inline-block;
}
.top-bar ul.menu li:last-child {
margin: 0;
}
.top-bar ul.menu li a {
display: block;
line-height: 1.5;
line-height: 14px;
}
.site-header.sticky.stuck {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.boxed .site-header.sticky.stuck {
width: 1140px;
left: 50%;
margin-left: -570px;
}
.site-header.sticky.no-logo .top-bar.stuck {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.boxed .site-header.sticky.no-logo .main-navigation.stuck,
.boxed .site-header.sticky.no-logo .main-navigation-mega-menu.stuck {
width: 1140px;
left: 50%;
margin-left: -570px;
/*background-color: #FFFFFF;*/
}
.top-bar .container {
position: relative;
height: 100%;
}
.site-header .top-bar .left {
float: left;
height: 100%;
font-size: 12px;
padding: 0;
position: relative;
display: inline-block;
width: 50%;
text-align: left;
}
.site-header .top-bar .right {
float: right;
height: 100%;
font-size: 12px;
padding: 0;
position: relative;
display: inline-block;
vertical-align: top;
width: 50%;
text-align: right;
}
.site-header .top-bar .left a,
.site-header .top-bar .right a {
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.1s linear 0s;
-moz-transition: color 0.1s linear 0s;
-ms-transition: color 0.1s linear 0s;
-o-transition: color 0.1s linear 0s;
transition: color 0.1s linear 0s;
}
.site-header .top-bar .left a:hover,
.site-header .top-bar .right a:hover {
color: rgba(255, 255, 255, 0.6);
}
.site-header .top-bar .info-text {
color: #FFFFFF;
padding: 18px 0 0 10px;
line-height: 14px;
height: 100%;
}
.site-header .top-bar .info-text a:hover {
color: rgba(255, 255, 255, 0.6);
}
/* Navigation Menu */
.menu-help-container {
display: inline-block;
vertical-align: top;
}
.site-header .search-button {
display: inline-block;
cursor: pointer;
}
.site-header .search-button a {
font-weight: 600;
}
.site-header.sticky .main-navigation.stuck,
.site-header.sticky .main-navigation-mega-menu.stuck {
position: fixed;
left: 0;
width: 100%;
z-index: 99;
}
.site-header.sticky.has-top-bar .main-navigation.stuck,
.site-header.sticky.has-top-bar .main-navigation-mega-menu.stuck {
top: 50px;
}
.site-header.sticky .main-navigation.stuck,
.site-header.sticky .main-navigation-mega-menu.stuck {
top: 0px;
}
/* -------- Search Slidedown Styling -------- */
.search-slidedown {
position: absolute;
opacity: 0;
margin-top: 5px;
top: 100%;
right: 0px;
z-index: 10;
width: 100%;
}
.search-slidedown .search-block {
position: absolute;
}
.search-slidedown:not(.open) .search-block {
display: none;
}
.search-block .search-field {
margin: 0;
padding: 4px 9px;
height: 23px;
width: 270px;
border-top: 0px;
outline: none;
vertical-align: baseline;
}
.search-block label {
vertical-align: baseline;
display: inline-block;
}
.search-block .search-submit,
.widget_search .search-submit {
display: none;
padding: 0;
background-repeat: no-repeat !important;
background-position: center center !important;
height: 33px;
width: 34px;
min-width: 0;
position: relative;
right: 6px;
right: 0;
}
a.button,
html #infinite-handle span button,
html #infinite-handle span button:hover,
.shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button {
text-transform: uppercase;
font-size: 16px;
color: #FFFFFF;
line-height: 16px;
text-align: center;
font-weight: 400;
height: 47px;
width: 100%;
width: auto;
min-width: 120px;
display: inline-block;
padding: 16px 37px 17px 37px;
text-decoration: none;
}
a.button:hover,
html #infinite-handle span button:hover,
.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button:hover,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon.elementor-view-stacked .elementor-icon,
.shopstar-page-builders-use-theme-styles .elementor-social-icon,
.wp-block-search__button:hover {
color: #FFFFFF;
}
div.wpforms-container form.wpforms-form input[type=submit]:hover,
div.wpforms-container form.wpforms-form button[type=submit]:hover,
div.wpforms-container form.wpforms-form .wpforms-page-button:hover {
border: none !important;
}
.slider-container.default .slider .slide .overlay a.button,
.header-video .overlay a.button,
.header-image .overlay a.button {
text-transform: uppercase;
text-shadow: none;
font-size: 16px;
line-height: 16px;
text-align: center;
font-weight: 400;
height: 47px;
width: 100%;
width: auto;
min-width: auto;
display: inline-block;
padding: 16px 37px 17px 37px;
text-decoration: none;
border: 1px solid #FFFFFF;
color: #FFFFFF;
margin: 40px 0 40px 0;
}
.site-footer .widgets a.button {
border: 1px solid #4D4D4D;
color: #4D4D4D;
padding: 15px 37px 17px 37px;
}
.site-footer .widgets a.button:hover {
background-color: rgba(255, 255, 255, 0.65);
}
.site-content {
margin: 35px 0 0 0;
}
.single-product.shopstar-shop-no-breadcrumbs .site-content {
margin-top: 42px;
}
body.home.shopstar-one-page-mode .site-content {
margin-top: 0;
}
.entry-content code {
display: block;
background: #f7f7f7;
border: 1px solid #D8D8D8;
padding: 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
margin: 5px 0;
overflow-x: auto;
}
/* -------- Home Slider Styling -------- */
.slider-container {
width: 100%;
}
.slider-container.default {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
position: relative;
margin: 0;
}
body.home.shopstar-one-page-mode .slider-container {
margin-bottom: 0px;
}
.slider-container.default.loading {
overflow: hidden;
background: url(library/images/loader.gif) center center no-repeat;
}
.slider-container.default.loading .slider {
visibility: hidden;
}
.slider-container.default .slider {
padding: 0;
margin: 0;
list-style: none;
}
.slider-container.default .slider .slide {
float: left;
position: relative;
}
.slider-container.text-shadow .slider .slide .overlay {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.slider-container.text-shadow.intelligent-font-color .slider .slide .overlay .light-text {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.slider-container.text-shadow.intelligent-font-color .slider .slide .overlay .dark-text {
text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
}
.slider-container.default.smart .slider .slide .overlay-container {
position: absolute;
width: 100%;
top: 0px;
bottom: 0px;
}
.slider-container.default.smart .slider .slide .overlay-container .overlay {
position: relative;
height: 100%;
top: 0;
margin: 0;
padding: 0;
}
.slider-container.default.smart .slider .slide .overlay-container .overlay .opacity {
height: auto;
width: 85.6%;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
}
.slider-container.default.smart .slider .slide .overlay h1,
.slider-container.default.smart .slider .slide .overlay h2 {
margin: 0;
padding: 0 !important;
}
.slider-container.default.smart .slider .slide .overlay h1:after {
content: none;
}
.slider-container.default.smart .slider .slide .overlay .opacity p {
margin-bottom: 0;
}
.slider-container.default.smart .slider .slide .overlay .opacity > *:first-child {
margin-top: 0 !important;
}
.slider-container.default .slider .slide .overlay .opacity > *:last-child {
margin-bottom: 0 !important;
}
.slider-container.default.smart .slider .slide .overlay a.button,
.slider-container.default.smart .slider .slide .overlay button {
margin: 0;
height: auto;
border: none;
box-shadow: 0 0 0 1px #FFFFFF;
}
.slider-container.default.smart .slider .slide .overlay a.button.no-bottom-margin,
.slider-container.default.smart .slider .slide .overlay button.no-bottom-margin {
margin-bottom: 0 !important;
}
.slider-container.default .slider .slide .overlay {
width: 100%;
top: 35%;
word-wrap: break-word;
z-index: 8;
margin: -26px 0 0 0;
padding: 0 120px 0 120px;
position: absolute;
text-align: center;
font-size: 30px;
font-weight: 300;
line-height: 32px;
text-transform: none;
margin-top: 10px;
margin-bottom: 25px;
}
.slider-container.default .slider .slide .overlay h1,
.slider-container.default .slider .slide .overlay h2,
.slider-container.default .slider .slide .overlay h3,
.slider-container.default .slider .slide .overlay h4,
.slider-container.default .slider .slide .overlay h5,
.slider-container.default .slider .slide .overlay h6 {
text-align: center;
}
.slider-container.default .slider .slide .overlay h1,
.slider-container.default .slider .slide .overlay h2 {
margin: 0;
padding: 0;
font-size: 45px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
line-height: 1.2em;
background: none;
}
.slider-container.default .slider .slide .overlay p {
margin: 0px 0 0px 0;
padding: 0;
}
.slider-container.default .slider .slide img {
display: block;
width: 100%;
height: auto;
}
.slider-container.default .pagination {
bottom: 0;
height: 30px;
position: absolute;
text-align: right;
z-index: 8;
right: 8px;
}
.slider-container.default .pagination a.selected span {
background-color: #ffffff;
position: relative;
}
.slider-container.default .pagination a {
display: inline-block;
vertical-align: middle;
line-height: 0;
padding: 3px 3px;
}
.slider-container.default .pagination span {
border: 2px solid rgba(255, 255, 255, 0.6) !important;
border-radius: 8px;
display: inline-block;
height: 15px;
line-height: 0;
overflow: hidden;
text-indent: -100px;
width: 15px;
font-size: 0px;
}
.slider-container.default .prev,
.slider-container.default .next {
position: absolute;
top: 50%;
height: 49px;
width: 49px;
line-height: 50px;
margin: -24px 0 0 0;
text-align: center;
font-size: 27px;
opacity: 0;
cursor: pointer;
z-index: 9;
transform: scale(0.7);
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.slider-container.default .prev {
left: 20px;
background-image: url('library/images/slider-control-prev.png');
}
.slider-container.default .next {
right: 20px;
background-image: url('library/images/slider-control-next.png');
}
.slider-container.default .prev i,
.slider-container.default .next i {
font-size: 0.8em;
position: relative;
top: -3px;
}
.slider-container.default:hover .prev,
.slider-container.default:hover .next {
opacity: 1;
transform: scale(1);
}
.slider-container.default:hover .prev.disabled,
.slider-container.default:hover .next.disabled {
opacity: 0.4;
cursor: default;
}
/* Header Video */
.header-video.loading {
overflow: hidden;
background: url(library/images/loader.gif) center center no-repeat;
}
.header-video {
position: relative;
width: 100%;
margin: 0 0 20px;
}
.header-video.text-shadow .overlay {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.header-video button {
display: none;
}
.video-container {
position: relative;
}
.video-container.youtube {
padding-bottom: 56.25%;
height: 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
.video-container video {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
vertical-align: top;
}
}
.header-video .opacity {
height: auto;
width: 85.6%;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
}
.header-video .overlay h1,
.header-video .overlay h2 {
margin: 0;
padding: 0 !important;
}
.header-video .overlay h1:after {
content: none;
}
.header-video .overlay .opacity p {
margin-bottom: 0;
}
.header-video .overlay .opacity > *:first-child {
margin-top: 0 !important;
}
.header-video .overlay .opacity > *:last-child {
margin-bottom: 0 !important;
}
.header-video .overlay a.button,
.header-video .overlay button {
margin: 0;
height: auto;
border: none;
box-shadow: 0 0 0 1px #FFFFFF;
}
.header-video .overlay a.button.no-bottom-margin,
.header-video .overlay button.no-bottom-margin {
margin-bottom: 0 !important;
}
.header-video .overlay {
width: 100%;
top: 35%;
word-wrap: break-word;
z-index: 8;
margin: -26px 0 0 0;
padding: 0 120px 0 120px;
position: absolute;
text-align: center;
font-size: 30px;
font-weight: 300;
line-height: 32px;
text-transform: none;
margin-top: 10px;
margin-bottom: 25px;
}
.header-video .overlay h1,
.header-video .overlay h2,
.header-video .overlay h3,
.header-video .overlay h4,
.header-video .overlay h5,
.header-video .overlay h6 {
text-align: center;
}
.header-video .overlay h1,
.header-video .overlay h2 {
margin: 0;
padding: 0;
font-size: 45px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
line-height: 1.2em;
background: none;
}
.header-video .overlay p {
margin: 0px 0 0px 0;
padding: 0;
}
/* -------- Header Image -------- */
.header-image {
position: relative;
width: 100%;
margin: 0 0 20px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
overflow: hidden;
}
body.home.shopstar-one-page-mode .header-image {
margin-bottom: 0px;
}
.header-image.loading {
overflow: hidden;
background: url(library/images/loader.gif) center center no-repeat;
}
.header-image.text-shadow .overlay {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.header-image.text-shadow.intelligent-font-color .overlay .light-text {
text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.header-image.text-shadow.intelligent-font-color .overlay .dark-text {
text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
}
.header-image.smart .overlay-container {
position: absolute;
width: 100%;
top: 0px;
bottom: 0px;
}
.header-image.smart .overlay-container .overlay {
position: relative;
height: 100%;
top: 0;
margin: 0;
padding: 0;
}
.header-image.smart .overlay-container .overlay .opacity {
height: auto;
width: 85.6%;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translateY(-50%);
}
.header-image.smart .overlay h1,
.header-image.smart .overlay h2 {
margin: 0;
padding: 0 !important;
}
.header-image.smart .overlay h1:after {
content: none;
}
.header-image.smart .overlay .opacity p {
margin-bottom: 0;
}
.header-image.smart .overlay .opacity > *:first-child {
margin-top: 0 !important;
}
.header-image .overlay .opacity > *:last-child {
margin-bottom: 0 !important;
}
.header-image.smart .overlay a.button,
.header-image.smart .overlay button {
margin: 0;
height: auto;
border: none;
box-shadow: 0 0 0 1px #FFFFFF;
}
.header-image.smart .overlay a.button.no-bottom-margin,
.header-image.smart .overlay button.no-bottom-margin {
margin-bottom: 0 !important;
}
.header-image .overlay {
width: 100%;
top: 35%;
word-wrap: break-word;
z-index: 8;
margin: -26px 0 0 0;
padding: 0 120px 0 120px;
position: absolute;
text-align: center;
font-size: 30px;
font-weight: 300;
line-height: 32px;
text-transform: none;
margin-top: 10px;
margin-bottom: 25px;
}
.header-image .overlay h1,
.header-image .overlay h2,
.header-image .overlay h3,
.header-image .overlay h4,
.header-image .overlay h5,
.header-image .overlay h6 {
text-align: center;
}
.header-image .overlay h1,
.header-image .overlay h2 {
margin: 0;
padding: 0;
font-size: 45px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
line-height: 1.2em;
background: none;
}
.header-image .overlay p {
margin: 0px 0 0px 0;
padding: 0;
}
.header-image.loading .otb-instagram-filter,
.header-image.loading img,
.header-image.loading .overlay {
visibility: hidden;
}
.header-image img {
display: block;
width: 100%;
height: auto;
}
/* -------- One Page Mode -------- */
.section-marker {
position: absolute;
top: 1px;
display: inline-block;
}
ul.sections {
padding: 0;
margin: 0;
list-style: none;
}
ul.sections > li {
display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
padding: 25px 0 15px 0;
}
ul.sections > li .container,
ul.sections > li .archive-container {
max-width: 1140px;
margin: 0 auto;
padding: 0 22px 0 22px;
position: static;
}
ul.sections > li hr.divider {
width: 100%;
max-width: 1096px;
bottom: 0;
margin: 0;
padding: 0;
height: 1px;
}
ul.sections > li:first-child {
padding-top: 35px;
}
ul.sections > li:last-child {
border: none;
padding-bottom: 0;
}
/* -------- Social Icons Styling -------- */
.search-btn {
cursor: pointer;
}
.social-icons {
margin: 12px 0 2px 0;
padding: 0;
list-style: none;
}
.social-icons li {
margin: 0 0 0 15px !important;
padding: 0;
list-style-type: none;
display: inline-block !important;
}
.social-icons li:first-child {
margin-left: 0 !important;
}
.social-icons a {
display: inline-block;
font-size: 15px;
line-height: 15px;
text-transform: uppercase;
padding: 0 5px 0 5px;
padding: 0;
margin: 0;
border-radius: 0;
-webkit-transition: color 0.1s linear 0s;
-moz-transition: color 0.1s linear 0s;
-ms-transition: color 0.1s linear 0s;
-o-transition: color 0.1s linear 0s;
transition: color 0.1s linear 0s;
}
.social-icons .fa,
.social-icons .fab,
.social-icons .fas,
.social-icons .otb-fa {
font-size: 20px;
float: left;
padding: 4px 0 0 0;
}
.social-icons .facebook .fa,
.social-icons .facebook .fab,
.social-icons .facebook .otb-fa {
padding-left: 2px;
}
.site-header .social-icons a:hover {
color: rgba(255, 255, 255, 0.6);
}
.social-icons li a.social-custom.svg {
font-size: 39px !important;
}
.social-icons li .social-custom svg {
width: 20px;
height: 20px;
vertical-align: middle;
}
.social-icons li .social-custom svg path {
fill: #FFFFFF;
-webkit-transition: fill 0.2s ease 0s;
-moz-transition: fill 0.2s ease 0s;
-ms-transition: fill 0.2s ease 0;
-o-transition: fill 0.2s ease 0;
transition: fill 0.2s ease 0;
}
.social-icons li a.social-custom:hover svg path {
fill: rgba(255, 255, 255, 0.5);
}
/* -------- Breadcrumbs Styling -------- */
.breadcrumbs {
line-height: 15px;
font-size: 13px;
margin: 0 auto 30px auto;
text-align: center;
}
.breadcrumbs span span {
padding: 0 3px;
}
.breadcrumbs a {
text-decoration: none;
padding: 0 3px;
font-size: 13px;
font-weight: 300;
}
/* -------- Posts Page Styling -------- */
.archive-container article .entry-title {
margin: 0 0 8px;
padding: 0;
}
article .entry-meta {
color: #B0B0B0;
font-size: 0.95em;
text-transform: uppercase;
font-size: 14px;
}
article .entry-meta a {
text-decoration: none;
}
article .entry-meta .posted-on .otb-fa {
font-size: 13px;
}
article .entry-meta .byline .otb-fa {
margin-left: 9px;
}
article .cat-links {
margin: 0 10px 0 0;
}
article .tags-links {
margin: 0;
}
article .comments-link {
display: block;
}
article .edit-link {
margin: 0;
}
article .entry-footer {
font-size: 0.95em;
font-style: italic;
}
article .entry-footer a {
opacity: 1;
}
.page-template.logged-in article .entry-footer {
display: block;
}
.page-template:not(.logged-in) article:not(.post) .entry-footer {
display: none;
}
/* Blog Featured Image */
.featured-image-container {
position: relative;
}
.blog-post-side-layout .featured-image-container {
width: 30%;
width: 100%;
float: left;
overflow: hidden;
position: relative;
}
.blog-post-top-layout.centered .featured-image-wrapper.full {
text-align: center;
}
.blog-post-top-layout.centered .featured-image-container.full {
text-align: center;
display: inline-block;
}
.blog-post-side-layout .featured-image-wrapper,
.blog-post-top-layout.left-aligned .featured-image-container {
float: left;
}
.blog-post-side-layout.right-aligned .featured-image-wrapper,
.blog-post-side-layout.right-aligned .featured-image-container,
.blog-post-top-layout.right-aligned .featured-image-container {
float: right;
}
.featured-image-container.square,
.featured-image-container.round,
.featured-image-container.rounded-corners,
.featured-image-container.tall,
.featured-image-container.medium,
.featured-image-container.short {
background-position: center center;
}
.featured-image-container.constrain {
background-size: cover;
}
.featured-image-wrapper.round,
.featured-image-container.round {
border-radius: 50%;
}
.featured-image-wrapper.rounded-corners,
.featured-image-container.rounded-corners {
border-radius: 4px;
}
.masonry-grid-container .featured-image-wrapper.rounded-corners,
.masonry-grid-container .featured-image-container.rounded-corners {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.featured-image-container.full.full-width,
.featured-image-container.full.full-width a,
.featured-image-container.full.full-width img.featured-image {
width: 100%;
}
.featured-image-container.tall,
.featured-image-container.medium,
.featured-image-container.short {
background-size: cover;
}
.featured-image-container.tall {
height: 440px;
}
.featured-image-container.medium {
height: 340px;
}
.featured-image-container.short {
height: 240px;
}
.featured-image-container a {
width: 100%;
height: 100%;
display: inline-block;
vertical-align: top;
}
.blog-post-top-layout .featured-image-container.full:not(.full-width) a {
width: auto;
}
.featured-image-container img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
display: inline-block;
vertical-align: top;
}
.featured-image-container img.featured-image {
-webkit-transition: opacity 0.2s ease 0s;
-moz-transition: opacity 0.2s ease 0s;
-ms-transition: opacity 0.2s ease 0s;
-o-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
}
.featured-image-container img.placeholder {
width: 100%;
}
.featured-image-container.loading {
background: url(library/images/loader.gif) center center no-repeat;
background-size: auto !important;
}
.featured-image-container.round img.featured-image,
.featured-image-container.rounded-corners img.featured-image,
.featured-image-container.square img.featured-image,
.featured-image-container.tall img.featured-image,
.featured-image-container.medium img.featured-image,
.featured-image-container.short img.featured-image {
display: none;
}
.featured-image-container:not(.round):not(.rounded-corners):not(.square).loading img {
opacity: 0;
}
.blog-post-top-layout .featured-image-wrapper {
margin: 0 0 21px;
}
/* Blog list content */
.blog-post-side-layout .post-loop-content {
width: 70%;
padding: 0 0 0 2.7%;
float: left;
}
.blog-post-side-layout.right-aligned .post-loop-content {
float: left;
padding: 0 2.7% 0 0;
}
.blog-post-side-layout.no-featured-image .post-loop-content {
width: 100%;
padding: 0;
float: none;
}
.archive-container {
margin-top: 2.1em;
}
.single .entry-thumbnail {
margin: 20px 0;
text-align: center;
}
/* Masonry Grid */
.masonry-grid-container {
height: auto;
}
.masonry-grid-container .featured-image-container {
width: 100%;
}
.masonry-grid-container.loading article {
float: left;
}
.masonry-grid-container article {
padding-left: inherit;
padding-right: inherit;
border-bottom: none !important;
padding-bottom: 0 !important;
}
.masonry-grid-container .featured-image-container a {
width: 100% !important;
}
.masonry-grid-container article img.featured-image {
display: block;
}
.masonry-grid-container article .entry-title {
margin: 0;
}
.masonry-grid-container article .entry-meta {
margin-top: 4px;
}
.masonry-grid-container article .entry-content {
word-break: break-word;
}
.masonry-grid-container article .post-loop-content {
padding: 0;
}
.masonry-grid-container.bordered article .entry-header,
.masonry-grid-container.bordered article .entry-content,
.masonry-grid-container.bordered article .entry-footer {
padding-left: 20px;
padding-right: 20px;
}
.masonry-grid-container.bordered article .entry-header,
.masonry-grid-container.bordered article .entry-content {
margin-top: -2px;
border: 1px solid #CCCCCC;
border-bottom: none;
}
.masonry-grid-container.bordered article .entry-content {
border-top: none;
padding-top: 1.5em;
}
.masonry-grid-container article .entry-header {
padding-top: 17px;
}
.masonry-grid-container article .entry-footer {
margin-top: -2px;
padding-top: 2px;
padding-bottom: 17px;
border-bottom: 1px solid #CCCCCC;
}
.masonry-grid-container.bordered article .entry-footer {
border: 1px solid #CCCCCC;
border-top: none;
}
.masonry-grid-container article .cat-links,
.masonry-grid-container article .tags-links {
margin: 0;
display: block;
}
/* Rounded Featured Image */
body.rounded-corners .post-loop-images-carousel img {
border-radius: 3px;
}
.single .entry-thumbnail {
margin: 20px 0;
text-align: center;
}
.single .entry-thumbnail img {
vertical-align: top;
}
.post-single-no-post-titles .entry-thumbnail {
margin-top: 6px;
}
body.rounded-corners .entry-thumbnail img {
border-radius: 3px;
}
/* Featured Image Rollover effects */
.featured-image-container,
.blog-post-side-layout .featured-image-wrapper,
.blog-post-top-layout .featured-image-wrapper,
.masonry-grid-container .featured-image-wrapper {
position: relative;
overflow: hidden;
}
.blog-post-side-layout .featured-image-wrapper {
width: 30%;
display: inline-block;
}
.featured-image-container a {
display: inline-block;
position: relative;
width: 100%;
}
/* Opacity */
.featured-image-container.opacity-rollover .opacity {
opacity: 0;
height: 100%;
width: 100%;
top: 0;
position: absolute;
-moz-transition: opacity 0.4s ease 0s;
-webkit-transition: opacity 0.4s ease 0s;
transition: opacity 0.4s ease 0s;
}
.featured-image-container.opacity-rollover:hover .opacity {
opacity: 1;
}
/* Zoom */
.featured-image-container.zoom-rollover img,
.featured-image-container.square.zoom-rollover,
.featured-image-container.round.zoom-rollover,
.featured-image-container.rounded-corners.zoom-rollover,
.featured-image-container.tall.zoom-rollover,
.featured-image-container.medium.zoom-rollover,
.featured-image-container.short.zoom-rollover,
.masonry-grid-container .featured-image-container.zoom-rollover {
vertical-align: top;
max-width: 100.1%;
}
.featured-image-container.zoom-rollover.transition img,
.featured-image-container.square.zoom-rollover.transition,
.featured-image-container.round.zoom-rollover.transition,
.featured-image-container.rounded-corners.zoom-rollover.transition,
.featured-image-container.tall.zoom-rollover.transition,
.featured-image-container.medium.zoom-rollover.transition,
.featured-image-container.short.zoom-rollover.transition,
.masonry-grid-container .featured-image-container.zoom-rollover.transition {
-moz-transition: all 0.3s !important;
-webkit-transition: all 0.3s !important;
transition: all 0.3s !important;
}
.featured-image-container.zoom-rollover img:hover,
.featured-image-container.square.zoom-rollover:hover,
.featured-image-container.round.zoom-rollover:hover,
.featured-image-container.rounded-corners.zoom-rollover:hover,
.featured-image-container.tall.zoom-rollover:hover,
.featured-image-container.medium.zoom-rollover:hover,
.featured-image-container.short.zoom-rollover:hover,
.masonry-grid-container .featured-image-container.zoom-rollover:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/* Blog numeric pagination */
.navigation.numeric {
margin: 45px 0 0 0 !important;
text-align: center;
}
.navigation.numeric ul {
margin: 0;
}
.navigation.numeric li a,
.navigation.numeric li a:hover,
.navigation.numeric li.active a,
.navigation.numeric li.disabled {
display: inline-block;
color: #FFFFFF;
text-decoration:none;
cursor: pointer;
padding: 5px 12px;
}
.navigation.numeric li {
display: inline;
}
/* Widget Title */
.widget-title-no-underline .widget-area .widget .widget-title {
margin: 0;
padding-bottom: 10px;
}
.widget-title-short-underline .widget-area .widget .widget-title,
.widget-title-medium-underline .widget-area .widget .widget-title,
.widget-title-full-width-underline .widget .widget-title {
margin: 0 0 26px 0;
padding-bottom: 24px;
}
.widget-title-short-underline .widget-area .widget .widget-title:after,
.widget-title-medium-underline .widget-area .widget .widget-title:after,
.widget-title-full-width-underline .widget-area .widget .widget-title:after,
.widget-title-full-width-underline .widget-area .widget .widgettitle:after {
bottom: -24px;
content: "";
display: block;
height: 1px;
position: relative;
}
.widget-title-short-underline .widget-area .widget .widget-title:after {
width: 38px;
}
.widget-title-medium-underline .widget-area .widget .widget-title:after {
width: 74px;
}
.widget-title-full-width-underline .widget-area .widget .widget-title:after {
width: 100%;
}
/* -------- Sidebar Styling -------- */
.widget-area {
width: 25%;
float: left;
padding: 100px 0 0 2%;
}
.widget-area .widget-title {
padding-bottom: 0;
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 0;
}
.widget-area .widget {
padding-bottom: 21px;
border-bottom: 1px solid #939598;
}
.widget-area .widget:last-child {
border-bottom: none;
}
.widget-area .widget.widget_search {
padding-bottom: 28px
}
.widget-area .widget ul {
margin: 0;
padding: 0;
}
.widget-area .widget ul li {
margin: 0 0 2px;
padding: 0;
list-style-type: none;
font-size: 14px;
font-weight: 300;
}
.widget-area .widget ul li a {
font-size: 14px;
text-decoration: none;
}
.widget-area .widget ul ul {
margin: 3px 0 3px 15px;
}
.widget-area .widget ul ul li {
margin: 0;
}
.widget-area .widget ul ul ul {
margin: 3px 0 3px 30px;
}
/* Social Media Links Widget */
.widget_shopstar_social_media_links_widget .social-icons .fa,
.widget_shopstar_social_media_links_widget .social-icons .fab,
.widget_shopstar_social_media_links_widget .social-icons .fas,
.widget_shopstar_social_media_links_widget .social-icons .otb-fa {
padding: 0;
}
/* -------- Sidebar Search -------- */
.widget.widget_search {
border-bottom: 0;
}
.widget-area .widget .search-field,
.site-footer .widget .search-field {
width: 82%;
height: 37px;
max-width: 284px;
border-right: 0;
padding-right: 0;
margin-right: 0;
float: left;
}
.widget-area .widget .search-submit,
.site-footer .widget .search-submit {
display: inline-block;
border-left: 0;
width: 16%;
min-width: 0;
max-width: 40px;
height: 45px;
float: left;
padding: 0;
border-left: 0;
vertical-align: top;
text-shadow: none;
}
/* -------- Comments Styling -------- */
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
}
.comments-title {
font-size: 22px;
}
.comment-list {
margin: 0;
padding: 5px 0 0;
list-style-type: none;
clear: both;
}
.comment-list li {
margin: 0;
padding: 0 0 3% 0;
}
.comment-author {
box-sizing: border-box;
padding: 0 2% 0 0;
width: 10%;
display: inline-block;
float: left;
}
.comment-container {
margin-left: 65px;
}
.comment-author .avatar {
margin: 0;
}
.comment-meta cite {
display: block;
font-size: 13px;
font-weight: 600;
}
.comment-meta > a {
font-size: 11px;
}
.comment-content {
box-sizing: border-box;
background-color: #F4F4F4;
display: inline-block;
width: 90%;
padding: 20px 17px 20px 17px;
}
.comment-content .fn,
.comment-content .says {
display: inline-block;
margin: 0 0 15px 0;
}
.comment-content p {
margin-bottom: 0.4em;
}
.comment .reply {
text-align: left;
width: 50%;
float: left;
margin: 8px 0 0 0;
}
#cancel-comment-reply-link {
margin: 5px 0 0 0;
display: block;
font-size: 14px;
}
.comment-metadata {
text-align: right;
width: 50%;
float: right;
margin: 8px 0 0 0;
}
.comments-area label {
display: block;
min-width: 10.5%;
padding: 6px 0 5px 0;
}
.comments-area label .required {
color: #ff0000;
font-weight: 400;
}
.comments-area .comment-form-cookies-consent input {
vertical-align: middle;
}
.comments-area .comment-form-cookies-consent label {
display: inline-block;
margin: 0 0 0 5px;
}
.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="tel"],
.comments-area input[type="password"],
.comments-area input[type="url"],
.comments-area input[type="search"] {
padding: 3px 3px 3px 10px;
width: 311px;
}
#comments ul {
margin-left: 2em;
}
#comments li {
list-style-type: none;
}
#comments li:last-child {
padding-bottom: 0;
}
#comments ul.children {
margin: 3% 0 0 10%;
}
.comment-respond {
margin: 48px 0 0 0;
}
/* NEW COMMENT STYLES */
.comment-meta {
font-size: 14px;
margin: 0;
width: 100%;
}
.post-password-required input {
max-width: 280px;
margin: 0 5px;
}
/* -------- Footer Styling -------- */
.site-footer {
margin: 25px 0 0 0;
position: relative;
}
body.home.shostar-one-page-mode .site-footer {
margin: 0;
}
body.footer-hugs-bottom {
display: flex;
flex-direction: column;
}
body.footer-hugs-bottom .site-content {
flex: 1 0 auto;
}
body.footer-hugs-bottom .site-footer {
flex-shrink: 0;
}
.site-footer .widgets {
padding: 59px 0 52px;
margin: 0;
font-size: 14px;
font-weight: 300;
}
.site-footer .widgets .overlay {
position: absolute;
top: 0;
background-color: rgba(0, 0, 0, 0);
height: 100%;
width: 100%;
}
.site-footer .widgets.hidden {
display: none;
}
.site-footer .widgets .container .padder {
padding: 0 55px 0 55px;
padding: 0;
}
.site-footer .widgets a {
text-decoration: underline;
}
.site-footer .widgets a:hover {
text-decoration: none;
}
.site-footer .container ul li {
display: block;
}
.site-footer .container .padder > ul {
margin: 0;
padding: 0;
}
.site-footer .container .padder > ul > li {
margin: 0;
padding: 10px 18px 20px;
list-style-type: none;
display: block;
float: left;
box-sizing: border-box;
}
.site-footer .widgets.one .container .padder > ul > li {
width: 100%;
}
.site-footer .widgets.two .container .padder > ul > li {
width: 50%;
}
.site-footer .widgets.three .container .padder > ul > li {
width: 33%;
}
.site-footer .widgets.four .container .padder > ul > li {
width: 25%;
}
.site-footer .widgets.five .container .padder > ul > li {
width: 20%;
}
/* One widget per row */
.site-footer .widgets.one .container .padder > ul > li {
padding: 10px 0 20px 0;
}
/* Two widgets per row */
.site-footer .widgets.two .container .padder > ul > li:nth-of-type(odd) {
padding: 10px 18px 20px 0;
clear: left;
}
.site-footer .widgets.two .container .padder > ul > li:nth-of-type(2n+0) {
padding: 10px 0 20px 18px;
clear: right;
}
/* Three widgets per row */
.site-footer .widgets.three .container .padder > ul > li:nth-of-type(3n+0) {
padding: 10px 0 20px 18px;
clear: right;
}
.site-footer .widgets.three .container .padder > ul > li:nth-of-type(3n+1) {
padding: 10px 18px 20px 0;
clear: left;
}
/* Four widgets per row */
.site-footer .widgets.four .container .padder > ul > li:nth-of-type(4n+0) {
padding: 10px 0 20px 18px;
clear: right;
}
.site-footer .widgets.four .container .padder > ul > li:nth-of-type(4n+1) {
padding: 10px 18px 20px 0;
clear: left;
}
/* Five widgets per row */
.site-footer .widgets.five .container .padder > ul > li:nth-of-type(5n+0) {
padding: 10px 0 20px 18px;
clear: right;
}
.site-footer .widgets.five .container .padder > ul > li:nth-of-type(5n+1) {
padding: 10px 18px 20px 0;
clear: left;
}
.site-footer .widgets ul li h2.widgettitle {
padding: 0 0 10px 0;
margin: 0 0 25px 0;
font-size: 16px;
line-height: 1.5em;
text-transform: uppercase;
font-weight: 400;
padding-bottom: 24px;
}
.site-footer .widgets ul li h2.widgettitle:after {
width: 74px;
bottom: -23px;
content: "";
display: block;
height: 1px;
position: relative;
}
.site-footer .widget ul {
margin: 0;
padding: 0;
}
.site-footer .widget ul li {
margin: 0 0 2px;
padding: 0;
display: block;
float: none;
}
.site-footer .widget ul li a {
text-decoration: none;
}
.site-footer .widgets .widget ul li a:hover {
text-decoration: underline;
}
.site-footer .widgets .widget article .entry-title {
font-size: 16px;
}
.site-footer .bottom-bar {
color: #FFFFFF;
padding: 30px 0 30px;
font-size: 12px;
line-height: 22px;
font-weight: 300;
text-align: center;
}
.site-footer .bottom-bar.hidden {
display: none;
}
.site-footer .bottom-bar a {
color: #FFFFFF;
text-decoration: none;
}
.site-footer .bottom-bar a:hover {
text-decoration: underline;
}
.site-footer .bottom-bar .left {
float: left;
}
.site-footer .bottom-bar .right {
float: right;
text-align: right;
}
.site-footer .bottom-bar.centered .left,
.site-footer .bottom-bar.centered .right {
float: none;
text-align: center;
}
.site-footer .bottom-bar.centered .right {
margin-top: 7px;
}
.site-footer .bottom-bar .right ul {
margin: 0;
padding: 0;
}
.site-footer .bottom-bar .right ul li {
margin: 0;
padding: 0;
list-style-type: none;
display: inline-block;
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08);
}
.site-footer .bottom-bar .right a {
display: block;
line-height: 12px;
font-size: 12px;
text-transform: none;
color: #FFFFFF;
padding: 0 7px;
}
.site-footer .bottom-bar .right ul li:last-child {
box-shadow: none;
}
.site-footer .bottom-bar .right ul li:last-child a {
padding: 0 0 0 7px;
}
/* -------- Contact Form 7 Styling -------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
.wpcf7-text,
.wpcf7-select {
width: 66%;
}
/* -------- Back to Top Button Styling -------- */
#back-to-top {
position: fixed;
z-index: 1010;
right: -40px;
bottom: 20px;
width: 40px;
height: 40px;
color: #fff;
font-size: 30px;
text-align: center;
cursor: pointer;
text-decoration: none;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#back-to-top i {
font-size: 18px;
line-height: 40px !important;
vertical-align: top;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#back-to-top .hover {
background-color: #FFFFFF;
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
top: 0;
z-index: -1;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#back-to-top:hover .hover { opacity: 0.4 }
#back-to-top:hover i { color: #fff; }
#back-to-top.visible { right: 40px; }
#back-to-top.gone { right: -40px; }
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}
aside select {
width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
}
.content-area .widget-title {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 10px;
padding-bottom: 0;
}
.widget-area .widget ul {
margin: 0;
padding: 0;
}
.widget-area .widget ul li {
margin: 0 0 2px;
padding: 0;
list-style-type: none;
}
.widget-area .widget ul li a {
font-size: 14px;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry,
.search-results article {
border-bottom: 1px solid #939598;
}
.page .hentry {
border: 0;
}
.page-template-template-full-width-no-bottom-margin .hentry,
.page-template-template-full-width-no-page-title-no-bottom-margin .hentry {
margin: 0;
}
body:not(.page-template-template-full-width-no-bottom-margin) .hentry:not(.blog-post-masonry-grid-layout),
body:not(.page-template-template-full-width-no-bottom-margin) .search-results article {
margin: 0 0 30px;
padding: 0 0 30px;
}
.archive-container .hentry,
body.home.shopstar-one-page-mode .archive-container .hentry,
.search-results article {
margin-bottom: 30px;
padding-bottom: 30px;
}
body:not(.home):not(.shopstar-one-page-mode) .archive-container .hentry:not(.blog-post-masonry-grid-layout):last-of-type,
.search-results article:last-of-type {
border-bottom: none;
}
body:not(.page-template-template-full-width-no-bottom-margin) .hentry:not(.blog-post-masonry-grid-layout):last-child,
body:not(.page-template-template-full-width-no-bottom-margin) .search-results article:last-child {
margin: 0 0 30px;
padding: 0 0 30px;
}
.byline {
display: inline;
}
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.entry-content {
margin-top: 0;
}
.entry-content .read-more.below {
display: block;
margin-top: 1em;
}
.entry-content .read-more {
text-decoration: none !important;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.has-drop-cap .entry-content > p:first-of-type:not(:focus):first-letter {
float: left;
font-size: 7.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/*--------------------------------------------------------------
## 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
--------------------------------------------------------------*/
/* Widget areas */
.gallery {
margin-bottom: 1.1em;
}
.site-footer-widgets .gallery,
.widget-area .gallery {
margin-bottom: 0;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2),
.gallery-columns-3 .gallery-item:nth-of-type(3n+3),
.gallery-columns-4 .gallery-item:nth-of-type(4n+4),
.gallery-columns-5 .gallery-item:nth-of-type(5n+5),
.gallery-columns-6 .gallery-item:nth-of-type(6n+6),
.gallery-columns-7 .gallery-item:nth-of-type(7n+7),
.gallery-columns-8 .gallery-item:nth-of-type(8n+8),
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0;
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-2 .gallery-item:nth-last-child(-n+2),
.gallery-columns-3 .gallery-item:nth-last-child(-n+3),
.gallery-columns-4 .gallery-item:nth-last-child(-n+4),
.gallery-columns-5 .gallery-item:nth-last-child(-n+5),
.gallery-columns-6 .gallery-item:nth-last-child(-n+6),
.gallery-columns-7 .gallery-item:nth-last-child(-n+7),
.gallery-columns-8 .gallery-item:nth-last-child(-n+8),
.gallery-columns-9 .gallery-item:nth-last-child(-n+9) {
margin-bottom: 0px;
}
.gallery-item {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a > img {
margin-bottom: 0;
}
.gallery-caption {
display: block;
box-shadow: none;
line-height: 1.6;
margin: 0;
padding: 0.5em;
}
/* Jetpack */
/* Jetpack - Infinite Scroll */
.infinite-scroll .masonry-grid-container {
padding-bottom: 80px;
}
#infinite-handle {
width: 100%;
text-align: center;
margin-top: -30px;
margin-bottom: 30px;
}
.masonry-grid-container #infinite-handle {
position: absolute;
bottom: 0;
margin-top: 20px;
}
html #infinite-handle span {
background: transparent;
padding: 0;
}
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/* Jetpack - Related Posts */
html #jp-relatedposts {
padding-top: 0;
margin: 1em 0;
}
html #jp-relatedposts h3.jp-relatedposts-headline {
padding: 0;
font-size: 16px;
font-weight: 300;
}
html #jp-relatedposts h3.jp-relatedposts-headline em:before {
display: none;
}
html #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
opacity: 1;
}
html #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a,
html #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
text-decoration: none;
}
html .jp-relatedposts:after {
display: none;
}
/* Jetpack - Slideshow Block */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet {
min-width: auto;
outline: 0;
}
/* Elementor */
.elementor-widget-social-icons .elementor-grid.elementor-social-icons-wrapper {
margin-left: 0;
margin-right: 0;
}
.elementor-widget-social-icons .elementor-social-icons-wrapper .elementor-grid-item:first-child .elementor-social-icon {
margin-left: 0;
}
.elementor-widget-social-icons .elementor-social-icons-wrapper .elementor-grid-item:last-child .elementor-social-icon {
margin-right: 0;
}
.elementor-template-full-width .site-container,
.elementor-template-full-width .main-menu-container {
max-width: 100%;
}
/* Page Builder */
.underlined-titles .widget-title {
padding: 0 0 20px 0;
margin: 0 0 26px 0;
text-align: center;
}
.underlined-titles .widget-title:after {
background: none repeat scroll 0 0;
bottom: -20px;
content: "";
display: block;
height: 1px;
position: relative;
width: 74px;
left: 50%;
transform: translate(-50%);
text-align: center;
}
/* WPForms */
div.wpforms-container form.wpforms-form .wpforms-field:first-child {
padding-top: 0;
}
div.wpforms-container form.wpforms-form .wpforms-field {
padding: 12px 0;
}
div.wpforms-container form.wpforms-form .wpforms-field-label {
font-size: 14px;
margin-bottom: 1px;
}
div.wpforms-container form.wpforms-form .wpforms-submit-container {
padding-top: 14px;
}
div.wpforms-container form.wpforms-form textarea.wpforms-field-medium {
height: 226px;
}
div.wpforms-container form.wpforms-form .wpforms-field input.wpforms-error,
div.wpforms-container form.wpforms-form .wpforms-field textarea.wpforms-error,
div.wpforms-container form.wpforms-form .wpforms-field select.wpforms-error {
border-color: #ba2227;
}
div.wpforms-container form.wpforms-form .wpforms-required-label {
font-size: 15px;
}
div.wpforms-container form.wpforms-form label.wpforms-error {
color: #ba2227;
}
/* Recent Posts Widget Extended - site content */
.site-content .rpwe-block ul {
width: 100%;
display: inline-block;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
}
.site-content .rpwe-block li {
width: 30.5%;
margin-right: 0;
float: left;
border: 1px solid #CCCCCC;
}
.site-content .rpwe-block .rpwe-img {
display: inline-block !important;
margin: 0 0 18px 0;
}
.site-content .rpwe-block .rpwe-thumb {
display: inline-block;
vertical-align: top;
border: none !important;
box-shadow: none !important;
margin: 0 auto 0 auto;
padding: 0 !important;
}
.site-content .rpwe-block h3.rpwe-title {
font-size: 18px !important;
line-height: 1.2;
}
.site-content .rpwe-block h3.rpwe-title {
margin: 0 0 15px 0 !important;
padding: 0 5% 0 5%;
}
.site-content .rpwe-block h3.rpwe-title a {
font-weight: 300 !important;
}
.site-content .rpwe-block .rpwe-summary {
font-size: 14px;
padding: 0 5% 10px 5%;
}
body.comfortable-paragraph-line-height .site-content .rpwe-block .rpwe-summary {
line-height: 1.72em;
}
body.spacious-paragraph-line-height .site-content .rpwe-block .rpwe-summary {
line-height: 2em;
}
.site-content .rpwe-block .rpwe-summary a {
display: block !important;
text-transform: uppercase;
margin: 14px 0 0 0;
}
/* Recent Posts Widget Extended - sidebar */
.widget-area .rpwe-block ul li {
margin: 0 0 25px 0;
padding: 0;
list-style-type: none;
display: block;
width: 100%;
text-align: left;
border: none;
}
.widget-area .rpwe-block .rpwe-img {
float: left;
margin: 0 12px 0 0;
}
.widget-area .rpwe-block h3.rpwe-title {
text-align: left;
font-size: 13px !important;
margin: 0 0 5px 0 !important;
}
.widget-area .rpwe-block h3 a {
font-weight: 400;
}
.widget-area .rpwe-block .rpwe-time {
font-style: italic;
font-size: 13px;
color: #969696;
}
/* Recent Posts Widget Extended - site footer */
.site-footer .rpwe-block h3.rpwe-title {
font-size: 14px !important;
margin: 2px 0 0 0 !important;
}
.site-footer .rpwe-block .rpwe-thumb {
padding: 3px 3px 3px 0 !important;
}
/* Photo Gallery by Supsystic */
#colorbox {
z-index: 99999 !important;
}
#cboxOverlay {
z-index: 99999 !important;
}
.widget_sggwidget div,
.widget_sggwidget .grid-gallery-photos,
.grid-gallery div,
.grid-gallery .grid-gallery-photos {
max-width: 100%;
}
.widget_sggwidget .grid-gallery-caption,
.widget_sggwidget .grid-gallery-caption .crop,
.widget_sggwidget img,
.grid-gallery .grid-gallery-caption,
.grid-gallery .grid-gallery-caption .crop,
.grid-gallery img {
max-width: 100%;
height: auto !important;
}
#cboxContent button {
min-width: 0;
}
@media screen and (max-width: 400px) {
.widget_sggwidget div,
.widget_sggwidget .grid-gallery-caption,
.grid-gallery div,
.grid-gallery .grid-gallery-caption {
left: 0 !important;
}
}
/* MailChimp for WordPress */
.widget-area .widget_mc4wp_form_widget,
.site-footer .widget_mc4wp_form_widget {
display: inline-block;
width: 100%;
}
.widget-area .widget_mc4wp_form_widget .mc4wp-form,
.site-footer .widget_mc4wp_form_widget .mc4wp-form {
width: 100%;
overflow: hidden;
}
.widget-area .widget_mc4wp_form_widget .text-input-with-button-field-container,
.site-footer .widget_mc4wp_form_widget .text-input-with-button-field-container {
display: block;
overflow: hidden;
}
.widget-area .widget_mc4wp_form_widget .text-input-with-button-field-container input,
.site-footer .widget_mc4wp_form_widget .text-input-with-button-field-container input {
border-right: 0;
}
.widget-area .widget_mc4wp_form_widget .mc4wp-submit,
.site-footer .widget_mc4wp_form_widget .mc4wp-submit {
cursor: pointer;
display: inline-block;
padding: 0;
margin: 0;
width: 44px;
height: 42px;
line-height: 44px;
padding: 0 11px 0 11px;
float: right;
}
.widget-area .widget_mc4wp_form_widget .mc4wp-submit {
height: 45px;
line-height: 47px;
}
.widget-area .widget_mc4wp_form_widget .mc4wp-submit .otb-fa,
.site-footer .widget_mc4wp_form_widget .mc4wp-submit .otb-fa,
.widget-area .widget_mc4wp_form_widget .mc4wp-submit .fa,
.site-footer .widget_mc4wp_form_widget .mc4wp-submit .fa {
font-size: 18px;
color: #FFFFFF;
}
.widget-area .mc4wp-form input[type=date],
.widget-area .mc4wp-form input[type=email],
.widget-area .mc4wp-form input[type=number],
.widget-area .mc4wp-form input[type=tel],
.widget-area .mc4wp-form input[type=text],
.widget-area .mc4wp-form input[type=url],
.widget-area .mc4wp-form select,
.widget-area .mc4wp-form textarea,
.site-footer .mc4wp-form input[type=date],
.site-footer .mc4wp-form input[type=email],
.site-footer .mc4wp-form input[type=number],
.site-footer .mc4wp-form input[type=tel],
.site-footer .mc4wp-form input[type=text],
.site-footer .mc4wp-form input[type=url],
.site-footer .mc4wp-form select,
.site-footer .mc4wp-form textarea {
width: 100%;
max-width: 100%;
height: 42px;
text-indent: 10px;
margin: 0 0 7px 0;
padding: 0;
display: inline-block;
background-color: #FFFFFF;
float: left;
}
.widget-area .mc4wp-form input[type=date],
.widget-area .mc4wp-form input[type=email],
.widget-area .mc4wp-form input[type=number],
.widget-area .mc4wp-form input[type=tel],
.widget-area .mc4wp-form input[type=text],
.widget-area .mc4wp-form input[type=url],
.widget-area .mc4wp-form select,
.widget-area .mc4wp-form textarea {
height: 45px;
border-right: 0;
}
.widget-area .mc4wp-form button,
.widget-area .mc4wp-form input[type=button],
.widget-area .mc4wp-form input[type=submit],
.site-footer .mc4wp-form button,
.site-footer .mc4wp-form input[type=button],
.site-footer .mc4wp-form input[type=submit] {
max-width: 100%;
text-align: center;
height: 42px;
color: #FFFFFF;
box-shadow: none;
font-size: 14px;
}
.widget-area .mc4wp-form button,
.widget-area .mc4wp-form input[type=button],
.widget-area .mc4wp-form input[type=submit] {
height: 45px;
}
/* Instagram Slider Widget */
.jr-insta-thumb ul.thumbnails li {
display: inline-block;
padding: 0;
margin: 0 2.5% 2.5% 0;
}
.jr-insta-thumb ul.thumbnails.jr_col_3 li:nth-of-type(3n+0) {
margin-right: 0;
}
/* BBPress */
.shopstar-bbpress-use-theme-styles div.bbp-breadcrumb {
font-size: 11px;
text-transform: uppercase;
line-height: 15px;
}
.shopstar-bbpress-use-theme-styles .wp-editor-container {
border: none !important;
}
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-footer,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-header,
.shopstar-bbpress-use-theme-styles #bbpress-forums ul.bbp-forums,
.shopstar-bbpress-use-theme-styles #bbpress-forums ul.bbp-lead-topic,
.shopstar-bbpress-use-theme-styles #bbpress-forums ul.bbp-replies,
.shopstar-bbpress-use-theme-styles #bbpress-forums ul.bbp-search-results,
.shopstar-bbpress-use-theme-styles #bbpress-forums ul.bbp-topics,
.shopstar-bbpress-use-theme-styles #bbpress-forums fieldset.bbp-form {
border-color: #e0e0e0;
}
.shopstar-bbpress-use-theme-styles #bbpress-forums div.bbp-reply-header,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-footer,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-header {
border-top: none;
}
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-header {
border-bottom: 1px solid #e0e0e0;
}
.shopstar-bbpress-use-theme-styles #bbpress-forums p.bbp-topic-meta img.avatar,
.shopstar-bbpress-use-theme-styles #bbpress-forums ul.bbp-reply-revision-log img.avatar,
.shopstar-bbpress-use-theme-styles #bbpress-forums ul.bbp-topic-revision-log img.avatar,
.shopstar-bbpress-use-theme-styles #bbpress-forums div.bbp-template-notice img.avatar,
.shopstar-bbpress-use-theme-styles #bbpress-forums .widget_display_topics img.avatar,
.shopstar-bbpress-use-theme-styles #bbpress-forums .widget_display_replies img.avatar {
margin-bottom: 0;
border: 0;
}
.shopstar-bbpress-use-theme-styles div.bbp-template-notice,
.shopstar-bbpress-use-theme-styles div.indicator-hint {
border-radius: 0;
}
.shopstar-bbpress-use-theme-styles div.bbp-template-notice li, div.bbp-template-notice p,
/*
.shopstar-bbpress-use-theme-styles #bbpress-forums ul.bbp-replies,
.shopstar-bbpress-use-theme-styles #bbpress-forums div.bbp-forum-content,
.shopstar-bbpress-use-theme-styles #bbpress-forums .bbp-pagination-count,
.shopstar-bbpress-use-theme-styles #bbpress-forums div.bbp-topic-content
*/
.shopstar-bbpress-use-theme-styles #bbpress-forums div.bbp-reply-content {
font-size: 14px;
line-height: 1.5;
}
.shopstar-bbpress-use-theme-styles div.bbp-topic-tags,
.shopstar-bbpress-use-theme-styles #bbpress-forums,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-footer .bbp-forum-author,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-footer .bbp-reply-author,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-footer .bbp-search-author,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-footer .bbp-topic-author,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-header .bbp-forum-author,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-header .bbp-reply-author,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-header .bbp-search-author,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-header .bbp-topic-author,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-footer .bbp-forum-content,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-footer .bbp-reply-content,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-footer .bbp-search-content,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-footer .bbp-topic-content,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-header .bbp-forum-content,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-header .bbp-reply-content,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-header .bbp-search-content,
.shopstar-bbpress-use-theme-styles #bbpress-forums li.bbp-header .bbp-topic-content,
.shopstar-bbpress-use-theme-styles .bbp-reply-post-date,
.shopstar-bbpress-use-theme-styles span.bbp-admin-links a,
.shopstar-bbpress-use-theme-styles #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log,
.shopstar-bbpress-use-theme-styles #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
.shopstar-bbpress-use-theme-styles #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log {
font-size: 12px;
}
.shopstar-bbpress-use-theme-styles #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
max-width: 100%;
border: 1px solid #ccc;
}
/* BookingPress */
.shopstar-bookingpress-use-theme-styles .bpa-frontend-main-container,
.shopstar-bookingpress-use-theme-styles .bpa-front-customer-panel-container {
max-width: 1140px !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--panel-body .bpa-front-dc--body {
min-height: auto;
}
.shopstar-bookingpress-use-theme-styles .el-picker-panel .el-date-picker__header button {
min-width: auto;
}
.shopstar-bookingpress-use-theme-styles .bpa-tn__dropdown-menu {
z-index: 99999 !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-toast-notification {
box-shadow: none !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu,
.shopstar-bookingpress-use-theme-styles .el-dropdown-menu,
.shopstar-bookingpress-use-theme-styles .el-picker-panel,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active span,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active .bpa-front-tm--item-icon,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-tabs--foot .bpa-front-btn--primary:focus,
.shopstar-bookingpress-use-theme-styles .bpa-front-btn--primary:focus,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control.--bpa-country-dropdown.vue-tel-input:focus-within,
.shopstar-bookingpress-use-theme-styles .bpa-front-cp-top-navbar,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control .el-textarea__inner:focus,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control input:focus,
.shopstar-bookingpress-use-theme-styles .el-date-picker__time-header .el-input .el-input__inner:focus,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-item.__bpa-is-selected .bpa-front-si-card,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma-table-actions-wrap .bpa-front-ma-taw__card,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--atc-wrapper .bpa-front-module--atc__item .bpa-front-btn:hover {
box-shadow: none !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu,
.shopstar-bookingpress-use-theme-styles .bpa-front-default-card,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-item .bpa-front-si-card,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__time-slots,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--foot,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-container,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-header,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-day,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control input,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--booking-summary .bpa-front-module--bs-amount-details,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control.--bpa-country-dropdown,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control .el-textarea__inner,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control--v-date-picker .el-input__inner,
.shopstar-bookingpress-use-theme-styles .el-date-picker__time-header .el-input .el-input__inner,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item .bpa-front-tm--item-icon,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown-list,
.shopstar-bookingpress-use-theme-styles .bpa-fm--bs__deposit-payment-module .bpa-dpm__item.--bpa-is-dpm-total-item,
.shopstar-bookingpress-use-theme-styles .bpa-fm--bs__deposit-payment-module,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--booking-summary .bpa-is-coupon-module-enable .bpa-fm--bs__coupon-module-textbox,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item,
.shopstar-bookingpress-use-theme-styles .bpa-front-thankyou-module-container,
.shopstar-bookingpress-use-theme-styles .bpa-front-tmc__summary-content .bpa-front-tmc__sc-item,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--add-to-calendar,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--atc-wrapper .bpa-front-btn,
.shopstar-bookingpress-use-theme-styles .bpa-cp-ls__tab-menu .bpa-tm__item .bpa-tm__item-icon,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control.--bpa-country-dropdown .vti__dropdown,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--date-and-time.__sm .bpa-front--dt__ts-sm-back-btn .bpa-front-btn,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-items-row .bpa-front-module--service-item,
.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-date-picker__header--bordered,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si-card__left .bpa-front-si__default-img,
.shopstar-bookingpress-use-theme-styles .bpa-fm__booking-summary-v47 .bpa-front-module--bs-customer-detail,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item.__bpa-is-disabled:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-nav-popover-container,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-nav-items .vc-nav-item:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control--checkbox .el-checkbox__inner:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control--checkbox .el-checkbox__inner,
.shopstar-bookingpress-use-theme-styles .bpa-front-cp-top-navbar,
.shopstar-bookingpress-use-theme-styles .bpa-front-cp-card,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control input,
.shopstar-bookingpress-use-theme-styles .el-date-picker__time-header .el-input .el-input__inner,
.shopstar-bookingpress-use-theme-styles .bpa-cp-ma-table.el-table .el-table__header-wrapper tr th.el-table__cell,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma-view-appointment-card,
.shopstar-bookingpress-use-theme-styles .bpa-ma-vac-sec-title,
.shopstar-bookingpress-use-theme-styles .bpa-ma-vac--head__right .bpa-front-pill,
.shopstar-bookingpress-use-theme-styles .bpa-vac-pd__item.__bpa-pd-is-total-item,
.shopstar-bookingpress-use-theme-styles .bpa-front-btn__small,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma-table-actions-wrap .bpa-front-ma-taw__card,
.shopstar-bookingpress-use-theme-styles .el-popover,
.shopstar-bookingpress-use-theme-styles .el-popconfirm .el-popconfirm__action,
.shopstar-bookingpress-use-theme-styles .bpa-front-cp-custom-popover,
.shopstar-bookingpress-use-theme-styles .bpa-tn__dropdown-menu,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control input:focus,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control .el-textarea__inner:focus,
.shopstar-bookingpress-use-theme-styles .el-date-picker__time-header .el-input .el-input__inner:focus,
.shopstar-bookingpress-use-theme-styles .bpa-cp-ma-table.el-table td.el-table__cell,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma--pagination-wrapper .el-pager li,
.shopstar-bookingpress-use-theme-styles .bpa-front-cp-custom-popover .el-date-picker__header--bordered,
.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-date-picker__header--bordered,
.shopstar-bookingpress-use-theme-styles .bpa-tn__dropdown-head .bpa-cp-avatar__default-img,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control.--bpa-country-dropdown.vue-tel-input:focus-within,
.shopstar-bookingpress-use-theme-styles .el-date-picker__header--bordered {
border-color: #CCCCCC !important;
border-radius: 0 !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control input:focus,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control .el-textarea__inner:focus,
.shopstar-bookingpress-use-theme-styles .el-date-picker__time-header .el-input .el-input__inner:focus {
border-color: #000000 !important;
}
.shopstar-bookingpress-use-theme-styles .el-popper[x-placement^=top] .popper__arrow {
border-top-color: #CCCCCC !important;
}
.shopstar-bookingpress-use-theme-styles .el-popper[x-placement^=bottom] .popper__arrow {
border-bottom-color: #CCCCCC !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-cp--fw__col.__bpa-is-search-icon .bpa-front-form-control .el-input__inner {
height: 41px !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-btn--primary,
.shopstar-bookingpress-use-theme-styles .bpa-front-btn--primary:focus {
background-color: #000000 !important;
border: none !important;
font-weight: 400;
padding: 10px 25px;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-btn--primary span {
font-size: 14px !important;
letter-spacing: 0 !important;
font-family: 'Raleway', sans-serif !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-btn--primary:hover {
background-color: rgba(0, 0, 0, 0.6) !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-amount-details .bpa-front-module--bs-ad--price,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active::before,
.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-year-table td.today .cell,
.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-month-table td.today .cell,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-day.is-today .vc-day-content,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control--checkbox .el-checkbox__input.is-checked + .el-checkbox__label,
.shopstar-bookingpress-use-theme-styles .bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item.__bpa-is-active,
.shopstar-bookingpress-use-theme-styles .bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item.__bpa-is-active span,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma--pagination-wrapper .el-pager li:hover,
.shopstar-bookingpress-use-theme-styles .bpa-vac-pd__item.__bpa-pd-is-total-item .bpa-vac-pd__val,
.shopstar-bookingpress-use-theme-styles .el-date-picker__header-label.active, .el-date-picker__header-label:hover,
.shopstar-bookingpress-use-theme-styles .el-date-table td.available:hover,
.shopstar-bookingpress-use-theme-styles .el-date-table td.today:not(.current) span,
.shopstar-bookingpress-use-theme-styles .el-month-table td .cell:hover,
.shopstar-bookingpress-use-theme-styles .el-month-table td.current:not(.disabled) .cell,
.shopstar-bookingpress-use-theme-styles .el-year-table td .cell:hover,
.shopstar-bookingpress-use-theme-styles .el-year-table td.current:not(.disabled) .cell,
.shopstar-bookingpress-use-theme-styles .el-picker-panel__content .el-date-table td:not(.next-month):not(.prev-month):not(.today):not(.current) span:hover,
.shopstar-bookingpress-use-theme-styles .el-picker-panel__content .el-date-table td:not(.current):not(.today) span:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front-cp-custom-popover .el-year-table td.today .cell,
.shopstar-bookingpress-use-theme-styles .bpa-front-cp-custom-popover .el-month-table td.today .cell,
.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-year-table td.today .cell,
.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-month-table td.today .cell,
.shopstar-bookingpress-use-theme-styles .bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item.__bpa-is-active,
.shopstar-bookingpress-use-theme-styles .bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item.__bpa-is-active span,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma--pagination-wrapper .el-pager li:hover,
.shopstar-bookingpress-use-theme-styles .bpa-vac-pd__item.__bpa-pd-is-total-item .bpa-vac-pd__val,
.shopstar-bookingpress-use-theme-styles .el-date-picker__header-label.active,
.shopstar-bookingpress-use-theme-styles .el-date-picker__header-label:hover,
.shopstar-bookingpress-use-theme-styles .el-date-table td.available:hover,
.shopstar-bookingpress-use-theme-styles .el-date-table td.today:not(.current) span,
.shopstar-bookingpress-use-theme-styles .el-month-table td .cell:hover,
.shopstar-bookingpress-use-theme-styles .el-month-table td.current:not(.disabled) .cell,
.shopstar-bookingpress-use-theme-styles .el-year-table td .cell:hover,
.shopstar-bookingpress-use-theme-styles .el-year-table td.current:not(.disabled) .cell,
.shopstar-bookingpress-use-theme-styles .el-picker-panel__content .el-date-table td:not(.next-month):not(.prev-month):not(.today):not(.current) span:hover,
.shopstar-bookingpress-use-theme-styles .el-picker-panel__content .el-date-table td:not(.current):not(.today) span:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front-cp-custom-popover .el-year-table td.today .cell,
.shopstar-bookingpress-use-theme-styles .bpa-front-cp-custom-popover .el-month-table td.today .cell,
.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-year-table td.today .cell,
.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-month-table td.today .cell {
color: #000000 !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag.__bpa-is-active svg,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si-card--checkmark-icon svg,
.shopstar-bookingpress-use-theme-styles .bpa-front-dcw__vector .bpa-front-dcw__vector-primary-color,
.shopstar-bookingpress-use-theme-styles .bpa-front-loader-cl-primary,
.shopstar-bookingpress-use-theme-styles .bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item.__bpa-is-active svg,
.shopstar-bookingpress-use-theme-styles .bpa-front-data-empty-view--my-bookings .bpa-front-dev__primary-bg,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--booking-summary .bpa-front-module--bs-head .bpa-head__vector-item,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--confirmation .bpa-head__vector--confirmation .bpa-head__vector-item,
.shopstar-bookingpress-use-theme-styles .bpa-front-thankyou-module-container .bpa-front-tmc__head .bpa-front-tmc__vector--confirmation .bpa-head__vector-item {
fill: #000000 !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-item.__bpa-is-selected .bpa-front-si-card,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag.__bpa-is-active,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active .bpa-front-tm--item-icon,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item.__bpa-is-selected,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item.__is-selected,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control--checkbox .el-checkbox__input.is-checked .el-checkbox__inner,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control--checkbox .el-checkbox__inner:hover,
.shopstar-bookingpress-use-theme-styles .el-radio__input.is-checked .el-radio__inner,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item.__bpa-is-selected,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--atc-wrapper .bpa-front-btn:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front-btn--primary,
.shopstar-bookingpress-use-theme-styles .bpa-ma-vac--action-btn-group .bpa-front-btn:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma--pagination-wrapper .btn-prev:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma--pagination-wrapper .btn-next:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front-btn--primary:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma--pagination-wrapper .el-pager li.active,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma--pagination-wrapper .el-pager li:hover {
border-color: #000000 !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__ts-body--item.__bpa-is-selected {
background-color: #CCCCCC !important;
background-color: transparent !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active .bpa-front-tm--item-icon,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active span,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body strong.--is-service-price,
.shopstar-bookingpress-use-theme-styles .bpa-front-btn--primary,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma--pagination-wrapper .el-pager li.active,
.shopstar-bookingpress-use-theme-styles .bpa-ma-vac--action-btn-group .bpa-front-btn:hover,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma-table-actions-wrap .bpa-front-btn--icon-without-box:hover,
.shopstar-bookingpress-use-theme-styles .el-date-table td.current:not(.disabled) span,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-day .vc-highlights .vc-day-layer .vc-highlight {
background-color: #000000 !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-day.is-today .vc-day-content,
.shopstar-bookingpress-use-theme-styles .bpa-front-btn--borderless {
background-color: transparent !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si__card-body--heading,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-module-heading,
.shopstar-bookingpress-use-theme-styles .bpa-front-tmc__head .bpa-front-tmc__title,
.shopstar-bookingpress-use-theme-styles .bpa-front-cancel-module-container .bpa-front-cmc__title,
.shopstar-bookingpress-use-theme-styles .bpa-front-tmc__booking-id .bpa-front-bi__label,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--add-to-calendar .bpa-fm--atc__heading,
.shopstar-bookingpress-use-theme-styles .bpa-front-module-heading,
.shopstar-bookingpress-use-theme-styles .bpa-cp-pd__title,
.shopstar-bookingpress-use-theme-styles .bpa-cp-ma-table.el-table .bpa-cp-ma-cell-val,
.shopstar-bookingpress-use-theme-styles .bpa-cp-ma-table.el-table td.el-table__cell .cell,
.shopstar-bookingpress-use-theme-styles .bpa-cp-ma-table.el-table .el-table__header-wrapper tr th.el-table__cell,
.shopstar-bookingpress-use-theme-styles .bpa-left__service-detail .bpa-sd__appointment-title,
.shopstar-bookingpress-use-theme-styles .bpa-bd__item .bpa-item--val,
.shopstar-bookingpress-use-theme-styles .bpa-ma-vac-sec-title,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control input,
.shopstar-bookingpress-use-theme-styles .bpa-left__service-detail .bpa-sd__appointment-id,
.shopstar-bookingpress-use-theme-styles .bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item,
.shopstar-bookingpress-use-theme-styles .bpa-tn__dropdown-menu .bpa-tn__dropdown-item,
.shopstar-bookingpress-use-theme-styles .bpa-cp-ma-table.el-table td.el-table__cell,
.shopstar-bookingpress-use-theme-styles .bpa-cp-ma-table.el-table td.el-table__cell .bpa-ma-date-time-details .bpa-ma-dt__time-val,
.shopstar-bookingpress-use-theme-styles .bpa-bd__item .bpa-item--label,
.shopstar-bookingpress-use-theme-styles .bpa-vac-pd__item .bpa-vac-pd__label,
.shopstar-bookingpress-use-theme-styles .bpa-vac-pd__item .bpa-vac-pd__val,
.shopstar-bookingpress-use-theme-styles .bpa-ma-vac--action-btn-group .bpa-front-btn__small,
.shopstar-bookingpress-use-theme-styles .bpa-front-btn--primary,
.shopstar-bookingpress-use-theme-styles .bpa-front-pill,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma--pagination-wrapper .el-pager li.number,
.shopstar-bookingpress-use-theme-styles .bpa-front-dcw__body-title,
.shopstar-bookingpress-use-theme-styles .bpa-front-dcw__body-sub-title,
.shopstar-bookingpress-use-theme-styles .bpa-front-btn,
.shopstar-bookingpress-use-theme-styles .el-popconfirm__main,
.shopstar-bookingpress-use-theme-styles .bpa-front-btn__small,
.shopstar-bookingpress-use-theme-styles .el-date-picker__header-label,
.shopstar-bookingpress-use-theme-styles .el-picker-panel__content .el-date-table th,
.shopstar-bookingpress-use-theme-styles .el-picker-panel__content .el-date-table td span,
.shopstar-bookingpress-use-theme-styles .bpa-front-data-empty-view--my-bookings .bpa-front-dev__title,
.shopstar-bookingpress-use-theme-styles .el-form-item__error,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control input::placeholder,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control .el-textarea__inner::placeholder,
.shopstar-bookingpress-use-theme-styles .bpa-front-cp-custom-popover .el-year-table td .cell,
.shopstar-bookingpress-use-theme-styles .bpa-front-cp-custom-popover .el-month-table td .cell,
.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-year-table td .cell,
.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-month-table td .cell,
.shopstar-bookingpress-use-theme-styles .el-year-table td .cell,
.shopstar-bookingpress-use-theme-styles .el-month-table td .cell,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma--pagination-wrapper .btn-prev span,
.shopstar-bookingpress-use-theme-styles .bpa-front-ma--pagination-wrapper .btn-next span {
font-family: 'Lato', sans-serif !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-module-heading,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front--dt__calendar .vc-weeks .vc-weekday,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item span,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-form-control input,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-form-control .el-textarea__inner,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item .bpa-front-bs-sm__item-val,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-head p,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si-cb__specs .bpa-front-si-cb__specs-item p,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .el-form-item__label .bpa-front-form-label,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .--bpa-is-desc,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--payment-methods .bpa-front-module--pm-body .bpa-front-module--pm-body__item p,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-tab-menu .bpa-front-tab-menu--item, .el-form-item__error,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si-cb__specs .bpa-front-si-cb__specs-item p strong,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-module--service-item .bpa-front-si-card .bpa-front-si__card-body .bpa-front-si__card-body--heading,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt-ts__sub-heading,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item span,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--bs-amount-details .bpa-fm--bs-amount-item .bpa-front-total-payment-amount-label,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front-module--booking-summary .bpa-front-module--bs-amount-details .bpa-front-module--bs-ad--price,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs .bpa-front--dt__calendar .vc-title,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--foot .bpa-front-btn,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control.--bpa-country-dropdown.vue-tel-input strong,
.shopstar-bookingpress-use-theme-styles .bpa-front-tmc__booking-id .bpa-front-bi__label,
.shopstar-bookingpress-use-theme-styles .bpa-front-tmc__booking-id .bpa-front-bi__val,
.shopstar-bookingpress-use-theme-styles .bpa-front-tmc__head .bpa-front-tmc__title,
.shopstar-bookingpress-use-theme-styles .bpa-front-tmc__summary-content .bpa-front-tmc__sc-item .bpa-front-sc-item__label,
.shopstar-bookingpress-use-theme-styles .bpa-front-tmc__summary-content .bpa-front-tmc__sc-item .bpa-front-sc-item__val,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--add-to-calendar .bpa-fm--atc__heading,
.shopstar-bookingpress-use-theme-styles .bpa-front-tmc__head p,
.shopstar-bookingpress-use-theme-styles .bpa-front-data-empty-view .bpa-front-dev__title,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control input::placeholder,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control .el-textarea__inner::placeholder,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control--file-upload .bpa-fu__placeholder,
.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-year-table td .cell,
.shopstar-bookingpress-use-theme-styles .bpa-custom-datepicker .el-month-table td .cell,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-nav-title,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-nav-items .vc-nav-item,
.shopstar-bookingpress-use-theme-styles .bpa-front-thankyou-module-container .bpa-front-cc__error-toast-notification,
.shopstar-bookingpress-use-theme-styles .bpa-front__no-timeslots-body .bpa-front-ntb__val,
.shopstar-bookingpress-use-theme-styles .bpa-front-module--note-desc,
.shopstar-bookingpress-use-theme-styles .bpa-front-refund-confirmation-content .bpa-front-rcc__body .bpa-front-rcc__empty-msg,
.shopstar-bookingpress-use-theme-styles .bpa-front--dt__calendar .vc-day .vc-day-content,
.shopstar-bookingpress-use-theme-styles .bpa-front-form-control--checkbox .el-checkbox__label {
font-family: 'Lato', sans-serif !important;
}
@media screen and (max-width: 576px) {
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active .bpa-front-tm--item-icon,
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item.__bpa-is-active span {
background-color: transparent !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item::after {
background-color: #000000 !important;
}
.shopstar-bookingpress-use-theme-styles .bpa-front-dc--footer.__bpa-is-sticky .bpa-front-tabs--foot {
box-shadow: none;
}
}
/* WP Google Maps */
button.gm-control-active {
min-width: 0;
}
/* Max Mega Menu */
.main-navigation-mega-menu button:not(.customize-partial-edit-shortcut-button) {
min-width: auto;
height: auto;
}
.main-navigation-mega-menu.bottom-border {
border-bottom: 5px solid #000000;
}
/* Simple Calendar */
.simcal-default-calendar-light .simcal-nav-button {
min-width: 0;
}
/*--------------------------------------------------------------
Fallback CSS for Customizer Library Styles
--------------------------------------------------------------*/
/* Page Content Background Color */
.boxed .site-header.sticky.stuck,
.boxed.container,
.boxed #main-menu {
background-color: #FFFFFF;
}
/* Primary Color */
.site-header .header-cart .dropdown a:hover,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon.elementor-view-default .elementor-icon,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon.elementor-view-framed .elementor-icon,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box.elementor-view-default .elementor-icon,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box.elementor-view-framed .elementor-icon {
color: #000000;
}
.site-header .top-bar,
.site-footer .bottom-bar,
.boxed .site-header.sticky .top-bar.stuck .container,
.site-header.sticky .top-bar.stuck,
.main-navigation .close-button,
p.woocommerce-store-notice.demo_store,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
html .select2-container--default .select2-results__option--highlighted[aria-selected],
.shopstar-page-builders-use-theme-styles .testimonials .sow-slider-base .sow-slide-nav,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon.elementor-view-stacked .elementor-icon,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box.elementor-view-stacked .elementor-icon {
background-color: #000000;
}
div.wpforms-container form.wpforms-form input[type="text"]:focus,
div.wpforms-container form.wpforms-form input[type="email"]:focus,
div.wpforms-container form.wpforms-form input[type="tel"]:focus,
div.wpforms-container form.wpforms-form input[type="number"]:focus,
div.wpforms-container form.wpforms-form input[type="url"]:focus,
div.wpforms-container form.wpforms-form input[type="password"]:focus,
div.wpforms-container form.wpforms-form input[type="search"]:focus,
div.wpforms-container form.wpforms-form select:focus,
div.wpforms-container form.wpforms-form textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[name="coupon_code"]:focus,
textarea:focus,
select:focus,
.woocommerce form .form-row.woocommerce-validated .select2-container:focus,
.woocommerce form .form-row.woocommerce-validated input.input-text:focus,
.woocommerce form .form-row.woocommerce-validated select:focus,
.select2.select2-container--default .select2-selection--single[aria-expanded="true"],
.select2-container--open .select2-dropdown,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon.elementor-view-framed .elementor-icon,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box.elementor-view-framed .elementor-icon,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper:focus-within {
border-color: #000000;
}
.site-header .container.bottom-border,
.site-header .main-navigation.bottom-border,
.site-header .main-navigation .container.bottom-border,
.home .boxed .site-header.sticky .main-navigation.stuck .container.bottom-border,
.home .site-header.bottom-border,
.main-navigation ul ul {
border-bottom: 5px solid #000000;
}
.main-navigation ul ul {
border-top: 5px solid #000000;
}
::-moz-selection{
background-color: #000000;
}
::selection {
background-color: #000000;
}
/* Site Logo Area Color */
.site-header.sticky.stuck {
background-color: #FFFFFF;
}
/* Main Navigation Color */
.main-navigation,
#main-menu,
.site-header.sticky .main-navigation.stuck,
.site-header.sticky .main-navigation.stuck > .container {
background-color: #FFFFFF;
}
/* Main Navigation Submenu Color */
.main-navigation ul ul {
background-color: #FFFFFF;
}
/* Mobile Menu Button Color */
.main-navigation .menu-toggle .fa.fa-bars,
.main-navigation .menu-toggle .fa-solid.fa-bars,
.main-navigation .menu-toggle .otb-fa.otb-fa-bars {
color: #000000;
}
/* Top Bar Font and Icon Color */
.site-header .social-icons a,
.site-header .top-bar .left a,
.site-header .top-bar .right a,
.header-cart-checkout .fa,
.header-cart-checkout .otb-fa {
color: #FFFFFF;
}
/* Site Title Font */
.site-header .branding .title {
font-family: 'Prata';
}
.google-fonts-disabled .site-header .branding .title {
font-family: 'Georgia';
}
/* Site Title Font Color */
.site-header .branding .title,
.site-header .branding .description {
color: #000000;
}
/* Site Title Font Size */
.site-header .branding .title {
font-size: 55px;
}
/* Navigation Menu Font Weight */
.main-navigation a {
font-weight: 300;
}
/* Navigation Menu Font Color */
.main-navigation a,
.submenu-toggle {
color: #000000;
}
@media only screen and (max-width: 1140px) {
.boxed .site-header.sticky.stuck,
.boxed .site-header.sticky.no-logo .main-navigation.stuck,
.boxed .site-header.sticky.no-logo .main-navigation-mega-menu.stuck {
width: 100%;
left: 0;
margin-left: 0;
}
}
/* Nav Menu Rollover Font Color */
.main-navigation ul.menu > li > a:hover,
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.menu > li.current_page_item > a,
.main-navigation ul.menu > li.current-menu-parent > a,
.main-navigation ul.menu > li.current_page_parent > a,
.main-navigation ul.menu > li.current-menu-ancestor > a,
.main-navigation ul.menu > li.current_page_ancestor > a,
.site-header .search-button a:hover {
color: #ba2227;
}
/* Zebra Stripe Even Color */
ul.sections.zebra > li.even {
background-color: #F4F4F4;
}
/* Slider Font Color */
.slider-container.default .slider .slide .overlay,
.slider-container.default .slider .slide .overlay h1,
.slider-container.default .slider .slide .overlay h2,
.slider-container.default .slider .slide .overlay h3,
.slider-container.default .slider .slide .overlay h4,
.slider-container.default .slider .slide .overlay h5,
.slider-container.default .slider .slide .overlay h6,
.slider-container.default .slider .slide .overlay a,
.header-video .overlay,
.header-video .overlay h1,
.header-video .overlay h2,
.header-video .overlay h3,
.header-video .overlay h4,
.header-video .overlay h5,
.header-video .overlay h6,
.header-video .overlay a,
.header-image .overlay,
.header-image .overlay h1,
.header-image .overlay h2,
.header-image .overlay h3,
.header-image .overlay h4,
.header-image .overlay h5,
.header-image .overlay h6,
.header-image .overlay a {
color: #000000;
}
/* Slider Light Font Color */
.slider-container.default.intelligent-font-color .slider .slide .overlay .light-text,
.slider-container.default.intelligent-font-color .slider .slide .overlay .light-text h1,
.slider-container.default.intelligent-font-color .slider .slide .overlay .light-text h2,
.slider-container.default.intelligent-font-color .slider .slide .overlay .light-text h3,
.slider-container.default.intelligent-font-color .slider .slide .overlay .light-text h4,
.slider-container.default.intelligent-font-color .slider .slide .overlay .light-text h5,
.slider-container.default.intelligent-font-color .slider .slide .overlay .light-text h6,
.slider-container.default.intelligent-font-color .slider .slide .overlay .light-text a:not(.button),
.header-image.intelligent-font-color .overlay .light-text,
.header-image.intelligent-font-color .overlay .light-text h1,
.header-image.intelligent-font-color .overlay .light-text h2,
.header-image.intelligent-font-color .overlay .light-text h3,
.header-image.intelligent-font-color .overlay .light-text h4,
.header-image.intelligent-font-color .overlay .light-text h5,
.header-image.intelligent-font-color .overlay .light-text h6,
.header-image.intelligent-font-color .overlay .light-text a:not(.button) {
color: #FFFFFF;
}
/* Slider Dark Font Color */
.slider-container.default.intelligent-font-color .slider .slide .overlay .dark-text,
.slider-container.default.intelligent-font-color .slider .slide .overlay .dark-text h1,
.slider-container.default.intelligent-font-color .slider .slide .overlay .dark-text h2,
.slider-container.default.intelligent-font-color .slider .slide .overlay .dark-text h3,
.slider-container.default.intelligent-font-color .slider .slide .overlay .dark-text h4,
.slider-container.default.intelligent-font-color .slider .slide .overlay .dark-text h5,
.slider-container.default.intelligent-font-color .slider .slide .overlay .dark-text h6,
.slider-container.default.intelligent-font-color .slider .slide .overlay .dark-text a:not(.button),
.header-image.intelligent-font-color .overlay .dark-text,
.header-image.intelligent-font-color .overlay .dark-text h1,
.header-image.intelligent-font-color .overlay .dark-text h2,
.header-image.intelligent-font-color .overlay .dark-text h3,
.header-image.intelligent-font-color .overlay .dark-text h4,
.header-image.intelligent-font-color .overlay .dark-text h5,
.header-image.intelligent-font-color .overlay .dark-text h6,
.header-image.intelligent-font-color .overlay .dark-text a:not(.button) {
color: #000000;
}
/* Heading Font */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.slider-container.default .slider .slide .overlay h1,
.slider-container.default .slider .slide .overlay h2,
.slider-container.default .slider .slide .overlay h3,
.slider-container.default .slider .slide .overlay h4,
.slider-container.default .slider .slide .overlay h5,
.slider-container.default .slider .slide .overlay h6,
.header-video .overlay h1,
.header-video .overlay h2,
.header-video .overlay h3,
.header-video .overlay h4,
.header-video .overlay h5,
.header-video .overlay h6,
.header-image .overlay h1,
.header-image .overlay h2,
.header-image .overlay h3,
.header-image .overlay h4,
.header-image .overlay h5,
.header-image .overlay h6,
ul.product_list_widget li .product-title,
.main-navigation a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
.content-area .widget-title,
.widget-area .widget-title,
.site-footer .widgets ul li h2.widgettitle,
.woocommerce a.button,
.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce input.button,
a.button,
.shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button,
.shopstar-page-builders-use-theme-styles .elementor-widget-heading .elementor-heading-title,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title a,
input[type="button"],
input[type="reset"],
input[type="submit"],
html #jp-relatedposts h3.jp-relatedposts-headline,
html #infinite-handle span button,
html #infinite-handle span button:hover,
div.wpforms-container form.wpforms-form input[type=submit],
div.wpforms-container form.wpforms-form button[type=submit],
div.wpforms-container form.wpforms-form .wpforms-page-button,
.wp-block-search__button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
font-family: 'Raleway',sans-serif;
}
.google-fonts-disabled h1, .google-fonts-disabled h2, .google-fonts-disabled h3, .google-fonts-disabled h4, .google-fonts-disabled h5, .google-fonts-disabled h6,
.google-fonts-disabled h1 a, .google-fonts-disabled h2 a, .google-fonts-disabled h3 a, .google-fonts-disabled h4 a, .google-fonts-disabled h5 a, .google-fonts-disabled h6 a,
.google-fonts-disabled h1 a:visited, .google-fonts-disabled h2 a:visited, .google-fonts-disabled h3 a:visited, .google-fonts-disabled h4 a:visited, .google-fonts-disabled h5 a:visited, .google-fonts-disabled h6 a:visited,
.google-fonts-disabled .slider-container.default .slider .slide .overlay h1,
.google-fonts-disabled .slider-container.default .slider .slide .overlay h2,
.google-fonts-disabled .slider-container.default .slider .slide .overlay h3,
.google-fonts-disabled .slider-container.default .slider .slide .overlay h4,
.google-fonts-disabled .slider-container.default .slider .slide .overlay h5,
.google-fonts-disabled .slider-container.default .slider .slide .overlay h6,
.google-fonts-disabled .header-video .overlay h1,
.google-fonts-disabled .header-video .overlay h2,
.google-fonts-disabled .header-video .overlay h3,
.google-fonts-disabled .header-video .overlay h4,
.google-fonts-disabled .header-video .overlay h5,
.google-fonts-disabled .header-video .overlay h6,
.google-fonts-disabled .header-image .overlay h1,
.google-fonts-disabled .header-image .overlay h2,
.google-fonts-disabled .header-image .overlay h3,
.google-fonts-disabled .header-image .overlay h4,
.google-fonts-disabled .header-image .overlay h5,
.google-fonts-disabled .header-image .overlay h6,
.google-fonts-disabled ul.product_list_widget li .product-title,
.google-fonts-disabled .main-navigation a,
.google-fonts-disabled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
.google-fonts-disabled .content-area .widget-title,
.google-fonts-disabled .widget-area .widget-title,
.google-fonts-disabled .site-footer .widgets ul li h2.widgettitle,
.google-fonts-disabled.woocommerce a.button,
.google-fonts-disabled.woocommerce #respond input#submit,
.google-fonts-disabled.woocommerce button.button,
.google-fonts-disabled.woocommerce input.button,
.google-fonts-disabled a.button,
.google-fonts-disabled.shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
.google-fonts-disabled.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button,
.google-fonts-disabled.shopstar-page-builders-use-theme-styles .elementor-widget-heading .elementor-heading-title,
.google-fonts-disabled.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title,
.google-fonts-disabled.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title a,
.google-fonts-disabled input[type="button"],
.google-fonts-disabled input[type="reset"],
.google-fonts-disabled input[type="submit"],
.google-fonts-disabled #jp-relatedposts h3.jp-relatedposts-headline,
.google-fonts-disabled #infinite-handle span button,
.google-fonts-disabled #infinite-handle span button:hover,
.google-fonts-disabled div.wpforms-container form.wpforms-form input[type=submit],
.google-fonts-disabled div.wpforms-container form.wpforms-form button[type=submit],
.google-fonts-disabled div.wpforms-container form.wpforms-form .wpforms-page-button,
.google-fonts-disabled .wp-block-search__button,
.google-fonts-disabled .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
font-family: 'Arial';
}
/* Heading Font */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.slider-container.default .slider .slide .overlay h1,
.slider-container.default .slider .slide .overlay h2,
.slider-container.default .slider .slide .overlay h3,
.slider-container.default .slider .slide .overlay h4,
.slider-container.default .slider .slide .overlay h5,
.slider-container.default .slider .slide .overlay h6,
.header-video .overlay h1,
.header-video .overlay h2,
.header-video .overlay h3,
.header-video .overlay h4,
.header-video .overlay h5,
.header-video .overlay h6,
.header-image .overlay h1,
.header-image .overlay h2,
.header-image .overlay h3,
.header-image .overlay h4,
.header-image .overlay h5,
.header-image .overlay h6,
ul.product_list_widget li .product-title,
.main-navigation a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
.content-area .widget-title,
.widget-area .widget-title,
.site-footer .widgets ul li h2.widgettitle,
.woocommerce a.button,
.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce input.button,
a.button,
.shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button,
.shopstar-page-builders-use-theme-styles .elementor-widget-heading .elementor-heading-title,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title a,
input[type="button"],
input[type="reset"],
input[type="submit"],
html #jp-relatedposts h3.jp-relatedposts-headline,
html #infinite-handle span button,
html #infinite-handle span button:hover,
div.wpforms-container form.wpforms-form input[type=submit],
div.wpforms-container form.wpforms-form button[type=submit],
div.wpforms-container form.wpforms-form .wpforms-page-button,
.wp-block-search__button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
font-family: 'Raleway',sans-serif;
}
/* Heading Font Weight */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.slider-container.default .slider .slide .overlay h1,
.slider-container.default .slider .slide .overlay h2,
.slider-container.default .slider .slide .overlay h3,
.slider-container.default .slider .slide .overlay h4,
.slider-container.default .slider .slide .overlay h5,
.slider-container.default .slider .slide .overlay h6,
.header-video .overlay h1,
.header-video .overlay h2,
.header-video .overlay h3,
.header-video .overlay h4,
.header-video .overlay h5,
.header-video .overlay h6,
.header-image .overlay h1,
.header-image .overlay h2,
.header-image .overlay h3,
.header-image .overlay h4,
.header-image .overlay h5,
.header-image .overlay h6,
ul.product_list_widget li .product-title,
.content-area .widget-title,
.widget-area .widget-title,
.site-footer .widgets ul li h2.widgettitle,
.woocommerce ul.products li.product h2,
.woocommerce-page ul.products li.product h2,
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3,
.woocommerce #content div.product .product_title,
.woocommerce div.product .product_title,
.woocommerce-page #content div.product .product_title,
.woocommerce-page div.product .product_title,
.woocommerce a.button,
.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce input.button,
a.button,
.shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button,
.shopstar-page-builders-use-theme-styles .elementor-widget-heading .elementor-heading-title,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title a,
input[type="button"],
input[type="reset"],
input[type="submit"],
html #jp-relatedposts h3.jp-relatedposts-headline em,
html #infinite-handle span button,
html #infinite-handle span button:hover,
div.wpforms-container form.wpforms-form input[type=submit],
div.wpforms-container form.wpforms-form button[type=submit],
div.wpforms-container form.wpforms-form .wpforms-page-button,
.wp-block-search__button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
font-weight: 300;
}
/* Heading Font Color */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.shopstar-page-builders-use-theme-styles .elementor-widget-heading .elementor-heading-title,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title a,
ul.product_list_widget li .product-title,
.widget_woocommerce_products .widget-title,
.content-area .widget-title,
.widget-area .widget-title,
.site-footer .widgets ul li h2.widgettitle {
color: #000000;
}
/* Heading Underline Color */
.page-title-short-underline h1:after,
.page-title-medium-underline h1:after,
.page-title-short-underline h2.section-title:after,
.page-title-medium-underline h2.section-title:after,
.page-title-medium-underline .so-widget-sow-headline h1:after,
.page-title-medium-underline .so-widget-sow-headline h2:after,
.page-title-medium-underline .so-widget-sow-headline h3:after,
.elementor-widget-heading.has-underline h1.elementor-heading-title:after,
.elementor-widget-heading.has-underline h2.elementor-heading-title:after,
.elementor-widget-heading.has-underline h3.elementor-heading-title:after,
.underlined-titles .widget-title:after,
.widget-title-short-underline .widget-area .widget .widget-title:after,
.widget-title-medium-underline .widget-area .widget .widget-title:after,
.widget-title-full-width-underline .widget-area .widget .widget-title:after,
.site-footer .widgets ul li h2.widgettitle:after {
background-color: #828387;
}
/* Body Font */
body,
div.wpforms-container form.wpforms-form .wpforms-field-label,
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel,
div.wpforms-container form.wpforms-form input[type="text"],
div.wpforms-container form.wpforms-form input[type="email"],
div.wpforms-container form.wpforms-form input[type="tel"],
div.wpforms-container form.wpforms-form input[type="number"],
div.wpforms-container form.wpforms-form input[type="url"],
div.wpforms-container form.wpforms-form input[type="password"],
div.wpforms-container form.wpforms-form input[type="search"],
div.wpforms-container form.wpforms-form select,
div.wpforms-container form.wpforms-form textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea,
blockquote,
blockquote p,
.slider-container.default .slider .slide .overlay,
.header-video .overlay,
.header-image .overlay,
.main-navigation ul ul a,
.widget-area .rpwe-block h3.rpwe-title a
.widget_woocommerce_products .amount,
article .entry-meta,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce-page form .form-row select,
.woocommerce #content div.product form.cart .variations select,
.woocommerce div.product form.cart .variations select,
.woocommerce-page #content div.product form.cart .variations select,
.woocommerce-page div.product form.cart .variations select,
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select,
.shopstar-page-builders-use-theme-styles .elementor-widget-text-editor,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description {
font-family: 'Lato';
}
body.google-fonts-disabled,
.google-fonts-disabled input[type="text"],
.google-fonts-disabled input[type="email"],
.google-fonts-disabled input[type="tel"],
.google-fonts-disabled input[type="number"],
.google-fonts-disabled input[type="url"],
.google-fonts-disabled input[type="password"],
.google-fonts-disabled input[type="search"],
.google-fonts-disabled select,
.google-fonts-disabled textarea,
.google-fonts-disabled .slider-container.default .slider .slide .overlay,
.google-fonts-disabled .header-video .overlay,
.google-fonts-disabled .header-image .overlay,
.google-fonts-disabled .main-navigation ul ul a,
.google-fonts-disabled .widget-area .rpwe-block h3.rpwe-title a
.google-fonts-disabled .widget_woocommerce_products .amount,
.google-fonts-disabled article .entry-meta,
.google-fonts-disabled.woocommerce .quantity input.qty,
.google-fonts-disabled.woocommerce-page #content .quantity input.qty,
.google-fonts-disabled.woocommerce-page .quantity input.qty,
.google-fonts-disabled.woocommerce form .form-row input.input-text,
.google-fonts-disabled.woocommerce-page form .form-row input.input-text,
.google-fonts-disabled.woocommerce form .form-row select,
.google-fonts-disabled.woocommerce-page form .form-row select,
.google-fonts-disabled.woocommerce #content div.product form.cart .variations select,
.google-fonts-disabled.woocommerce div.product form.cart .variations select,
.google-fonts-disabled.woocommerce-page #content div.product form.cart .variations select,
.google-fonts-disabled.woocommerce-page div.product form.cart .variations select,
.google-fonts-disabled.woocommerce .woocommerce-ordering select,
.google-fonts-disabled.woocommerce-page .woocommerce-ordering select,
.google-fonts-disabled.shopstar-page-builders-use-theme-styles .elementor-widget-text-editor,
.google-fonts-disabled.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description {
font-family: 'Arial';
}
/* Body Font Weight */
body,
.site-header .site-top-bar-left a,
.site-header .site-top-bar-right a,
.site-header .site-header-right a,
.breadcrumbs,
div.wpforms-container form.wpforms-form .wpforms-field-label,
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel,
div.wpforms-container form.wpforms-form input[type="text"],
div.wpforms-container form.wpforms-form input[type="email"],
div.wpforms-container form.wpforms-form input[type="tel"],
div.wpforms-container form.wpforms-form input[type="number"],
div.wpforms-container form.wpforms-form input[type="url"],
div.wpforms-container form.wpforms-form input[type="password"],
div.wpforms-container form.wpforms-form input[type="search"],
div.wpforms-container form.wpforms-form select,
div.wpforms-container form.wpforms-form textarea,
input,
select,
textarea,
.site-footer .widgets .widget a,
.header-video .overlay,
.header-image .overlay,
.slider-container.default .slider .slide .overlay,
.shopstar-page-builders-use-theme-styles .elementor-widget-text-editor,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description {
font-weight: 300;
}
/* Body Font Color */
body,
.site-header .header-cart .dropdown,
.site-header .header-cart .dropdown a,
div.wpforms-container form.wpforms-form .wpforms-field-label,
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel,
article .entry-footer,
.site-footer .widgets .widget a,
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb,
.site-footer .widgets .widget ul li a,
.site-footer .widgets .widget .social-icons a,
.widget_woocommerce_products .amount,
.widget_woocommerce_products del,
.woocommerce #reviews #comments ol.commentlist li .meta,
.woocommerce-checkout #payment div.payment_box,
.woocommerce .woocommerce-info,
.woocommerce ul.products li.product .price,
.woocommerce #content ul.products li.product span.price,
.woocommerce-page #content ul.products li.product span.price,
.woocommerce div.product p.price del,
article .entry-meta,
.shopstar-page-builders-use-theme-styles .elementor-widget-text-editor,
.shopstar-page-builders-use-theme-styles .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-description {
color: #4F4F4F;
}
.site-footer .widgets .widget .social-icons li .social-custom svg path {
fill: #4F4F4F;
}
.select2-default {
color: rgba(79, 79, 79, 0.7) !important;
}
::-webkit-input-placeholder {
color: rgba(79, 79, 79, 0.7);
}
:-moz-placeholder {
color: rgba(79, 79, 79, 0.7);
}
::-moz-placeholder {
color: rgba(79, 79, 79, 0.7);
}
:-ms-input-placeholder {
color: rgba(79, 79, 79, 0.7);
}
.site-footer .widgets .widget .social-icons a:hover {
color: rgba(79, 79, 79, 0.6);
}
.site-footer .widgets .widget .social-icons li a.social-custom:hover svg path {
fill: rgba(79, 79, 79, 0.6);
}
/* Form Input Font Color */
div.wpforms-container form.wpforms-form input[type="text"],
div.wpforms-container form.wpforms-form input[type="email"],
div.wpforms-container form.wpforms-form input[type="tel"],
div.wpforms-container form.wpforms-form input[type="number"],
div.wpforms-container form.wpforms-form input[type="url"],
div.wpforms-container form.wpforms-form input[type="password"],
div.wpforms-container form.wpforms-form input[type="search"],
div.wpforms-container form.wpforms-form select,
div.wpforms-container form.wpforms-form textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select,
.search-block .search-field,
.select2-drop,
.select2-container .select2-choice,
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-results__option,
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select,
.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
color: #4F4F4F;
}
/* Link Font Color */
a,
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
color: #939598;
}
/* Link Rollover Font Color */
a:hover,
.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce-page .woocommerce-breadcrumb a:hover {
color: #4F4F4F;
}
/* Slider Control Button Color */
.slider-container.default .prev,
.slider-container.default .next {
background-color: #000000;
}
.slider-container.default .prev:hover,
.slider-container.default .next:hover {
background-color: rgba(0, 0, 0, 0.6);
}
/* Button Color */
#back-to-top,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
html #infinite-handle span button,
div.wpforms-container form.wpforms-form input[type=submit],
div.wpforms-container form.wpforms-form button[type=submit],
div.wpforms-container form.wpforms-form .wpforms-page-button,
.slider-container.default .slider a.button,
.header-video a.button,
.header-image a.button,
.widget-area .mc4wp-form button,
.widget-area .mc4wp-form input[type=button],
.widget-area .mc4wp-form input[type=submit],
.widget-area .mc4wp-form .mc4wp-submit,
.site-footer .mc4wp-form button,
.site-footer .mc4wp-form input[type=button],
.site-footer .mc4wp-form input[type=submit],
.site-footer .mc4wp-form .mc4wp-submit,
a.button,
.navigation.numeric li a,
.navigation.numeric li.disabled,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #review_form #respond .form-submit input,
.woocommerce-page #review_form #respond .form-submit input,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce-page ul.products li.product a.add_to_cart_button,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce div.product form.cart .button,
.woocommerce table.cart input.button,
.woocommerce-page #content table.cart input.button,
.woocommerce-page table.cart input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a,
.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button,
.wp-block-search__button,
.wc-block-components-button:not(.is-link).contained,
.wc-block-components-button:not(.is-link).outlined:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
background-color: #000000;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.wp-block-search__button-inside.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button,
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined {
color: #000000;
}
.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button {
stroke: #000000;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
div.wpforms-container form.wpforms-form input[type=submit]:hover,
div.wpforms-container form.wpforms-form button[type=submit]:hover,
div.wpforms-container form.wpforms-form .wpforms-page-button:hover,
a.button:hover,
.navigation.numeric li a:hover,
.navigation.numeric li.active a,
html #infinite-handle span button:hover,
.slider-container.default .slider a.button:hover,
.header-video a.button:hover,
.header-image a.button:hover,
.widget-area .mc4wp-form button:hover,
.widget-area .mc4wp-form input[type=button]:hover,
.widget-area .mc4wp-form input[type=submit]:hover,
.widget-area .mc4wp-form .mc4wp-submit:hover,
.site-footer .mc4wp-form button:hover,
.site-footer .mc4wp-form input[type=button]:hover,
.site-footer .mc4wp-form input[type=submit]:hover,
.site-footer .mc4wp-form .mc4wp-submit:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce-page #review_form #respond .form-submit input:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce-page ul.products li.product a.add_to_cart_button:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce table.cart input.button:hover,
.woocommerce-page #content table.cart input.button:hover,
.woocommerce-page table.cart input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.shopstar-page-builders-use-theme-styles .widget_sow-button .ow-button-base a.ow-button-hover:hover,
.shopstar-page-builders-use-theme-styles .elementor-widget-button .elementor-button:hover,
.wp-block-search__button:hover,
.wc-block-components-button:not(.is-link).contained:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover {
background-color: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.wp-block-search__button-inside.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover {
color: rgba(0, 0, 0, 0.6);
}
.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover {
stroke: rgba(0, 0, 0, 0.6);
}
/* Footer Color */
#main-menu,
.site-footer .widgets {
background-color: #ECEDED;
}
.boxed .site-header.sticky .top-bar.stuck {
background-color: transparent;
}
.site-header .main-navigation.bottom-border.mobile {
border-bottom-width: 0px;
}
/* Mobile Styles */
body.mobile-device #back-to-top.hide-for-mobile {
display: none;
}
body.mobile-device .slider-container.default .prev,
body.mobile-device .slider-container.default .next,
body.mobile-device .slider-container.default .pagination {
display: none !important;
}
/* Responsive */
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
@media screen and (max-width: 1269px) {
#back-to-top.visible { right: 22px !important; }
}
@media screen and (max-width: 1184px) {
.padder {
margin: 0 22px 0 22px;
}
}
@media screen and (max-width: 1070px) {
.site-footer .bottom-bar .left,
.site-footer .bottom-bar .right {
width: 100%;
float: none;
padding: 0;
text-align: center;
}
.site-footer .bottom-bar .right {
margin-top: 7px;
}
}
@media screen and (max-width: 1069px) {
.slider-container.default .slider .slide .overlay,
.header-video .overlay,
.header-image .overlay {
font-size: 23px;
padding: 0 60px;
}
.slider-container.default .slider .slide .overlay h2,
.header-video .overlay h2,
.header-image .overlay h2 {
font-size: 38px;
margin: -15px 0 0;
}
.slider-container.default .slider a.button,
.header-video a.button,
.header-image a.button {
margin: 30px 0 30px 0;
}
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 960px) {
.slider-container.default .prev,
.slider-container.default .next,
.slider-container.default .pagination {
display: none !important;
}
.slider-container.default .slider .slide .overlay-container .overlay .opacity.hide-text-overlay,
.header-video .overlay-container .overlay .opacity.hide-text-overlay,
.header-image .overlay-container .overlay .opacity.hide-text-overlay {
display: none;
}
.slider-container.default .slider .slide .overlay-container .overlay .opacity.hide-headings h1,
.slider-container.default .slider .slide .overlay-container .overlay .opacity.hide-headings h2,
.header-video .overlay-container .overlay .opacity.hide-headings h1,
.header-video .overlay-container .overlay .opacity.hide-headings h2,
.header-image .overlay-container .overlay .opacity.hide-headings h1,
.header-image .overlay-container .overlay .opacity.hide-headings h2 {
display: none;
}
.slider-container.default .slider .slide .overlay-container .overlay .opacity.hide-paragraphs p,
.header-video .overlay-container .overlay .opacity.hide-paragraphs p,
.header-image .overlay-container .overlay .opacity.hide-paragraphs p {
display: none;
}
.slider-container.default .slider .slide .overlay-container .overlay .opacity.hide-buttons a.button,
.slider-container.default .slider .slide .overlay-container .overlay .opacity.hide-buttons button,
.header-video .overlay-container .overlay .opacity.hide-buttons a.button,
.header-video .overlay-container .overlay .opacity.hide-buttons button,
.header-image .overlay-container .overlay .opacity.hide-buttons a.button,
.header-image .overlay-container .overlay .opacity.hide-buttons button {
display: none;
}
}
@media screen and (max-width: 849px) {
.slider-container.default .slider .slide .overlay,
.header-video .overlay,
.header-image .overlay {
font-size: 20px;
}
.slider-container.default .slider .slide .overlay h2,
.header-video .overlay h2,
.header-image .overlay h2 {
font-size: 28px;
margin: -22px 0 0;
}
.slider-container.default .slider a.button,
.header-video a.button,
.header-image a.button {
margin: 20px 0 20px 0;
}
}
@media only screen and (max-width: 800px) {
.site-header.sticky.no-logo .top-bar.stuck,
.site-header.sticky.stuck,
.site-header.sticky.no-logo .main-navigation.stuck,
.site-header.sticky.no-logo .main-navigation-mega-menu.stuck {
position: relative;
}
.site-header.sticky.has-top-bar .main-navigation.stuck,
.site-header.sticky.has-top-bar .main-navigation-mega-menu.stuck {
top: 0;
}
}
@media only screen and (max-width: 782px) {
.main-navigation,
.main-navigation-mega-menu {
margin: 0;
}
.main-navigation .menu-toggle {
padding: 19px 16px;
}
.main-navigation .menu-toggle .fa.fa-bars,
.main-navigation .menu-toggle .fa-solid.fa-bars,
.main-navigation .menu-toggle .otb-fa.otb-fa-bars {
font-size: 21px;
}
.masonry-grid-container {
margin-left: 0 !important;
margin-right: 0 !important;
}
.masonry-grid-container article.blog-post-masonry-grid-layout {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 22px !important;
}
}
@media screen and (max-width: 780px) {
.top-bar {
height: auto;
}
.site-header .top-bar .left {
padding: 11px 0 2px 0;
float: none !important;
width: 100% !important;
text-align: center;
height: auto;
}
.site-header .top-bar .right {
padding: 5px 0 8px 0;
float: none !important;
width: 100% !important;
height: auto;
text-align: center !important;
right: 0;
}
.social-icons {
width: 100%;
text-align: center;
margin: 0;
line-height: 15px;
}
.social-icons li {
font-size: 15px;
line-height: 15px;
display: inline-block;
vertical-align: top;
float: none;
padding: 0 0 0 3px;
}
.site-header .top-bar .social-icons a {
margin: 0;
font-size: 15px;
line-height: 15px;
vertical-align: top;
display: inline-block;
}
.site-header .top-bar .social-icons .fa,
.site-header .top-bar .social-icons .fab,
.site-header .top-bar .social-icons .fas,
.site-header .top-bar .social-icons .otb-fa {
font-size: 15px;
line-height: 15px;
padding: 0;
}
.site-header .top-bar .social-icons li a.social-custom.svg {
font-size: 5px !important;
vertical-align: top;
margin-top: -1px;
}
.site-header .top-bar li .social-custom svg {
width: 16px;
height: 16px;
}
.site-header .top-bar .right .social-icons {
margin-top: 4px;
}
.site-header .top-bar .info-text {
padding: 3px 0 2px 0;
font-size: 11px;
}
.top-bar ul.menu {
padding: 0;
}
.site-header .top-bar .left a,
.site-header .top-bar .right a {
padding: 0;
font-size: 10px;
}
.site-header .top-bar ul li {
box-shadow: 0;
}
.site-top-bar-left {
float: none !important;
width: 100% !important;
text-align: center;
}
.site-top-bar-right {
float: none !important;
width: 100% !important;
text-align: center !important;
}
.shopstar-header-layout-standard .site-top-bar-left-text {
text-align: center !important;
}
.site-header-left {
float: none !important;
width: 100% !important;
text-align: center;
}
.site-header-right {
float: none !important;
width: 100% !important;
text-align: center;
padding: 10px 0 0 !important;
min-height: 40px !important;
}
.site-header.left-aligned .branding,
.site-header.left-aligned .branding .description {
width: 100% !important;
text-align: center;
}
.slider-container.default .slider .slide h2,
.header-video h2,
.header-image h2 {
font-size: 32px;
margin: -22px 0 0;
}
.content-area {
width: 100% !important;
float: none !important;
box-shadow: none !important;
padding: 0 0 20px;
}
.widget-area {
width: 100% !important;
float: none !important;
padding: 0 0 20px;
}
.blog .widget-area {
padding-top: 0;
}
.page-template-template-left-sidebar-php .widget-area {
box-shadow: 0 1px 0 #e0e0e0;
padding: 0 0 10px;
margin: 0 0 30px;
}
.page-template-default .widget-area {
box-shadow: 0 -1px 0 #e0e0e0;
padding: 30px 0 0;
margin: 10px 0 0;
}
.site-footer .widgets .container > ul {
display: block;
}
.site-footer .widgets ul li.widget {
width: 100% !important;
float: none !important;
padding: 0 0 40px !important;
display: block;
text-align: center;
}
.site-footer .widgets ul li.widget:last-child {
padding: 0 0 10px !important;
}
.site-footer .widgets ul li h2.widgettitle {
text-align: center;
}
.site-footer .widgets ul li h2.widgettitle:after {
margin: 0 auto;
}
.site-content .rpwe-block li {
width: 100%;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.blog-post-side-layout .featured-image-wrapper,
.blog-post-side-layout .featured-image-container,
.blog-post-side-layout .post-loop-content {
width: 100%;
margin: 0;
padding: 0;
}
.blog-post-side-layout .featured-image-container {
margin: 0 0 21px 0;
}
.blog-post-side-layout .featured-image-container {
text-align: center;
}
.featured-image-container:not(.round):not(.rounded-corners):not(.square) a {
width: auto;
}
.featured-image-container img.featured-image {
display: block;
}
.featured-image-container.square,
.featured-image-container.round,
.featured-image-container.rounded-corners {
background-size: cover;
}
.featured-image-wrapper {
border-radius: 0 !important;
}
/* Remove the round and square effect from the featured image on smaller screens */
.featured-image-wrapper.disable-style-for-mobile {
width: auto !important;
left: 50%;
transform: translateX(-50%);
}
.featured-image-container.disable-style-for-mobile {
background: none !important;
border-radius: 0;
}
.featured-image-container.disable-style-for-mobile a {
width: auto;
}
.featured-image-container.disable-style-for-mobile img.placeholder {
display: none;
}
.featured-image-container.disable-style-for-mobile img.featured-image {
display: block;
}
}
@media screen and (max-width: 650px) {
.slider-container.default .slider .slide .overlay,
.header-video .overlay,
.header-image .overlay {
font-size: 17px;
}
.slider-container.default .slider .slide .overlay h2,
.header-video .overlay h2,
.header-image .overlay h2 {
font-size: 20px;
margin: -22px 0 0;
}
.slider-container.default .slider a.button,
.header-video a.button,
.header-image a.button {
margin: 10px 0 10px 0;
}
}