/*--- Google Fonts ---*/
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('../fonts/font-style.css');
/*--- End Google Fonts ---*/
/*--- Flate Icon Fonts---*/
/*--- End Flate Icon Fonts---*/
.widget.widget-storeLogo .logo-widget-wrapper {
width: 100%;
height: 100%;
}
.widget-storeLogo img {
max-height: 100%;
max-width: 100%;
}
html {font-family: var(--bk-font-base, "Manrope"), sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, 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;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {margin: .67em 0; font-size: var(--bk-h1-size, 2em);}
mark {color: var(--bk-color-ink, #000); background: #ff0;}
small {font-size: 80%;}
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sup {top: -.5em;}
sub {bottom: -.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea {margin: 0; font: inherit; color: inherit;}
button {overflow: visible;}
button, select {text-transform: var(--bk-btn-font-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 {padding: 0; border: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0;}
legend {padding: 0; border: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-spacing: 0;border-collapse: collapse;}
td, th {padding: 0;}
/* ------ end normalize css ------- */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 16px;
line-height: 23px;
color: var(--bk-color-ink, #000);
font-weight: 500;
}
body#webcommander-page.page-home .body {
margin-top: -118px;
}
body#webcommander-page.page-home .popup .body, #webcommander-page.page-home.fee-editor-active .body {
margin-top: 0;
}
body#webcommander-page.page-home.fee-editor-active > .header {
background: #122636;
}
#webcommander-page.page-home.fee-editor-active{
margin-top: 0;
}
.body {
background: #ffff;
}
::selection {
background-color: var(--bk-color-secondary, #000);
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
::-moz-selection {
background-color: var(--bk-color-secondary, #000);
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance:none;
}
select::-ms-expand {
display: none;
}
input,
button,
select,
textarea {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: var(--bk-btn-font-size, inherit);
line-height: inherit;
}
a{
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-link-font-size, 15px);
color: var(--bk-color-ink, #000);
font-weight: var(--bk-link-font-weight, 400);
}
a:hover{
color: var(--bk-link-hover, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
.widget-article a{
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-link-font-size, 14px);
color: var(--bk-color-ink, #000);
font-weight: var(--bk-link-font-weight, 400);
text-decoration:underline;
}
.widget-article a:hover{
color: var(--bk-link-hover, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
img {
max-width: 100%;
vertical-align: middle;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
h1 {
color: var(--bk-h1-color, var(--bk-color-ink, #000));
font-family: var(--bk-h1-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h1-weight, 400);
text-transform: var(--bk-h1-transform, capitalize);
line-height: var(--bk-h1-line-height, normal);
}
h2 {
color: var(--bk-h2-color, var(--bk-color-ink, #000));
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 400);
text-transform: var(--bk-h2-transform, capitalize);
line-height: var(--bk-h2-line-height, normal);
}
h3 {
color: var(--bk-h3-color, var(--bk-color-ink, #000));
font-family: var(--bk-h3-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h3-weight, 400);
text-transform: var(--bk-h3-transform, capitalize);
line-height: var(--bk-h3-line-height, normal);
}
h4 {
color: var(--bk-h4-color, var(--bk-color-ink, #000));
font-family: var(--bk-h4-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h4-weight, 400);
text-transform: var(--bk-h4-transform, capitalize);
line-height: var(--bk-h4-line-height, normal);
}
h5 {
color: var(--bk-h5-color, var(--bk-color-ink, #000));
font-family: var(--bk-h5-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h5-weight, 400);
text-transform: var(--bk-h5-transform, capitalize);
line-height: var(--bk-h5-line-height, normal);
}
h6 {
color: var(--bk-h6-color, var(--bk-color-ink, #000));
font-family: var(--bk-h6-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h6-weight, 400);
text-transform: var(--bk-h6-transform, capitalize);
line-height: var(--bk-h6-line-height, normal);
}
h1, h2, h3 {
margin-top: 15px;
margin-bottom: 25px;
padding-bottom: 0;
}
h4, h5, h6 {
margin-top: 10px;
margin-bottom: 15px;
padding-bottom: 0;
}
h1 {font-size: var(--bk-h1-size, 70px);}
h2 {font-size: var(--bk-h2-size, 60px);}
h3 {font-size: var(--bk-h3-size, 40px);}
h4 {font-size: var(--bk-h4-size, 32px);}
h5 {font-size: var(--bk-h5-size, 24px);}
h6 {font-size: var(--bk-h6-size, 18px);}
p {
font-family: var(--bk-p-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-p-size, 14px);
color: var(--bk-p-color, #898b90);
line-height: var(--bk-p-line-height, 25px);
margin: 0 0 20px;
padding-bottom: 0;
word-break: break-word;
}
ul, ol {
margin-bottom: 20px;
padding: 0 0 0 20px;
}
ul li, ol li {
position: relative;
margin: 0;
padding: 0 0 10px 5px;
list-style-type: none;
color: var(--bk-color-ink, #000);
line-height: 22px;
font-size: 14px;
font-weight: 400;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
position:relative;
}
ol li {
list-style-type: decimal;
}
ul li::after {
content: "";
height: 6px;
width: 6px;
background-color: #272727;
position: absolute;
left: -16px;
top: 8px;
border-radius: 50%;
}
table {
max-width: 100%;
table-layout: inherit;
margin-bottom: 20px;
}
table, th, td {
border: 1px solid #ccc;
padding: 8px;
text-align:left;
color: #898b90;
font-size: 15px;
}
table th {
font-weight: 600;
}
body input[type="submit"], body input[type="button"], body button, body .button, body a.button {
background: var(--bk-color-secondary, #000);
border: medium none;
color: var(--bk-btn-text, #fff);
cursor: pointer;
display: inline-block;
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-font-size, 16px);
font-weight: var(--bk-btn-font-weight, 500);
height: auto;
text-transform: var(--bk-btn-font-transform, uppercase);
transition: all 300ms ease 0s;
line-height: 24px;
padding: var(--bk-btn-pad, 7px 10px);
border-radius: var(--bk-btn-radius, 0);
width: 100%;
margin-top: 10px;
}
body input[type="submit"]:hover, body input[type="button"]:hover, body button:hover, body .button:hover, body a.button:hover {
background-color: var(--bk-btn-secondary-hover-bg, var(--bk-btn-secondary-fill, var(--bk-color-secondary, inherit)));
color: var(--bk-btn-secondary-hover-color, var(--bk-btn-secondary-text, var(--bk-btn-text, #ffffff)));
border-color: var(--bk-btn-secondary-hover-border-color, var(--bk-btn-secondary-border-color, var(--bk-color-secondary, inherit)));
transform: var(--bk-btn-secondary-hover-transform, none);
box-shadow: var(--bk-btn-secondary-hover-shadow, var(--bk-btn-secondary-shadow, none));
}
body input[type="submit"][disabled], body input[type="button"][disabled], body button[disabled], body .button.disabled, body a.button.disabled,
body input[type="submit"][disabled]:hover, body input[type="button"][disabled]:hover, body button[disabled]:hover, body .button.disabled:hover,
body a.button.disabled:hover {
background: #086AC2 none repeat scroll 0 0;
border: 1px solid #bfbfbf !important;
color: var(--bk-btn-text, #fff);
}
body input[type="submit"][disabled], body input[type="button"][disabled],
body button[disabled], body .button.disabled, body a.button.disabled,
body input[type="submit"][disabled]:hover, body input[type="button"][disabled]:hover,
body button[disabled]:hover, body .button.disabled:hover, body a.button.disabled:hover {
background: #bfbfbf none repeat scroll 0 0 !important;
border: 1px solid #bfbfbf !important;
color: #818181 !important;
}
#webcommander-page .widget.widget-image.header-logo {
margin:0 auto;
text-align:center;
}
.product-view.tabular-view .product-table-view-column.multi-cart-selection-step-column span:not(.stepper-arrow) {
height: 37px;
}
.widget-productImage.multi-image-scroll-vertical-view .image-preview-box .sale.tag-mark,
.product-view.image-view .sale.tag-mark, .product-view.list-view .sale.tag-mark, .product-view.scrollable-view .sale.tag-mark, .tabular-product-view .sale.tag-mark {
right: 13px;
top: 45px;
width: 44px;
height: 20px;
background-position: center;
border-radius: 30px;
transform: scale(1.15);
}
.product-view.product-quick-view.list-view.list-view-rsp .parent-name, .product-view.tabular-view .product-table-view-column.name-column .parent-name {
padding: 0;
}
.tabular-product-view .add-to-compare-button:after, .tabular-product-view .add-to-wish-list:after, .tabular-product-view .remove-from-compare-button:after {
color: var(--bk-color-surface, #000);
}
/*form element desgin*/
.form-row {
margin: 0 0 15px 0;
}
input[type="text"], input[type="password"], textarea, select {
border: 1px solid color-mix(in srgb, var(--bk-color-secondary, #000000) 20%, transparent);
box-sizing: border-box;
height: 45px;
padding: 5px 10px;
margin: 0;
width: 350px;
}
input[type="text"], input[type="password"], textarea, select {
width: 350px;
}
select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border-color: color-mix(in srgb, var(--bk-color-secondary, #000000) 20%, transparent);
height: 45px;
border-width: 1px;
font-family: inherit;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 3px 14px;
background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right transparent;
background-position-x: right;
background-size: auto;
background-position-x: calc(100% - 10px);
background-size: 12px;
margin:0;
border-radius: 5px;
}
.message-block.error-message, .message-block.error {
background-color: #fee;
border: 0 solid #fcd2d2;
color: #f00;
margin: 0;
font-size: 13px;
font-weight: 400;
}
.message-block.info-message, .message-block.success {
background-color: #d5f4d5;
border: 0 solid #c2e7c2;
color: #008000;
margin: 0;
font-size: 15px;
font-weight: 400;
}
table th {
font-weight: 600;
background: rgba(159, 159, 159, 0.1);
}
textarea {
height: 150px;
border-radius:5px;
}
p {
color: var(--bk-p-color, var(--bk-color-ink, #000));
font-size: var(--bk-p-size, 14px);
font-weight: var(--bk-p-weight, 400);
font-family: var(--bk-p-family, var(--bk-font-base, "Manrope"), sans-serif);
line-height: var(--bk-p-line-height, 25px);
}
code,
table,
th,
td,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
legend,
input[type="submit"],
input,
input[type="text"],
textarea,
select,
input[type="password"],
address,
input[type="file"],
input[type="hidden"],
button,
input[type="image"],
blockquote {
color: var(--bk-color-ink, #000);
font-size: 14px;
font-weight: 400;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
line-height: 25px;
}
input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
border:1px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
input[type="password"], input[type="text"] {
width: 100%;
background-color: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 3px 14px;
height: 44px;
border-width: 1px;
font-size: 17px;
font-weight: 400;
line-height: 25px;
margin: 0;
border-radius: 5px;
}
.errorlist.after .message-block {
color: #e64343;
}
#webcommander-page .error-message.phone {
font-size: 14px;
}
.errorlist.after {
font-size: 14px;
line-height: 18px;
min-width: auto;
position: relative;
margin-top: 5px;
}
input[type="text"].validation-error, input[type="password"].validation-error {
background-color: transparent;
border: 1px solid #e64343 !important;
}
select.error-field-error.inline-error, select.validation-error,
textarea.error-field-error.inline-error, textarea.validation-error{
background-color: transparent;
border: 1px solid #f00 !important;
}
input[type="checkbox"] + span,
input[type="radio"] + span {
margin-right: 20px;
}
.widget > .widget-title {
color: #272727;
padding: 0 0 20px;
margin: 0;
text-transform: capitalize;
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 700;
font-size: 58px;
line-height: 32.68px;
letter-spacing: -2%;
}
#webcommander-page.page-home .body .widget > .widget-title {
text-align:center;
margin-top:50px;
}
#webcommander-page .widget.widget-category .widget-title {
text-align: center;
padding-top: 100px;
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
font-size: 60px;
line-height: 60px;
letter-spacing: -2%;
}
.widget-form .sub-form-row {
display: table;
}
.widget-form .form-row input {
height: 40px;
}
.widget-form .form-row input[type="radio"], .widget-form .form-row input[type="checkbox"] {
height: auto;
}
.widget-form button.Zebra_DatePicker_Icon {
cursor: pointer;
background: none;
}
.Zebra_DatePicker_Icon_Wrapper:after {
content: "\f073";
font-family: 'Fontawesome';
font-size: 18px;
position: absolute;
right: 10px;
top: 7px;
}
.widget-form .form-row > label, .widget-form .sub-form-row span {
width: 200px;
}
.widget-form .radio-checkbox-row {
margin-top: -24px;
padding-left: 205px;
}
.widget-form .sub-form-row > * {
float: left;
}
.widget-form .sub-form-row span {
margin-top: 5px;
width: 200px;
font-size: 14px;
}
.widget-form .sub-form-row input + span {
clear: left;
}
.widget-form .sub-form-row input {
margin: 7px 0;
}
.widget-form .radio-checkbox-row .radio, .widget-form .radio-checkbox-row .checkbox {
margin: 7px 0;
}
.widget-form .form-row .sub-form-row label {
width: 202px;
}
.widget-form .sub-form-row {
margin: 20px 0 0;
}
.widget-form .sub-form-row > label {
margin-top: 14px;
}
.login-form .remember input {
font-size: 15px;
}
#webcommander-page.page-home .widget.widget-storeLogo.header-logo img {
object-fit: contain;
}
/** Placeholder Start **/
input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #505050;
}
::-moz-placeholder {
/* Firefox 19+ */
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #505050;
}
:-ms-input-placeholder {
/* IE 10+ */
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #505050;
}
:-moz-placeholder {
/* Firefox 18- */
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #505050;
}
textarea ::-webkit-textarea-placeholder {
/* Chrome/Opera/Safari */
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #505050;
}
::-moz-placeholder {
/* Firefox 19+ */
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #505050;
}
:-ms-textarea-placeholder {
/* IE 10+ */
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #505050;
}
:-moz-placeholder {
/* Firefox 18- */
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #505050;
}
textarea::placeholder {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #505050;
}
::placeholder {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #505050;
}
.header > .widget-container{
max-width:1920px;
}
.widget.widget-snippet .daily-sports-gallery-area, #webcommander-page .home-brand-slider {
margin: 0 auto;
max-width: 1920px;
}
/** Placeholder End **/
@media (max-width: 767px) {
.widget-form .sub-form-row {
margin: 0;
}
}
/*====== Fixed-width-layout ======*/
@media (min-width: 1430px) {
#webcommander-page .fixed-width > .header,
#webcommander-page .fixed-width > .body,
#webcommander-page .fixed-width > .footer {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
margin: auto;
width: 1430px;
}
}
@media (min-width: 1200px) {
#webcommander-page.page-home .horizontal .navigation-item .has-mega-menu-toggle:after {
color: #fff;
margin-left: -12px;
}
}
/*====== End Fixed-width-layout ======*/
.page-content > .v-split-container > .v-split {
margin: auto;
}
.widget-container > .page-content > .v-split-container > .v-split .widget.widget-snippet,
.widget-container > .page-content > .v-split-container > .v-split .widget.noSpaceLeftRight {
padding-left: 0;
padding-right: 0;
}
.body .widget-container.v-split-container .page-content {
padding-left: 15px;
padding-right: 15px;
}
.body .widget-container .page-content {
min-height: 350px;
}
.page-content > .v-split-container > .v-split .widget.widget-snippet,
.page-content > .v-split-container > .v-split .widget.noSpaceLeftRight {
padding-left: 0;
padding-right: 0;
}
.widget-youtube .wc-video-container .snippet-video-thumbnail img {
width: 100%;
}
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
text-transform: capitalize;
}
.widget.widget-filter .tab-accordion-accordion.accordion-panel .accordion-item.filter-accordion-item .form-row{
gap: 5px;
}
/*====== Inner-layout-control-css ======*/
#webcommander-page #bs-A4AE625C-9809-4FDE-AA44-17D2FEC63E3A,
#webcommander-page #bs-4E4232C9-6417-4958-B161-762CA25C8514,
#webcommander-page #bs-90E6070C-2D84-4C72-8AB4-46E6B912CE83 {
background: rgba(0, 0, 0, 0) url("../images/inner-banner-bg.jpg") no-repeat scroll left top / cover ;
display: block;
padding: 70px 0;
position: relative;
}
#webcommander-page #bs-A4AE625C-9809-4FDE-AA44-17D2FEC63E3A::before,
#webcommander-page #bs-4E4232C9-6417-4958-B161-762CA25C8514::before,
#webcommander-page #bs-90E6070C-2D84-4C72-8AB4-46E6B912CE83::before {
background: color-mix(in srgb, var(--bk-color-secondary, #000000) 20%, transparent) none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
#webcommander-page .widget-pageHeading h1 {
color: var(--bk-h1-color, var(--bk-color-ink, #000));
padding: 0 15px;
text-transform: var(--bk-h1-transform, none);
font-family: var(--bk-h1-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h1-weight, 700);
font-size: var(--bk-h1-size, 60px);
line-height: var(--bk-h1-line-height, 67px);
letter-spacing: var(--bk-h1-letter-spacing, -1px);
text-align: center;
}
.entire-search .search-results .search-result {
text-align: left;
}
.widget.widget-search {
height: 10px !important;
}
#webcommander-page .widget.widget-pageHeading {
padding:60px 0 35px;
}
.widget.widget-snippet .cta-top-container .notice-area {
display: flex;
z-index: 1;
position: relative;
justify-content: center;
margin: -1px 0 0;
padding: 0 10px;
}
.widget.widget-snippet .cta-top-container .notice-area p, #webcommander-page .cta-top-container .notice-area a {
padding: 0;
margin: 0;
font-size: 14px;
color: #fff;
margin: 0 2px;
}
.widget.widget-snippet .cta-top-container .notice-area a {
text-decoration: underline;
letter-spacing: var(--bk-btn-font-letter-spacing, 1px);
}
#webcommander-page .body.resolution-configuration-panel-layout__main-container.custom-scroll-design {
background: transparent;
flex: 1;
}
#webcommander-page .oder-comment-form.site-popup-form .site-popup__footer {
display: flex;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 td.select-column {
width: 260px;
}
#webcommander-page .return-case-details-view table.content.return-case-table {
min-width: 320px;
}
.header .widget.main_menu:before {
content: "";
position: absolute;
left: -50px;
top: 50%;
width: 1px;
height: 42px;
background: color-mix(in srgb, var(--bk-color-secondary, #000000) 30%, transparent);
transform: translateY(-50%);
}
#webcommander-page.page-home .header .widget.main_menu:before {
background: color-mix(in srgb, var(--bk-color-surface, #ffffff) 30%, transparent);
}
#webcommander-page .widget-pageHeading .page-heading-wrapper {
min-height: auto;
}
@media (max-width: 991px) {
#webcommander-page #bs-A4AE625C-9809-4FDE-AA44-17D2FEC63E3A,
#webcommander-page #bs-4E4232C9-6417-4958-B161-762CA25C8514,
#webcommander-page #bs-90E6070C-2D84-4C72-8AB4-46E6B912CE83 {
padding: 50px 0;
}
#webcommander-page .widget-pageHeading h1 {
font-size: 40px;
}
#webcommander-page .widget-breadcrumb {
font-size: 18px;
margin: 10px 0 0 0;
}
#webcommander-page .widget-breadcrumb .separator::after {
margin-left: 7px;
margin-right: 0;
}
}
@media (max-width: 767px) {
#webcommander-page #bs-A4AE625C-9809-4FDE-AA44-17D2FEC63E3A,
#webcommander-page #bs-4E4232C9-6417-4958-B161-762CA25C8514,
#webcommander-page #bs-90E6070C-2D84-4C72-8AB4-46E6B912CE83 {
padding: 30px 0;
}
#webcommander-page .widget-pageHeading h1 {
font-size: 28px;
margin: 0;
}
.widget.widget-snippet .cta-top-container .notice-area p {
max-width: 77%;
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient:vertical;
overflow:hidden;
}
.image-view .product-view-height-width .image, .scrollable-view .product-view-height-width .image {
max-height: 150px;
}
body#webcommander-page .sports-education-container .sports-education-col .sports-education-info-box p {
font-size: var(--bk-p-size, 20px) !important;
}
body#webcommander-page .daily-rugby-area .daily-rugby-box .content .club-title{
font-size: var(--bk-h3-size, 26px) !important;
}
}
/*====== End Inner-layout-control-css ======*/
/* =============================================== Start Header Design ===============================================*/
body > .header {
background: transparent;
width: 100%;
z-index: 90;
}
.header .widget-html > p {
color: var(--bk-p-color, var(--bk-color-ink, #000));
font-size: var(--bk-p-size, 14px);
margin: 0 auto;
text-align: center;
font-weight: var(--bk-p-weight, 500);
line-height: var(--bk-p-line-height, normal);
padding: 8px 0;
letter-spacing: var(--bk-p-letter-spacing, 0.06em);
text-transform: var(--bk-p-transform, uppercase);
}
.widget-storeLogo {
margin: 0 auto;
text-align: center;
}
/*============ Header Search design ============= */
/** Wish List Menu Start **/
#webcommander-page .widget.widget-navigation.wishlist-menu {
width: 26px !important;
height: 25px !important;
}
.header .widget-navigation.wishlist-menu .navigation-item {
position: relative;
}
#webcommander-page .widget-navigation.wishlist-menu a {
width: 40px;
height: 26px;
background: url('../images/wishlist.svg') no-repeat;
border: 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
#webcommander-page .widget-navigation.wishlist-menu a:hover {
background-position-y: -28px;
}
#webcommander-page .widget-navigation.wishlist-menu a span {
font-size: 0;
}
/** Wish List Menu End **/
/** User Nav Start **/
#webcommander-page .widget.widget-navigation.user-nav {
width: 24px !important;
height: 24px !important;
}
#webcommander-page .widget-navigation.user-nav .menu-title .menu-button {
background: var(--bk-btn-fill, url(../images/profile.svg) no-repeat right top);
width: 100%;
user-select: none;
text-align: right;
max-width: 40px;
margin: 0;
margin-right: auto;
height: 31px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
#webcommander-page .widget-navigation.user-nav .menu-title:hover .menu-button,
#webcommander-page .widget-navigation.user-nav .menu-title .menu-button.close {
background-position-y: -33px;
}
#webcommander-page .widget-navigation.user-nav .menu-title .menu-button em {
display: none;
}
#webcommander-page .widget-navigation.user-nav a[href="#"],
#webcommander-page .widget-navigation.user-nav .child-opener {
display: none !important;
}
#webcommander-page .widget-navigation.user-nav .nav-wrapper.vertical.show {
width: 300px;
position: absolute;
left: 50%;
height: auto;
padding: 10px 20px;
top: 46px;
background: var(--bk-color-surface, #fff);
box-shadow: 0 3px 20px 4px rgba(0, 0, 0, 0.1);
transform: translateX(-50%);
border-radius: 5px;
}
#webcommander-page .widget-navigation.user-nav .responsive-navigation .navigation-item {
display: block;
padding: 0;
background: transparent;
}
#webcommander-page .widget-navigation.user-nav .responsive-navigation .navigation-item a {
border-bottom: 1px solid #ececec;
padding: 10px 0;
color: var(--bk-color-ink, #000);
font-size: var(--bk-link-font-size, 16px);
text-transform: var(--bk-link-font-transform, capitalize);
font-weight: var(--bk-link-font-weight, 500);
text-align: left;
}
#webcommander-page .widget-navigation.user-nav .responsive-navigation .navigation-item.profile-nav a {
border-top: 1px solid #ececec;
margin: 15px 0 0;
}
.main_menu .horizontal > .navigation-item.first a span.image-wrapper.no-image {
display: none;
}
#webcommander-page .widget-navigation.user-nav .responsive-navigation .navigation-item:last-child a {
border-bottom: 0;
}
#webcommander-page .widget-navigation.user-nav .nav-wrapper.vertical.show::before {
content: "";
width: 15px;
height: 15px;
background: var(--bk-color-surface, #fff);
top: -6px;
border-top: 1px solid var(--bk-color-surface, #fff);
border-left: 1px solid var(--bk-color-surface, #fff);
left: 47%;
position: absolute;
transform: rotate(45deg);
transition: all 300ms ease-out 0s;
}
#webcommander-page .widget-navigation.user-nav .responsive-navigation .navigation-item a:hover {
color:var(--bk-link-hover, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
#webcommander-page .widget-navigation.user-nav .menu-title {
position: relative;
}
#webcommander-page .widget-navigation.footer-nav .horizontal .navigation-item a {
color: rgba(255, 255, 255, 0.69);
margin: 0 0 0 25px;
}
#webcommander-page .widget-navigation.footer-nav .horizontal .navigation-item a:hover, .widget.widget-snippet .wc-social-media-footer .social-links li a .fa:hover, .widget.widget-snippet .snippet-copyright-develop .copyright a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
body > .footer > .widget-container {
z-index: 1;
}
body > .footer:after {
position: absolute;
width: 100%;
height: 72px;
content: "";
/* Figma bottom bar is #0D0D0D on the black footer = 5% white, not 10%
(10% renders #1A1A1A). Height 72px already matches Figma. */
background: color-mix(in srgb, var(--bk-color-surface, #ffffff) 5%, transparent);
left: 0;
bottom: 0;
z-index: 0;
}
/** User Nav End**/
/** Cart Start **/
.header .advanced-flying-cart {
position: relative;
cursor: pointer;
width: 45px;
background: transparent;
text-align: left;
padding: 0 10px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.header .widget.widget-cart {
text-align: right;
padding: 4px 0;
}
.widget.widget-cart .cart-widget-img {
background: url('../images/cart-icon.svg') no-repeat;
width: 40px;
height: 30px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
background-position-y: 2px;
}
#webcommander-page.page-home .widget.widget-cart .cart-widget-img {
filter: brightness(0) invert(1);
}
.header .advanced-flying-cart span.cart-widget-text.item-count {
position: absolute;
right: -8px;
top: -8px;
background: var(--bk-color-primary, #00a1c6);
width: 28px;
text-align: center;
}
.widget.widget-cart .advanced-flying-cart:hover .cart-widget-img {
background-position-y: -26px;
}
.header .cart-widget-text {
color: #fff;
font-size: 15px;
height: 28px;
width: 58px;
border-radius: 50%;
text-align: right;
font-weight: 500;
line-height: 27px;
padding: 0;
}
#webcommander-page div.flying-cart-remove-wrapper .flying-cart-item-remove {
background-image: url("/template/097c5ce4/images/delete.svg");
}
#webcommander-page div.flying-cart-remove-wrapper {
margin-top: 5px;
}
#webcommander-page .widget.widget-navigation.menu-right .nav-wrapper.horizontal {
text-align: right;
}
/** Cart End **/
body > .header .html-widget-element-content > p {
margin: 0 auto;
text-align: center;
padding: 0;
font-size: var(--bk-p-size, 14px);
line-height: var(--bk-p-line-height, 30px);
}
/*========= Header Search design ========= */
.widget-search .search-menu-button {
background: var(--bk-btn-fill, rgba(0, 0, 0, 0) none repeat scroll 0 0);
height: auto;
position: absolute;
left: auto;
text-align: left;
width: 30px;
padding: var(--bk-btn-pad, 12px 0);
right: 124px;
top: 51px;
z-index: 9;
}
.widget-search .search-form {
background-color: var(--bk-color-surface, #fff);
overflow: hidden;
position: absolute;
left: 50%;
top: 18px;
transition: all 300ms ease-out 0s;
z-index: 99;
right: 0;
margin-left: -325px;
}
.widget-search .search-form form {
padding:5px;
position: relative;
}
.widget-search .icon-search.et_ecommerce_search,
.widget-search .icon-search.et_ecommerce_search:hover,
.widget-search button, .widget-search button:hover {
background-color: var(--bk-color-surface, #ffffff)!important;
height: 40px;
padding: 0;
font-size: var(--bk-btn-font-size, 0);
border-radius: 5px;
position: absolute;
right:5px;
top: 5px;
width: 40px;
}
.widget.widget-search input {
border: medium none;
font-size: 15px;
padding: 4px 40px 4px 10px;
width: 100%;
min-width: 100%;
font-weight: 300;
background: var(--bk-color-surface, #fff);
border-radius:0;
height: 38px;
}
.widget-search .search-menu-button::after {
content: "";
font-size: 0;
height: 16px;
line-height: 50px;
margin: 0 auto;
text-align: center;
background: var(--bk-btn-fill, url(/template/097c5ce4/images/search.svg));
width: 17px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
background-size: 17px;
}
.widget-search .search-menu-button:hover::after {
background-position-y: -24px;
}
.header .widget-search button::after {
color: var(--bk-btn-text, #999999);
content: "\f002";
font-family: var(--bk-btn-font-family, "FontAwesome");
font-size: var(--bk-btn-font-size, 19px);
height: 40px;
line-height: 40px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 40px;
}
.header .widget-search *::-moz-placeholder,
.header .widget-search *:-moz-placeholder {
color:#555;
}
.search-result .pagination-literal-status{
font-size: 0;
}
.widget.widget-snippet .wc-social-media-footer .social-links li a {
margin: 5px 15px;
}
.widget.widget-snippet .wc-social-media-footer .social-links li a .fa {
font-size: 20px;
}
.widget.widget-snippet .wc-social-media-footer .social-links li:first-of-type a{
margin-left: 0
}
.header .widget.main_menu.right:after {
content: "";
position: absolute;
right: 8px;
top: 10px;
width: 1px;
height: 25px;
background: color-mix(in srgb, var(--bk-color-surface, #ffffff) 30%, transparent);
}
#webcommander-page .customer-profile-v2 .customer-short-info .customer-name-text {
margin-top: 0;
}
/*start:search box*/
#webcommander-page .header.active-section .menu-search {
z-index: 9999999;
}
#webcommander-page .widget.widget-search.menu-search .search-form.show {
width: 100%;
top: 0;
height: 10px;
position: fixed;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999;
}
#webcommander-page .widget.widget-search.menu-search .search-form.show form {
top: 35px;
}
.search-form.show::before {
content: "";
background-color: color-mix(in srgb, var(--bk-color-secondary, #000000) 50%, transparent);
height: 100vh;
left: calc(-50vw + 50%);
position: fixed;
width: 100vw;
top: 5px;
right: 0;
z-index: -1;
}
.search-form.show::after {
content: "";
background-color: var(--bk-color-surface, rgb(255 255 255));
height: 106px;
left: calc(-50vw + 50%);
position: fixed;
width: 100vw;
top: 0;
right: 0;
z-index: -1;
}
@keyframes showSearch {
from {
height: 0;
opacity: 0;
}
to {
height: 100vh;
opacity: 1;
}
}
@keyframes hideSearch {
from {
height: 100vh;
opacity: 1;
}
to {
height: 0;
opacity: 0;
}
}
#webcommander-page .widget-search.menu-search .valid-verify-form {
width: 1170px;
margin: 0 auto;
margin-left: auto;
position: relative;
top: calc(50% - 126px);
z-index: 1;
}
.widget-search .search-menu-button.close::after {
opacity: 1;
display: block;
}
#webcommander-page .widget-search.menu-search .search-menu-button {
width: 22px;
height: 22px;
display: inline-block !important;
border-radius: 0;
line-height: 39px;
margin: 0;
position: absolute;
left: auto;
right: 517px;
top: 58px;
transition: unset;
background: var(--bk-btn-fill, url('/template/097c5ce4/images/search-icon.svg') no-repeat);
background-position: 0 0;
}
#webcommander-page .widget-search.menu-search .search-menu-button:hover {
opacity: 0.7;
}
#webcommander-page .widget.widget-search.menu-search .search-form input {
background: transparent;
border: 0px;
border-bottom: 1px solid var(--bk-color-surface, #fff);
width: 100%;
height: 57px;
margin: 0;
padding: 0 15px;
box-sizing: border-box;
color: var(--bk-color-ink, #000);
font-size: 16px;
font-family: var(--bk-font-base, Manrope);
text-align: left;
}
#webcommander-page .widget.widget-search.menu-search .search-form {
position: relative;
z-index: 99;
right: auto;
left: 0;
max-width: 650px;
margin: 0 auto;
}
.widget.widget-search .search-form form {
position: fixed;
max-width: 650px;
width: 100%;
background: transparent;
border: 1px solid var(--bk-color-secondary, #000);
border-radius: 4px;
margin: 7px auto;
}
#webcommander-page .widget.widget-search.menu-search .search-form button {
background: var(--bk-btn-fill, url(/template/097c5ce4/images/search-icon.svg) no-repeat);
background-position: 22px center;
font-size: var(--bk-btn-font-size, 0);
}
#webcommander-page .search-menu-button.responsive-menu-btn.close {
background-image: url(/template/097c5ce4/images/close-icon.svg);
position: fixed;
right: 30%;
top: 44px;
z-index: 9999;
transition: unset;
background-size: 15px;
background-repeat: no-repeat;
}
#webcommander-page .search-menu-button.responsive-menu-btn.close:after{
display: none;
}
#webcommander-page .widget.widget-search.menu-search .search-form button:hover::before {
color: var(--bk-btn-hover-color, var(--bk-btn-text, rgba(18, 0, 64, 1)));
}
#webcommander-page .widget.widget-search.menu-search .search-form input::-webkit-input-placeholder {
color: rgba(18, 0, 64, 1);
font-size: 16px;
font-weight: normal;
font-family: var(--bk-font-base, Manrope);
}
#webcommander-page .widget.widget-search.menu-search .search-form input:-moz-placeholder {
color: rgba(18, 0, 64, 1);
font-size: 16px;
font-weight: normal;
font-family: var(--bk-font-base, Manrope);
}
#webcommander-page .widget.widget-search.menu-search .search-form input::-moz-placeholder {
color: rgba(18, 0, 64, 1);
font-size: 16px;
font-weight: normal;
font-family: var(--bk-font-base, Manrope);
}
#webcommander-page .widget.widget-search.menu-search .search-form input:-ms-input-placeholder {
color: rgba(18, 0, 64, 1);
font-size: 16px;
font-weight: normal;
font-family: var(--bk-font-base, Manrope);
}
/*end:search box*/
@media (max-width: 767px) {
.header .widget.widget-search .search-form {
right: -75px;
width: 100vw;
}
.widget-search .search-form {
top: 60px;
}
}
/*========= End Header Search design ========= */
/*========= main menu right ========= */
#webcommander-page .widget-navigation.menu-right .horizontal > .navigation-item a {
color: var(--bk-color-ink, #000);
cursor: pointer;
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-link-font-size, 16px);
font-weight: var(--bk-link-font-weight, 500);
padding:5px 10px 5px;
text-transform: var(--bk-link-font-transform, capitalize);
transition:all 300ms ease-out 0s;
line-height: 18px;
letter-spacing: var(--bk-link-font-letter-spacing, 0);
text-decoration:none !important;
}
#webcommander-page.page-home .main_menu .navigation-item a:hover, #webcommander-page.page-home .widget-navigation.menu-right .horizontal > .navigation-item a:hover{
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .widget-navigation.menu-right .horizontal > .member-btn.navigation-item a:hover {
background:var(--bk-btn-hover-bg, rgba(10, 32, 149, 1));
color: var(--bk-btn-text, rgba(255, 255, 255, 1));
}
#webcommander-page .widget-navigation.menu-right .horizontal > .member-btn.navigation-item a {
background:var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
border-radius:var(--bk-btn-radius, 30px);
padding:8px 36px 10px 24px;
margin-left: 20px
}
#webcommander-page .widget-navigation.menu-right .horizontal > .navigation-item a{
padding: 0;
}
#webcommander-page .widget-navigation.menu-right .horizontal > .navigation-item.login a:after, #webcommander-page .widget-navigation.menu-right .horizontal > .navigation-item.login a:hover:after {
content: "/";
color: var(--bk-color-ink, #000);
}
#webcommander-page.page-home .widget-navigation.menu-right .horizontal > .navigation-item.login a:after, #webcommander-page.page-home .widget-navigation.menu-right .horizontal > .navigation-item.login a:hover:after {
color: #fff;
}
#webcommander-page .widget-navigation.menu-right .horizontal > .member-btn.navigation-item a::after {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: 11px 24px;
width: 8px;
height: 13px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
position: absolute;
top: 48%;
transform: translateY(-50%);
margin-left: 6px;
}
/*========= main menu ========= */
.header .widget.main_menu {
overflow: visible;
}
.main_menu .nav-wrapper.horizontal {
text-align: left;
}
.main_menu .horizontal > .navigation-item.first a {
padding-left: 0;
}
.main_menu .horizontal > .navigation-item.last a {
padding-right: 0;
}
.main_menu .navigation-item a {
color: var(--bk-color-ink, #000);
cursor: pointer;
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-link-font-size, 16px);
font-weight: var(--bk-link-font-weight, 500);
padding: 12px 20px 24px;
text-transform: var(--bk-link-font-transform, capitalize);
transition: all 300ms ease-out 0s;
line-height: 18px;
letter-spacing: var(--bk-link-font-letter-spacing, 0);
text-decoration: none !important;
}
.main_menu .navigation-item a:hover,
.main_menu .navigation-item.active > a, #webcommander-page .widget-navigation.menu-right .horizontal > .navigation-item a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page.page-home .main_menu .navigation-item a, #webcommander-page.page-home .widget-navigation.menu-right .horizontal > .navigation-item a, #webcommander-page .widget-navigation.menu-right .horizontal > .member-btn.navigation-item a {
color: #fff;
}
@media (min-width:768px) {
.main_menu .horizontal > .navigation-item:first-child a {
padding-left:0;
}
.main_menu .horizontal > .navigation-item:last-child a {
padding-right:0;
}
.main_menu .horizontal .navigation-item.has-child {
position: relative;
}
.main_menu .horizontal > .has-child > a span::after {
content: "\f107";
display: inline-block;
font-family: "FontAwesome";
font-size: 16px;
margin-left: 8px;
font-weight: 200;
}
.main_menu .horizontal .navigation-item .navigation-item-child-container {
background: var(--bk-color-surface, #fff);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
left: 0;
top: 55px;
width: 250px;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: all 500ms cubic-bezier(0.15, 0.89, 0.495, 1.005) 0s;
-moz-transition: all 500ms cubic-bezier(0.15, 0.89, 0.495, 1.005) 0s;
-ms-transition: all 500ms cubic-bezier(0.15, 0.89, 0.495, 1.005) 0s;
-o-transition: all 500ms cubic-bezier(0.15, 0.89, 0.495, 1.005) 0s;
transition: all 500ms cubic-bezier(0.15, 0.89, 0.495, 1.005) 0s;
}
.main_menu .horizontal .navigation-item:hover .navigation-item-child-container {
background: var(--bk-color-surface, #fff);
box-shadow:5px 0 32px rgb(0 0 0 / 12%);
left: -50%;
top: 58px;
width: 250px;
display: block;
visibility: visible;
opacity: 1;
border-radius: 8px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item {
line-height: normal;
padding: 0 15px;
position: relative;
}
.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
border-bottom: 1px #f4f4f4 solid;
font-size: var(--bk-link-font-size, 16px);
margin-right: 0;
box-shadow: none;
color: var(--bk-link-color, #222222);
padding: 15px 10px;
text-align: left;
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-weight: var(--bk-link-font-weight, normal);
line-height: normal;
text-transform: var(--bk-link-font-transform, capitalize);
}
.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item:last-child a {
border-bottom: medium none;
}
.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item > a:hover,
.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item.active > a,
.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item.active > a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item.has-child > a::after {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--bk-color-secondary, rgb(0, 0, 0));
border-style: solid;
border-width: 4px 0 4px 4px;
content: "";
position: absolute;
right: 0;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item .navigation-item-child-container {
left: 250px;
top: 0;
width: 250px;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: all 500ms cubic-bezier(0.15, 0.89, 0.495, 1.005) 0s;
-moz-transition: all 500ms cubic-bezier(0.15, 0.89, 0.495, 1.005) 0s;
-ms-transition: all 500ms cubic-bezier(0.15, 0.89, 0.495, 1.005) 0s;
-o-transition: all 500ms cubic-bezier(0.15, 0.89, 0.495, 1.005) 0s;
transition: all 500ms cubic-bezier(0.15, 0.89, 0.495, 1.005) 0s;
}
.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item:hover .navigation-item-child-container {
left: 250px;
top: 0;
width: 250px;
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.widget-navigation.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item:first-child::before {
content: "";
position: absolute;
top: -10px;
left: 50%;
width: 0;
height: 0;
border-color: var(--bk-color-surface, #fff) transparent var(--bk-color-surface, #fff) transparent;
border-width: 0px 10px 10px 10px;
border-style: solid;
margin-left: -6px;
z-index: 1;
}
.widget-navigation.main_menu .horizontal .navigation-item .navigation-item-child-container .navigation-item:first-child::before {
content: "";
position: absolute;
top: -10px;
left: 50%;
width: 0;
height: 0;
border-color: var(--bk-color-surface, #fff) transparent var(--bk-color-surface, #fff) transparent;
border-width: 0px 10px 10px 10px;
border-style: solid;
margin-left: -6px;
z-index: 1;
}
.widget-navigation.main_menu .horizontal .navigation-item>.navigation-item-child-container .navigation-item > .navigation-item-child-container {
margin-left:8px;
}
.widget-navigation.main_menu .horizontal .navigation-item>.navigation-item-child-container .navigation-item > .navigation-item-child-container .navigation-item:first-child::before{
content: "";
position: absolute;
top: 48%;
left: -8px;
width: 0;
height: 0;
border-color: var(--bk-color-surface, #fff) transparent var(--bk-color-surface, #fff) transparent;
border-width: 0px 10px 10px 10px;
border-style: solid;
transform: translateY(-50%) rotate(-90deg);
}
}
.main_menu .horizontal.responsive-navigation .navigation-item:hover > .navigation-item-child-container {
display: none;
box-shadow: none;
}
.main_menu .horizontal.responsive-navigation .navigation-item > .navigation-item-child-container.open {
display: block;
}
.responsive-navigation .navigation-item.has-child .child-opener::before {
color: #fff;
font-size: 20px;
line-height: 40px;
}
.responsive-navigation .navigation-item.has-child .child-opener::before {
content: "\f196";
}
.responsive-navigation .navigation-item.has-child .child-opener.close::before {
content: "\f147";
}
.main_menu .horizontal.responsive-navigation .navigation-item .navigation-item-child-container .navigation-item:hover .navigation-item-child-container {
display: none;
}
.main_menu .horizontal.responsive-navigation .navigation-item .navigation-item-child-container .navigation-item .navigation-item-child-container.open {
display: block;
padding: 0 20px;
}
/*========= End main menu ========= */
/* =============================================== End Header Design ===============================================*/
/* ================================================ Start Body Design ===============================================*/
/* ==================================== Product Design ============================= */
#webcommander-page #bs-AC54C781-1431-4E85-A650-ABDE7B5D1F54 {
padding: 120px 0 100px;
background: #F7F6F9;
}
#webcommander-page #spltr-FAD9B52B-DC42-4E08-9E23-AA4D13A4E9F9 {
padding: 0 15px;
}
#webcommander-page #spltr-C0EABD5A-B6C5-40E2-8CD6-8BD1920CB57D .category-details,
#webcommander-page #spltr-C0EABD5A-B6C5-40E2-8CD6-8BD1920CB57D .widget-product {
border-left: 2px solid color-mix(in srgb, var(--bk-color-secondary, #000000) 10%, transparent);
margin-left: 20px;
padding-left: 60px;
}
.category-details .product-container .title .category-name {
margin-top: 10px;
}
@media (max-width: 1199px) {
#webcommander-page #spltr-C0EABD5A-B6C5-40E2-8CD6-8BD1920CB57D .category-details, #webcommander-page #spltr-C0EABD5A-B6C5-40E2-8CD6-8BD1920CB57D .widget-product {
margin-left: 0;
padding-left: 30px;
}
}
@media (max-width: 991px) {
#webcommander-page #spltr-FAD9B52B-DC42-4E08-9E23-AA4D13A4E9F9 {
padding-right: 0;
}
#webcommander-page #spltr-C0EABD5A-B6C5-40E2-8CD6-8BD1920CB57D .category-details, #webcommander-page #spltr-C0EABD5A-B6C5-40E2-8CD6-8BD1920CB57D .widget-product {
margin-left: 0;
padding-left: 15px;
}
}
#webcommander-page .widget-navigation.category-nav .widget-title {
color: #230D56;
font-weight: bold;
font-size: 24px;
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
line-height: 33px;
border-bottom: 2px solid color-mix(in srgb, var(--bk-color-secondary, #000000) 10%, transparent);
padding-bottom: 15px;
}
#webcommander-page .category-nav .vertical .navigation-item a {
color: var(--bk-color-ink, #000);
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-link-font-size, 20px);
font-weight: var(--bk-link-font-weight, 600);
line-height: 1.4;
padding: 8px 0;
transition: all 300ms ease-out 0s;
border: none;
}
#webcommander-page .category-nav .vertical .navigation-item .navigation-item-child-container .navigation-item a {
font-size: var(--bk-link-font-size, 18px);
font-weight: var(--bk-link-font-weight, 500);
padding: 5px 0;
}
#webcommander-page .category-nav .vertical .navigation-item a:hover,
#webcommander-page .category-nav .vertical .navigation-item.active > a{
color: var(--bk-link-color, #2EA3F2);
}
.category-details-container, .subcategory-container {
padding: 15px 0;
}
.subcategory-container .title, .product-container .title {
font-size: 16px;
}
.category .category-name {
margin: 20px auto 0;
font-size: 16px;
display: inline-block;
color: var(--bk-color-ink, #000);
}
.category-view.image-view .category-image-view-width a {
font-size: var(--bk-link-font-size, 18px);
color: var(--bk-color-ink, #000);
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-weight: var(--bk-link-font-weight, 600);
line-height: 26px;
letter-spacing: var(--bk-link-font-letter-spacing, 0px);
}
.category-details-container .title.page-heading, .widget-product .widget-title {
color: #272727;
padding:0 0 30px;
text-transform: capitalize;
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
line-height: 48px;
letter-spacing: -2%;
}
#webcommander-page .page-categories .widget.widget-product {
margin: 100px 0;
}
.category-details-container .title.page-heading{
display: none;
}
#webcommander-page .widget.widget-categoryBanner {
height: auto;
line-height: 0;
}
.product-view .sortable{
margin-right: 0;
}
.widget-product .header .sortable > select option {
font-weight: 400;
font-size: 14px;
}
.product-view .header, .category-view .header, .entire-search .header, .product-search .header,
.product-view .footer, .category-view .footer, .entire-search .footer, .product-search .footer {
background: none;
border: none;
padding: 0;
overflow: hidden;
margin-bottom: 10px;
}
#webcommander-page .page-wish-list .wish-list-details .btn-group.view-switchers {
display: none;
}
/* Product header toolbar: split whichever items are actually rendered between
left and right. The four possible children, in DOM order, are the view
switcher (Default Mode), .sortable (Product Sorting),
.pagination-literal-status (Results Count) and .pagination; each is omitted
when its sidebar setting is off, so child count == number of visible items.
4 items -> switcher + sorting left, results count + pagination right
3 items -> first two left, last right
2 items -> one left, one right
1 item -> right
The platform's ecommerce.min.css only ever pushes .pagination right
(.widget-product .product-view .pagination{margin-left:auto}, 0-3-0), which
leaves the bar lopsided for every other combination. Deliberately written
without :has() so it survives a template-CSS re-serialisation. Scrollable
(carousel) headers are excluded - they hold scroll arrows, not this bar. */
@media (min-width: 992px) {
.widget-product .product-view:not(.scrollable-view) > .header > :last-child {
margin-left: auto;
}
.widget-product .product-view:not(.scrollable-view) > .header > :nth-child(3):nth-last-child(2) {
margin-left: auto;
}
.widget-product .product-view:not(.scrollable-view) > .header > :nth-child(4):nth-last-child(1) {
margin-left: 0;
}
}
.product-view.image-view .content{
/*margin: 0 -12px;*/
display: flex;
flex-wrap: wrap;
}
.product-view.image-view .product-block, #webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .product-block{
box-sizing: content-box;
margin: 1px 7px 15px;
padding: 0;
text-align: left;
display: inline-block;
border-radius: 20px;
border: 0;
overflow: hidden;
background: #FAFAFA;
border: 2px solid transparent;
-webkit-transition: all 0.5s ease 0s;
transition:all 0.5s ease 0s;
}
.product-view .product-block:hover{
border:2px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
box-shadow: 1px 1px 10px #ddd;
-webkit-transition: all 0.5s ease 0s;
transition:all 0.5s ease 0s;
}
.product-view.scrollable-view .product-block {
box-sizing: content-box;
margin: 1px 12px 70px;
padding: 0;
text-align: left;
background: var(--bk-color-surface, #ffffff);
display: inline-block;
border-radius: 2px;
}
.product-view.scrollable-view .product-block {
padding: 0 0 30px;
}
.product-view.image-view .product-block .block-content-wrap {
padding: 5px 15px 20px;
}
.product-block a.product-name-link.title-link.link {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0;
}
.product-view.image-view .product-image-link, .product-view.scrollable-view .product-image-link {
height: 100%;
width: 100%;
}
.product-view.image-view .product-block:hover .product-image, .product-view.scrollable-view .product-block:hover .product-image{
box-shadow: 0;
}
.image-view .product-image img, .product-view.scrollable-view .product-image img {
max-width: 100%;
height: 100%;
width: 100%;
object-fit: contain;
margin: 0 auto;
mix-blend-mode: multiply;
}
.image-view .product-view-height-width .image, .scrollable-view .product-view-height-width .image {
/*max-width: 312px;*/
max-height: 215px;
margin: 0 auto;
}
.product-view.image-view .product-name, .product-view.scrollable-view .product-name {
height: auto;
margin: 10px auto;
padding: 0;
text-align: center;
min-height: 50px;
overflow: hidden;
box-sizing: border-box;
max-height: 50px;
}
.product-view.image-view .product-name-link {
color: var(--bk-color-ink, #000000);
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-link-font-size, 15px);
font-weight: var(--bk-link-font-weight, 600);
line-height: 1.4;
margin: 0;
text-transform: var(--bk-link-font-transform, capitalize);
text-align: center;
}
.product-view.scrollable-view .product-name-link {
color: var(--bk-color-ink, #000000);
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
margin: 0;
text-transform: capitalize;
text-align: center;
}
.product-view.scrollable-view .btn-add, .product-view.image-view .btn-add {
text-align: center;
}.wc-secondary-action-buttons .btn-quick-view .quick-view-btn.button,
.wc-secondary-action-buttons .show-details-button.button {
font-family: var(--bk-btn-tertiary-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-tertiary-font-size, 14px);
font-weight: var(--bk-btn-tertiary-font-weight, bold);
line-height: 28px;
padding: var(--bk-btn-tertiary-pad, 5px 12px 6px);
letter-spacing: var(--bk-btn-tertiary-font-letter-spacing, 0);
transform: none;
max-width: 132px;
display: inline-block;
background-color: transparent;
text-align: center;
margin: 0;
text-transform: var(--bk-btn-tertiary-font-transform, capitalize);
border-radius: var(--bk-btn-tertiary-radius, 30px);
background: var(--bk-btn-tertiary-fill, #282E2C);
color: var(--bk-btn-tertiary-text, #fff);
background-color: var(--bk-btn-tertiary-fill, var(--bk-color-primary, #00A1C6));
border: var(--bk-btn-tertiary-border-width, 1px) solid var(--bk-btn-tertiary-border-color, #00A1C6) !important;
color: var(--bk-btn-tertiary-text, #fff);
}
.fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button.button,
.fee-widget-product-scroll-view .product-view.scrollable-view .btn-add .add-to-cart-button,
.product-view.image-view .product-block .btn-add .add-to-cart-button,
.product-view.scrollable-view .product-block .btn-add .add-to-cart-button,
#webcommander-page .advance-cart-details.shopping-cart .flying-cart-special-add-to-cart.button {
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-font-size, 14px);
font-weight: var(--bk-btn-font-weight, bold);
line-height: 28px;
padding: var(--bk-btn-pad, 5px 12px 6px);
letter-spacing: var(--bk-btn-font-letter-spacing, 0);
transform: none;
max-width: 132px;
display: inline-block;
background-color: transparent;
text-align: center;
margin: 0;
text-transform: var(--bk-btn-font-transform, capitalize);
border-radius: var(--bk-btn-radius, 30px);
background: var(--bk-btn-fill, #282E2C);
color: var(--bk-btn-text, #fff);
background-color: var(--bk-btn-fill, var(--bk-color-primary, #00A1C6));
border: var(--bk-btn-border-width, 1px) solid var(--bk-color-primary, #00A1C6) !important;
color: var(--bk-btn-text, #fff);
}.wc-secondary-action-buttons .btn-quick-view .quick-view-btn.button:hover,
.wc-secondary-action-buttons .show-details-button.button:hover {
background-color: var(--bk-btn-tertiary-hover-bg, var(--bk-btn-tertiary-fill, #282E2C)) !important;
border: var(--bk-btn-tertiary-border-width, 1px) solid #282E2C !important;
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, #fff));
}
.fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button.button:hover,
.fee-widget-product-scroll-view .product-view.scrollable-view .btn-add .add-to-cart-button:hover,
.product-view.image-view .product-block .btn-add .add-to-cart-button:hover,
.product-view.scrollable-view .product-block .btn-add .add-to-cart-button:hover,
#webcommander-page .advance-cart-details.shopping-cart .flying-cart-special-add-to-cart.button:hover {
background-color: var(--bk-btn-hover-bg, var(--bk-btn-fill, #282E2C)) !important;
border: var(--bk-btn-border-width, 1px) solid #282E2C !important;
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
.wc-secondary-action-buttons .btn-quick-view, .wc-secondary-action-buttons .show-details-button.button {
width:50%;
margin-bottom:10px;
}
.product-view.list-view .product-block .wc-secondary-action-buttons span.quick-view-btn.button {
width: 100%;
max-width: 100%;
}
.add-to-cart-button.button.et_pdp_add_to_cart .div-mask {
border-radius: 100px;
}
#webcommander-page.page-home .add-to-cart-button.button.et_pdp_add_to_cart .div-mask {
margin: -33px 0 0 -4px;
min-width: 136px;
min-height: 40px;
}
.page-product .add-to-cart-button.button.et_pdp_add_to_cart .div-mask {
margin: 0 0 0 -1px;
min-width: calc(100% - -2px) !important;
}
.product-view.image-view .product-block .btn-add .add-to-wish-list,
.product-view.scrollable-view .product-block .btn-add .add-to-wish-list {
display: inline-block;
max-width: 100px;
padding: var(--bk-btn-tertiary-pad, 5px 15px 0);
border: 0;
background: var(--bk-btn-tertiary-fill, var(--bk-color-surface, #fff));
transform: none;
margin-left: 10px;
line-height: 28px;
margin-top: 0;
width: auto;
height: 36px;
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000));
border-radius: var(--bk-btn-tertiary-radius, 100px);
}
.product-view.image-view .product-block .btn-add .add-to-compare-button,
.product-view.image-view .product-block .btn-add .remove-from-compare-button,
.product-view.scrollable-view .product-block .btn-add .add-to-compare-button,
.product-view.scrollable-view .product-block .btn-add .remove-from-compare-button {
transform: none;
}
.product-block .btn-add .add-to-compare-button, .product-block .btn-add .remove-from-compare-button {
color: var(--bk-color-ink, #000);
font-size: 0;
width: auto;
height: 36px;
margin-left: 5px;
line-height: normal;
margin-top: 0;
background: var(--bk-color-surface, #fff);
border-radius: var(--bk-btn-tertiary-radius, 100px);
}
.product-block .btn-add .add-to-compare-button:hover, .product-block .btn-add .remove-from-compare-button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
.block-content-wrap .price-waper {
display: flex;
flex-direction: row-reverse;
justify-content: center;
text-align: left;
align-items: end;
padding: 0 0 15px;
}
.block-content-wrap .price-waper .current-price.price {
text-align: left;
letter-spacing: 0px;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
color: var(--bk-color-ink, #000);
display: flex;
padding: 0;
flex-direction: row;
align-items: center;
justify-content: center;
}
.block-content-wrap .price-waper .previous-price.price {
padding: 5px 0 0 6px;
letter-spacing: 1px;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: var(--bk-color-ink, #000);
opacity: 40%;
}
.widget-product .header .sortable select#product-sorting,
.product-view .sortable select#product-sorting{
border: 0;
padding: 0 30px 0 10px;
height: 39px;
text-transform: capitalize;
min-width: fit-content;
font-size: 14px;
font-weight: 600;
letter-spacing: 1%;
}
.product-container .sortable::before, .header .sortable::before {
content: "Sort by:";
color: rgb(28, 28, 28);
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 14.5px;
line-height: 100%;
margin:0;
}
#webcommander-page.page-home .product-view.image-view .product-block,
#webcommander-page .page-search-result .product-view.image-view .product-block,
#webcommander-page.page-home .product-view.scrollable-view .product-block,
#webcommander-page .page-wish-list .product-view.image-view .product-block{
margin-bottom:0;
}
#webcommander-page.page-home .product-view.scrollable-view .product-block {
margin-bottom: 0;
border-radius: 20px;
transition: transform .2s;
overflow: hidden;
}
#webcommander-page.page-home .product-view.scrollable-view .product-block:hover {
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari 3-8 */
transform: scale(1.1);
}
#webcommander-page .widget.widget-product.outdoor-furnitures{
margin: 50px auto 0;
background:linear-gradient(56.6deg, rgba(10, 52, 166, 0.1) 32.85%, color-mix(in srgb, var(--bk-color-primary, #00a1c6) 10%, transparent) 105.26%);
padding:50px 0;
}
#webcommander-page .widget.widget-product.outdoor-furnitures .content.product-content .product-block{
width: calc(100%/5 - 18px);
border-radius: 20px;
overflow: hidden;
border: 2px solid transparent;
margin: 0 6px 15px;
background-color: rgba(250,250,250,1);
}
#webcommander-page .widget.widget-product.outdoor-furnitures .product-view {
max-width: 1400px;
margin:0 auto;
}
#webcommander-page .widget.widget-product.outdoor-furnitures .content.product-content .product-block:hover{
border-color: var(--bk-color-primary, #00A1C6);
}
#webcommander-page .widget.widget-product.outdoor-furnitures .content.product-content .product-block .block-content-wrap{
padding: 0 15px 20px;
}
#webcommander-page .page-wish-list .product-view.image-view .product-block,
#webcommander-page .page-search-result .product-view.image-view .product-block{
margin-bottom:70px;
}
.product-view.scrollable-view .summary{
display: none
}
.product-view.image-view .product-block .tax-message, .product-view.scrollable-view .product-block .tax-message {
font-size: 12px;
display: block;
float: left;
color: #666;
margin: 0 5px 0 0;
}
.product-widget .sale-percent-display {
width: 80px;
margin-top: 10px;
margin-left: 10px;
background-color: #dcfdff;
color: var(--bk-color-ink, #000);
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 2%;
padding: 4px 15px;
}
#webcommander-page .compare-details .add-to-cart-button.button {
width: auto;
height: auto;
line-height: normal;
padding: var(--bk-btn-pad, 10px 15px);
margin: 0;
}
#webcommander-page .compare-details{
overflow-x: auto;
}
#webcommander-page .compare-details table {
table-layout: auto;
}
#webcommander-page.responsive .compare-details p {
word-break: break-all;
}
#webcommander-page .home-tabslider .product-view.scrollable-view .header .scroller {
position: absolute;
top: 48%;
float: unset;
z-index: 1;
max-width: 100%;
}
#webcommander-page .home-tabslider .product-view.scrollable-view .header .scroller .scroll-left {
left: 15%;
right: auto;
float: left;
position: absolute;
}
#webcommander-page .home-tabslider .product-view.scrollable-view .header .scroller .scroll-right {
right: 15%;
left: auto;
position: absolute;
}
#webcommander-page .widget.widget-product.outdoor-furnitures .product-view {
max-width: 1400px;
margin: 0 auto;
}
.image-popup-container.popup {
max-width: inherit;
width: 100% !important;
height: 100% !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
}
.image-popup-container.popup .image-wrapper {
padding: 40px;
border: 10px solid var(--bk-color-surface, #fff);
width: 100%;
height: 100%;
}
#webcommander-page img.popup-image {
min-width: auto;
max-width: max-content;
max-height: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
.fee-widget-product-list-view .product-view .product-block .btn-add .add-to-cart-button.button{
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
div.fee-widget-product-list-view .product-view .product-block .btn-add .add-to-cart-button.button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
.tabular-product-view.hide-tabular-product-view ~ .product-block a.product-name-link.title-link.link{
padding:0
}
/***************************************************/
#webcommander-page .widget.widget-category .widget-title {
text-align: center !important;
}
.category-image-view-height {
height: max-content;
}
#webcommander-page .blog-category.category-image-view.category-image-view-width.blog-category-item .blog-category-image img{
aspect-ratio: 10 / 8;
overflow: hidden;
}
.widget.fee-category-2 .category-image-view-height, .category-view.image-view .category-image-view-width a {
overflow: hidden;
}
#webcommander-page .widget-blogCategory .category-view.image-view .category-image-view-width {
margin-bottom: 30px;
}
div.widget.fee-category-2 .category .category-name {
bottom:auto;
top: 62%;
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner .check-out-total .price-row .label {
text-transform: capitalize;
}
.category .summary, #webcommander-page .widget-blogCategory .category-view.image-view .category-image-view-width .summary {
height: auto;
padding: 10px;
text-align: center;
}
#webcommander-page .widget.widget-html.view-all-button.cat-button{
padding-bottom: 150px;
}
#webcommander-page .widget.widget-html.view-all-button.cat-button .html-widget-element-content p a {
position: relative;
margin: 0 auto 0;
top: unset;
display: block;
max-width: max-content;
}
.category-view.image-view .category-image-view-width:hover img{
-ms-transform: scale(1.05); /* IE 9 */
-webkit-transform: scale(1.05); /* Safari 3-8 */
transform: scale(1.05);
}
#webcommander-page .widget.widget-category.details-cat {
background:#F1EFE1;
position: relative;
padding: 80px 0 130px;
}
#webcommander-page .widget.widget-category.details-cat .widget-title {
text-align: center;
padding: 0 0 50px;
}
#webcommander-page .widget.widget-tabAccordion.details-faq {
background: #F4E9E3;
}
#webcommander-page .widget.widget-tabAccordion.details-faq h2.widget-title{
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 400;
font-size: 48px;
line-height: 100%;
letter-spacing: 1%;
text-align: center;
}
#webcommander-page .page-categories .widget.widget-category .category-view.image-view {
max-width: 1400px;
margin: 0 auto;
padding: 50px 0 130px;
}
.category-view.image-view .content {
justify-content: center;
}
#webcommander-page .page-categories .widget-product .widget-title:after{
content: url("../images/scrole-arrow-product.svg");
margin-left: 20px
}
#webcommander-page .widget-productReviewRatting .empty-review-message {
max-width: 80%;
margin: 0 auto;
}
.fee-widget-product-image-view .product-view.image-view[no-of-column="5"] .block-content-wrap>.price-waper, .fee-widget-product-image-view .product-view.image-view[no-of-column="6"] .block-content-wrap>.price-waper {
min-height: auto;
}
.fee-widget-product-image-view .product-view.image-view .content.product-content {
/*gap: 15px;*/
}
/********************************************/
#webcommander-page .widget.widget-html.view-all-button .html-widget-element-content p {
width: 100%;
max-width: 500px;
margin: 0 auto;
text-align: right;
}
#webcommander-page .widget.widget-html.view-all-button .html-widget-element-content p a {
position: absolute;
top: 40px;
padding: var(--bk-btn-pad, 10px 50px);
background:var(--bk-btn-fill, var(--bk-color-primary, #00A1C6)) ;
border-radius: var(--bk-btn-radius, 100px);
height: 37px;
color: var(--bk-btn-text, #fff);
margin-left:10px;
z-index: 1;
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
letter-spacing: var(--bk-btn-font-letter-spacing, 0%);
text-align: center;
}
#webcommander-page .widget.widget-html.view-all-button .html-widget-element-content p a:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
}
#webcommander-page .home-tabslider{
background-image: url(/template/097c5ce4/images/home-tabslider-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding:40px 0 100px 0 !important;
}
#webcommander-page .home-tabslider .widget.widget-product.wc-tab-accordion-widget{
padding: 0!important;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-body-container {
border: none;
border-top-width: 0;
padding: 0;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header-container {
letter-spacing: normal;
word-spacing: normal;
text-align: center;
padding:4px 5px;
max-width: 57px;
margin: 0 auto;
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
width: 100%;
border-radius: 30px;
background-size: cover;
height: 30px;
display: flex;
justify-content: space-between;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header {
border-left: none;
border-right: none;
border-top: none;
display: inline-block;
padding: 0;
cursor: pointer;
margin-right: 50px;
font-weight: 500;
font-size: 0;
line-height: 22px;
text-align: center;
color: #fff;
text-transform: capitalize;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
background-color: transparent;
width: 22px;
height: 22px;
flex: 0 0 22px;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header.bmui-tab-active{
color: var(--bk-color-ink, #000);
font-weight: 500;
font-size: 0;
line-height: 22px;
margin: 0;
background: var(--bk-color-surface, #fff);
padding: 0;
border-radius: 30px;
text-transform: capitalize;
width: 22px;
height: 22px;
flex: 0 0 22px;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header {
margin:0;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header .title {
position: relative;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header:nth-of-type(1) .title:after {
content:"Billed Monthly";
width:fit-content;
position: absolute;
left: -130px;
right: auto;
font-family: var(--bk-font-heading, Manrope);
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: var(--bk-color-ink, #000);
top: -8px;
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header:nth-last-of-type(1) .title:after {
content:"Billed Yearly";
width:fit-content;
position: absolute;
right: -113px;
left: auto;
font-family: var(--bk-font-heading, Manrope);
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: var(--bk-color-ink, #000);
top: -8px;
}
#webcommander-page .empty-cartitem-text + .continue-shopping-btn.cartitem-btn.button.et_cartp_continue_shopping {
margin: 25px 0 0;
padding: var(--bk-btn-pad, 12px 35px);
}
.scrollable-view > .content {
padding: 31px 0;
}
#webcommander-page .home-tabslider .product-view.scrollable-view .content, #webcommander-page .recommended-slider .product-view.scrollable-view .content {
display: block;
overflow-x: hidden;
white-space: nowrap;
padding: 25px 0;
}
#webcommander-page .widget.widget-html.category-title {
text-align: center;
padding-top: 50px;
}
#webcommander-page .widget.widget-html.tab-products-title{
text-align: center;
padding-top: 150px;
text-transform: uppercase;
margin-bottom: 20px;
}
#webcommander-page .widget.widget-html.tab-products-title h2, #webcommander-page .widget.widget-html.category-title h2 {
padding: 0;
margin: 0;
text-transform: var(--bk-h2-transform, capitalize);
font-family: var(--bk-h2-family, var(--bk-font-heading, "Manrope"), sans-serif);
font-weight: var(--bk-h2-weight, 400);
font-size: var(--bk-h2-size, 48px);
line-height: var(--bk-h2-line-height, 100%);
letter-spacing: var(--bk-h2-letter-spacing, 1%);
text-align: center;
}
#webcommander-page .widget.widget-html.tab-products-title.one h2{
padding-left: 120px;
}
#webcommander-page .widget.widget-product.scrollable-products .scrollable-view {
border: 0;
margin-bottom: 105px;
display: block;
}
#webcommander-page .home-tabslider .product-view.scrollable-view{
border: 0;
}
#webcommander-page .widget.widget-product.scrollable-products {
max-width: 1415px;
margin: 0 auto;
}
#webcommander-page.responsive .scrollable-view > .content{
margin: 0 auto;
padding: 0 0 14px;
border: 0;
}
.product-view.scrollable-view .header {
background: none;
margin: 0;
padding: 0;
border: 0;
height: auto;
min-height: auto;
}
.scrollable-view .scroller {
margin: 10px 0;
width: 100%;
}
.scroll-left, .scroll-right {
display: inline-block;
height: 43px;
width: 106px;
border: 0;
cursor: pointer;
}
.product-view.scrollable-view .scroller .scroll-left, .product-view.scrollable-view .scroller .scroll-right {
position: unset;
height: 50px;
width: 50px;
margin: 15px 20px;
border-radius: 30px;
background-color: var(--bk-color-surface, #fff);
border-color: #f7f7f7;
box-shadow: 0 0 10px #ccc;
}
.product-view.scrollable-view .scroller .scroll-left:hover, .product-view.scrollable-view .scroller .scroll-right:hover{
border-color: #151515;
background-color: var(--bk-color-surface, #FFF);
}
.scroll-left {
border: 1px solid #dfdfdf;
background: url("../images/scrole-arrow-product.svg") no-repeat;
margin-left: 0;
top: 50%;
position: absolute;
left: -115px;
z-index: 1;
transform: translateY(-50%) rotate(180deg);
background-position: center center;
}
.scroll-right {
border: 1px solid #dfdfdf;
background: url("../images/scrole-arrow-product.svg") no-repeat;
top: 50%;
position: absolute;
right: -115px;
z-index: 1;
transform: translateY(-50%) rotate(0deg);
background-position: center center;
}
.scroll-right:hover{
border: 1px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
background-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.scroll-left:hover{
border: 1px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
background-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .recommended-slider .scrollable-view {
border: 0;
margin: 30px 15px 40px;
}
.review-rating span img{
opacity: 0;
}
.review-rating {
width: 118px !important;
text-align: left;
display: inline-block;
margin: 0 !important;
}
#webcommander-page .product-widget.widget-productReview .review-rating {
width: 112px !important;
}
#webcommander-page .product-widget.widget-productReview .review-rating-wrapper .review-count {
margin-top: -1px;
}
.review-rating span {
width: 18px !important;
display: inline-block;
height: 23px;
}
.review-rating-wrapper .review-count {
font-size: 12px;
font-weight: 400;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
color: var(--bk-color-ink, rgb(0, 0, 0));
margin-left: 0px;
display: inline-block;
line-height: 14px;
}
.product-view .product-block .review-rating-wrapper {
margin: 10px 0;
display: flex;
width: fit-content;
flex-wrap: nowrap;
}
/******************************************/
/* === Product Detail ===== */
.page-product .widget-productImage .vertical-aligner {
display: none !important;
}
.widget-productImage .image-thumb-container .thumb-image .vertical-aligner {
height: auto;
}
.widget-productImage.multi-image-scroll-vertical-view .product-detail-width {
width: 100%;
height: 100%;
padding-left: 0;
min-height: auto;
}
.widget-productImage.multi-image-scroll-vertical-view .multi-image-scroll-wrapper {
border: 0;
padding: 0;
max-width: 120px;
}
.page-product .widget.widget-breadcrumb {
margin-bottom: 15px;
}
.widget-productImage.multi-image-scroll-vertical-view .multi-image-scroll-wrapper .image-thumb-container {
margin: 5px 0;
max-height: calc(100% - 55px);
}
.widget-productImage.multi-image-scroll-vertical-view .image-thumb-container .thumb-image img {
object-fit: cover;
}
.widget-productImage.multi-image-scroll-vertical-view .multi-image-scroll-wrapper .image-left-scroller,
.widget-productImage.multi-image-scroll-vertical-view .multi-image-scroll-wrapper .image-right-scroller {
border: none !important;
background: transparent !important;
margin: 0 auto !important;
width: auto !important;
transform: none !important;
left: 0 !important;
right: 0 !important;
}
.widget-productImage.multi-image-scroll-vertical-view .thumb-image {
width: 75px;
height: 75px;
}
.widget-productImage.multi-image-scroll-vertical-view .image-thumb-container .thumb-image {
border: 0;
}
.widget-productImage .image-thumb-container .thumb-image {
cursor: pointer;
}
.widget-productImage .image-thumb-container .thumb-image {
width: 112px;
height: 116px;
margin-bottom: 0;
background-color:#ededed;
position:relative;
}
.widget-productImage .image-thumb-container .thumb-image img {
width: 100%;
height: 100%;
object-fit: contain;
background: #F6F6F6;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
mix-blend-mode: multiply;
}
.product-widget.widget-productImage {
position: sticky;
top: 60px;
}
.product-quick-view-info-container.details .product-widget.widget-productImage{
top: 0;
}
.widget-productImage .image-thumb-container .thumb-image:first-child{
margin-top: 0;
}
#webcommander-page .product-detail-height {
height: auto;
}
.widget-productImage.multi-image-scroll-vertical-view .image-right-scroller.scroll-navigator {
bottom: 0px;
}
.widget-productImage.multi-image-scroll-vertical-view .image-left-scroller.scroll-navigator {
top: 0px;
}
.widget-productImage.multi-image-scroll-vertical-view .image-left-scroller.scroll-navigator:hover,
.widget-productImage.multi-image-scroll-vertical-view .image-right-scroller.scroll-navigator:hover {
background-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
border-color: var(--bk-color-primary, rgba(0, 161, 198, 1))
}
.widget-productImage .multi-image-scroll-wrapper .scroll-navigator {
cursor: pointer;
}
.widget-productImage .image-thumb-container .thumb-image.active{
border: 2px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
opacity: 1;
}
#webcommander-page .product-thumb-view.scrollable img {
max-width: 100%;
}
#webcommander-page .product-widget.widget-productSummary {
text-align: center;
max-width: 700px;
padding: 80px 0 40px;
margin: 0 auto;
}
#webcommander-page .product-quick-view-info-container.details .product-widget.widget-productSummary{
padding: 10px 0;
}
.product-quick-view-info-container.details .product-widget.widget-variation {
margin-top: 20px;
}
.product-quick-view-info-container.details .product-widget.widget-addCart .stepper {
border: 1px solid var(--bk-color-secondary, #000);
justify-content: center;
}
.product-quick-view-info-container.details .product-widget.widget-addCart>* {
justify-content: flex-start;
}
.product-quick-view-info-container.details .product-widget.widget-price {
margin-bottom: 45px;
margin-top: 25px;
}
.product-quick-view-info-container.details .review-rating-wrapper {
padding: 10px 0;
}
.product-quick-view-info-container.details .product-widget.widget-addCart {
gap: 20px 5px;
margin: 50px 0 20px;
}
#webcommander-page .widget-productSummary .summary {
font-size: 16px;
line-height: 25px;
padding-top: 10px;
}
#webcommander-page .product-widget.widget-price {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
border-bottom: 0;
margin-bottom: 0;
margin-top: 40px;
}
#webcommander-page .widget-productSummary .title {
display: block;
font-size: 23px;
padding-bottom: 0;
}
.product-widget.widget-variation {
margin-top: 20px;
}
.product-widget.widget-variation .variation-container {
width: 100%;
display: block;
border-top: 1px solid #ddd;
padding: 12px 0 15px;
}
.product-widget.widget-addCart .stepper {
max-width: 100%;
height: 43px;
position: relative;
overflow: unset;
border-radius: 0;
width: 100%;
justify-content: end;
}
.product-widget.widget-addCart .stepper::before {
content: "Quantity";
text-transform: capitalize;
top: -38px;
position: absolute;
left: 0;
font-family: var(--bk-font-base, Manrope);
font-weight: 700;
font-size: 16px;
line-height: 26px;
letter-spacing: 2%;
}
.product-widget.widget-addCart .stepper input {
width: 50px;
height: 40px;
border: 0;
background: transparent;
font-size: 20px;
font-weight: 500;
}
.product-widget.widget-addCart .stepper .stepper-arrow.up:before{
position: absolute;
font-size: 32px;
line-height: 38px;
font-weight: 300;
}
.product-widget.widget-socialMediaShare {
position:relative;
margin:35px 0 0;
}
.chosen-container-single .chosen-single span {
font-size: 15px;
color: var(--bk-color-ink, #000000);
margin-right: 22px;
font-weight: 600;
}
.chosen-container-single .chosen-drop {
border: 1px solid #eee;
box-shadow: 0 0 0 0;
padding: 0;
z-index: 3333333;
}
.chosen-container-active .chosen-single{
box-shadow: 0 0 0 0;
border: 1px solid #eee;
}
.chosen-container .chosen-results .chosen-result {
border: 0;
padding: 7px 0;
}
#webcommander-page .chosen-result.options span {
color: var(--bk-color-ink, #000000);
font-weight: normal;
}
.chosen-container .chosen-results .chosen-result:hover{
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.chosen-container .chosen-results .highlighted{
background-color: var(--bk-color-surface, #fff);
}
#webcommander-page .product-widget.widget-price .current-price-container .current-price{
color: #272626;
padding-right: 15px;
display: contents;
font-family: var(--bk-font-base, Manrope);
font-weight: 500;
font-size: 48px;
line-height: 24.29px;
letter-spacing: 0%;
vertical-align: middle;
}
#webcommander-page .product-widget.widget-price .current-price-container .current-price .currency-symbol {
margin-right: 5px;
}
#webcommander-page .payment-option .code-submit-form .errorlist.after {
bottom: 56px;
width: 100%;
max-width: 300px;
}
#webcommander-page .product-widget.widget-price .previous-price.price {
color: #b5b5b5;
font-size: 20px;
padding: 5px 8px 0 10px;
order: 2;
}.product-widget.widget-addCart .add-to-cart-button {
background: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-text, #fff);
margin: 0;
font-size: var(--bk-btn-font-size, 16px);
text-transform: var(--bk-btn-font-transform, capitalize);
line-height: 30px;
padding: var(--bk-btn-pad, 6px 10px);
border: 1px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
text-align: center;
font-weight: var(--bk-btn-font-weight, 700);
letter-spacing: var(--bk-btn-font-letter-spacing, 0px);
border-radius: var(--bk-btn-radius, 30px);
justify-content: center;
}
.product-widget.widget-addCart .buy-now-button.button.et_pdp_buy_now {
background: var(--bk-btn-secondary-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-secondary-text, #fff);
margin: 0;
font-size: var(--bk-btn-secondary-font-size, 16px);
text-transform: var(--bk-btn-secondary-font-transform, capitalize);
line-height: 30px;
padding: var(--bk-btn-secondary-pad, 6px 10px);
border: 1px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
text-align: center;
font-weight: var(--bk-btn-secondary-font-weight, 700);
letter-spacing: var(--bk-btn-secondary-font-letter-spacing, 0px);
border-radius: var(--bk-btn-secondary-radius, 30px);
justify-content: center;
}.product-widget.widget-addCart .add-to-cart-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
border-color: var(--bk-btn-hover-border-color, var(--bk-btn-border-color, var(--bk-color-secondary, #000)));
}
.product-widget.widget-addCart .buy-now-button.button.et_pdp_buy_now:hover {
color: var(--bk-btn-secondary-hover-color, var(--bk-btn-secondary-text, #fff));
background: var(--bk-btn-secondary-hover-bg, var(--bk-color-secondary, #000));
border-color: var(--bk-btn-secondary-hover-border-color, var(--bk-btn-secondary-border-color, var(--bk-color-secondary, #000)));
}
.product-widget.widget-addCart .buy-now-button.button.et_pdp_buy_now{
background: var(--bk-btn-secondary-fill, rgba(10, 32, 149, 1));
border-color:var(--bk-btn-secondary-border-color, rgba(10, 32, 149, 1));
}
.product-widget.widget-addCart .add-to-wish-list {
text-align: left;
line-height: 24px;
border: 0;
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000));
margin-left: auto;
z-index: 0;
}
.product-widget.widget-addCart .button.add-to-wish-list, .product-widget.widget-addCart .add-to-compare-button.button{
width: 90px;
padding: var(--bk-btn-tertiary-pad, 0) !important;
background-color: transparent;
margin: 0;
}
.product-widget.widget-addCart .button.add-to-wish-list:hover, .product-widget.widget-addCart .add-to-compare-button.button:hover {
background-color: transparent;
background: transparent;
border-color: transparent;
}
.product-widget.widget-addCart .button.add-to-wish-list:hover:after, .product-widget.widget-addCart .add-to-compare-button.button:hover:after, .product-widget.widget-addCart .button.add-to-wish-list:hover::before{
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-ink, #000)));
}
.page-product .stepper .stepper-input {
z-index: 0;
}
.product-widget.widget-addCart .add-to-wish-list:hover{
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-primary, #00A1C6)));
}
.variation-container .variation-type {
padding-bottom: 5px;
width: 100%;
display: inline-block;
font-size: 16px;
line-height: 30px;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-weight:300;
margin-right: 0;
}
.product-widget.widget-variation .variation-dropdown-container .type-label {
display: inline-block;
margin-right: 10px;
vertical-align:top;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
}
.product-widget.widget-variation .variation-dropdown-container .chosen-container-single {
margin-left: 0;
padding: 0 2px;
width: 100%;
max-width: 100%;
vertical-align:top;
}
.product-widget.widget-addCart .add-to-compare-button, .product-widget.widget-addCart .remove-from-compare-button {
background: transparent;
border: transparent;
width: auto;
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000));
line-height: 20px;
}
.product-widget.widget-addCart .add-to-compare-button:hover, .product-widget.widget-addCart .remove-from-compare-button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
.variation-container .chosen-container {
border-radius: 0;
width: 100%;
max-width: 100%;
margin: 0 0 10px;
}
.add-cart-information-popup .variation-container .chosen-container {
border-radius: 0;
width: 100%;
max-width: 64%;
margin: 0 0 10px;
}
.chosen-container-single .chosen-single {
background: var(--bk-color-surface, #fff);
-webkit-appearance: none;
margin: 5px 0;
background-size: 15px;
box-shadow: none;
background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right var(--bk-color-surface, #fff);
background-position-x: 92%;
background-size: 12px;
border-color: #757575;
border-width: 1px;
font-family: inherit;
padding: 8px 14px;
font-weight: 500;
border-radius: 0;
height: 42px;
}
.chosen-container-active.chosen-with-drop .chosen-single{
border-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.chosen-container-single .chosen-single div b {
background-size: 0;
}
.chosen-container-single .chosen-single span {
color: var(--bk-color-ink, #000);
font-weight: 400;
letter-spacing: 0.5px;
line-height: 26px;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
}
.chosen-container .chosen-results .chosen-result {
font-size: 17px;
height: 40px;
line-height: 10px;
padding: 15px;
}
#webcommander-page .zoomContainer .zoomLens {
border: 0 !important;
}
#webcommander-page .zoomWindowContainer .zoomWindow{
border: 1px solid #eee !important;
}
.add-cart-information-popup.popup .popup-bottom.footer {
margin-top: 0;
}
#webcommander-page #bs-8928A5A2-704A-4D00-AA17-D2F29C9E9BFC{
padding: 80px 0;
}
.widget-productImage .image-preview-box {
box-sizing: content-box;
display: inline-block;
text-align: center;
width: auto;
height: auto;
}
.widget-productImage .image-preview-box .vertical-aligner{
display: none;
}
.product-widget.widget-productName .product-name {
color: var(--bk-color-ink, #000);
padding-bottom: 0;
border:0;
margin:-10px 0 0;
text-align: left;
font-family: var(--bk-font-base, Manrope);
font-weight: 800;
font-size: 41px;
line-height: 50px;
letter-spacing: -1%;
}
#webcommander-page .widget-productSummary .title {
display: none;
}
.popup {
box-shadow: none;
}
.popup.image-popup-container{
padding: 0
}
.image-popup-container .image-wrapper {
padding: 40px;
border: 10px solid var(--bk-color-surface, #fff);
}
.image-popup-container .navigator {
background-image: url("../images/scrole-arrow-product.svg");
background-repeat: no-repeat;
}
.image-popup-container .navigator.close-button {
background-image: url("../images/close-icon.svg");
background-position: 0 0;
height: 20px;
right: 5px;
top: 4px;
width: 20px;
background-size: 20px;
background-repeat: no-repeat;
border: 0;
}
.image-popup-container .navigator.right-button,
.image-popup-container .navigator.left-button {
width: 45px;
height: 45px;
border: var(--bk-btn-border-width, 1px) solid var(--bk-color-secondary, #000);
border-radius: var(--bk-btn-radius, 30px);
}
.image-popup-container .navigator.right-button {
background-position:17px 12px;
right: 8px;
}
.image-popup-container .navigator.left-button {
left: 8px;
background-position: 17px 11px;
transform: rotate(180deg);
}
.image-popup-container .navigator.close-button {
background-image: url("../images/close-icon.png") no-repeat;
background-position: 8px 9px;
height: 34px;
right: 5px;
top: 5px;
width: 34px;
background-size: 18px;
}
.image-popup-container.popup {
padding: 0;
min-width: auto;
background: transparent;
}
.image-popup-container .navigator.right-button:hover,
.image-popup-container .navigator.left-button:hover {
background-color: var(--bk-btn-hover-bg, var(--bk-btn-fill, #DFDFDF));
border-color: var(--bk-btn-hover-border-color, var(--bk-btn-border-color, #DFDFDF));
border-radius: var(--bk-btn-radius, 30px);
}
#webcommander-page .product-widget.widget-productSku {
padding-top: 20px;
}
#webcommander-page .widget-productSku, #webcommander-page .widget-availableStock,
#webcommander-page .widget-productCategory, #webcommander-page .widget-productManufacturer,
#webcommander-page .widget-productBrand, #webcommander-page .widget-productModel, #webcommander-page .widget-combinedProduct {
font-size: 18px;
color: #33314E;
line-height: 25px;
font-weight: bold;
}
#webcommander-page .widget-productSku label, #webcommander-page .widget-productCategory label{
font-weight: 400;
}
#webcommander-page .widget-productSummary {
padding: 20px 0;
}
#webcommander-page .widget-productSummary .summary {
font-size: 18px;
font-weight: 400;
color: #33314E;
line-height: 30px;
}
.page-product .bmui-tab {
padding-top: 50px;
}
.bmui-tab .bmui-tab-header.bmui-tab-active {
background: none;
border: none;
font-size: 30px;
font-weight: bold;
color: var(--bk-color-ink, #000);
line-height: 1.4;
padding: 0;
margin: 0;
cursor: default;
}
.bmui-tab .bmui-tab-body-container {
border: none;
padding: 20px 0;
}
#webcommander-page #bmui-tab-description .title {
display: none;
}
#webcommander-page #bmui-tab-description .description > p {
color: var(--bk-p-color, var(--bk-color-ink, #000));
font-size: var(--bk-p-size, 16px);
font-weight: var(--bk-p-weight, 400);
line-height: var(--bk-p-line-height, 28px);
}
#webcommander-page .product-widget.widget-similar,
#webcommander-page .product-widget.widget-related {
margin: 0 auto;
padding-top: 20px;
padding-bottom: 80px;
text-align: center;
background:var(--bk-color-surface, #fff);
}
#webcommander-page .product-widget.widget-similar .header,
#webcommander-page .product-widget.widget-related .header {
text-align: center;
}
#webcommander-page .product-widget.widget-similar .title,
#webcommander-page .product-widget.widget-related .title {
color: var(--bk-color-ink, #000);
margin: 0;
text-transform: capitalize;
padding: 80px 0 50px;
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
font-size: 56px;
line-height: 67px;
text-align: center;
}
#webcommander-page .product-widget.widget-similar .product-block.product-view-height-width.normal-product-view ,
#webcommander-page .product-widget.widget-related .product-block.product-view-height-width.normal-product-view {
max-width: calc(100%/5 - 26px);
width: 100%;
border-radius: 20px;
margin-bottom: 10px;
overflow: hidden;
}
#webcommander-page .review-view-panel .main-container .total-review-panel .review-content {
position: sticky;
top: 20px;
}
#webcommander-page .widget.widget-html.sidebar-title {
position: relative;
display: block;
border-bottom: 1px solid #d9d9d9;
margin-right: 50px;
}
@media (max-width: 991px) {
#webcommander-page .product-widget.widget-similar .product-block.product-view-height-width.normal-product-view,
#webcommander-page .product-widget.widget-related .product-block.product-view-height-width.normal-product-view {
max-width: calc(100%/3 - 15px);
}
}
@media (max-width: 767px) {
#webcommander-page .product-widget.widget-similar .product-block.product-view-height-width.normal-product-view, #webcommander-page .product-widget.widget-related .product-block.product-view-height-width.normal-product-view {
max-width: calc(100%/2 - 15px);
}
#webcommander-page.responsive .widget-productImage .image-thumb-container .thumb-image {
width: 60px;
height: 60px;
}
#webcommander-page.responsive .widget-productImage .multi-image-scroll-wrapper .image-thumb-container {
max-width: 230px;
}
}
@media (max-width: 480px) {
#webcommander-page .product-widget.widget-similar .product-block.product-view-height-width.normal-product-view, #webcommander-page .product-widget.widget-related .product-block.product-view-height-width.normal-product-view {
max-width: 100%;
width: 100%;
margin:0;
}
#webcommander-page .product-widget.widget-similar, #webcommander-page .product-widget.widget-related {
padding: 20px 15px 50px;
}
}
#webcommander-page #spltr-96ff24bf-8e83-4924-bd85-926693cd3a57 .product-widget {
margin-left: 40px;
}
.product-view .footer .pagination-literal-status {
display:none;
}
.product-view .footer .pagination {
width: 100%;
text-align: center;
}
.product-view.image-view .summary p,
.product-view.image-view .summary,
.product-view.scrollable-view .summary p,
.product-view.scrollable-view .summary {
font-size: var(--bk-p-size, 14px);
text-align: left;
color: var(--bk-p-color, #555);
font-weight: var(--bk-p-weight, 400);
line-height: var(--bk-p-line-height, 22px);
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: auto;
}
.product-view.image-view .summary p,
.product-view.scrollable-view .summary p{
margin: 0;
}
.chosen-container-multi .chosen-choices{
border-color:#dedede;
}
.checkout-page.version-2 div.advance-checkout-steps-left-dom input[type="text"]:focus, .checkout-page.version-2 div.advance-checkout-steps-left-dom select:focus, .checkout-page.version-2 div.advance-checkout-order-details-right-dom select:focus,
.checkout-page.version-2 div.advance-checkout-steps-left-dom input[type="text"]:focus, .checkout-page.version-2 div.advance-checkout-order-details-right-dom input[type="text"]:focus, .checkout-page.version-2 div.advance-checkout-steps-left-dom textarea:focus, .checkout-page.version-2 div.advance-checkout-order-details-right-dom textarea:focus{
border-color:var(--bk-color-secondary, #000);
}
div.checkout-page.version-2 div.checkout-button-wrapper-bottom, #webcommander-page #zoid-paypal-buttons-uid_d1f52c58b8_mti6nde6mja {
border-radius:var(--bk-btn-radius, 30px) !important;
overflow:hidden !important;
}
#webcommander-page .paypal-buttons.paypal-buttons-context-iframe.paypal-buttons-label-pay {
border-radius:var(--bk-btn-radius, 30px) !important;
overflow:hidden !important;
}
/* === End Product Detail ===== */
/***********/
.page-product .bmui-tab {
margin: 50px 0 0;
padding: 70px 100px 50px;
border: 1px solid #dedede;
margin-bottom: 70px;
}
.page-product .bmui-tab .bmui-tab-body-container {
border: 0;
}
.page-product .bmui-tab .bmui-tab-header-container {
font-size: 0;
text-align: center;
border-bottom: 1px solid #f0f0f0;
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header {
border: medium none;
font-size: 18px;
margin: 0;
padding: 0 40px 15px 0;
color: #353535;
border-radius: 0;
background: transparent;
width: auto;
text-transform: uppercase;
font-weight: 400;
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header.bmui-tab-active .title {
position: relative;
color: var(--bk-color-ink, #000);
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:first-child .title {
position: relative;
font-weight: 500;
font-size: 0;
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:first-child .title::before {
content: "Description";
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
position: relative;
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:nth-of-type(2) .title {
font-size: 0;
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:nth-of-type(2) .title::before {
content: "Reviews";
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
position: relative;
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:nth-of-type(3) .title {
font-size: 0;
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:nth-of-type(3) .title::before {
content: "Ask a Question";
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
position: relative;
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header.bmui-tab-active .title::after {
position: absolute;
content: "";
left: 0;
bottom: -22px;
width: 100%;
height: 1px;
background: var(--bk-color-secondary, #000);
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:nth-of-type(3).bmui-tab-active .title::after,
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:nth-of-type(2).bmui-tab-active .title::after,
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:first-child.bmui-tab-active .title::after{
bottom: -4px;
}
.ask-question-panel .form-row label {
display: block;
width: 100%;
padding-bottom: 5px;
font-size: 15px;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 80%, transparent);
}
.ask-question-panel .form-row textarea {
min-height: 150px;
width: 100%;
}
.page-product .bmui-tab .bmui-tab-body-container h1 {
font-size: var(--bk-h1-size, 27px);
}
.page-product .bmui-tab .bmui-tab-body-container h2 {
font-size: var(--bk-h2-size, 24px);
}
.page-product .bmui-tab .bmui-tab-body-container h3 {
font-size: var(--bk-h3-size, 22px);
}
.page-product .bmui-tab .bmui-tab-body-container h4 {
font-size: var(--bk-h4-size, 20px);
}
.page-product .bmui-tab .bmui-tab-body-container h5 {
font-size: var(--bk-h5-size, 18px);
}
.page-product .bmui-tab .bmui-tab-body-container h6 {
font-size: var(--bk-h6-size, 16px);
}
.page-product .bmui-tab .bmui-tab-body-container .title {
display: none;
}
.page-product .bmui-tab .bmui-tab-body-container .title {
display: none;
}
.page-product .bmui-tab .bmui-tab-body-container td b,
.page-product .bmui-tab .bmui-tab-body-container td strong {
font-weight: 500;
}
.page-product .bmui-tab .bmui-tab-body-container p {
font-size: var(--bk-p-size, 16px);
font-weight: var(--bk-p-weight, normal);
line-height: var(--bk-p-line-height, 26px);
color: var(--bk-p-color, var(--bk-color-ink, #000));
display: block;
padding-bottom: 20px
}
#webcommander-page #bmui-tab-description div#feature-bullets ul {
margin: 0 !important;
padding: 0 !important;
}
.page-product .bmui-tab .bmui-tab-body-container figol{
padding-left: 18px;
margin-top: 30px;
}
.page-product .bmui-tab .bmui-tab-body-container ol li, .page-product .bmui-tab .bmui-tab-body-container ul li{
font-size: 16px;
font-weight: normal;
line-height: 26px;
color: var(--bk-color-ink, #000);
padding-bottom: 10px;
position:relative;
}
.page-product .bmui-tab .bmui-tab-body-container ul li:after {
content: "";
height: 8px;
width: 8px;
background-color: #272727;
position: absolute;
left: -16px;
top: 10px;
border-radius: 50%
}
.page-product .bmui-tab .bmui-tab-body-container figure{
padding: 0;
margin: 0 0 20px;
}
#webcommander-page .product-widget.widget-productSku label, #webcommander-page .product-widget.widget-productSku .value {
font-weight: 400;
font-size: 16px;
}
.product-widget.widget-socialMediaShare .info-title {
width: 100%;
display: block;
text-transform: capitalize;
margin: 20px 0 0;
margin-bottom: 2px;
font-family: var(--bk-font-heading, Manrope);
font-weight: 500;
font-size: 12px;
line-height: 23px;
letter-spacing: 1%;
text-align: center;
}
.product-widget.widget-socialMediaShare .info-title + .info-payment {
margin: 10px auto 0;
display: block;
width: 100%;
text-align: center;
}
.product-widget.widget-socialMediaShare {
position:relative;
margin: 0;
}
.widget-socialMediaShare .social-media-share-label {
font-size: 18px;
color: var(--bk-color-ink, #000000);
}
.widget-socialMediaShare .social-media-wrapper {
text-align: left;
padding-left: 0px;
}
#webcommander-page .product-widget.widget-stockMark span {
font-size: 16px;
font-weight: 500;
background: transparent;
border: transparent;
padding: 14px 0;
border-radius: 50px;
margin: 0;
text-align: left;
display: block;
}
.widget-socialMediaShare .social-media-wrapper span{
border:0;
}
#webcommander-page .product-widget.widget-stockMark {
margin: 0;
text-align: right;
}
#webcommander-page .product-widget.widget-stockMark span {
position: absolute;
right: 1px;
top: -35px;
background: rgba(10, 32, 149, 0.14);
padding: 4px 20px;
border-radius: 30px;
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 1px;
vertical-align: middle;
}
.variation-container table.matrix td.available {
display: table-cell;
}
#webcommander-page .product-widget.widget-stockMark span.not-available {
font-size: 16px;
font-weight: 500;
background:#df1c4d;
border:#f00;
margin:0;
text-align: left;
color: #fff;
}
#webcommander-page .widget-price .price .tax-message {
color: var(--bk-color-ink, #000);
font-size: 13px;
font-weight: 400;
text-transform: capitalize;
position: absolute;
left: 0;
top: 27px;
}
.product-widget.widget-addCart {
display: flex;
flex-wrap: wrap;
}
.product-widget.widget-addCart .cart-button-container{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
gap: 10px;
margin-top: 30px;
}
.product-widget.widget-addCart>* {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width:100%;
}
/************************************************/
/*****************Review************/
.review-form-container .review-form {
max-width: 770px;
}
#webcommander-page .review-image-input-with-dropzone-wrapper .wc-icon.large {
display: none;
}
#webcommander-page .review-panel .write-review-panel button.write-review {
max-width: 200px;
}
#webcommander-page .review-panel .write-review-panel label {
font-size: 16px;
color: var(--bk-color-ink, #000);
display: block;
width: 100%;
}
#webcommander-page .review-panel .write-review-panel textarea {
width: 100%;
padding-8px;
}
#webcommander-page .review-panel .write-review-panel .form-row.btn-row {
padding: 0;
display: flex;
}
#webcommander-page .review-panel .write-review-panel .form-row.btn-row button {
margin-right: 20px;
max-width: 200px;
letter-spacing: var(--bk-btn-font-letter-spacing, 1px);
}
.review-form-container .review-form button.cancel {
border: var(--bk-btn-border-width, 1px) solid var(--bk-color-secondary, #000);
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
.review-form-container .review-form button.cancel:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
border-color: var(--bk-btn-hover-border-color, var(--bk-btn-border-color, var(--bk-color-primary, rgba(0, 161, 198, 1))));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
.ask-question-panel .form-row button, #webcommander-page .new-review-panel .write-review, #webcommander-page .new-review-panel .review-form .form-row button{
background: var(--bk-color-secondary, #000);
border: medium none;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: var(--bk-btn-font-size, 16px);
font-weight: var(--bk-btn-font-weight, 500);
height: auto;
text-transform: var(--bk-btn-font-transform, uppercase);
transition: all 300ms ease 0s;
line-height: 23px;
padding: 7px 10px;
border-radius: 0;
width:200px;
margin-top: 10px;
}
.ask-question-panel .form-row button:hover, #webcommander-page .new-review-panel .write-review:hover,
#webcommander-page .new-review-panel .review-form .form-row button:hover {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
color: var(--bk-color-ink, #000);
border-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .review-form-container .review-form button.cancel {
background-color: var(--bk-btn-secondary-fill, var(--bk-color-secondary, inherit));
color: var(--bk-btn-secondary-text, var(--bk-btn-text, #ffffff));
border-style: solid;
border-width: var(--bk-btn-secondary-border-width, 0);
border-color: var(--bk-btn-secondary-border-color, var(--bk-color-secondary, inherit));
border-radius: var(--bk-btn-secondary-radius, var(--bk-btn-radius, 0));
box-shadow: var(--bk-btn-secondary-shadow, none);
padding: var(--bk-btn-secondary-pad, var(--bk-btn-pad, 12px 24px));
font-family: var(--bk-btn-secondary-font-family, inherit);
font-size: var(--bk-btn-secondary-font-size, inherit);
font-weight: var(--bk-btn-secondary-font-weight, inherit);
text-transform: var(--bk-btn-secondary-font-transform, none);
letter-spacing: var(--bk-btn-secondary-font-letter-spacing, normal);
transition: transform .18s ease, box-shadow .18s ease;
}
#webcommander-page .review-form-container .review-form button.cancel:hover {
background-color: var(--bk-btn-secondary-hover-bg, var(--bk-btn-secondary-fill, var(--bk-color-secondary, inherit)));
color: var(--bk-btn-secondary-hover-color, var(--bk-btn-secondary-text, var(--bk-btn-text, #ffffff)));
border-color: var(--bk-btn-secondary-hover-border-color, var(--bk-btn-secondary-border-color, var(--bk-color-secondary, inherit)));
transform: var(--bk-btn-secondary-hover-transform, none);
box-shadow: var(--bk-btn-secondary-hover-shadow, var(--bk-btn-secondary-shadow, none));
}
#webcommander-page .widget.widget-snippet .about-top-banner-section {
background: transparent;
}
/************************************************/
#webcommander-page .review-view-panel .main-container h2.review-heading {
padding-bottom: 10px;
text-transform: var(--bk-h2-transform, capitalize);
margin:0 0 15px;
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 42px);
line-height: var(--bk-h2-line-height, 50px);
letter-spacing: var(--bk-h2-letter-spacing, -1%);
}
#webcommander-page .product-review-container .single-review-block div {
padding: 2px 0;
display: inline-block;
font-size: 16px;
font-weight: 400;
}
#webcommander-page .product-review-container .single-review-block div.reviewer-name {
font-weight: 500;
color: #383838;
display: block;
font-size: 17px;
}
#webcommander-page .product-review-container .single-review-block div .review-date {
font-size: 14px;
color: #706c6c;
padding-left: 8px;
}
#webcommander-page .widget-productReviewRatting .rating-bar {
background-color: var(--bk-color-secondary, #000);
}
#webcommander-page .widget-productReviewRatting .review-head {
width: 100%;
}
#webcommander-page .review-container.product-review-container .single-review-block {
border-bottom: 1px solid #f6f6f6;
}
#webcommander-page .review-container.product-review-container .single-review-block.last {
border: 0;
}
#webcommander-page .product-review-container {
background-color: transparent;
border-bottom: 0;
padding: 0;
}
.review-rating span img{
opacity: 0;
}
.review-rating {
width: 118px !important;
text-align: left;
display: inline-block;
font-family: initial;
margin: 0 !important;
}
#webcommander-page .product-widget.widget-productReview .review-rating {
width: 112px !important;
}
#webcommander-page .product-widget.widget-productReview .review-rating-wrapper .review-count {
margin-top: -1px;
}
.review-rating span {
width: 18px !important;
display: inline-block;
height: 23px;
}
.review-rating .star-on {
background: url('../images/star-on.svg') no-repeat center;
background-size: 85%;
}
.review-rating .star-off {
background: url('../images/star-off.svg') no-repeat center;
background-size: 85%;
}
.review-rating .star-half {
background: url('../images/star-half.svg') no-repeat center;
background-size: 85%;
}
.review-rating-wrapper .review-count {
font-size: 12px;
font-weight: 400;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
color: var(--bk-color-ink, rgb(0, 0, 0));
margin-left: 10px;
display: inline-block;
line-height: 14px;
min-width: 80px;
}
#webcommander-page .review-view-panel .main-container .total-review-panel {
margin-bottom: 30px;
}
#webcommander-page .new-review-panel .review-card-wrapper {
padding: 20px 0;
}
#webcommander-page .new-review-panel .review-card-wrapper {
width: 90%;
}
#webcommander-page .new-review-panel .review-card-wrapper__navigator-previous {
left: auto;
right: 70px;
}
#webcommander-page .new-review-panel .review-card-wrapper__navigator-next{
right: 0;
left: auto;
}
#webcommander-page .new-review-panel .review-card-wrapper__navigator {
top: auto;
margin-top: 0;
width: 60px;
height: 60px;
bottom: -50px;
}
#webcommander-page .custom-field-container-for-widget .chosen-container-single .chosen-single, #webcommander-page .custom-field-container-for-widget .chosen-container-multi .chosen-choices, #webcommander-page .custom-field-container-for-widget input[type="text"], #webcommander-page .custom-field-container-for-widget textarea, #webcommander-page .custom-field-container-for-widget select {
border-color:color-mix(in srgb, var(--bk-color-secondary, #000000) 20%, transparent) !important;
}
.checkout-page.version-2 .advance-checkout-steps-left-dom .custom-fields-wrapper .radio-checkbox-item input[type="radio"], .checkout-page.version-2 .advance-checkout-steps-left-dom .custom-fields-wrapper .radio-checkbox-item input[type="checkbox"] {
top: 4px;
}
.checkout-page.version-2 .advance-checkout-steps-left-dom .order-custom-fields-form .form-row + .form-row {
padding-top: 40px;
}
#webcommander-page .display-text-custom-field p:last-child {
margin-bottom: 0;
}
@media(max-width: 767px) {
#webcommander-page .new-review-panel .average-review-wrapper {
flex-direction: column;
}
#webcommander-page .new-review-panel .all-rating-block {
padding-left: 0;
margin-top: 20px;
}
#webcommander-page .new-review-panel .avg-review-label .label {
font-size: 15px;
}
#webcommander-page .widget-information .bmui-tab .bmui-tab-header {
margin-right: 0;
padding: 15px;
}
#webcommander-page .new-review-panel .review-card-wrapper__rating-and-date {
align-items: start;
flex-direction: column;
}
#webcommander-page .new-review-panel .review-card-wrapper {
width: 100%;
}
}
/*start: Tell friend*/
#webcommander-page .tell_friend_popup.popup .header,
#webcommander-page .tell_friend_popup.popup .footer {padding: 0;background-color: transparent; display:flex}
#webcommander-page .tell_friend_popup.popup .header{padding: 0 0 20px;}
#webcommander-page .tell-friend.tell_friend_popup.popup input[type="text"],
#webcommander-page .tell-friend.tell_friend_popup.popup input[type="password"],
#webcommander-page .tell-friend.tell_friend_popup.popup textarea {
width: 100%;
background: var(--bk-color-surface, #fff);
border-color: rgba(205, 205, 205, 1);
}
#webcommander-page .tell-friend.tell_friend_popup.popup .errorlist.after {
bottom: -5px;
}
#webcommander-page .tell-friend.tell_friend_popup.popup .form-row {
margin-bottom: 10px;
position: relative;
}
#webcommander-page .tell-friend.tell_friend_popup.popup .limit-label {
position: absolute;
top: 1px;
right: 0;
font-size: 15px;
font-weight: 300;
}
#webcommander-page .tell-friend.tell_friend_popup.popup button {
max-width: 200px;
width: 100%;
margin: 0 3px;
background: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
border-radius: var(--bk-btn-radius, 100px) !important;s
}
#webcommander-page .tell-friend.tell_friend_popup.popup button:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .tell-friend.tell_friend_popup.popup button:last-of-type {
background: transparent;
border: var(--bk-btn-border-width, 1px) solid #D9D5DE;
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .tell-friend.tell_friend_popup.popup button:last-of-type:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .tell-friend.tell_friend_popup.popup .body {
padding: 20px 0 0 0;
}
#webcommander-page .tell-friend.tell_friend_popup.popup .form-row label {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 15px;
color: var(--bk-color-ink, #000);
display: block;
width: 100%;
margin-bottom: 5px;
}
/********EndTell friend*******/
/* ==================================== End Product Design ============================= */
/* ====== 404 page end ==========*/
#webcommander-page.page-page-not-found .article-content {
text-align: center;
padding: 0 15px;
}
#webcommander-page.page-page-not-found .page-content .article-content h2 {
color: var(--bk-h2-color, #6B1D73);
text-align: center;
font-weight: var(--bk-h2-weight, 600);
margin: 25px auto;
font-size: var(--bk-h2-size, 70px);
line-height: var(--bk-h2-line-height, 60px);
text-transform: var(--bk-h2-transform, none);
}
#webcommander-page.page-page-not-found .page-content .article-content h2 strong {
text-transform: uppercase;
font-size: 95px;
font-weight: 700;
}
#webcommander-page.page-page-not-found .page-content .article-content h3 {
color: var(--bk-h3-color, #ff1818);
font-size: var(--bk-h3-size, 35px);
text-align: center;
padding: 0 0 20px 0;
margin: 0;
font-weight:var(--bk-h3-weight, 400);
text-transform: var(--bk-h3-transform, none);
}
#webcommander-page.page-page-not-found .page-content .article-content p {
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 18px);
line-height: var(--bk-p-line-height, 1.8);
color: var(--bk-p-color, var(--bk-color-ink, #000000));
text-align: center;
padding: 0;
margin: 0;
}
/* ====== End 404 page end ==========*/
/* ============================================== Start Footer Design ==============================================*/
body > .footer {
position: relative;
background: var(--bk-color-secondary, #000000);
}
body > .footer .widget-title {
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
padding-bottom: 14px;
letter-spacing: 0;
text-transform: capitalize;
}
body > .footer .widget-html > p {
font-family: var(--bk-p-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-p-size, 14px);
color: #fff;
line-height: var(--bk-p-line-height, 1.5);
margin: 0 0 14px;
padding-bottom: 0;
font-weight: var(--bk-p-weight, normal);
letter-spacing: var(--bk-p-letter-spacing, 0.02em);
}
body > .footer .nav-wrapper.vertical {
margin-top: -5px;
}
body > .footer .vertical .navigation-item a {
border-bottom: none;
display: block;
padding: 5px 0;
color: rgba(255, 255, 255, 0.69);
font-size: var(--bk-link-font-size, 15px);
letter-spacing: var(--bk-link-font-letter-spacing, 0.02em);
font-weight: var(--bk-link-font-weight, 400);
transition: all 300ms ease-out 0s;
line-height: 26px;
text-decoration: none !important;
}
body > .footer .vertical .navigation-item a:hover, body > .footer .vertical .navigation-item.active > a:hover {
color:var(--bk-color-primary, rgba(0, 161, 198, 1));
}
body > .footer .vertical .navigation-item.active > a {
color: rgba(255, 255, 255, 0.69);
}
.review-rating span img {
opacity: 0;
width: 53px;
}
#webcommander-page .widget.widget-image.footer-payment {
display:flex;
justify-content: end;
}
#webcommander-page .widget.widget-image.footer-payment .widget-title {
font-family: var(--bk-font-heading, Manrope);
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 0.5px;
text-align: right;
vertical-align: middle;
padding: 10px;
}
#webcommander-page .widget.widget-image.footer-payment img{
max-width: 410px;
}
.review-rating .star-on {
background: url('/template/097c5ce4/images/star-on.svg') no-repeat center;
}
.review-rating .star-off {
background: url('/template/097c5ce4/images/star-off.svg') no-repeat center;
}
.review-rating .star-half {
background: url('/template/097c5ce4/images/star-half.svg') no-repeat center;
}
#webcommander-page .new-review-panel .avg-review-label .review-rating .star-on {
background-image:none;
background: url('/template/097c5ce4/images/star-on.svg') no-repeat center;
}
#webcommander-page .new-review-panel .avg-review-label .review-rating .star-off {
background-image:none;
background: url('/template/097c5ce4/images/star-off.svg') no-repeat center;
}
#webcommander-page .new-review-panel .avg-review-label .review-rating .star-half {
background-image:none;
background: url('/template/097c5ce4/images/star-off.svg') no-repeat center;
}
.page-product .review-rating .star-on,
#webcommander-page .new-review-panel .avg-review-label .review-rating .star-on,
.page-product .review-rating .star-off,
#webcommander-page .new-review-panel .avg-review-label .review-rating .star-off,
.page-product .review-rating .star-half,
#webcommander-page .new-review-panel .avg-review-label .review-rating .star-half{
background-size: 18px;
}
#webcommander-page .widget-productReviewRatting .empty-main-container {
margin: 0 auto 40px;
}
.page-product #spltr-e16c3b44-f1c9-41b7-b3a8-09517709c7fe {
background:rgba(235, 239, 248, 0.34);
margin-top: 100px;
display: block;
}
/* ======== Newsletter Design =========== */
#webcommander-page .widget-newsletter.news-letter .form-row.mandatory {
margin: 0;
max-width: 310px;
padding: 0;
width: 100%;
}
.widget-newsletter .form-row.mandatory, .form-row.button-container {
display: block;
margin: 0;
}
.widget-newsletter label {
display: none;
}
#webcommander-page .newsletter.inplace.valid-verify-form {
position: relative;
width: 100%;
}
.widget-newsletter input[type="text"] {
background: none;
border: 1px solid var(--bk-color-surface, #FFFFFF);
box-sizing: border-box;
color: #fff;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 5px 60px 5px 20px;
width: 100%;
}
.widget-newsletter input[type="text"]::-webkit-input-placeholder {
color: #ffffff;
}
.widget-newsletter input[type="text"]::-moz-placeholder {
color: #ffffff;
}
.widget-newsletter input[type="text"]:-ms-input-placeholder {
color: #ffffff;
}
.widget-newsletter input[type="text"]:-moz-placeholder {
color: #ffffff;
}
.widget-newsletter .form-row.button-container {
position: absolute;
right: 0;
top:0;
margin: 0;
}
.widget-newsletter .newsletter-subscription.submit-button[disabled],
.widget-newsletter .newsletter-subscription.submit-button:hover[disabled] {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;
text-shadow: unset;
pointer-events: none;
opacity: .3;
}
.widget-newsletter .newsletter-subscription.submit-button {
background: var(--bk-btn-fill, rgba(0, 0, 0, 0) none repeat scroll 0 0);
color: var(--bk-btn-text, #ffffff);
cursor: pointer;
font-size: 0;
height: 50px;
line-height: 22px;
padding: 0;
text-transform: var(--bk-btn-font-transform, capitalize);
width: 55px;
margin: 0;
}
.widget-newsletter button[disabled]{
border: none !important;
}
.widget-newsletter .newsletter-subscription.submit-button:hover::after{
opacity: 0.8;
}
.widget-newsletter .errorlist.after {
position: relative;
}
.newsletter-subscription.submit-button::after {
content: "";
height: 8px;
margin: 0 auto;
background: var(--bk-btn-fill, url(/template/097c5ce4/images/slider-arrow.png));
width: 33px;
position: absolute;
text-align: center;
left: 0;
top: 21px;
z-index: 1;
}
.widget-newsletter .message-block {
font-size: 15px;
width: auto;
}
.footer .widget-newsletter input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #b88f59 inset;
-webkit-text-fill-color: #fff;
}
.widget-newsletter .message-block {
bottom: -35px;
margin: 0;
position: absolute;
width: 100%;
}
.widget-newsletter .message-block.message-text {
bottom: -25px;
font-size: 13px;
line-height: 27px;
}
/* ======== End Newsletter Design =========== */
/* ======== Newsletter Unsubscribe Start =========== */
#webcommander-page .newsletter.unsubscribe {
margin: 30px auto;
max-width: 600px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px;
background: var(--bk-color-surface, #FFFFFF);
border: 1px solid #BDBDBD;
border-radius:0px;
}
#webcommander-page .newsletter.unsubscribe.valid-verify-form h3 {
margin: 0;
font-size: var(--bk-h3-size, 24px);
color: var(--bk-h3-color, var(--bk-color-ink, #000));
text-transform: var(--bk-h3-transform, none);
line-height: var(--bk-h3-line-height, 30px);
font-weight: var(--bk-h3-weight, 500);
text-align: center;
padding: 0 0 5px;
}
#webcommander-page .newsletter.unsubscribe span.message {
margin-bottom: 20px;
display: block;
color: var(--bk-color-ink, #000);
font-weight: 400;
font-size: 17px;
text-align: center;
line-height: 22px;
}
#webcommander-page .newsletter.unsubscribe.valid-verify-form textarea {
height: 90px;
width: 100%;
display: block;
text-align: left;
margin: 0 auto 3px;
}
#webcommander-page .newsletter.unsubscribe .form-row.mandatory label {
width: 100%;
font-size: 17px;
color: var(--bk-color-ink, #000);
line-height: 30px;
font-weight: 400;
}
#webcommander-page .newsletter.unsubscribe .form-row button {
width: 100%;
font-weight: var(--bk-btn-font-weight, 500);
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: var(--bk-btn-pad, 7px 35px);
border-radius: var(--bk-btn-radius, 0);
background-color: var(--bk-color-secondary, #000);
border: var(--bk-btn-border-width, 2px) solid var(--bk-color-secondary, #000);
font-size: var(--bk-btn-font-size, 16px);
line-height: 26px;
text-transform: var(--bk-btn-font-transform, capitalize);
text-decoration: none;
color: var(--bk-btn-text, #fff);
margin: 0;
letter-spacing: var(--bk-btn-font-letter-spacing, 0.1em);
}
#webcommander-page .newsletter.unsubscribe .form-row button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
background-color: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
border: var(--bk-btn-border-width, 2px) solid var(--bk-color-primary, rgba(0, 161, 198, 1));
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
#webcommander-page .newsletter.unsubscribe .form-row button[disabled] {
color: var(--bk-btn-text, #e6e6e6);
background-color: var(--bk-btn-fill, #6c757d);
border: var(--bk-btn-border-width, 2px) solid #6c757d;
text-shadow: none;
opacity: 0.7;
}
/***************/
.page-newsletter-subscription .subscription-list-success {
margin: 30px auto;
max-width: 600px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 50px 56px;
border: 1px solid #BDBDBD;
border-radius: 0;
}
.subscription-list-success .title {
background-color: transparent;
color: var(--bk-color-ink, #000);
font-size: 26px;
padding: 0 0 15px;
border-bottom: 1px solid #e1e1e1;
}
.subscription-list-success .messess-text {
border-bottom: 1px solid #e1e1e1;
font-weight: 400;
margin: 0;
font-size: 17px;
padding: 20px 0 40px 88px;
}
.subscription-list-success .help {
margin: 15px 0;
}
.subscription-list-success .help .link {
margin-right: 5px;
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.subscription-list-success .help .link:hover {
color: var(--bk-color-ink, #000);
}
/* ======== Newsletter Unsubscribe Start =========== */
/* ============================================== End Footer Design ================================================*/
body#webcommander-page.widget-snippet {
padding:40px;
max-width: initial;
}
/** Login Page Start **/
#webcommander-page.page-login .login-form {
margin: 30px auto;
width: 100%;
max-width: 535px;
position: relative;
background: rgba(235, 239, 248, 0.34);
padding: 55px 65px;
border-radius: 20px;
}
.login-form span.title {
font-style: normal;
color: var(--bk-color-ink, #000000);
padding-bottom: 27px;
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 400;
font-size: 48px;
line-height: 48px;
letter-spacing: 0%;
}
.login-form .submit-row {
float: none;
display: block;
}
.login-form .login-button, .login-form .login-with-fb-btn, .login-form .login-with-google-btn {
background: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
font-style: normal;
letter-spacing: var(--bk-btn-font-letter-spacing, 1%);
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #FFFFFF);
padding: var(--bk-btn-pad, 16px 5px);
margin: 0;
display: inline-block;
border-radius: var(--bk-btn-radius, 30px);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
text-align: center;
}
.login-form .login-button:hover, .login-form .login-with-fb-btn:hover, .login-form .login-with-google-btn:hover{
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
}
.login-form .remember {
margin: 22px 0 12px;
width: 230px;
}
#webcommander-page.page-login .login-form label {
display: none;
}
.form-row.remember input {
vertical-align: middle;
margin-right: 5px;
margin-top: -3px;
}
#webcommander-page.page-login .login-form .form-row.mandatory {
margin-bottom: 22px;
position: relative;
}
.login-form .lost-password a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-style: normal;
font-weight: var(--bk-link-font-weight, 400);
font-size: var(--bk-link-font-size, 15px);
line-height: 16px;
text-align: right;
text-decoration-line: underline;
color: var(--bk-link-color, #3A3A3A);
}
.login-form .lost-password a:hover {
color: var(--bk-link-hover, var(--bk-color-ink, #000));
text-decoration:none;
}
.login-form .no-account-label {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
color: var(--bk-color-ink, #000000);
}
.login-form .account-register a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-style: normal;
font-weight:var(--bk-link-font-weight, 400);
font-size: var(--bk-link-font-size, 15px);
line-height: 19px;
color: var(--bk-color-ink, #000000);
text-decoration:underline;
}
.login-form .account-register a:hover {
color: var(--bk-link-hover, var(--bk-color-ink, #000));
text-decoration:none;
}
/** Login Page End **/
#webcommander-page div#spltr-CAF7ED06-A005-4670-9EC3-9B7FCEF7AA13 {
background: linear-gradient(56.6deg, rgba(10, 52, 166, 0.05) 32.85%, color-mix(in srgb, var(--bk-color-primary, #00a1c6) 3.5%, transparent) 105.26%);
}
/** Registration Page Start **/
.registration-form {
margin: 30px auto;
max-width: 995px;
width: 100%;
display: flex;
flex-wrap: wrap;
background: rgba(235, 239, 248, 0.34);
padding: 55px 65px;
border-radius: 20px;
}
.registration-form .title {
padding-left: 14px;
padding-bottom: 20px;
width: 100%;
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 400;
font-size: 48px;
line-height: 48px;
letter-spacing: 0%;
margin-bottom: 10px;
}
.registration-form > .form-row:not(.submit-row) {
width: 50%;
float: left;
padding: 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 0 0 17px 0;
}
.registration-form label {
color: var(--bk-color-ink, #000);
display: block;
text-transform: capitalize;
width: auto;
font-family: var(--bk-font-base, Manrope);
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0;
margin-bottom: 5px;
}
.registration-form select {
width: 100%;
}
.registration-form .form-row.submit-row button {
margin-top: 15px;
background:var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
font-style: normal;
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #FFFFFF);
padding: var(--bk-btn-pad, 16px 5px);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
letter-spacing: var(--bk-btn-font-letter-spacing, 2%);
text-align: center;
border-radius: var(--bk-btn-radius, 30px);
}
.registration-form .form-row.submit-row button:hover {
background:var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
}
.registration-form .form-row.submit-row {
padding: 0 15px;
margin-top: 0;
width: 100%;
}
.password-meter-wrap {
position: absolute;
bottom: -12px;
right: 17px;
width: auto;;
}
.password-meter-wrap .password-description {
font-size: 13px;
width: auto;
line-height: 10px;
margin-top: 12px;
}
.password-meter-wrap .password-strength-bar {
display: block;
float: left;
position: absolute;
right: 0;
bottom: -12px;
border-radius: 30px;
height: 8px
}
.password-meter-wrap .weak {
width: 70px;
}
.registration-form > .form-row.state-selector-row.chosen-wrapper .chosen-container-single .chosen-single {
margin: 0;
height: 45px;
padding: 10px 14px;
border-radius: 5px;
border-color: color-mix(in srgb, var(--bk-color-secondary, #000000) 20%, transparent);
background-position-x: 96%;
}
.registration-form > .form-row.state-selector-row.chosen-wrapper .chosen-container-single .chosen-single:focus {
border-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
/** Registration Page End **/
/** Forgot Password Start **/
#webcommander-page .password-reset-form {
text-align: center;
margin: 30px auto;
width: 100%;
max-width: 535px;
position: relative;
background: rgba(235, 239, 248, 0.34);
padding: 55px 65px;
border-radius: 20px;
}
#webcommander-page .password-reset-form .title {
font-style: normal;
color: var(--bk-color-ink, #000000);
padding-bottom: 15px;
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 400;
font-size: 43px;
line-height: 48px;
letter-spacing: -1%;
}
#webcommander-page .password-reset-form .lost-password-text {
padding: 0 0 5px 0;
color: var(--bk-color-ink, #000);
font-weight: normal;
font-size: 17px;
margin-bottom: 20px;
}
#webcommander-page .password-reset-form .form-row {
display: block;
}
#webcommander-page .password-reset-form .form-row label{
margin-bottom: 5px;
font-size: 17px;
color: var(--bk-color-ink, #000);
display: block;
}
#webcommander-page .password-reset-form .form-row input {
width: 100%;
}
#webcommander-page .password-reset-form .form-row.submit-row button {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
font-style: normal;
letter-spacing: var(--bk-btn-font-letter-spacing, 1%);
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #FFFFFF);
padding: var(--bk-btn-pad, 16px 5px);
margin: 0;
display: inline-block;
border-radius: var(--bk-btn-radius, 30px);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
text-align: center;
}
#webcommander-page .password-reset-form .form-row.submit-row button:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
}
#webcommander-page .password-reset-form .errorlist.after {
top: auto;
left: auto;
position: relative;
width: 100%;
bottom: auto;
}
#webcommander-page form.customer-new-password {
margin: 30px auto;
max-width: 550px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 50px;
background: var(--bk-color-surface, #FFFFFF);
border: 1px solid #BDBDBD;
text-align: center;
}
#webcommander-page .customer-new-password .form-row.submit-row button {
width: 100%;
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-style: normal;
font-weight: var(--bk-btn-font-weight, 500);
font-size: var(--bk-btn-font-size, 16px);
line-height: 27px;
padding:var(--bk-btn-pad, 10px 5px);
text-align: center;
letter-spacing: var(--bk-btn-font-letter-spacing, 0.25em);
text-transform: var(--bk-btn-font-transform, uppercase);
color: var(--bk-btn-text, #FFFFFF);
}
#webcommander-page .customer-new-password .form-row.submit-row button:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
#webcommander-page .customer-new-password .form-row.submit-row label {
display: none;
}
#webcommander-page .customer-new-password .form-row label {
width: 100%;
font-size: 17px;
color: var(--bk-color-ink, #000);
display: block;
text-transform: capitalize;
}
#webcommander-page form.customer-new-password span.title {
font-weight: 500;
color: var(--bk-color-ink, #000);
line-height: 30px;
font-size: 24px;
text-align: left;
padding-bottom: 20px !important;
display: block;
}
/** Forgot Password End **/
/** Time Out Popup Start **/
.time-out.popup .header-line {
background-color: var(--bk-color-surface, #fff);
text-align: center;
padding: 50px;
}
.time-out.popup .header-line .ok {
background-color:var(--bk-color-secondary, #000);
color: #fff;
display: inline-block;
height: 50px;
line-height: 50px;
text-align: center;
width: 110px;
cursor: pointer;
margin-top: 40px;
}
.time-out.popup .body {
text-align: center;
position: absolute;
top: 40px;
width: auto;
background: transparent;
padding: 0;
left: 50%;
transform: translate(-50%);
}
.time-out.popup .header-line:hover .ok {
background-color:var(--bk-color-primary, rgba(0, 161, 198, 1));
color: var(--bk-color-ink, #000);
}
/** Time Out Popup End **/
/** Wishlist Page design Start **/
#webcommander-page .page-wish-list .wish-list-details {
padding: 0;
}
#webcommander-page .page-wish-list .wish-list-details .product-view .header{
position: relative
}
#webcommander-page .page-wish-list .wish-list-details .product-view .header:before{
content: "Wishlist";
position: absolute;
left: 0;
font-size: 24px;
color: #1C1C1C;
font-weight: bold;
top: 18px;
text-transform: uppercase;
letter-spacing: 1px;
}
#webcommander-page .page-wish-list .footer {
border: 0;
border-top: 1px solid #DFDFDF;
padding: 30px 0 0;
margin:0;
}
/** Wishlist Page design End **/
/** Category Sidebar Start **/
#webcommander-page .widget-navigation.categories-list .menu-title {
position: absolute;
right: 0;
top: 28px;
width: 100%;
}
#webcommander-page .widget-navigation.categories-list .menu-title .menu-button.responsive-menu-btn em {
display: none;
}
#webcommander-page .widget-navigation.categories-list .menu-title .menu-button.responsive-menu-btn{
height: 20px;
width: 100%;
background-image: url("/template/097c5ce4/images/plus-minus.svg");
background-repeat: no-repeat;
background-position-x: right;
background-position-y: -108px;
}
#webcommander-page .widget-navigation.categories-list .menu-title:hover .menu-button.responsive-menu-btn {
background-position-y: -108px;
}
#webcommander-page .widget-navigation.categories-list .menu-title .menu-button.responsive-menu-btn.close {
background-position-y: -73px;
}
#webcommander-page #wi-4D9E99FA-F023-4489-8180-14A771727755 .nav-wrapper.show, #webcommander-page #wi-3CF04936-F0F2-475C-A598-C456E6B35802 .nav-wrapper.show {
display:none !important;
}
#webcommander-page #wi-4D9E99FA-F023-4489-8180-14A771727755 .nav-wrapper, #webcommander-page #wi-3CF04936-F0F2-475C-A598-C456E6B35802 .nav-wrapper{
display: block !important;
}
#webcommander-page .widget.widget-navigation.categories-list {
margin-right: 50px;
margin-top: 17px;
margin-bottom: 0px;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 50px;
}
#webcommander-page .widget-navigation.categories-list .menu-title + .nav-wrapper.vertical {
padding-bottom: 20px;
}
#webcommander-page .widget.widget-navigation.categories-list .widget-title {
font-style: normal;
color: var(--bk-color-ink, #000000);
border-top: 1px solid #d9d9d9;
padding: 25px 0 0 0;
margin: 0 0 15px 0;
display: block;
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 100%;
}
#webcommander-page .categories-list span.child-opener {
width: 0;
height: 0;
position: absolute;
right: 20px;
top: 0;
cursor: pointer;
font-family: 'FontAwesome';
font-size: 0;
}
#webcommander-page .categories-list .navigation-item {
position: relative;
}
#webcommander-page .categories-list .navigation-item a {
position: relative;
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-style: normal;
font-weight: var(--bk-link-font-weight, 400);
font-size: var(--bk-link-font-size, 14px);
line-height: 28px;
letter-spacing: var(--bk-link-font-letter-spacing, 1%);
color: var(--bk-color-ink, #000000);
opacity: 0.8;
border: 0;
padding: 0 0 5px 0;
transition: all 300ms ease-out 0s;
}
#webcommander-page .categories-list .navigation-item:hover a, #webcommander-page .categories-list .navigation-item.active > a {
font-size: var(--bk-link-font-size, 14px);
font-weight: var(--bk-link-font-weight, 500);
color: var(--bk-color-primary, rgba(0, 161, 198, 1)) !important;
}
.product-view .product-block .review-rating-wrapper, #webcommander-page.page-home .product-view.scrollable-view .product-block .block-content-wrap {
padding: 0 15px;
}
#webcommander-page .categories-list .vertical .navigation-item.active > .navigation-item-child-container .navigation-item.active > .navigation-item-child-container a{
padding:15px 20px;
padding-left: 20px;
}
#webcommander-page .categories-list .navigation-item.active > a, #webcommander-page .categories-list .vertical .navigation-item.active .navigation-item:hover a {
color: var(--bk-color-ink, #000);
opacity: 0.8;
}
#webcommander-page .categories-list .vertical .navigation-item.active > .navigation-item-child-container .navigation-item .navigation-item-child-container .navigation-item a{
color: var(--bk-link-color, #242424);
font-size:var(--bk-link-font-size, 16px);
padding: 10px 0;
}
#webcommander-page .categories-list .vertical .navigation-item.active > .navigation-item-child-container .navigation-item .navigation-item-child-container .navigation-item a:hover{
color:var(--bk-link-hover, var(--bk-color-ink, #000));
opacity:1;
}
#webcommander-page .categories-list span.child-opener::after {
content: "\f107";
text-align: center;
width: 100%;
position: absolute;
line-height: 43px;
height: 100%;
font-size: 28px;
color: rgb(83, 83, 83);
top: 3px;
}
#webcommander-page .categories-list .navigation-item.active > span.child-opener::after {
content: "\f106";
}
#webcommander-page .categories-list .vertical .navigation-item.active > .navigation-item-child-container {
margin: 0 0 8px 10px;
display: block;
padding: 0 0 0 10px;
}
#webcommander-page .categories-list .vertical .navigation-item.active > .navigation-item-child-container .navigation-item.has-child .navigation-item a {
border: 0;
}
#webcommander-page .widget.widget-navigation.categories-list .navigation-item {
padding: 0;
}
#webcommander-page .widget.widget-navigation.categories-list .navigation-item:last-child {
border-bottom: 0;
}
#webcommander-page .widget.widget-navigation.categories-list .navigation-item .navigation-item-child-container::before {
display: none;
}
#webcommander-page .categories-list .navigation-item:last-child a {
border: 0;
}
#webcommander-page .categories-list .vertical .navigation-item.active > .navigation-item-child-container a {
color: var(--bk-link-color, #424242);
}
#webcommander-page .categories-list .vertical .navigation-item.active > .navigation-item-child-container .navigation-item.active a,
#webcommander-page .categories-list .vertical .navigation-item.active > .navigation-item-child-container .navigation-item > .navigation-item-child-container .navigation-item.active a {
color: var(--bk-link-color, #007aff);
}
/** Category Sidebar End **/
#webcommander-page .widget-tabAccordion .accordion-panel > .label-bar.expanded:hover .toggle-icon, #webcommander-page .widget-tabAccordion .accordion-panel > .label-bar .toggle-icon, #webcommander-page .widget-tabAccordion .accordion-panel > .label-bar:hover .toggle-icon {
top: 30px;
}
.flying-cart-content .variation-dropdown-container .chosen-single .fee-identical-sewc-elm .variation-value {
font-size: 11px!important;
font-weight: 500!important;
line-height: normal;
height: 13px;
width: 13px;
min-width: 13px;
}
.flying-cart-content .variation-dropdown-container .chosen-single {
margin: 0 !important;
}
.flying-cart-content .variation-dropdown-container .chosen-wrapper label {
font-size: 11px !important;
margin: 0 !important;
line-height: 24px !important;
}
div.flying-cart-content .flying-cart-special-add-to-cart {
font-size: var(--bk-btn-font-size, 12px);
text-decoration: underline;
letter-spacing: var(--bk-btn-font-letter-spacing, 3%);
}
div.flying-cart-content .flying-cart-special-add-to-cart:hover {
text-decoration: none;
color:var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-primary, rgba(0, 161, 198, 1))))
}
.wc-category-tabs button {
width: fit-content;
}
.wc-category-tabs--segment {
background:transparent
}
.wc-category-tabs--segment .wc-category-tab-btn.active{
color: var(--bk-btn-text, #fff) !important;
background: var(--bk-btn-fill, var(--bk-color-primary, inherit));
}
#webcommander-page .product-block .btn-add .remove-from-compare-button::after {
padding-top: 2px;
}
#webcommander-page .popup .button-item a.compare-page-button.button {
background-color: var(--bk-btn-fill, var(--bk-color-primary, inherit));
color: var(--bk-btn-text, #ffffff);
border-width: var(--bk-btn-border-width, 0);
border-color: var(--bk-btn-border-color, transparent);
border-radius: var(--bk-btn-radius, 0);
}
#webcommander-page .popup .button-item a.compare-page-button.button:hover {
background-color: var(--bk-btn-hover-bg, var(--bk-color-secondary, inherit));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #ffffff));
border-color: var(--bk-btn-hover-border-color, var(--bk-btn-border-color, transparent));
transform: var(--bk-btn-hover-transform, none);
box-shadow: var(--bk-btn-hover-shadow, var(--bk-btn-shadow, none));
}
/*****************Filter*********************/
#webcommander-page .widget.widget-html.sidebar-title h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, "Manrope"), sans-serif);
font-weight: 500;
font-size: 26px;
line-height: 100%;
padding-left: 40px;
position: relative;
}
#webcommander-page .widget.widget-html.sidebar-title h2::before {
content: "";
left: 0;
top: 0;
width: 35px;
height: 30px;
background: url("/template/097c5ce4/images/filter-icon.svg") no-repeat center;
position: absolute;
}
.widget.widget-filter{
background:var(--bk-color-surface, #fff);
}
.widget.widget-filter .form-row.type-slider ,
.widget.widget-filter .form-row.filter-group{
margin: 0 0 25px 0;
background: var(--bk-color-surface, #FFFFFF);
padding: 20px 30px 30px 0;
border-bottom: 1px solid #d9d9d9;
}
.widget.widget-filter .type-slider .type-slider-bottom {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #2E2D2D;
padding: 15px 0 0 0;}
.widget.widget-filter .type-slider .noUi-handle {
width: 14px !important;
height: 14px !important;
border: 1px solid #E7E7E7 !important;
border-radius: 14px !important;
box-shadow: 0px 1px 4px rgb(0 0 0 / 15%);
top: -4px !important;
}
.widget.widget-filter .type-slider .noUi-horizontal {
height: 10px !important;
border-radius: 0 !important;
border: 1px solid #EDEDED !important;
background: #EDEDED !important;
box-shadow: none !important;
max-width: 280px;
}
#webcommander-page .noUi-connect {
background: #262527;
}
.widget.widget-filter .type-slider .noUi-handle:before,
.widget.widget-filter .type-slider .noUi-handle:after {
display: none !important;
}
.widget.widget-filter .type-slider .type-slider-bottom a.reset-price-range {
display: none !important;
}
.widget.widget-filter .accordion-panel>.label-bar {
padding-left: 30px;
padding-right: 0;
}
.widget.widget-filter .filter-group .accordion-panel>.label-bar .toggle-icon {
right: auto;
left: 0;
top: 2px;
background-image: url("../images/plus-minus.svg");
background-position: 0 0;
}
.widget.widget-filter .filter-group .accordion-panel>.label-bar.collapsed .toggle-icon {
background-position: 0 -25px;
}
#webcommander-page .filter-profile .selected-filter-item-section {
margin: 10px 0;
}
#webcommander-page .filter-profile .selected-filter-item-section button.variation-option {
margin: 0;
}
/* new*/
#webcommander-page .filter-profile .filter-group-item-label-wrapper,
.widget-filter .form-row input[type="checkbox"]{
margin: 0;
}
.widget-filter .category-option-label {
color: #1C4F52;
font-size: 18px;
font-weight: 400;
line-height: normal;
margin-left: 15px;
}
.widget-filter .accordion-panel > .accordion-item.expanded .reset-category {
display: none;
}
.product-view.tabular-view .product-table-view-header .product-table-view-column::after {
content: none;
}
.widget.widget-filter .tab-accordion-accordion.accordion-panel .accordion-item.filter-accordion-item .parent-category-child-categories-wrapper {
width: 100%;
padding-left: 30px;
}
.widget.widget-filter .tab-accordion-accordion.accordion-panel .accordion-item.filter-accordion-item .form-row {
position: relative;
display: flex !important;
align-items: center;
flex-wrap: wrap;
margin: 0 0 10px 0;
}
/* new*/
.widget.widget-filter .form-row.type-slider span.filter-name {
margin:0 0 20px 0;
font-style: normal;
color: var(--bk-color-ink, #000);
display: block;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
}
.widget.widget-filter .noUi-connect {
background: #2F2F2F;
}
.widget.widget-filter .noUi-connects {
border-radius: 6px;
}
.widget.widget-filter .type-slider .noUi-handle {
width: 16px !important;
height: 16px !important;
background: var(--bk-color-surface, #FFFFFF);
border: 1px solid #E7E7E7 !important;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}
#webcommander-page .filter-profile .form-row.filter-group-item input{
height: 16px;
width: 16px;
appearance: none;
padding: 0;
margin: 0;
opacity: 0!important;
z-index: 9;
}
.widget.widget-filter .tab-accordion-accordion.accordion-panel .accordion-item.filter-accordion-item .reset-category {
padding-left: 22px;
}
.widget.widget-filter .tab-accordion-accordion.accordion-panel.category-filter .accordion-item.filter-accordion-item .filter-group-item-label-wrapper::before{
left: 0;
}
#webcommander-page .filter-profile .form-row.filter-group-item input[type="checkbox"]+span.filter-group-item-label-wrapper:before {
content: '';
background-color: var(--bk-color-surface, #fff);
position: absolute;
left: -25px;
top:3px;
width: 18px;
height: 18px;
text-align: center;
border: 2px solid #1C4F52;
border-radius: 2px;
}
#webcommander-page .filter-profile .form-row.filter-group-item input[type="checkbox"]:checked+span.filter-group-item-label-wrapper:before {
background-color: #1C4F52;
border: 2px #1C4F52 solid;
color: #fff;
content: '\00f00c';
webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-family: FontAwesome;
font-size: 10px;
line-height: 13px;
}
.widget.widget-filter .filter-group .accordion-panel>.accordion-item .form-row {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 10px 0;
}
.widget.widget-filter .filter-group .accordion-panel>.accordion-item span.filter-group-item-label-wrapper {
flex-basis: calc(100% - 25px);
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 5px 0;
}
.widget.widget-filter .accordion-panel>.label-bar {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border: 0;
padding: 0 0 20px 0;
}
.widget.widget-filter .accordion-panel>.label-bar a.clear-selection {
font-weight: 600;
font-size: 12px;
line-height: 14px;
color: #102C2E;
padding: 0 25px 0 0;
}
.widget.widget-filter .accordion-panel>.label-bar span.numbers-of-selected {
position: absolute;
right: 50px;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 20px;
text-align: right;
text-decoration-line: none;
color: #1C4F52;
}
.widget.widget-filter .form-row label.name {
margin-top: -30px;
font-weight: 600;
font-size: 0;
padding: 0 0 18px;
color: #1C4F52;
line-height: 25px;
text-transform: capitalize;
margin-bottom: 20px;
position: relative;
border-bottom: 1px solid rgb(235 235 235);
width: 100%;
display: none;
}
.widget.widget-filter .form-row label.name::after {
position: absolute;
content: "";
left: 0;
bottom: -1px;
width: 52px;
height: 2px;
background: #1C4F52;
}
.widget.widget-filter .form-row .tab-accordion-accordion label {
display: block !important;
font-style: normal;
color: var(--bk-color-ink, #000);
margin-left: 0;
width: 100%;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
}
.widget.widget-filter .clear-all-filter-attributes {
text-align: right;
margin: 40px 0 0 0;
display: none;
}
.widget.widget-filter .clear-all-filter-attributes a.reset-filter {
padding: 0;
border-radius: 100px;
cursor: pointer;
z-index: 1;
position: relative;
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-style: normal;
font-weight: var(--bk-link-font-weight, 600);
font-size: var(--bk-link-font-size, 17px);
line-height: 20px;
text-align: right;
text-decoration-line: underline;
color: var(--bk-link-color, #1C4F52);
}
.widget.widget-filter .accordion-panel>.label-bar a.clear-selection {
padding: 0;
border-radius: 100px;
cursor: pointer;
z-index: 1;
position: relative;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 20px;
text-align: right;
text-decoration-line: underline;
color: #1C4F52;
}
.widget.widget-filter .clear-all-filter-attributes a.reset-filter:hover,
.widget.widget-filter .accordion-panel > .label-bar a.clear-selection:hover {
background: var(--bk-color-surface, #fff);
color: #bcb633;
}
.widget.widget-filter .tab-accordion-accordion.accordion-panel {
padding: 0;
max-width: 100%;
margin: 0 auto 20px;
border-bottom: 1px solid #d9d9d9;
}
.widget.widget-filter .tab-accordion-accordion.accordion-panel .accordion-item.filter-accordion-item {
padding: 0;
background: var(--bk-color-surface, #FFFFFF);
border: none;
box-sizing: border-box;
margin: 0 0 0 0;
border-top: 0;
color: var(--bk-color-ink, #000);
}
.widget.widget-filter .filter-group .accordion-panel>.accordion-item span.filter-group-item-label-wrapper label {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: normal;
color: #1C4F52;
padding: 0;
margin: 0 0 0 6px;
}
.widget.widget-filter .filter-group .accordion-panel>.accordion-item span.filter-group-item-label-wrapper label+span {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 150%;
color: #1C4F52;
}
.widget.widget-filter {
margin-right: 50px;
margin-bottom: 50px;
}
#webcommander-page .filter-profile .filter-group-item-label-wrapper button {
width: fit-content;
border-radius: var(--bk-btn-radius, 30px);
margin: 0;
min-width: 35px;
height: 35px;
padding: var(--bk-btn-pad, 4px 8px);
font-size: var(--bk-btn-font-size, 12px);
}
.widget.widget-filter .tab-accordion-accordion.accordion-panel .accordion-item button.Color {
min-width: 35px;
}
.widget.widget-filter .tab-accordion-accordion.accordion-panel .accordion-item .Color-filter .filter-group-item-label-wrapper {
margin: 0 20px 0 0;
}
.widget.widget-filter .tab-accordion-accordion.accordion-panel .accordion-item.filter-accordion-item .form-row .filter-group-item-label-wrapper {
margin: 0 10px 0 0;
display: flex;
}
#webcommander-page .filter-profile .filter-group-item-label-wrapper button + span {
margin: 4px 0 0 6px;
}
/*****************END:Filter*********************/
.wc-secondary-action-buttons{
justify-content: center;
}
/** Breadcrumb Start **/
#webcommander-page .widget.widget-breadcrumb {
padding: 40px 0 20px;
display: block;
}
.page-product .widget.widget-breadcrumb.page-breadcrumb,
#webcommander-page .page-category .widget.widget-breadcrumb.page-breadcrumb {
padding: 38px 0;
}
.breadcrumb-item.root .icon {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 0;
width: auto;
}
.breadcrumb-item .separator:hover::before {
color: #404040;
transition: all 0.5s ease 0s;
}
.breadcrumb-item .separator {
font-size: 0;
padding: 0 6px 0 0;
position: relative;
vertical-align: middle;
padding-left: 14px;
}
.breadcrumb-item {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 34px;
letter-spacing: 0.02em;
color: var(--bk-color-ink, #000000);
}
.breadcrumb-item .label,
span.breadcrumb-item.root span.icon::before {
color: color-mix(in srgb, var(--bk-color-ink, #000000) 80%, transparent);
font-weight: normal;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
}
.breadcrumb-item.root .icon:hover::before {
color: var(--bk-color-ink, #000);
}
span.breadcrumb-item.root {
position: relative;
line-height: 32px;
padding-top: 0;
padding-left: 0;
vertical-align: top;
}
span.breadcrumb-item.root span.icon::after {
content: "Home";
top: 0;
left: 0;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 24px;
letter-spacing: 0.02em;
color: var(--bk-color-ink, #000000);
opacity: 0.5;
background: url("../images/home-back.png") no-repeat center left;
}
span.breadcrumb-item.root span.icon:hover::after{
color:var(--bk-color-ink, #000000);
opacity: unset;
font-weight: 500;
}
span.breadcrumb-item.root span.icon:hover::after {
background-position: 0 -11px;
}
span.breadcrumb-item {
padding: 0;
}
span.breadcrumb-item a {
text-decoration: none;
}
.breadcrumb-item .separator::after {
content: '';
position: absolute;
left: 0;
top: -5px;
width: 16px;
height: 20px;
background-image: url(../images/separator-breadcrumb.svg);
background-repeat: no-repeat;
margin-left: 10px;
}
.breadcrumb-item.root a {
text-decoration: none;
padding-left: 0;
vertical-align: top;
}
.breadcrumb-item .label{
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 24px;
letter-spacing: 0.02em;
color: var(--bk-color-ink, #000000);
opacity: 0.5;
}
.breadcrumb-item .label:hover{
color:var(--bk-color-ink, #000000);
opacity: unset;
font-weight: 400;
}
/** Breadcrumb End **/
/** Popup Start **/
.add-to-cart-popup .short-info>div,
.add-cart-information-popup .short-info>div {
padding-bottom: 0;
}
.popup div.quantity,
.popup div.item {
padding: 7px 0 7px;
}
.popup .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.popup .item>span {
margin: 0;
}
.popup .stepper {
margin-bottom: 0;
}
.popup.add-cart-information-popup .variation-container {
text-align: center;
}
.popup .button-item span, .popup .button-item a {
font-size: var(--bk-link-font-size, 16px);
line-height: 24px;
text-transform: var(--bk-link-font-transform, capitalize);
border-radius: 100px !important;
}
.popup .button-item .add-to-cart-button.button.et_pdp_add_to_cart {
background: var(--bk-color-secondary, #000);
font-size: var(--bk-btn-font-size, 16px);
line-height: 22px;
text-transform: var(--bk-btn-font-transform, uppercase);
color: var(--bk-btn-text, #fff);
border: 2px solid var(--bk-color-secondary, #000);
border-radius: var(--bk-btn-radius, 0);
}
.popup .button-item .add-to-cart-button.button.et_pdp_add_to_cart:hover {
color: var(--bk-btn-hover-color, var(--bk-color-ink, #000)) !important;
background-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
border: 2px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.popup.add-cart-information-popup .close-btn.button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
background-color: transparent;
border: var(--bk-btn-border-width, 2px) solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.popup.add-cart-information-popup .close-btn.button:focus,
.popup.add-cart-information-popup .close-btn.button.focus {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
background-color: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
border: 2px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.popup.add-cart-information-popup .close-btn.button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
background-color: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
border: var(--bk-btn-border-width, 2px) solid var(--bk-color-secondary, #000) !important;
}
.popup.add-cart-information-popup td.product-img {
width: 100%;
text-align: center;
}
.popup.add-cart-information-popup td.short-info{
text-align: center;
font-size: 18px;
}
.add-to-cart-popup table, .add-cart-information-popup table {
margin: 0;
}
.popup.add-cart-information-popup span.title {
color: var(--bk-color-ink, #000);
font-size: 24px;
font-weight: 500;
display: block;
text-align: left;
}
.widget-snippet .snippet-copyright-develop .copyright a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.popup.add-cart-information-popup .variation-container .variation-dropdown-container {
display: flex;
align-items: baseline;
gap: 0 5px;
}
.popup.add-cart-information-popup .variation-container .variation-dropdown-container .chosen-wrapper.variation-type.text.select {
margin-right: 20px;
}
.popup.add-cart-information-popup .variation-container .variation-dropdown-container .selected-value-display {
margin-top: 0;
}
.popup.add-cart-information-popup h4.title {
font-size: 16px;
margin-top: 20px;
text-align: center;
font-weight: normal;
}
.popup .cart-summary {
clear: none;
color: var(--bk-color-ink, #000);
display: block;
float: none;
text-align: center;
}
.popup .cart-summary-header {
color: var(--bk-color-ink, #000);
float: none;
font-size: 16px;
padding-right: 0px;
text-align: center;
}
.popup .status-bar-product-name, .popup .header .status-message {
color: var(--bk-color-ink, #000);
font-size: 22px;
font-weight: 500;
display: block;
}
.popup .button-item {
display: block;
clear: both;
}
.popup .button-item .button {
vertical-align: middle;
border-radius: var(--bk-btn-radius, 0);
margin: 0 5px
}
.popup .continue-shopping-btn {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
background-color: transparent;
border-color: var(--bk-btn-border-color, #42ba96);
border: var(--bk-btn-border-width, 2px) solid var(--bk-color-secondary, #000);
border-radius: var(--bk-btn-radius, 0) !important;
margin: 0 5px;
}
.popup .continue-shopping-btn:focus,
.popup .continue-shopping-btn.focus {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
background-color: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
border: 2px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.popup .continue-shopping-btn:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
background-color: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
border: var(--bk-btn-border-width, 2px) solid var(--bk-color-secondary, #000);
}
.popup .header {
background-color: var(--bk-color-surface, #fff);
border-bottom: 1px solid #e2e2e2;
color: var(--bk-color-ink, #000);
padding: 0 0 25px 0;
text-align: left;
}
.popup .body {
background-color: var(--bk-color-surface, #FFFFFF);
padding: 20px 30px;
}
#webcommander-page .add-to-wish-list-popup.add-to-wishlist-popup.popup {
padding:var(--bk-btn-tertiary-pad, 0);
}
.close.cancel-button {
color: var(--bk-btn-text, var(--bk-color-ink, #000)) !important;
border: var(--bk-btn-border-width, 2px) solid var(--bk-color-secondary, #000) !important;
background: transparent !important;
}
.close.cancel-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff)) !important;
background-color: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1))) !important;
border: var(--bk-btn-border-width, 2px) solid var(--bk-color-primary, rgba(0, 161, 198, 1)) !important;
}
body#webcommander-page.page-profile .close.cancel-button:hover {
color: var(--bk-btn-hover-color, var(--bk-color-ink, #000)) !important;
background-color: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1))) !important;
border-color: var(--bk-btn-hover-border-color, var(--bk-color-primary, rgba(0, 161, 198, 1))) !important;
}
.site-popup .title-bar,
.confirm-popup .header-line,
.confirm-popup .title-bar {
background-color: transparent;
font-size: 20px;
font-weight: 500;
display: block;
border-bottom: 1px solid #e2e2e2;
color: var(--bk-color-ink, #000);
padding: 20px 0 20px;
text-align: center;
}
.popup .button-item {
text-align: center;
margin: 0;
display:flex;
justify-content:center;
}
.popup .close-icon {
top: 25px;
right: 15px;
}
.site-popup span.close.fee-identical-sewc-elm, .confirm-popup span.icon.close {
top: 22px;
right: 20px;
}
.popup .button-item .continue-shopping-btn,
.popup .button-item .cart-page-button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.popup a.cart-page-button.button.et_ecommerce_view_cart,
.popup .close-btn.button {
margin-left: 3%;
margin-top: 0;
}
.popup a.cart-page-button.button.et_ecommerce_view_cart {
color: var(--bk-btn-text, #fff);
}
.popup button:nth-of-type(1) {
margin-left: 0;
}
.popup {
-webkit-box-shadow: none;
box-shadow: none;
padding: 35px;
background: var(--bk-color-surface, #fff);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.popup .button {
max-width: 240px;
width: 100%;
letter-spacing: var(--bk-btn-font-letter-spacing, 0.01em);
text-transform: var(--bk-btn-font-transform, capitalize);
}
.popup .body table,
.popup .body tr,
.popup .body td {
border: 0;
}
.site-popup .content, .confirm-popup .body {
padding: 25px 30px !important;
overflow: unset;
font-weight: 400;
}
.wish-list-popup label {
display: inline-block;
margin-right: 15px;
width: auto;
}
#webcommander-page .shipment-calculator-popup .header>.status-message {
font-size: 16px;
}
#webcommander-page .shipment-calculator-popup .multi-column form {
margin: 0 -15px;
}
#webcommander-page .shipment-calculator-popup .first-column .form-row {
width: 50%;
float: left;
padding: 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#webcommander-page .shipment-calculator-popup .form-row label {
width: 100%;
display: block;
}
#webcommander-page .shipment-calculator-popup .form-row input,
#webcommander-page .shipment-calculator-popup .form-row select {
width: 100%;
}
#webcommander-page .save-cart button.form-reset.close-popup {
color: var(--bk-btn-text, #e6e6e6);
background-color: var(--bk-btn-fill, #6c757d);
border: var(--bk-btn-border-width, 2px) solid #6c757d;
text-shadow: none;
opacity: 0.7;
}
#webcommander-page .save-cart button.form-reset.close-popup:focus,
#webcommander-page .save-cart button.form-reset.close-popup.focus {
color: var(--bk-btn-text, #e6e6e6);
background-color: var(--bk-btn-fill, #545b62);
border-color: var(--bk-btn-border-color, #545b62);
}
#webcommander-page .save-cart button.form-reset.close-popup:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
background-color: var(--bk-btn-hover-bg, var(--bk-btn-fill, #6c757d));
border: var(--bk-btn-border-width, 2px) solid #6c757d;
}
#webcommander-page .save-cart .popup-bottom.footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#webcommander-page .save-cart .popup-bottom.footer button {
width: 49%;
margin-left: 0;
}
.popup .header {
background-color: var(--bk-color-surface, #fff);
border-bottom: 1px solid #e2e2e2;
color: var(--bk-color-ink, #000);
text-align: left;
padding: 30px 45px 20px 20px;
}
.site-popup, .confirm-popup {
padding: 0;
}
.confirm-popup button.no-button {
background: transparent;
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
.confirm-popup button.no-button:hover {
background:var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-hover-color, var(--bk-color-ink, #000)) !important;
}.add-to-cart-popup.popup,
.wish-list-popup.add-to-wishlist-popup.popup,
.add-cart-information-popup.popup,
.add-to-gift-registry-popup.popup {
max-width: 750px;
padding: 0;
min-width: 650px;
}
.add-to-compare-popup.popup {
max-width: 750px;
padding: 0;
min-width: 650px;
}
.popup.add-cart-information-popup .button-line, .popup .footer {
background-color: #F7F7F7;
padding: 30px 20px;
text-align: center;
border: 0;
margin-top: 30px;
}
.add-cart-information-popup table tr {
border-spacing: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.popup.add-cart-information-popup h4.title {
font-size: 16px;
margin-top: 20px;
text-align: center;
font-weight: 500;
font-family: var(--bk-font-heading, Rubik);
letter-spacing: 0.5px;
padding-bottom: 0;
margin-bottom: 0;
line-height: 15px;
display: none;
}
.site-popup .button-line button, .confirm-popup .button-line button {
margin: 0 7px;
margin-left: 7px;
display: inline-block;
border-radius: var(--bk-btn-radius, 0);
padding:var(--bk-btn-pad, 9px 35px);
width: auto;
border: var(--bk-btn-border-width, 2px) solid var(--bk-color-secondary, #000);
letter-spacing: var(--bk-btn-font-letter-spacing, 0.1em);
text-transform: var(--bk-btn-font-transform, capitalize);
}
.site-popup .button-line button[disabled]{
background: var(--bk-btn-fill, #bfbfbf none repeat scroll 0 0) !important;
border: medium none;
color: var(--bk-btn-text, #818181) !important;
}
.popup .button-line, .popup .footer {
text-align: center;
}
.popup button:nth-of-type(1) {
margin-left: 0;
}
.popup.add-cart-information-popup .variation-container {
text-align: left;
}
.wish-list-popup.add-to-wishlist-popup.popup .submit-button.add-to-wish-list::before {
display: none;
}
.wish-list-popup.add-to-wishlist-popup.popup .footer {
display: flex;
justify-content: center;
}
.wish-list-popup.add-to-wishlist-popup.popup {
max-width: 500px;
}
.wish-list-popup.add-to-wishlist-popup.popup .body {
max-width: 90%;
margin: 0 auto;
}
.wish-list-popup.add-to-wishlist-popup.popup .body label, .wish-list-popup.add-to-wishlist-popup.popup .body select {
display: block;
width: 100%;
}
#webcommander-page .add-to-wish-list-popup.add-to-wishlist-popup.popup .header .status-bar-product-name {
padding:0 90px 10px 90px;
}
#webcommander-page .add-to-wish-list-popup.add-to-wishlist-popup.popup .header .status-message {
padding:0 90px;
}
.wish-list-popup.add-to-wishlist-popup.popup .body label {
font-size: 18px;
font-weight: 500;
margin-bottom: 8px;
color: var(--bk-color-ink, #000);
}
.wish-list-popup .no-wish-list-message {
font-weight: 400;
}
.wish-list-popup.add-to-wishlist-popup.popup .footer button{
margin: 0 10px;
border-radius: var(--bk-btn-secondary-radius, 0);
text-transform: var(--bk-btn-secondary-font-transform, capitalize);
padding: var(--bk-btn-secondary-pad, 11px 10px);
letter-spacing: var(--bk-btn-secondary-font-letter-spacing, 0.1em);
}
.wish-list-popup.add-to-wishlist-popup.popup .footer button.submit-button {
background:var(--bk-btn-secondary-fill, var(--bk-color-secondary, #000));
color:var(--bk-btn-secondary-text, #fff);
border:var(--bk-btn-secondary-border-width, 2px) solid var(--bk-color-secondary, #000);
}
.wish-list-popup.add-to-wishlist-popup.popup .footer button.submit-button:hover{
background: var(--bk-btn-secondary-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-secondary-hover-color, var(--bk-btn-secondary-text, var(--bk-color-ink, #000)));
border-color: var(--bk-btn-secondary-hover-border-color, var(--bk-btn-secondary-border-color, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
.wish-list-popup.add-to-wishlist-popup.popup .header .status-message {
font-size: 24px;
font-weight: 500;
display: block;
}
.wish-list-popup .footer .submit-button.create-wish-list:hover {
border: 2px solid var(--bk-color-primary, rgba(0, 161, 198, 1)) !important;
background: var(--bk-color-primary, rgba(0, 161, 198, 1)) !important;
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff)) !important;
}
.wish-list-popup .footer .form-reset.close-popup:hover {
border: 2px solid var(--bk-color-secondary, #000) !important;
background: var(--bk-color-secondary, #000) !important;
color: #fff !important;
}
.popup .footer button.close-popup, .popup .button-item .close-btn {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
border: var(--bk-btn-border-width, 2px) solid var(--bk-color-secondary, #000);
border-radius: var(--bk-btn-radius, 0);
}
.popup .footer button.close-popup:hover, .popup .button-item .close-btn:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
background:var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
border-color:var(--bk-btn-hover-border-color, var(--bk-btn-border-color, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
.popup .close-icon:after {
font-size: 0;
}
.site-popup .title-bar .close,
.confirm-popup .header-line .close,
.confirm-popup .title-bar .close,
.popup .close-popup.close-icon {
background: url("../images/close-icon.svg") no-repeat center top;
background-size: 17px;
}
.site-popup .title-bar .close::before,
.confirm-popup .header-line .close::before {
font-size: 0;
}
.popup .button.disabled {
border: 2px solid #bfbfbf !important;
}
.popup.add-cart-information-popup .variation-container {
text-align: left;
}
#webcommander-page .save-cart.save-cart-init-form.popup {
padding: 0;
}
.blog-post-details span.date {
padding-left: 21px;
}
.blog-post-details .blog-post-comment-panel .comment-item .name {
padding-right: 10px;
margin-bottom: 15px;
display: block;
font-weight: 600;
font-size: 18px;
font-family: var(--bk-p-family, var(--bk-font-base, inherit));
color: var(--bk-p-color, var(--bk-color-ink, inherit));
}
.blog-post-details .blog-post-comment-panel .comment-item span.btn-comment-reply {
cursor: pointer;
}
.blog-post-details .blog-post-comment-panel .comment-item .content {
padding-bottom: 20px;
}
.blog-post-comment-panel .blog-comments .info-container .comment-like-actions-area, .blog-post-comment-panel .blog-comments .info-container span.btn-comment-reply, .blog-post-comment-panel .blog-comments .info-container span.date {
font-size: 12px;
}
/*variation flate chosen */
.popup.add-cart-information-popup .variation-container {
text-align: left;
display: flex;
justify-content: center;
}
.variation-container .variation-type {
padding-bottom: 0;
display: flex;
max-width: 450px;
margin: 0 auto;
}
.page-product .variation-container .variation-type {
display: block;
max-width: 100%;
margin: 0;
padding: 0;
}
.page-product .variation-container .variation-type label.type-label {
display: block;
line-height: 22px;
margin-top: 10px;
}
.variation-container .variation-type label.type-label {
font-weight: 500;
display: block;
width: 100%;
color: #201547;
width: 80px;
line-height: 62px;
}
.widget-variation .variation-thumb ul {
display: inline-block;
margin: 0;
padding: 0;
}
.widget-variation .variation-thumb ul li {
display: inline-block;
font-size: 0;
line-height: 1;
list-style: outside none none;
overflow: hidden;
margin: 0;
border: 1px solid transparent;
margin-right: 10px;
margin-bottom: 10px;
padding: 0;
-webkit-transition: all 0.1s ease 0s;
transition: all 0.1s ease 0s;
}
.widget-variation .variation-thumb .variation-type.color .variation-value {
display:block;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: 0;
border-radius: 30px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
.widget-variation .variation-thumb ul li * {
font-size: 16px;
}
.widget-variation .variation-thumb .variation-type .type-label {
color: #1c1f23;
text-transform: none;
width: 100%;
padding-bottom: 10px;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-weight: 700;
font-size: 16px;
letter-spacing: 0%;
vertical-align: middle;
}
.widget-variation .variation-thumb .text .variation-value, .widget-variation .variation-thumb .color .variation-value {
display: block;
font-size: 0;
line-height: 0;
text-align: center;
width: 100%;
height: 100%;
border: 0;
}
.page-product .variation-container .variation-type.color ul li.selected {
border: 1px solid var(--bk-color-secondary, #000);
padding: 3px;
position:relative;
}
.page-product .variation-container .variation-type.color ul li:hover{
padding:3px;
border: 1px solid var(--bk-color-secondary, #000);
-webkit-transition: all 0.1s ease 0s;
transition: all 0.1s ease 0s;
}
.widget-variation .variation-thumb ul li:before{
display: none;
}
.widget-variation .variation-thumb ul li.selected span.color:after {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url(../images/vicon.png) no-repeat center;
width: 100%;
height: 100%;
}
.page-product .variation-container .variation-type.text ul li span {
font-size: 16px;
font-weight: 500;
line-height: 38px;
}
.page-product .variation-container .variation-type.text ul li:hover, .page-product .variation-container .variation-type.text ul li.selected{
color:var(--bk-color-ink, #000);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
border-color: var(--bk-color-surface, #fff);
}
/** Popup End **/
/*---------- Pagination Start------------*/
.product-view .footer, .category-view .footer, .entire-search .footer, .product-search .footer {
background-color: transparent;
padding: 10px 0 80px;
}
.product-view .footer {
border-bottom: 0;
margin-bottom: 70px;
}
.product-view .footer .chosen-container-single.per-page-count {
min-width: 88px;
}
.pagination {
float: unset;
margin-top:-5px;
}
span.pagination-literal-status {
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 32px;
color: var(--bk-color-ink, #000000);
}
.pagination span {
border: none;
cursor: pointer;
margin: 0 8px;
width: 37px;
box-shadow: none;
display: inline-block;
color: var(--bk-color-ink, #000);
font-size: 14px;
background: transparent;
border-radius: 50%;
height: 37px;
line-height: 40px;
padding: 0 14px;
font-weight: 500;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.pagination span.page-number.current {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
background: #f7f7f7;
border: 0;
font-weight: 500;
text-decoration: none;
line-height: 38px;
}
.pagination span.first,
.pagination span.last {
display: none;
}
.pagination span.next {
position: relative;
margin: 0 0 0 10px;
padding: 0;
background: transparent;
height: 25px;
width: 38px
}
.pagination span.prev {
position: relative;
margin: 0 4px 0 0;
padding: 0;
background: transparent;
height: 25px;
width: 38px;
color: var(--bk-color-ink, #000);
}
#webcommander-page .page-search-result .page-content .footer select.per-page-count {
margin: 0;
height: 35px;
}
.pagination span:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
background: #f7f7f7;
text-decoration: none
}
.pagination span.prev,
.pagination span.next {
background: transparent;
}
.pagination span.prev.disabled:before,
.pagination span.next.disabled:before {
color: #a1a1a1;
}
.chosen-container .chosen-results .chosen-result {
color: var(--bk-color-ink, #000);
font-weight: 400;
letter-spacing: 0.5px;
}
#webcommander-page .review-show-panel .pagination {
width: auto;
float: right;
margin-top: 14px;
}
.pagination span.disabled:hover, .pagination span.disabled {
cursor: default;
opacity: 0.5;
color: inherit;
text-decoration: none;
}
/*---------- Pagination End ------------*/
/** Stepper Start **/
.product-widget.widget-addCart .stepper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0;
justify-content: start;
margin: 0;
max-width: 140px;
border-radius: 100px;
}
.product-widget.widget-addCart .stepper .stepper-arrow {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: none;
border-radius: 0 !important;
height: 42px;
position: relative;
right: 0;
width: 30px;
z-index: 0;
}
.product-widget.widget-addCart .stepper .stepper-arrow.up {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
position: relative;
}
.product-widget.widget-addCart .stepper .stepper-arrow.up::before {
position: absolute;
content: "+";
height: 100%;
width: 50px;
top: 0;
text-indent: 0;
font-size: 32px;
left: auto;
line-height: 40px;
text-align: center;
right: 0;
}
.product-widget.widget-addCart .stepper .stepper-arrow.down {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
position: relative;
}
.product-widget.widget-addCart .stepper .stepper-arrow.down::before {
position: absolute;
content: "-";
height: 100%;
width: 50px;
top: 0;
text-indent: 0;
font-size: 32px;
left: 0;
line-height: 36px;
text-align: center;
right: auto;
}
.product-widget.widget-addCart .stepper .stepper-input {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 0;
text-align: center;
}
.product-widget.widget-addCart .add-to-cart-button.button {
border-radius: var(--bk-btn-radius, 100px);
}
/** Stepper End **/
/*Start Search Page*/
.entire-search .search-result > .title {
text-align: left;
border-top: 0;
border-bottom: 0;
font-weight: 400;
font-size: 22px;
}
.entire-search .total-result {
font-weight: 400;
color: var(--bk-color-ink, #000);
text-align: center;
font-size: 18px;
line-height: 18px
}
.search-result.products .pagination span.prev:before {
top: -7px;
}
.search-result.products .pagination span.next:before {
top: -7px;
}
.entire-search .search-results .search-result {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.search-results .page {
margin-bottom: 12px;
}
.entire-search .search-result.pages .title.page {
padding:30px 0 10px;
border-bottom: 1px solid #f0f3ed;
}
.entire-search .search-results .page a {
margin-bottom: 5px;
font-size: var(--bk-link-font-size, 16px);
font-weight: var(--bk-link-font-weight, 400);
line-height: 27px;
}
.entire-search .search-results .page .title {
margin-right: 14px;
font-size: 17px;
font-weight: 600;
}
.entire-search h2 {
font-size: var(--bk-h2-size, 30px);
padding-bottom:15px;
color: var(--bk-h2-color, var(--bk-color-ink, #000));
text-align: center;
margin: 0;
font-weight: var(--bk-h2-weight, 500);
}
.entire-search .search-results .search-result .title.product {
font-size: 20px;
color: #333;
margin: 0 auto -60px;
padding: 10px;
padding-left: 0;
}
.search-results {
padding-top: 50px;
}
#webcommander-page .page-search-result .page-content .footer, #webcommander-page .page-result-footer {
background: none;
border-top: 1px solid rgba(112,112,112,0.10);
padding-top: 0;
text-align: left;
clear: both;
padding: 20px 0 65px;
margin-top: 60px;
}
.entire-search .search-results .page a:hover {
color: var(--bk-link-hover, var(--bk-link-color, #007FFF));
}
.search-results .page .page-read-more {
color: #4a4a4a;
text-decoration: underline;
}
.search-results .page .page-read-more:hover {
color: #187DC1;
text-decoration: underline;
}
.search-results .page .summary {
color: color-mix(in srgb, var(--bk-color-ink, #000000) 77%, transparent);
font-size: 16px;
font-weight: 400;
line-height: 27px;
}
.entire-search .search-results .page a:hover {
color: var(--bk-link-hover, var(--bk-color-primary, rgba(0, 161, 198, 1)));
text-decoration:none;
}
.entire-search .search-results .page a.page-read-more:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
text-decoration: underline;
}
#webcommander-page .page-search-result .page-content .footer select.per-page-count {
margin-left: 20px;
}
/*End Search Page*/
#webcommander-page #customer-profile-tabs.customer-profile-v2 .save_cart .form-row, #webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned_cart .form-row{
display: flex;
justify-content: left;
padding: 0 0 10px !important;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .save_cart .form-row label, #webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned_cart .form-row label {
width: auto;
padding-right: 10px;
font-weight: 600;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .save_cart .form-row span, #webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned_cart .form-row span {
font-weight: 400;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .save_cart .saved-cart-items-wrap, #webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned_cart .abandoned-cart-items-wrap {
margin-top: 10px;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .saved-cart-items-wrap label, #webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned_cart .abandoned-cart-items-wrap label {
margin-bottom: 12px;
display: block;
font-weight: 700;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .save_cart .form-row.btn-row, #webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned_cart .form-row.btn-row {
display: block;
}
.fee-gallery-owl .owl-carousel .owl-item img, .fee-gallery-owl .owl-carousel .owl-item video.owl-carousel-video {
object-fit: cover;
}
/***** Popup Responsive Start ******/
@media(max-width: 767px) {
.add-to-cart-popup.popup, .wish-list-popup.add-to-wishlist-popup.popup, .add-to-compare-popup.popup, .add-cart-information-popup.popup, .add-to-gift-registry-popup.popup,
#webcommander-page .add-to-wish-list-popup.add-to-wishlist-popup.popup, #webcommander-page .tell-friend.tell_friend_popup.popup.anim-fade-zoom.active, #webcommander-page .page-profile .popup{
max-width: 330px;
margin: 0 auto;
min-width: 280px;
padding: 0;
}
.site-popup .title-bar, .confirm-popup .header-line, .confirm-popup .title-bar {
text-align: left;
}
.add-to-cart-popup.popup, .wish-list-popup.add-to-wishlist-popup.popup, .add-to-compare-popup.popup, .add-cart-information-popup.popup,
.add-to-gift-registry-popup.popup, #webcommander-page .add-to-wish-list-popup.add-to-wishlist-popup.popup {
left: 20px !important;
right: 20px !important;
}
.add-cart-information-popup.popup span.title, .wish-list-popup.add-to-wishlist-popup.popup .header .status-message,
.popup .status-bar-product-name, .popup .header .status-message {
font-size: 19px;
width: 88%;
text-align: left
}
.add-cart-information-popup.popup .variation-container .variation-type {
flex-direction: row;
}
.add-cart-information-popup.popup .variation-container .variation-type label.type-label {
width: 100%;
display: block;
text-align: left;
line-height: 20px;
}
.add-cart-information-popup.popup .variation-container.fee-variation-container-wrapper .variation-radio-group .variation-radio-option {
margin: 0;
}
.add-cart-information-popup.popup .variation-container .variation-type label.type-label {
padding: 0;
}
#webcommander-page.page-login .login-form{
box-shadow:none;
}
.add-cart-information-popup.popup .variation-container .chosen-container {
max-width: 100%;
display: block;
}
.add-cart-information-popup.popup .chosen-container-single .chosen-single {
text-align: left;
height: 50px;
line-height: 20px;
}
.add-cart-information-popup.popup .chosen-container-single .chosen-single span {
line-height: 28px;
}
.popup .body {
padding: 10px 20px;
max-height: 250px;
overflow-y: scroll
}
.add-cart-information-popup.popup .header, .popup .header {
padding:15px 25px 15px 15px;
text-align: left;
}
.add-cart-information-popup.popup .popup-bottom.footer {
padding: 20px 0;
}
.add-cart-information-popup.popup .popup-bottom.footer .button-item span {
width:100%;
max-width:100%
}
.popup .close-icon {
top: 20px;
right: 15px;
}
.popup .button-item {
flex-direction: column;
}
.popup .button-item .close-btn, .popup .button-item .button {
margin: 0 auto 10px;
width: 100%;
}
.popup .button-item .add-to-cart-button.button.et_pdp_add_to_cart {
margin: 0 auto 10px;
padding: 9px 0;
height: 52px !important;
}
.wish-list-popup.add-to-wishlist-popup.popup .footer button {
margin: 0 auto 10px;
width: 100%;
padding: 12px 20px;
}
.wish-list-popup.add-to-wishlist-popup.popup .footer {
flex-direction: column;
}
#webcommander-page.responsive .popup .button-item .continue-shopping-btn, #webcommander-page.responsive .popup .button-item .cart-page-button {
margin-bottom: 10px;
padding: 12px 30px;
line-height: 23px;
}
#webcommander-page .add-to-wish-list-popup.add-to-wishlist-popup.popup tr {
display: flex;
flex-direction: column;
}
#webcommander-page .add-to-wish-list-popup.add-to-wishlist-popup.popup tr td {
text-align: center;
}
.floating-panel-popup {
padding: 15px;
}
.site-popup .button-line button + button, .confirm-popup .button-line button + button {
width: 100%;
margin: 10px auto;
}
.site-popup .button-line button, .confirm-popup .button-line button {
display: block;
width: 100%;
}
}
.widget-snippet .page-404-section {
background-color: #e9fbff;
}
.widget-snippet .page-404-section .btn-back {
background: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
@media(max-width: 320px) {
.add-to-cart-popup.popup, .wish-list-popup.add-to-wishlist-popup.popup, .add-to-compare-popup.popup, .add-cart-information-popup.popup, .add-to-gift-registry-popup.popup,
#webcommander-page .add-to-wish-list-popup.add-to-wishlist-popup.popup, #webcommander-page .tell-friend.tell_friend_popup.popup.anim-fade-zoom.active, #webcommander-page .page-profile .popup{
max-width: 280px;
}
}
/**** Popup Responsive End ****/
/** Placeholder Responsive Start **/
@media(max-width: 767px) {
input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
font-size: 15px;
line-height: 17px;
}
::-moz-placeholder {
/* Firefox 19+ */
font-size: 15px;
line-height: 17px;
}
:-ms-input-placeholder {
/* IE 10+ */
font-size: 15px;
line-height: 17px;
}
:-moz-placeholder {
/* Firefox 18- */
font-size: 15px;
line-height: 17px;
}
textarea ::-webkit-textarea-placeholder {
/* Chrome/Opera/Safari */
font-size: 15px;
line-height: 17px;
}
::-moz-placeholder {
/* Firefox 19+ */
font-size: 15px;
line-height: 17px;
}
:-ms-textarea-placeholder {
/* IE 10+ */
font-size: 15px;
line-height: 17px;
}
:-moz-placeholder {
/* Firefox 18- */
font-size: 15px;
line-height: 17px;
}
textarea::placeholder {
font-size: 15px;
line-height: 17px;
}
::placeholder {
font-size: 15px;
line-height: 17px;
}
}
/** Placeholder Responsive End **/
/** Login, Registtration,
Password-Reset, New Password,
Newsletter Unsubscription Responsive Start **/
@media(max-width: 1200px) {
#webcommander-page.page-login .login-form,
#webcommander-page .password-reset-form {
margin:0 auto;
}
.registration-form {
margin:0 auto;
padding: 30px 20px;
max-width: 900px;
}
#webcommander-page .newsletter.unsubscribe {
margin: 0 auto;
padding:40px;
}
.page-newsletter-subscription .subscription-list-success {
margin: 0 auto;
}
.registration-form .title, .login-form span.title, #webcommander-page .password-reset-form .title {
font-size: 44px;
}
}
@media (max-width: 991px){
.registration-form {
padding: 20px 10px;
max-width: 730px;
}
#webcommander-page.page-login .login-form {
padding: 40px;
}
#webcommander-page .password-reset-form, #webcommander-page form.customer-new-password {
padding: 40px 30px;
}
.page-newsletter-subscription .subscription-list-success {
padding: 30px 40px;
}
.registration-form .title, .login-form span.title, #webcommander-page .password-reset-form .title {
font-size: 36px;
}
}
@media(max-width: 767px) {
#webcommander-page.page-login .login-form {
margin: 0 auto;
max-width: 100%;
padding:30px 0 50px;
border: 0;
background: transparent;
}
.login-form span.title {
font-size: 26px;
line-height: 35px;
padding-bottom: 15px;
padding-left: 0;
}
#webcommander-page.page-login .login-form .lost-password a {
position: relative;
bottom: 0;
right: 0;
}
#webcommander-page.page-login .login-button {
display: block;
width: 100%;
max-width: 100%;
}
#webcommander-page .customer-new-password .form-row.submit-row button, #webcommander-page .password-reset-form .form-row.submit-row button, .registration-form .form-row.submit-row button {
padding: 14px 5px;
margin-top: 10px;
}
#webcommander-page.page-login .login-form .remember {
margin: 18px 0 10px;
}
#webcommander-page.page-login .login-form .form-row .lost-password {
margin: 0 0 12px 0;
}
.registration-form {
margin:0 auto;
max-width: 100%;
padding:10px 0 40px;
border: 0;
background: transparent;
}
.registration-form .title {
font-size: 26px;
line-height: 35px;
padding-bottom: 15px;
padding-left: 0;
}
.registration-form>.form-row:not(.submit-row) {
width: 100%;
}
.registration-form .referral {
padding: 0 15px;
}
.registration-form .form-row.submit-row {
padding: 0 15px;
}
#webcommander-page.page-registration .registration-form .form-row {
margin: 0 0 10px 0;
padding: 0;
}
.registration-form select {
height: 44px;
}
.registration-form .title, .login-form span.title, #webcommander-page .password-reset-form .title {
font-size: 32px;
}
#webcommander-page .password-reset-form, #webcommander-page form.customer-new-password {
margin: 0 auto;
max-width: 100%;
padding: 10px 0 15px 0;
border: 0;
background: transparent;
}
#webcommander-page .password-reset-form .form-row {
margin: 0 0 5px 0;
font-size:16px;
}
#webcommander-page .password-reset-form .lost-password-text {
font-size: 16px;
margin-bottom: 10px;
line-height: 20px;
}
#webcommander-page .newsletter.unsubscribe {
margin: 0 auto;
padding: 10px 0 20px 0;
border: 0;
}
#webcommander-page .newsletter.unsubscribe span.message {
margin-bottom: 12px;
font-size: 16px;
}
#webcommander-page .newsletter.unsubscribe.valid-verify-form textarea {
height: 75px;
}
#webcommander-page .newsletter.unsubscribe.valid-verify-form .form-row {
margin: 0;
}
.page-newsletter-subscription .subscription-list-success {
margin: 0 auto;
max-width: 100%;
padding: 0;
border: 0;
border-radius: 0;
text-align: center;
}
.subscription-list-success .messess-text {
font-size: 16px;
padding: 80px 0 25px 0;
text-align: center;
background-position: center top;
}
.page-newsletter-subscription .subscription-list-success {
font-size: 16px;
}
}
/** Login, Registtration,
Password-Reset, New Password,
Newsletter Unsubscription Responsive End **/
@media(max-width: 1500px) {
.page-product .page-content > .v-split-container > .v-split {
width:100%;
}
.page-product .page-content{
padding: 0 15px 0 0;
}
#webcommander-page .search-menu-button.responsive-menu-btn.close {
right: 24%;
}
.widget-search .search-menu-button {
top: 5px;
}
.widget-search .search-form {
top: -22px;
}
#webcommander-page .search-menu-button.responsive-menu-btn.close {
top: 47px;
}
}
@media(max-width: 1400px) {
.page-product .page-content{
padding: 0 30px;
}
.product-widget.widget-productImage {
margin-right: 20px;
}
#webcommander-page.responsive #spltr-07e42076-41ee-45c4-8638-7b3b2924d6d2 {
width: 700px;
flex: 0 0 700px;
max-width: 700px;
}
.image-preview-box.product-detail-view > img{
width: 100%
}
.widget-search .search-menu-button {
right: 122px;
top:10px;
}
#webcommander-page .search-menu-button.responsive-menu-btn.close {
right: 22%;
}
}
@media(max-width: 1300px) {
.widget-search .search-menu-button {
right: 115px;
}
#webcommander-page .search-menu-button.responsive-menu-btn.close {
right: 20%;
}
}
@media(max-width: 1200px) {
.page-product .page-content{
padding: 0 30px;
}
.product-widget.widget-productImage {
margin-right: 20px;
}
#webcommander-page.responsive #spltr-07e42076-41ee-45c4-8638-7b3b2924d6d2 {
width: 550px;
flex: 0 0 550px;
max-width: 550px;
}
.image-preview-box.product-detail-view > img{
width: 100%
}
.widget-productImage.multi-image-scroll-vertical-view .image-right-scroller.scroll-navigator {
top: auto;
height: 30px;
width: 40px;
background-size: 25px
}
.widget-productImage.multi-image-scroll-vertical-view .image-left-scroller.scroll-navigator {
bottom: 5px;
height: 30px;
width: 40px;
background-size: 25px
}
#webcommander-page.responsive #spltr-96ff24bf-8e83-4924-bd85-926693cd3a57 .product-widget {
margin-left: 5px;
}
.page-product .bmui-tab {
padding:40px;
border: 1px solid #dedede;
margin-bottom: 30px;
}
.header .widget.main_menu.right::after {
top: 0px;
}
#webcommander-page .search-menu-button.responsive-menu-btn.close {
right: 12%;
}
#webcommander-page .widget.widget-html.view-all-button .html-widget-element-content p a {
top: 0;
}
.widget-search .search-menu-button {
right: 135px;
}
}
@media(max-width: 991px) {
.page-product .page-content{
padding: 0 20px;
}
.product-widget.widget-productImage {
margin-right: 20px;
}
#webcommander-page.responsive #spltr-07e42076-41ee-45c4-8638-7b3b2924d6d2 {
width: 430px;
flex: 0 0 430px;
max-width: 430px;
}
.widget-productImage .image-thumb-container .thumb-image {
width: 70px;
height: 70px;
display: inline-block;
vertical-align: bottom;
margin: 0;
}
.widget-productImage .image-thumb-container .thumb-image img {
position: relative;
}
.page-product .bmui-tab{
padding: 20px;
}
.header .widget.main_menu.right::after {
top: 10px;
}
#webcommander-page .search-menu-button.responsive-menu-btn.close {
right: 10px;
}
}
@media(max-width: 767px) {
.page-product .page-content{
padding: 0 20px;
}
.product-widget.widget-productImage {
margin-right: 0;
}
#webcommander-page.responsive #spltr-07e42076-41ee-45c4-8638-7b3b2924d6d2 {
width: 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 40px;
}
.page-product .variation-container .variation-type.text ul li span{
font-size: 15px;
line-height: 30px
}
.page-product .bmui-tab {
padding: 15px;
}
#webcommander-page .product-widget.widget-price .current-price-container .current-price{
font-size: 26px
}
.page-product .bmui-tab .bmui-tab-header-container {
text-align: left;
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header {
padding: 0 20px 15px 0;
display: inline-block;
}
.widget-productImage.multi-image-scroll-vertical-view .image-left-scroller.scroll-navigator,
.widget-productImage.multi-image-scroll-vertical-view .image-right-scroller.scroll-navigator {
height: 28px;
width: 32px;
background-size: 22px;
border-color: #ccc;
}
#webcommander-page .product-widget.widget-stockMark span {
font-size: 13px;
margin: -4px 0 0;
padding: 10px 15px;
letter-spacing: 0;
line-height: 16px;
}
#webcommander-page .review-panel .write-review-panel button.write-review {
max-width: 160px;
font-size: 14px;
padding: 10px;
}
#webcommander-page .review-panel .write-review-panel .form-row.btn-row button {
margin-right: 10px;
max-width: 160px;
letter-spacing: var(--bk-btn-font-letter-spacing, 1px);
padding: 10px;
}
.product-widget.widget-variation .variation-container {
margin-top: 40px;
}
/***************/
#webcommander-page .widget.widget-breadcrumb{
padding-top: 10px;
}
#webcommander-page .widget-breadcrumb .breadcrumb-item.root .icon::after{
line-height: 33px;
}
.breadcrumb-item.root a{
line-height: 20px;
}
.breadcrumb-item.root:first-child .separator:after{
top: -4px;
}
/***************/
.widget-search .search-menu-button {
right: 162px;
top: 33px;
}
#webcommander-page .search-menu-button.responsive-menu-btn.close {
right: 2px;
top: 10px;
padding: 10px 0;
}
.widget.widget-search .search-form form {
max-width: 92%;
min-width: 92%;
}
#webcommander-page.responsive .header .widget.widget-search .search-form {
width: 100%;
top: 7px;
left: 0;
padding: 0 15px;
right: 0;
margin: 0;
}
#webcommander-page.responsive .search-form.show::after {
height: 106px;
}
body#webcommander-page.responsive .widget.widget-html.tab-products-title h2, body#webcommander-page.responsive .widget.widget-html.category-title h2 {
font-size: 28px;
}
body#webcommander-page.responsive .widget.widget-html.view-all-button .html-widget-element-content p a {
position: relative;
margin: 0;
font-size: var(--bk-link-font-size, 15px);
padding: 12px 40px;
}
body#webcommander-page.responsive .widget.widget-html.view-all-button .html-widget-element-content p {
margin: 38px auto 30px;
}
body#webcommander-page.responsive .widget.widget-html.tab-products-title {
padding-top: 50px;
margin-bottom: -20px;
}
body#webcommander-page.responsive .home-tabslider .bmui-tab .bmui-tab-header-container {
margin: 0 auto;
}
#webcommander-page .widget-tabAccordion.home-tabslider .bmui-tab .bmui-tab-header, #webcommander-page .widget-tabAccordion.home-tabslider .bmui-tab .bmui-tab-header.bmui-tab-active {
font-size: 0;
letter-spacing: 0;
padding:5px 0;
}
#webcommander-page .widget-tabAccordion.home-tabslider .bmui-tab .bmui-tab-header.bmui-tab-active {
margin: 0;
}
body#webcommander-page.responsive.page-home .product-view.scrollable-view .product-block {
width: 98%;
}
.widget-productImage .image-thumb-container .thumb-image:first-child {
margin-top: 5px;
}
}
@media (max-width: 320px){
#webcommander-page.responsive #spltr-07e42076-41ee-45c4-8638-7b3b2924d6d2 {
margin-bottom: 10px;
}
#webcommander-page .product-widget.widget-stockMark span {
margin: -2px 0 0;
max-width: 140px;
}
}
@media (max-width: 1500px){
div.body > .body-section .widget-container.no-fixed-container, #webcommander-page .widget.widget-breadcrumb {
padding-left: 10px;
padding-right: 15px;
}
.main_menu .navigation-item a {
padding: 12px 10px 24px;
}
.header .widget.main_menu:before {
left: -20px;
}
}
@media (max-width: 1200px){
div.body > .body-section .widget-container.no-fixed-container, #webcommander-page .widget.widget-breadcrumb {
padding-left: 20px;
padding-right: 20px;
}
.image-view .product-view-height-width .image, .scrollable-view .product-view-height-width .image {
max-height: 250px;
max-width: 250px;
}
.product-view.image-view .product-block .btn-add .add-to-wish-list, .product-view.scrollable-view .product-block .btn-add .add-to-wish-list {
margin-left: 7px;
max-width: 88px;
}
.product-block .btn-add .add-to-compare-button, .product-block .btn-add .remove-from-compare-button {
margin-left: 4px;
}
#webcommander-page .widget.widget-navigation.categories-list {
margin-right: 40px;
}
.product-view.image-view .product-block .btn-add .add-to-cart-button, .product-view.scrollable-view .product-block .btn-add .add-to-cart-button {
letter-spacing: var(--bk-btn-font-letter-spacing, 1px);
max-width: 120px;
}
.image-view .product-image img, .product-view.scrollable-view .product-image img {
object-fit: cover;
}
.image-view .product-view-height-width .image, .scrollable-view .product-view-height-width .image {
max-width: 280px;
max-height: 260px;
}
}
@media (max-width: 991px){
div.body > .body-section .widget-container.no-fixed-container, #webcommander-page .widget.widget-breadcrumb {
padding-left: 20px;
padding-right: 20px;
}
.image-view .product-view-height-width .image, .scrollable-view .product-view-height-width .image {
max-height: 260px;
max-width: 260px;
}
#webcommander-page .widget.widget-navigation.categories-list {
margin-right: 40px;
}
.product-view.image-view .product-block, .product-view.scrollable-view .product-block {
margin: 0 12px 50px;
}
.product-view .footer{
height: auto;
text-align: center;
}
.product-view .footer, .category-view .footer,
.entire-search .footer, .product-search .footer {
padding: 25px 0 40px;
}
.product-view .footer .pagination-literal-status{
width: 100%;
text-align: center;
}
.pagination{
width: 100%;
margin-top: 10px;
text-align: center;
}
#webcommander-page .widget-breadcrumb .breadcrumb-item .separator {
font-size: 0;
}
.category-details-container .title.page-heading, .widget-product .widget-title, body#webcommander-page.page-shop .product-view .header::before {
font-size: 19px;
line-height: 1.3;
}
#webcommander-page .categories-list .navigation-item:hover a, #webcommander-page .categories-list .navigation-item.active > a {
font-size: 17px;
}
}
@media (max-width: 767px){
#webcommander-page.responsive #spltr-5B9EF884-F97A-44BB-8BD8-CEA0885C96A8 {
width: 100%;
max-width: 100%;
}
.fee-widget-product-image-view .product-view.image-view .product-view-height-width .image {
height: auto;
}
div.body > .body-section .widget-container.no-fixed-container, #webcommander-page .widget.widget-breadcrumb {
padding-left: 15px;
padding-right: 15px;
}
#webcommander-page .widget.widget-breadcrumb {
padding-bottom: 22px;
}
#webcommander-page .widget.widget-navigation.categories-list {
margin-right: 0;
margin-bottom: 20px;
}
.product-view.image-view .product-block, .product-view.scrollable-view .product-block {
margin: 0 12px 35px;
width:100%;
}
.image-view .product-view-height-width .image, .scrollable-view .product-view-height-width .image {
max-height: auto;
max-width: 100%;
}
body#webcommander-page.page-shop .product-view .header::before {
top: -20px;
}
.widget-product .header .sortable select#product-sorting, .product-view .sortable select#product-sorting{
width: 100%;
}
.product-view .header, .category-view .header, .entire-search .header,
.product-search .header, body#webcommander-page.page-shop .product-view .header::before {
border: 0;
height: auto;
}
.product-view .footer, .category-view .footer, .entire-search .footer, .product-search .footer {
padding: 20px 0 20px;
}
#webcommander-page .widget.widget-navigation.categories-list .widget-title {
padding:0;
margin:0;
position: absolute;
right: 40px;
top: -30px;
border:0;
}
/* Navigation */
#webcommander-page .widget.widget-navigation.categories-list .menu-button em {
background-color: var(--bk-color-secondary, #000);
}
#webcommander-page .widget.widget-navigation.categories-list .menu-title {
position: absolute;
right: 5px;
top: -34px;
z-index: 1;
max-width: 30px;
}
#webcommander-page .widget-navigation.categories-list .menu-title .menu-button.responsive-menu-btn{
background-image: unset;
background-repeat: unset;
background-position-x: unset;
background-position-y: unset;
}
#webcommander-page .widget-navigation.categories-list .menu-title .menu-button.responsive-menu-btn em {
display: block;
}
.widget-filter .responsive-menu-btn {
margin:-49px 0 0 0;
position: absolute;
right: 0;
}
.widget.widget-filter {
background:var(--bk-color-surface, #fff);
background:transparent;
}
.category-details .category-details-container {
padding:0;
}
.widget-product .header .sortable, .category-details .header .sortable{
padding-top: 12px;
}
#webcommander-page .widget.widget-navigation.categories-list {
text-align: left;
margin: 0;
}
#webcommander-page .widget.widget-navigation.categories-list .nav-wrapper.show {
height: auto;
left: auto;
position: absolute;
right: 0;
top: 11px;
width: 100%;
z-index: 99;
background: #f2f2f2;
padding: 15px;
}
#webcommander-page .widget.widget-navigation.categories-list .navigation-item{
background: transparent;
}
.pagination span {
margin: 0 1px;
padding: 0 8px;
}
.category-details-container .title.page-heading, .widget-product .widget-title {
letter-spacing: 1px;
line-height: 0;
margin-top: -5px;
}
.category-details-container .title.page-heading, .widget-product .widget-title, body#webcommander-page.page-shop .product-view .header::before {
font-weight: 500;
font-size: 17px;
}
.category-details .product-container .title {
position: relative;
width: 100%;
text-align: center;
}
.product-view .header .sortable {
display: block;
float: unset;
width: 100%;
}
.category-details .product-container .title, .category-details .subcategory-container .title{
display:none;
}
#webcommander-page .form-row.filter-profile-select .filter-profile {
width: 100%;
padding:10px 20px;
}
}
@media (max-width: 1300px){
#webcommander-page .page-search-result .entire-search {
padding: 0 20px 0 15px;
}
.header .widget.main_menu .menu-button.responsive-menu-btn {
position: absolute;
left: 210px;
top: 46px;
}
.header .widget.main_menu {
margin-left: 0;
}
.header .widget.main_menu:before {
display:none;
}
.header .widget.main_menu .menu-title{
position:relative;
}
.header .widget.main_menu .menu-button.responsive-menu-btn:before {
content: "";
position: absolute;
left: -30px;
top: 50%;
width: 1px;
height: 42px;
background: color-mix(in srgb, var(--bk-color-secondary, #000000) 30%, transparent);
transform: translateY(-50%);
}
#webcommander-page.page-home .header .widget.main_menu .menu-button.responsive-menu-btn:before {
background: color-mix(in srgb, var(--bk-color-surface, #ffffff) 30%, transparent);
}
/******************/
.left-modern-nav-drawer-container {
box-shadow: unset;
}
#webcommander-page aside#left-modern-nav-drawer-wc {
width: 350px;
}
.left-modern-nav-drawer-container .wc-mdoern-nav-title {
border-bottom: 0;
padding-bottom: 30px !important;
}
#webcommander-page #left-modern-nav-drawer-wc .horizontal .navigation-item .has-mega-menu-toggle:after{
color: var(--bk-color-ink, #000);
font-size: 22px;
line-height: 20px;
}
.mega-menu-submenu-container.show{
box-shadow:none;
padding: 0;
}
#webcommander-page #left-modern-nav-drawer-wc
.nav-wrapper.horizontal.responsive-navigation.wc-modern-navigation {
padding: 20px;
left: 0;
right: auto;
width: 100%;
}
#webcommander-page #left-modern-nav-drawer-wc
.responsive-navigation.wc-modern-navigation
.navigation-item {
padding: 0;
}
#webcommander-page #left-modern-nav-drawer-wc .horizontal > .navigation-item a {
padding: 0 0 20px !important;
width: 100%;
color: var(--bk-color-ink, #000);
font-size: 18px;
border: 0;
}
#webcommander-page #left-modern-nav-drawer-wc
.responsive-navigation.wc-modern-navigation
.navigation-item.has-child
.child-opener {
right: -6px;
text-align: center;
width: 30px;
top: -2px;
height: 30px;
}
#webcommander-page #left-modern-nav-drawer-wc
.responsive-navigation
.navigation-item.has-child
.child-opener::before {
content: "\f107" !important;
font-family: "FontAwesome" !important;
right: 0;
margin-left: 0;
font-weight: 600;
width: 100%;
display: block;
}
#webcommander-page #left-modern-nav-drawer-wc
.responsive-navigation
.navigation-item.has-child
.child-opener::before {
color: var(--bk-color-ink, #000);
font-size: 22px;
line-height: 20px;
}
#webcommander-page #left-modern-nav-drawer-wc .horizontal > .navigation-item a:hover {
color: var(--bk-link-color, rgb(0 161 198));
}
.left-modern-nav-drawer-container .wc-modern-nav-close-button {
width: 32px;
height: 36px;
position: relative;
display: inline-block;
vertical-align: text-bottom;
text-align: center;
cursor: pointer;
float: right;
padding: 0;
position: absolute;
right: 10px;
top: 25px;
}
.left-modern-nav-drawer-container
.horizontal.responsive-navigation
.navigation-item
.has-mega-menu-toggle {
top: 0;
right: 0;
}
.left-modern-nav-drawer-container .wc-modern-nav-close-button:before,
.left-modern-nav-drawer-container .wc-modern-nav-close-button:after {
position: absolute;
left: 14px;
content: " ";
height: 21px;
width: 2px;
background-color: var(--bk-color-secondary, #000000);
}
.left-modern-nav-drawer-container span.child-opener.close:before {
transform: rotate(180deg);
}
#webcommander-page.responsive
#left-modern-nav-drawer-wc
.navigation-item
.navigation-item-child-container.open {
background: var(--bk-color-surface, #fff);
padding: 0 0 2px 16px;
}
#webcommander-page.responsive #left-modern-nav-drawer-wc .wc-modern-nav-logo img {
width: 150px;
display: block;
}
#webcommander-page #left-modern-nav-drawer-wc
.explore-mega-menu
.inner-items
.single-item
.nav-item
a {
padding: 0 !important;
}
}
@media (max-width: 1200px){
#webcommander-page .page-search-result .entire-search {
padding: 0 10px 0 5px;
}
}
@media (max-width: 991px){
#webcommander-page .page-search-result .entire-search {
padding: 0 5px 0 5px;
}
}
@media (max-width: 767px){
#webcommander-page .page-search-result .product-view.image-view .product-block,
#webcommander-page .page-wish-list .product-view.image-view .product-block{
width: 100%;
margin: 0 10px 30px;
}
.entire-search .search-results .search-result .title.product {
margin-top: -50px;
}
.search-results .product-view .header{
margin: -30px auto 10px;
}
.search-results .product-view .sortable {
position: relative;
top: unset;
margin: 0 auto 0;
}
.entire-search h2 {
font-size: 24px;
margin-top: 10px;
}
.entire-search .search-results .search-result .title.product{
display: none
}
#webcommander-page .add-to-wish-list-popup.add-to-wishlist-popup.popup .header .status-bar-product-name, #webcommander-page .add-to-wish-list-popup.add-to-wishlist-popup.popup .header .status-message{
padding: 0
}
.popup .button-line, .popup .footer {
text-align: center;
background-color: transparent;
margin: 0;
}
#webcommander-page .page-wish-list .wish-list-details .product-view .header {
position: relative;
height:98px;
}
#webcommander-page .page-wish-list .product-view .sortable {
top: 55px;
}
.wish-list-popup.add-to-wishlist-popup.popup .body {
max-width: 100%;
}
}
#webcommander-page .widget-gallery.jssorSlider::before {
content: none;
}
.jssor-slider-container .jssor-loader .loader-2 {
background: url(/template/097c5ce4/images/slider-loading.webp) no-repeat center center;
background-size: 60px;
}
div.widget-snippet .about-area .content {
margin-bottom: 0 !important;
}
@media (max-width: 1400px) {
div.widget.widget-snippet .about-area {
padding: 0 20px;
}
}
@media (max-width: 1200px) {
div.widget.widget-snippet .about-area {
padding: 0 15px;
}
}
@media (max-width: 767px) {
div.widget.widget-snippet .about-area .content {
margin-bottom: 20px;
}
}
.fee .wc-snippet-shop-by-category .container {
max-width: 1630px ;
}
.product-view.tabular-view .product-table-view-column.multi-cart-selection-step-column span.remove-from-compare-button.button {
padding: 8px 10px;
}
/*______________________________ 2nd face update issues fixing _______________________________*/
.widget.widget-blogPost.fee-blog-design-1 .blog-post-content,
.widget.widget-blogPost.fee-blog-design-2 .blog-post-content,
.widget.widget-blogPost.fee-blog-design-3 .blog-post-content,
.widget.widget-blogPost.fee-blog-design-4 .blog-post-content {
padding-right: 0;
}
.widget.fee-category-1 .category-image-view-width,
.widget.fee-category-2 .category-image-view-width {
box-sizing: border-box;
}
.fee-widget-product-image-view .product-view.image-view .product-view-height-width ,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-view-height-width {
border-radius: 0;
font-family: inherit;
background: transparent;
}
.fee-widget-product-image-view .product-view.image-view .product-block .review-rating-wrapper,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .review-rating-wrapper {
padding-right: 15px;
padding-left: 15px;
}
.fee-widget-product-image-view .product-view.image-view .price-waper .previous-price.price,
.fee-widget-product-scroll-view .product-view.scrollable-view .price-waper .previous-price.price{
padding: 0;
margin: 0;
}
.fee-widget-product-image-view .product-view.image-view .current-price.price,
.fee-widget-product-scroll-view .product-view.scrollable-view .current-price.price {
font-size: 19px;
font-weight: 600;
color: var(--bk-color-ink, #000);
}
.fee-widget-product-image-view .product-view.image-view .product-name,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-name {
text-align: left;
max-height: 100%;
min-height: auto;
}
.fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button.button,
.fee-widget-product-scroll-view .product-view.scrollable-view .btn-add .add-to-cart-button {
width: auto;
line-height: 21px;
font-weight: var(--bk-btn-font-weight, 500);
}
.fee-widget-product-image-view .product-view.image-view .btn-add,
.fee-widget-product-scroll-view .product-view.scrollable-view .btn-add {
padding-left: 20px;
padding-right: 20px;
}
.fee-widget-product-list-view .product-view.list-view .content .product-block .block-content-wrap,
.fee-widget-product-list-view .product-view.list-view .content .product-block .block-content-wrap .price-waper {
text-align: left;
}
.fee-widget-product-image-view .product-view.image-view .product-name a{
font-family: var(--bk-link-font-family, inherit);
text-transform: var(--bk-link-font-transform, capitalize);
}
.fee-widget-product-list-view .product-view .product-block .btn-add .add-to-cart-button.button {
width: auto;
font-family: var(--bk-btn-font-family, inherit);
text-transform: var(--bk-btn-font-transform, capitalize);
}
.fee-widget-product-list-view .product-view .product-block .btn-add .add-to-cart-button.button::after{
content: none;
}
.body .widget-product.fee-widget-product-scroll-view .widget-title,
.body .widget-product.fee-widget-product-image-view .widget-title,
.body .widget-product.fee-widget-product-list-view .widget-title,
.body .widget-product.fee-widget-product-tabular-view .widget-title {
color: var(--bk-color-ink, #000);
font-weight: 600;
text-align: center;
font-family: inherit;
letter-spacing: normal;
line-height: normal;
padding: 20px 0;
text-transform: capitalize;
}
.body .widget-product.fee-widget-product-scroll-view .widget-title::before,
.body .widget-product.fee-widget-product-image-view .widget-title::before,
.body .widget-product.fee-widget-product-list-view .widget-title::before,
.body .widget-product.fee-widget-product-tabular-view .widget-title::before,
.body .widget-product.fee-widget-product-scroll-view .widget-title::after,
.body .widget-product.fee-widget-product-image-view .widget-title::after,
.body .widget-product.fee-widget-product-list-view .widget-title::after,
.body .widget-product.fee-widget-product-tabular-view .widget-title::after{
content: none;
}
.fee-gallery-jssor3 .jssor-slider-container .jssora20l::before,
.fee-gallery-jssor3 .jssor-slider-container .jssora20r::before{
content: none;
}
.jssor-slider-container .jssorb03 div,
.jssor-slider-container .jssorb03 div:hover,
.jssor-slider-container .jssorb03 .av {
width: auto;
height: auto;
line-height: normal;
}
.fee-gallery-swipebox .swipe-image-wrap {
padding: 0 ;
}
.fee-gallery-swipebox .swipe-image-wrap .box {
margin: 0;
padding: 10px;
}
.fee-gallery-swipebox .swipe-image-wrap .box a::after {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
background-color: color-mix(in srgb, var(--bk-color-secondary, #000000) 50%, transparent);
content: "";
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap .thumb img {
max-height: 100%;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs {
margin: 0;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout.thumb-position-bottom .thumbs li {
margin: 0 auto;
}
.widget-gallery ul li::after{
content: none;
}
.fee-widget-product-list-view .product-view.list-view .product-name-link {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
font-family: inherit;
}
.fee-widget-product-list-view .product-view .product-block .btn-add .add-to-cart-button.button:hover {
background-color: var(--bk-btn-hover-bg, var(--bk-color-surface, #fff));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #0094c4));
}
.product-view.tabular-view .add-to-cart-multi-select-fixed-button.button {
right: 60px;
width: auto;
}
.fee-blog-design-1 .blog-post-item, .fee-blog-design-2 .blog-post-item, .fee-blog-design-3 .blog-post-item, .fee-blog-design-4 .blog-post-item {
/*width: calc(100% / 3 - 28px);*/
}
.fee-blog-design-1 .blog-post-item.last, .fee-blog-design-2 .blog-post-item.last, .fee-blog-design-3 .blog-post-item.last, .fee-blog-design-4 .blog-post-item.last{
border: none;
}
.blog-post-item .post-description .blog-post-info {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 10px;
}
@media (max-width: 1199px) {
#webcommander-page .widget.widget-category.fee-category-1 .category-view .content .category,
#webcommander-page .widget.widget-category.fee-category-2 .category-view .content .category {
width: 33.333%;
margin: 0;
}
}
@media (max-width:575px) {
#webcommander-page .widget.widget-category.fee-category-1 .category-view .content .category,
#webcommander-page .widget.widget-category.fee-category-2 .category-view .content .category {
width: 50%;
margin: 0;
padding: 2px;
border: none
}
}
@media (max-width: 1199px) {
.fee-widget-product-image-view .product-view.image-view .product-block:nth-child(5n+1) {
border-left: 1px solid #e6e6e6;
}
.widget.widget-product.fee-widget-product-tabular-view .product-table-block {
padding: 0 15px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout.thumb-position-bottom .thumbs {
padding: 0 40px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout.thumb-position-bottom .thumbs-container .pageLink.prev {
left: -10px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout.thumb-position-bottom .thumbs-container .pageLink.next {
right: -10px;
}
}
@media (max-width: 991px) {
.widget.widget-product.fee-widget-product-image-view .product-view.image-view .product-block {
margin: 0;
}
.product-view.tabular-view .name-column {
max-width: 230px;
}
.fee-blog-design-1 .blog-post-item, .fee-blog-design-2 .blog-post-item, .fee-blog-design-3 .blog-post-item, .fee-blog-design-4 .blog-post-item{
min-height: unset;
}
}
@media (max-width: 767px) {
.product-view.tabular-view .name-column {
max-width: 260px;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout.thumb-position-bottom .thumbs li {
width: auto;
}
.fee-widget-product-image-view .product-view.image-view .content, .fee-widget-product-scroll-view .product-view.scrollable-view .content {
padding: 0 15px 25px;
}
.widget.widget-product.fee-widget-product-list-view .content,
.widget.widget-product.fee-widget-product-list-view .header{
padding:0 10px
}
.widget.widget-blogPost.fee-blog-design-1 .blog-post-content, .widget.widget-blogPost.fee-blog-design-2 .blog-post-content, .widget.widget-blogPost.fee-blog-design-3 .blog-post-content, .widget.widget-blogPost.fee-blog-design-4 .blog-post-content {
padding: 0 5px;
}
}
@media (max-width: 480px) {
.fee-widget-product-list-view .product-view .product-block .btn-add .add-to-cart-button.button {
padding: 8px 10px;
font-size: 14px;
}
}
/*______________________________ Exit 2nd face update issues fixing _______________________________*/
/*______________________________ 2nd face slider issues fixing _______________________________*/
.fee-gallery-jssor .jssor-slider-container .caption-wrapper {
position: absolute;
text-align: center;
height: auto;
padding: 15px;
}
.fee-gallery-jssor div.jssor-slider-container .container>[u="caption"] {
width: auto;
text-align: center;
max-width: 100%;
overflow: auto;
}
.fee-gallery-jssor div.jssor-slider-container .description.jssor-caption-1,
.fee-gallery-jssor div.jssor-slider-container .title.jssor-caption-2 {
max-width: 100%;
position: static;
font-family: inherit;
padding: 10px 0;
color: #fff;
display: block;
font-size: 18px;
}
.fee-gallery-jssor div.jssor-slider-container .title.jssor-caption-2 span {
font-size: 58px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 30px;
text-transform: capitalize;
letter-spacing: normal;
color: #fff;
display: inline;
white-space: normal;
}
.fee-gallery-jssor .jssor-slider-container .caption-wrapper [u="caption"].button {
position: static;
}
.fee-gallery-jssor .jssor-slider-container .caption-wrapper [u="caption"].button a {
min-width: auto;
text-transform: var(--bk-btn-font-transform, capitalize);
letter-spacing: var(--bk-btn-font-letter-spacing, normal);
border: 1px var(--bk-color-surface, #fff) solid !important;
background: transparent;
}
.fee-gallery-jssor .jssor-slider-container .caption-wrapper [u="caption"].button a:hover {
color: var(--bk-btn-hover-color, var(--bk-color-ink, #000)) !important;
background: var(--bk-btn-hover-bg, var(--bk-color-surface, #fff)) !important;
}
.fee-gallery-jssor div.jssor-slider-container .container .jssor-caption-3 > a::after {
content: none;
}
.fee-gallery-jssor2 .jssor-slider-container .caption-wrapper {
position: absolute;
}
.fee-gallery-jssor2 .jssor-slider-container .caption-wrapper {
text-align: left;
position: absolute;
padding: 15px;
height: auto;
}
.fee-gallery-jssor2 div.jssor-slider-container .container [u="caption"] {
position: static;
padding: 10px 0;
display: block;
color: #fff;
font-size: 18px;
font-weight: 400;
font-family: inherit;
height: auto;
max-width: 100%;
text-align: left;
}
.fee-gallery-jssor2 div.jssor-slider-container .container [u="caption"].description.jssor-caption-1 {
font-size: 36px;
font-weight: 700;
}
.fee-gallery-jssor2 div.jssor-slider-container .title.jssor-caption-2 span {
font-size: 58px;
font-weight: 700;
line-height: 1.4;
}
.fee-gallery-jssor2 div.jssor-slider-container .container div.jssor-caption-2 span {
white-space: normal;
max-width: 100%;
}
.fee-gallery-jssor3 .jssor-slider-container .jssora20r,
.fee-gallery-jssor3 .jssor-slider-container .jssora20l{
border: none;
}
.fee-gallery-jssor3 .jssor-slider-container .jssora20r:hover,
.fee-gallery-jssor3 .jssor-slider-container .jssora20l:hover {
border: none;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2254%22%20viewBox%3D%220%200%2029%2054%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M1.56299%202.00781L26.5566%2027.0015L1.56299%2051.9951%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%2F%3E %3C%2Fsvg%3E");
background-repeat: no-repeat;
}
@media (max-width: 767px) {
.fee-gallery-jssor div.jssor-slider-container .container div.jssor-caption-1,
.fee-gallery-jssor2 div.jssor-slider-container .container div.jssor-caption-1,
.fee-gallery-jssor div.jssor-slider-container .container div.jssor-caption-2,
.fee-gallery-jssor2 div.jssor-slider-container .container div.jssor-caption-2,
.fee-gallery-jssor div.jssor-slider-container .container div.jssor-caption-3 ,
.fee-gallery-jssor2 div.jssor-slider-container .container div.jssor-caption-3 {
transform: unset;
}
}
/*______________________________ 2nd face product & Category issues fixing _______________________________*/
.widget-gallery.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.next::before {
content: none;
}
.fee-widget-product-image-view .product-view.image-view .product-block:hover .product-image,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block:hover .product-image {
box-shadow: none;
}
.fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-cart-button {
background: var(--bk-btn-fill, #0094c4 none repeat scroll 0 0) !important;
border: var(--bk-btn-border-width, 1px) solid #0094c4 !important;
font-family: var(--bk-btn-font-family, inherit);
text-transform: var(--bk-btn-font-transform, capitalize);
padding: var(--bk-btn-pad, 8px 20px);
max-width: 100%;
letter-spacing: var(--bk-btn-font-letter-spacing, normal);
}
.fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button::after,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-cart-button::after {
content: none;
}
.fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button:hover,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-cart-button:hover {
background-color: var(--bk-btn-hover-bg, var(--bk-color-surface, #fff)) !important;
color: var(--bk-btn-hover-color, var(--bk-btn-text, #0094c4));
}
.fee-widget-product-scroll-view .product-view.scrollable-view .content {
display: inherit;
overflow: hidden;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .scroller .scroll-left,
.fee-widget-product-scroll-view .product-view.scrollable-view .scroller .scroll-right {
transform: none;
right: 0;
left: 0;
}
.fee-widget-product-image-view .product-view.image-view .product-image,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-image {
margin: 0;
}
.fee-widget-product-image-view .product-view.image-view .product-name a,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-name a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .header {
position: unset;
}
.fee-widget-product-scroll-view .scrollable-view .scroller::before {
content: none;
}
.fee-widget-product-scroll-view .scrollable-view .scroller .scroll-left {
float: none;
left: 0;
transform: none;
}
.fee-widget-product-scroll-view .scrollable-view .scroller .scroll-right {
float: none;
}
.add-cart-information-popup .sending-type-by-post .form-row select {
border-radius:0
}
.product-view.image-view .product-name a{
font-weight: var(--bk-link-font-weight, 700);
}
@media (max-width: 767px) {
.fee-widget-product-image-view .product-view.image-view .product-block,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block {
border-left: 1px solid #e6e6e6;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout.thumb-position-bottom .thumbs-container .pageLink.prev {
left: 0;
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout.thumb-position-bottom .thumbs-container .pageLink.next {
right: 0;
}
}
/*______________________________ 2nd face blog issue _______________________________*/
.fee-blog-design-1 .blog-post-item, .fee-blog-design-2 .blog-post-item, .fee-blog-design-3 .blog-post-item, .fee-blog-design-4 .blog-post-item {
display: inline-block;
}
.fee-blog-design-1 .post.post-list-view-height, .fee-blog-design-2 .post.post-list-view-height,
.fee-blog-design-3 .post.post-list-view-height, .fee-blog-design-4 .post.post-list-view-height {
margin-right: 0;
}
.fee-blog-design-1 .blog-post-info span, .fee-blog-design-2 .blog-post-info span, .fee-blog-design-3 .blog-post-info span, .fee-blog-design-4 .blog-post-info span {
color: #666 !important;
font-size: 13px;
}
.fee-blog-design-1 .post-description, .fee-blog-design-2 .post-description,
.fee-blog-design-3 .post-description, .fee-blog-design-4 .post-description {
padding-right: 0;
}
.fee-blog-design-1 .blog-post-item .blog-post-info, .fee-blog-design-2 .blog-post-item .blog-post-info,
.fee-blog-design-3 .blog-post-item .blog-post-info, .fee-blog-design-4 .blog-post-item .blog-post-info {
margin-bottom: 0;
}
.fee-widget-product-list-view .product-block .price-waper > * {
margin-right: 0;
}
.fee-widget-product-list-view .product-view.list-view .content .product-block .block-content-wrap .price-waper {
width: auto;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .current-price.price .tax-message,
.fee-widget-product-image-view .product-view.image-view .current-price.price .tax-message,
.fee-widget-product-list-view .current-price.price .tax-message,
.fee-widget-product-tabular-view .current-price.price .tax-message {
color: #999;
font-size: 10px !important;
font-weight: 400;
width: 100%;
display: block;
}
div .widget-snippet .wc-snippet-expreance .container{
max-width: 1600px;
}
div .widget-snippet .wc-snippet-about .container {
max-width: 100%;
}
div.widget-snippet .about-area {
max-width: 100%;
}
.fee .horizontal .navigation-item:hover > .navigation-item-child-container {
display: none;
}
#webcommander-page .fee-mobile-view-on .widget.widget-navigation.main_menu .fee-header-footer-control-menu.fee-widget-option {
left: auto;
right: 0;
}
/*______________________________ New Customer Profile Design _______________________________*/
body#webcommander-page.page-profile select:focus,
body#webcommander-page.page-profile input[type="text"]:focus,
body#webcommander-page.page-profile input[type="password"]:focus,
body#webcommander-page.page-profile input[type="email"]:focus{
border: 1px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .page-profile .widget-container ,
#webcommander-page.auto-page.page-profile .page-content {
padding: 0 !important;
}
#webcommander-page .user-nav .vertical .navigation-item {
padding: 0;
}
.widget-navigation .nav-profile-not-logged-in {
padding-top: 20px;
}
.widget-navigation .navigation-item .nav-profile-not-logged-in > .autoGeneratedPage {
color: #fff !important;
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
padding: 6px 40px 10px !important;
border-radius:30px;
}
.widget-navigation .navigation-item .nav-profile-not-logged-in > .autoGeneratedPage:hover {
color: #fff !important;
background: var(--bk-color-secondary, #000);
}
#webcommander-page .widget-navigation.user-nav .responsive-navigation .navigation-item.first a {
border: none;
padding: 0;
}
#webcommander-page .customer-profile-v2.bmui-tab.left-side-header .bmui-tab-header.bmui-tab-active {
border: none;
background: none;
}
#webcommander-page .customer-profile-v2.bmui-tab.left-side-header .bmui-tab-header.bmui-tab-active .title:after {
display: none;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 button {
border: none;
margin: 0;
width: auto;
}
#webcommander-page .customer-profile-v2.bmui-tab.left-side-header .bmui-tab-header .title,
#webcommander-page #customer-profile-tabs.customer-profile-v2 .profileLogout a,
#webcommander-page #customer-profile-tabs.customer-profile-v2 #customer-manage-card-billing_address .create-new,
#webcommander-page #customer-profile-tabs.customer-profile-v2 #customer-manage-card-shipping_address .create-new {
font-family: var(--bk-font-base, "Montserrat"),sans-serif;
text-transform: var(--bk-link-font-transform, none);
}
#webcommander-page .page-profile .notification.popup .icon {
display: block;
float: none;
}
#webcommander-page .page-profile .notification.popup .type {
line-height: normal;
}
#webcommander-page .page-profile .notification.popup .message {
font-family: var(--bk-font-base, "Montserrat"),sans-serif;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .scroller [class^="scroll-"]:after {
transform: none;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .scroller .scroll-right:after {
right: 15px;
left: auto;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .scroller .scroll-left:after {
left: 14px;
}
#webcommander-page .page-profile .site-popup .title-bar .close::after {
display: none;
}
.widget-navigation .nav-profile-logged-in {
padding-top: 10px;
}
.page-product .widget-currency .form-row {
margin: 0 0 20px;
display: flex;
align-items: center;
justify-content: flex-end;
column-gap: 15px;
}
.page-product .widget-currency .form-row label {
width: auto;
}
.page-product .widget-currency .form-row select {
width: auto;
padding: 5px 24px 5px 15px;
height: auto;
background: var(--bk-color-surface, #fff) url("../images/select-down-arrow.png") no-repeat scroll right center;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,.02),0 -2px 10px 0 rgba(0,0,0,.05);
border-radius: 8px;
padding: 12px 16px;
margin-bottom: 24px;
background-color: var(--bk-color-surface, #ffffff);
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card h1 {
margin: 0;
padding-bottom: 4px;
font-size: var(--bk-h1-size, 18px);
font-weight: var(--bk-h1-weight, 600);
line-height: var(--bk-h1-line-height, 36px);
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card .order-created {
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: #4F4F4F;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card .track-order-action {
font-size: 14px;
font-weight: 600;
line-height: 20px;
color: var(--bk-color-ink, #000000);
text-decoration: underline;
text-underline-offset: 3px;
margin-left: 15px;
cursor: pointer;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card .order-basic-info-bottom {
margin-top: 16px;
padding-top: 16px;
border-top: 1px color-mix(in srgb, var(--bk-color-secondary, #000000) 8%, transparent) solid;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card .order-basic-info-bottom .panel-header {
margin: 0;
padding: 0;
border: none;
align-items: flex-start;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card .order-basic-info-bottom .panel-header .address-view .title {
font-size: 12px;
font-weight: 500;
line-height: 24px;
color: #212529;
text-transform: uppercase;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card .order-basic-info-bottom .panel-header .address-view .name {
display: block;
font-size: 14px;
font-weight: 600;
color: var(--bk-color-ink, #000000);
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card .order-basic-info-bottom .panel-header .address-view {
font-size: 14px;
font-weight: 500;
color: #4F4F4F;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card .order-basic-info-bottom .header-left {
width: 50%;
flex-grow: 0;
flex-shrink: 0;
padding-right: 20px;
border-right: 1px color-mix(in srgb, var(--bk-color-secondary, #000000) 8%, transparent) solid;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card .order-basic-info-bottom .header-right {
width: 50%;
flex-grow: 0;
flex-shrink: 0;
padding-left: 20px;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders #order-details .order-info-wrap {
width: 318px;
margin-left: auto;
box-shadow: 0 4px 8px 0 rgba(0,0,0,.02),0 -2px 10px 0 rgba(0,0,0,.05);
background: var(--bk-color-surface, #ffffff);
border-radius: 8px;
margin-top: 0;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders #order-details .order-info-wrap .info-row {
display: flex;
padding: 14px 16px;
margin: 0;
border-bottom: 1px color-mix(in srgb, var(--bk-color-secondary, #000000) 5%, transparent) solid;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders #order-details .order-info-wrap .info-row label {
width: 50%;
flex-grow: 0;
flex-shrink: 0;
text-align: left;
font-size: 12px;
font-weight: 500;
color: #626262;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders #order-details .order-info-wrap .info-row .value {
width: 50%;
flex-grow: 0;
flex-shrink: 0;
text-align: right;
font-size: 12px;
font-weight: 500;
color: var(--bk-color-ink, #000000);
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders #order-details .order-info-wrap .info-row:last-child {
border-bottom: none;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders #order-details .order-info-wrap .info-row:last-child label,
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders #order-details .order-info-wrap .info-row:last-child .value {
font-weight: 600;
color: var(--bk-color-ink, #000000);
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .profileLogout a:hover {
color: var(--bk-color-ink, #000000);
}
@media(min-width: 992px) {
#webcommander-page #customer-profile-tabs.customer-profile-v2 .customer-profile-left-wrapper {
top: 122px;
}
#webcommander-page.responsive .daily-rugby-area .daily-rugby-box {
flex-direction: column;
}
}
#webcommander-page .payment-form.site-popup-form input[type="text"] {
width: 100%;
}
#webcommander-page .payment-form.site-popup-form input[type="text"]:focus {
border: 1px solid var(--bk-color-secondary, #000);
}
.site-popup.popup.active .content .payment-form.site-popup-form .double-input-row.mandatory {
display: flex;
flex-wrap: wrap;
}
.site-popup.popup.active .content .payment-form.site-popup-form .double-input-row label {
width: 100%;
font-size: 14px;
}
#webcommander-page .page-profile .site-popup .payment-form .terms_and_condition_title {
margin: 0;
font-size: 14px;
line-height: 20px;
}
#webcommander-page .page-profile .site-popup .payment-form .form-row.agree-terms {
padding-left: 20px;
position: relative;
line-height: 0;
}
#webcommander-page .page-profile .site-popup .payment-form .form-row.agree-terms input.checkbox {
position: absolute;
top: 4px;
left: 0;
}
#webcommander-page .page-profile .site-popup .button-line button.cancel-button {
font-size: var(--bk-btn-font-size, 13px);
font-weight: var(--bk-btn-font-weight, 600);
color: var(--bk-btn-text, #333);
padding: var(--bk-btn-pad, 6px 12px);
background: none;
border: var(--bk-btn-border-width, 1px) color-mix(in srgb, var(--bk-color-secondary, #000000) 20%, transparent) solid;
border-radius: var(--bk-btn-radius, 4px);
}
#webcommander-page .page-profile .site-popup .button-line button.cancel-button:hover {
font-size: var(--bk-btn-font-size, 13px);
font-weight: var(--bk-btn-font-weight, 600);
color: var(--bk-btn-hover-color, var(--bk-btn-text, #333));
background: none;
border: var(--bk-btn-border-width, 1px) color-mix(in srgb, var(--bk-color-secondary, #000000) 40%, transparent) solid;
border-radius: var(--bk-btn-radius, 4px);
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block .block-content-wrap {
padding: 10px;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block .product-name-link {
color: var(--bk-color-ink, #000000);
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
margin: 0;
text-transform: capitalize;
text-align: center;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block .block-content-wrap {
text-align: left;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff)) ;
background: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .customer-password-change-card .btn-row .cancel-button,
#webcommander-page #customer-profile-tabs.customer-profile-v2 #customer-manage-card-billing_address .edit-address-form .form-row.btn-row .cancel-button,
#webcommander-page #customer-profile-tabs.customer-profile-v2 #customer-manage-card-shipping_address .edit-address-form .form-row.btn-row .cancel-button {
color: var(--bk-btn-text, var(--bk-color-ink, #000)) ;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .pagination span {
width: auto;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .pagination span.prev::before,
#webcommander-page #customer-profile-tabs.customer-profile-v2 .pagination span.next::before {
content: none;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .gift_card .check-balance {
display: inline-block;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .gift_card .errorlist.after{
position: unset;
}
#webcommander-page .page-profile .site-popup.popup {
max-width: 400px;
min-width: 290px;
width: calc(100% - 40px) !important;
}
#webcommander-page .page-profile .site-popup.popup .payment-form.site-popup-form .header-wrapper > h1 {
font-size: var(--bk-h1-size, 18px);
font-weight: var(--bk-h1-weight, 600);
line-height: var(--bk-h1-line-height, normal);
margin: 0 0 15px;
font-family: var(--bk-h1-family, var(--bk-font-heading, "Montserrat"),sans-serif);
}
#webcommander-page .page-profile .form-row {
margin: 15px 0;
}
#webcommander-page .page-profile .payment-form .form-row label,
#webcommander-page .page-profile .payment-form .double-input-row label {
display: block;
padding-bottom: 0;
width: auto;
color: var(--bk-color-ink, #000);
font-weight: 500;
font-size: 15px;
}
#webcommander-page .page-profile .payment-form.site-popup-form input[type="text"] {
width: 100%;
height: 40px;
}
.site-popup.popup.active .content .payment-form.site-popup-form .double-input-row > .form-type-info {
color: #999;
font-size: 20px;
height: 40px;
line-height: 37px;
margin: 0;
text-align: center;
width: 26px;
background: var(--bk-color-surface, #fff);
border: none;
}
#webcommander-page .page-profile .site-popup .title-bar {
text-align: left;
}
#webcommander-page .page-profile .site-popup .content {
padding: 15px 20px !important;
background-color: var(--bk-color-surface, #fff);
}
#webcommander-page .page-profile .popup .button-line,
#webcommander-page .page-profile .popup .footer {
background-color: #f2f2f2;
margin-top: 0;
text-align: right;
width: 100%;
overflow: hidden;
position: relative;
padding: 25px;
border-top: none;
display: flex;
justify-content: right;
}
#webcommander-page .page-profile .site-popup .button-line button.cancel-button {
order: 2;
margin-left: 10px;
}
#webcommander-page .page-profile .site-popup .button-line button {
border: var(--bk-btn-border-width, 1px) #f0f3f4 solid;
margin: 0;
}
#webcommander-page .page-profile .site-popup .submit-button.site-popup-form-submit{
color: var(--bk-btn-text, #fff) !important;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .button.profileLogout {
border: none;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block {
/*padding: 0;*/
/*width: 253px;*/
/*margin: 5px;*/
}
.widget-navigation .nav-profile-logged-in .nav-customer-name {
padding-right: 5px;
word-break: break-all;
line-height: normal;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .variation-container {
display: none;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .header .scroller {
right: 20px;
width: auto;
top: 14px;
z-index: 0;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .header .scroll-left,
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .header .scroll-right {
background: var(--bk-color-surface, #fff);
border-radius: 50%;
box-shadow: 0 0 23px 0 rgba(0,0,0,.07);
height: 40px;
width: 40px;
position: relative;
border: none;
filter: none;
top: 0;
left: 0;
margin: 0;
transform: none;
}
#webcommander-page .page-profile .errorlist.after {
position: unset;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .customer-password-change-card .password-edit-link {
height: auto;
}
#webcommander-page .page-profile .spacer {
display: none;
}
#webcommander-page #customer-profile-tabs .abandoned-cart-items-wrap .product-col,
#webcommander-page #customer-profile-tabs .order-items-wrap .product-col {
width: 250px;
}
#webcommander-page #customer-profile-tabs .order-items-wrap .wrapper[data-label="Product:"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
#webcommander-page #customer-profile-tabs .order-items-wrap .wrapper[data-label="Product:"] a {
width: 48px;
height: 48px;
flex-grow: 0;
flex-shrink: 0;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .credit-debit-card .link-card-suggest {
margin: 14px 0;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .credit-debit-card .link-card-btn,
#webcommander-page #customer-profile-tabs.customer-profile-v2 button {
border: none;
background: var(--bk-btn-fill, var(--bk-color-secondary, #000));
margin: 0;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 button:hover,#webcommander-page .page-profile .site-popup .button-line button:hover,
#webcommander-page #customer-profile-tabs.customer-profile-v2 .credit-debit-card .link-card-btn:hover,
#webcommander-page .page-profile .confirm-popup .button-line button:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 #customer-manage-card-billing_address .address-card-item-group-header .action-icon.edit:hover::after,
#webcommander-page #customer-profile-tabs.customer-profile-v2 #customer-manage-card-shipping_address .address-card-item-group-header .action-icon.edit:hover::after {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .page-profile .confirm-popup .button-line button {
border: none;
}
.site-popup.popup.active .content .payment-form.site-popup-form .double-input-row .mandatory.mandatory-chosen-wrapper {
width: 46%;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned_cart .form-row {
display: flex;
flex-wrap: wrap;
padding: 10px 0;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned_cart .form-row .submit-button {
margin-right: 10px;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned_cart .form-row label,
#webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned_cart .form-row span {
width: auto;
font-size: 16px;
padding: 0 6px 0 0;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 col.action-col {
width: 100px;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned-cart-items-wrap,
#webcommander-page #abondoned-cart-list, #webcommander-page .bmui-tab.left-side-header.customer-profile-v2 .bmui-tab-body-container .save_cart {
overflow-y: auto;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned-cart-items-wrap table,
#webcommander-page #abondoned-cart-list table, #webcommander-page .bmui-tab.left-side-header.customer-profile-v2 .bmui-tab-body-container .save_cart table{
min-width: 830px;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .header .scroll-left,
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .header .scroll-right {
border: 1px color-mix(in srgb, var(--bk-color-secondary, #000000) 20%, transparent) solid;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .header .scroll-left:hover,
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .header .scroll-right:hover {
border: 1px color-mix(in srgb, var(--bk-color-secondary, #000000) 40%, transparent) solid;
}
#webcommander-page .page-profile .site-popup .close.cancel-button {
border: var(--bk-btn-border-width, 1px) color-mix(in srgb, var(--bk-color-secondary, #000000) 20%, transparent) solid !important;
}
#webcommander-page .page-profile .site-popup .close.cancel-button:hover {
border: var(--bk-btn-border-width, 1px) color-mix(in srgb, var(--bk-color-secondary, #000000) 40%, transparent) solid !important;
background: transparent !important;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 button[disabled] {
border: none !important;
}
#webcommander-page #customer-profile-tabs .scrollable-view .content {
display: block;
}
#webcommander-page .page-profile .confirm-popup .button-line button.no-button:hover {
background: transparent;
}
@media (max-width: 767px) {
#webcommander-page #customer-profile-tabs.customer-profile-v2 .customer-password-change-card .manage-password {
display: flex;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .customer-password-change-card .password-edit-link {
margin-top: 0;
}
.site-popup.popup.active .content .payment-form.site-popup-form .double-input-row .mandatory.mandatory-chosen-wrapper {
width: 100%;
}
.btn-group.view-switchers .image-view-switcher,
.btn-group.view-switchers .list-view-switcher {
margin-right: 3px;
}
}
/*=============== New-Feature-Fixing ===================*/
/* ========= Product-Category-Section ========== */
.btn-group.view-switchers {
margin: 5px 10px 10px 0;
}
.btn-group.view-switchers .image-view-switcher,
.btn-group.view-switchers .list-view-switcher,
.btn-group.view-switchers .tabular-view-switcher {
margin-top: 15px;
}
.btn-group.view-switchers .image-view-switcher {
height: 21px;
width: 21px;
background-color: transparent;
}
.btn-group.view-switchers .list-view-switcher {
height: 21px;
width: 21px;
background-color: transparent;
}
.btn-group.view-switchers .list-view-switcher {
background-position: -21px 0;
}
.btn-group.view-switchers .list-view-switcher.active {
background-position: -21px -20px;
}
.btn-group.view-switchers .tabular-view-switcher {
background-image: url("/template/097c5ce4/images/grid-list-view.png");
background-repeat: no-repeat;
display: inline-block;
height: 20px;
width: 23px;
margin-right: 0;
padding: 0;
background-color: transparent;
}
.btn-group.view-switchers .tabular-view-switcher {
background-position: -45px 0;
}
.btn-group.view-switchers .tabular-view-switcher.active {
background-position: -45px -20px;
}
.parent-name {
font-size: 14px !important;
padding: 10px 15px 0;
}
/* ========= Product-Listing View========== */
/* ========= End Product-Listing View========== */
/* ========= Product-Tabular View========== */
.product-view.tabular-view .content {
margin: 0;
}
.product-view.tabular-view .product-name-link {
font-family: var(--bk-font-base, 'Glacial Indifference');
font-size: 16px;
font-weight: 400;
color: #32312f;
max-width: 300px;
}
.product-view.tabular-view .current-price {
font-weight: 500;
font-size: 17px;
color: var(--bk-color-ink, #000);
}
.product-view.tabular-view .tax-message {
font-size: 12px;
font-weight: 400;
}
.product-view.tabular-view .product-table-view-column .stepper {
margin-right: 0;
width: 75px;
}
.product-view.tabular-view .tabular-product-view .product-table-block .product-table-view-column.header {
height: auto;
}
.product-view.tabular-view .product-table-view-header .product-table-view-column {
font-weight: 600;
font-size: 16px;
}
.product-view.tabular-view .tabular-product-view {
overflow-y: auto;
}
.product-view.tabular-view .tabular-product-view .product-table-block {
min-width: 620px;
padding-bottom: 15px;
}
.product-view.tabular-view .price {
padding: 0;
font-size: 15px;
}
/* ========= End Product-Tabular View========== */
.product-view.list-view .product-view.scrollable-view .content {
font-size:0;
margin:0;
text-align:left
}
.product-view.list-view .content .product-block {
padding:0;
border:1px solid #e6e6e6;
display:flex;
margin:15px 0;
overflow:hidden;
position: relative;
height:auto;
}
.product-view.list-view .content .product-block .block-content-wrap {
padding: 25px 15px 15px 20px;
}
.product-view.list-view .content .product-block .image.product-image img {
max-width:100%;
max-height:100%
}
.product-view.list-view .btn-add {
text-align: left;
flex-direction: column;
margin-top: 15px;
position: unset;
display: flex;
padding: 0;
justify-content: start;
margin-bottom: 10px;
}
.product-view.list-view .content .product-block .in-stock {
margin-top: 7px;
}
.product-view.list-view .content .product-block .block-content-wrap .price-waper {
margin: 5px 0 10px;
width: 100%;
text-align: left;
display: block;
padding: 0;
}
.product-view.list-view .product-name-link {
color: #32312f;
font-size: 17px;
padding: 0 0 18px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block !important;
font-weight: 500;
}
.product-view.list-view .product-name-link:hover{
color: #32312f;
}
.product-view.list-view .current-price.price {
font-size: 17px;
font-weight: 500;
color: var(--bk-color-ink, #000);
display: inline-block;
}.product-view.list-view .product-block .btn-add .add-to-wish-list,
.product-view.list-view .product-block .btn-add .add-to-compare-button.button,
.product-view.list-view .product-block .btn-add .remove-from-compare-button.button {
background: var(--bk-btn-tertiary-fill, var(--bk-color-secondary, #000) none repeat scroll 0 0);
height: auto;
transition: all 300ms ease 0s;
line-height: 24px;
margin: 0 0 10px;
padding: var(--bk-btn-tertiary-pad, 8px 10px);
font-size: var(--bk-btn-tertiary-font-size, 15px);
border-radius: var(--bk-btn-tertiary-radius, 30px);
border: none;
display: block;
max-height: 40px;
font-weight: var(--bk-btn-tertiary-font-weight, 500);
color: var(--bk-btn-tertiary-text, #fff);
width: 100%;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.product-view.list-view .product-block .btn-add .add-to-cart-button.button {
background: var(--bk-btn-fill, var(--bk-color-secondary, #000) none repeat scroll 0 0);
height: auto;
transition: all 300ms ease 0s;
line-height: 24px;
margin: 0 0 10px;
padding: var(--bk-btn-pad, 8px 10px);
font-size: var(--bk-btn-font-size, 15px);
border-radius: var(--bk-btn-radius, 30px);
border: none;
display: block;
max-height: 40px;
font-weight: var(--bk-btn-font-weight, 500);
color: var(--bk-btn-text, #fff);
width: 100%;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.product-view.list-view .product-block .btn-add .add-to-wish-list::after{
content: none;
}
.product-view.list-view .product-block .btn-add .add-to-wish-list::before {
content: none;
}
.product-view.list-view .product-block .btn-add .add-to-wish-list:hover::before{
color:var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-ink, #000)));
}
.product-view.list-view .product-block .btn-add .remove-from-compare-button.button::after,
.product-view.list-view .product-block .btn-add .add-to-compare-button.button::after{
content: none;
}.product-view.list-view .product-block .btn-add .add-to-wish-list:hover,
.product-view.list-view .product-block .btn-add .add-to-compare-button.button:hover,
.product-view.list-view .product-block .btn-add .remove-from-compare-button.button:hover {
background-color:var(--bk-btn-tertiary-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color:var(--bk-btn-tertiary-hover-color, var(--bk-color-ink, #000)) !important;
border: none;
}
.product-view.list-view .product-block .btn-add .add-to-cart-button.button:hover {
background-color:var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color:var(--bk-btn-hover-color, var(--bk-color-ink, #000)) !important;
border: none;
}
.product-view.list-view .tax-message {
color: #666;
font-size: 12px;
font-weight: 400;
}
.product-view.list-view .review-rating span {
width: 14px !important;
height: 14px;
}
.product-view.list-view .review-rating {
width: auto !important;
}
.fee-widget-product-list-view .product-view.list-view .content .product-block .block-content-wrap {
padding: 30px 20px;
}
.product-view.list-view .block-content-wrap .price-waper .previous-price.price {
padding: 0;
font-size: 17px;
display: block;
}
.product-view.list-view .product-block .price-waper > * {
margin-right: 0;
}
.product-view.list-view .content .product-block .summary p,
.product-view.list-view .content .product-block .summary {
font-size: var(--bk-p-size, 14px);
text-align: left;
color: var(--bk-p-color, #555);
line-height: var(--bk-p-line-height, 22px);
font-weight: var(--bk-p-weight, 400);
overflow: hidden;
text-overflow: ellipsis !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin: 20px 0 10px;
height: auto;
}
.product-view.list-view .content .product-block .summary p{
margin: 0;
}
.product-view.list-view .chosen-container-single .chosen-single {
padding: 5px 14px;
height: auto;
}
.product-view.list-view .product-block .variation-thumb .variation-type {
justify-content: start;
}
.product-view.list-view .product-block .variation-thumb .variation-type .type-label {
text-align: left;
}
.product-view.list-view .product-widget.widget-variation-product-list .variation-type {
justify-content: start;
}
.product-view.list-view .product-block .review-rating-wrapper {
position: relative;
left: unset;
top: unset;
padding: 0;
}
.product-view.list-view .product-image-link {
height: 100%;
}
.product-view.tabular-view .product-table-view-column.multi-cart-selection-step-column span:not(.stepper-arrow) {
padding: 11px 10px;
}
.product-view.tabular-view .product-table-view-column.multi-cart-selection-step-column span:not(.stepper-arrow).add-to-wish-list{
padding: var(--bk-btn-tertiary-pad, 9px 10px);
}
#webcommander-page .widget.widget-snippet .book-session-area .book-session-right::before {
background: linear-gradient(162.17deg,
color-mix(in srgb, var(--bk-color-secondary, #000000) 28.2%, transparent) 2.34%,
color-mix(in srgb, var(--bk-color-primary, #0185A4) 94%, transparent) 70.75%);
}
@media (max-width:991px) {
.product-view.list-view .content .product-block {
height:auto;
width: 100%;
}
}
@media (max-width:767px) {
.product-view.list-view .content .product-block .image.product-image {
width:50%
}
.product-view.list-view .content .product-block .block-content-wrap {
width: 50%;
padding: 25px 15px 15px 20px;
}
.product-view.list-view .product-block .review-rating-wrapper,
.product-view.list-view .product-block .parent-name {
left: 50%;
}
}
@media (max-width:480px) {
.product-view.list-view .content .product-block .image.product-image {
width: 35%;
}
.product-view.list-view .content .product-block .block-content-wrap {
width: 65%;
padding: 25px 15px 15px 15px;
}
.product-view.list-view .product-block .review-rating-wrapper, .product-view.list-view .product-block .parent-name {
left: 35%;
padding: 0 0 0 15px;
}
.product-widget.widget-variation-product-list h3 {
font-size: var(--bk-h3-size, 14px) !important;
}
.product-widget.widget-variation-product-list .variation-thumb .text .variation-value {
font-size: 14px;
padding: 3px 2px;
}
.product-widget.widget-variation-product-list .variation-type {
flex-wrap: wrap;
}
}
/* ========= End Product-Category-Section ========== */
/* ========= Product Variation ========== */
.variation-container table.matrix td {
display: table-cell;
}
.stepper .stepper-arrow {
z-index: 99;
}
.variation-container table.matrix tr th .text {
font-size: 13px;
}
.product-view.scrollable-view .product-widget.widget-variation-product-list,
.product-view.image-view .product-widget.widget-variation-product-list {
border: none;
margin: 0 15px 7px;
}
.product-widget.widget-variation-product-list {
border: none;
margin: 0;
}
.product-widget.widget-variation-product-list .variation-type {
padding: 5px 0;
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: start;
margin: 0;
}
.product-widget.widget-variation-product-list .variation-thumb .variation-type .type-label {
color: #222222;
display: block;
font-size: 15px;
font-weight: 500;
padding: 0;
text-transform: none;
line-height: 22px;
margin: 5px 0;
width: 100%;
text-align: left;
max-width: 100%;
}
.product-widget.widget-variation-product-list .variation-thumb ul {
margin: 0;
padding: 0;
line-height: normal;
gap: 8px;
}
.product-widget.widget-variation-product-list .variation-thumb ul li::after {
content: none;
}
.product-widget.widget-variation-product-list .variation-thumb ul li {
border: medium none;
display: inline-block;
font-size: 0;
line-height: 1;
list-style: outside none none;
padding: 0;
}
.product-widget.widget-variation-product-list .variation-thumb .variation-type.color .variation-value {
border: medium none;
display: inline-block;
height: 30px;
position: relative;
width: 30px;
border-radius: 100px;
overflow: hidden;
cursor: pointer;
}
.product-widget.widget-variation-product-list .variation-thumb .option-cell:last-child .text .variation-value,
.product-widget.widget-variation-product-list .variation-thumb .option-cell:last-child .variation-value.text {
margin-right: 0;
}
.product-widget.widget-variation-product-list .variation-thumb ul li * {
font-size: 14px;
}
.product-widget.widget-variation-product-list .variation-thumb .color .option-cell.selected .variation-value::after {
border: 2px solid var(--bk-color-secondary, #000);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
border-radius: 100px;
}
.product-widget.widget-variation-product-list .variation-thumb .text .variation-value {
border: 2px solid var(--bk-color-secondary, #000);
color: #3b3a3a;
display: inline-block;
font-size: 15px;
font-weight: 600;
height: 30px;
line-height: 20px;
min-width: 30px;
padding: 3px;
text-align: center
}
.product-widget.widget-variation-product-list .variation-thumb .text .selected .variation-value {
background-color: var(--bk-color-secondary, #000);
border-color: var(--bk-color-secondary, #000);
color: #fff;
}
.product-widget.widget-variation-product-list h3 {
font-size: var(--bk-h3-size, 16px);
color: var(--bk-h3-color, #222);
font-weight: var(--bk-h3-weight, 500);
margin: 15px 0 10px;
}
.product-view.list-view .product-block:hover .image-link::after {
opacity: 1;
}
.product-view.list-view .product-block .image-link::after {
background-color: color-mix(in srgb, var(--bk-color-secondary, #000000) 30%, transparent);
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 300ms ease-out 0s;
}
/* ========= Product Detail Variation ========== */
.widget-variation .variation-container .variation-thumb > div {
display: flex;
flex-wrap: wrap;
border-bottom:0;
padding-bottom: 0;
margin-bottom: 0;
padding-top: 25px;
}
.widget-variation .variation-container .variation-thumb > div + div {
border-bottom:0;
margin-bottom: 0;
}
.widget-variation .variation-container .variation-thumb .selected-value-display {
display: flex;
width: 100%;
font-size: 15px;
margin: 0 0 5px;
font-weight: 600;
color: var(--bk-color-ink, #000);
}
.widget-variation .variation-container .variation-thumb .selected-value-display .selected-option-label {
font-weight: 400;
letter-spacing: 8%;
margin-left: 6px;
font-size: 16px;
}
.variation-container .variation-type {margin: 0;
padding: 0 0 15px;
display: inline-block;
}
.popup.add-cart-information-popup .variation-container .variation-type.color {
padding: 0 5px 15px 0;
}
.popup.add-cart-information-popup .variation-container .variation-type.text{
padding: 0 0 15px 5px;
}
.popup.add-cart-information-popup .variation-container .variation-type {
width: 50%;
max-width: 100%;
}
.variation-container .variation-type.text {
padding-bottom: 0;
}
.variation-container .variation-type .options {
margin: 0;
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 3px 0;
line-height: 24px;
}
.variation-container .chosen-container .chosen-results .chosen-result {
padding: 5px 10px;
height: auto;
}
.product-widget.widget-variation .variation-container .variation-type.color .option-cell {
height: 46px;
width: 46px;
padding: 5px;
border-radius: 30px;
}
.product-widget.widget-variation .variation-container .variation-type.color .option-cell.selected {
border: solid 1px var(--bk-color-secondary, #000);
height: 46px;
width: 46px;
padding: 5px;
border-radius: 30px;
}
.variation-container .variation-type.color .variation-value {
border: none;
padding: 0;
display: inline-block;
height: 23px;
width: 23px;
min-width: 23px;
}
.variation-container .variation-type.text ul li .variation-value.text {
border:1px solid #e6e6e6;
color: #3b3a3a;
display: inline-block;
font-size: 14px;
font-weight: 600;
height: 34px;
line-height: 24px;
min-width: 34px;
padding: 3px;
text-align: center;
text-transform: capitalize;
border-radius: 30px;
cursor: pointer;
}
.variation-container .variation-type.text ul li:hover .variation-value.text, .variation-container .variation-type.text ul li.selected .variation-value.text{
background-color: transparent;
border-color:var(--bk-color-secondary, #000);
color: var(--bk-color-ink, #000);
}
.widget-variation .advanced-variation-ui #variation-combination-details .cart-preview-panel,.widget-variation .advanced-variation-ui #variation-combination-details .cart-preview-panel .cart-preview-table {
width: 100%;
}
.widget-variation .advanced-variation-ui #variation-combination-details .cart-preview-panel .cart-preview-table td.quantity-selector-column {
width: 110px;
}
.widget-variation .variation-container table.matrix {
margin-bottom: 10px;
width: 100%;
}
.selected-value-display, .widget-variation .cart-preview-panel .variation-combination-preview {
margin: 5px 0;
font-size: 15px;
font-weight: 600;
color: var(--bk-color-ink, #000);
}
.widget-variation .cart-preview-panel .cart-preview-table {
width: auto;
margin: 0;
}
.widget-variation .cart-preview-panel .cart-preview-table td {
vertical-align: middle;
line-height: normal;
padding: 10px 15px;
}
.widget-variation .cart-preview-panel .cart-preview-table th {
padding: 10px 15px;
font-size: 14px;
}
.widget-variation .cart-preview-panel .cart-preview-table .price-amount {
font-size: 14px;
}
.widget-variation .cart-preview-panel .cart-preview-table .stepper {
width: auto;
}
.widget-variation .cart-preview-panel .cart-preview-table .stepper-input {
width: 70px;
padding: 9px 22px 9px 10px;
}
.widget-variation .cart-preview-panel .second-level-variation-type {
margin-left: 0;
}
.product-view.image-view .product-block .advanced-variation-ui ,
.product-view.scrollable-view .product-block .advanced-variation-ui {
justify-content: start;
}
/* ========= End Product Detail Variation ========== */
/****************reviews**********************/
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews {
max-width: 1400px;
width: 100%;
margin:20px auto 100px;
padding:80px 84px 110px 84px !important;
background-color: var(--bk-color-surface, #fff);
border-radius:20px;
overflow:hidden;
border:3px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-carousel .owl-item .article-content{
padding-right: 20px
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-carousel .owl-item .article-content h5 {
font-family: var(--bk-h5-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h5-weight, 700);
font-size: var(--bk-h5-size, 15px);
line-height: var(--bk-h5-line-height, 27px);
letter-spacing: var(--bk-h5-letter-spacing, 0%);
margin-bottom: 0;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-carousel .owl-item .article-content p{
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 15px);
leading-trim: Cap height;
line-height: var(--bk-p-line-height, 25px);
letter-spacing: var(--bk-p-letter-spacing, 0%);
color: var(--bk-p-color, var(--bk-color-ink, #000));
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-carousel .owl-item .article-content h6 {
font-family: var(--bk-h6-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h6-weight, 600);
font-size: var(--bk-h6-size, 15px);
margin-top: 0;
line-height: var(--bk-h6-line-height, 27px);
letter-spacing: var(--bk-h6-letter-spacing, 0%);
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .widget-title {
max-width: 100%;
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
font-size: 46px;
line-height: 53px;
letter-spacing: 1%;
text-align: center;
padding-bottom: 70px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-carousel .owl-item .article-title {
font-size: 0;
background: url("/template/097c5ce4/images/rstar.svg") no-repeat;
background-position: 0;
margin-bottom: 10px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-controls {
position: absolute;
width: 100%;
top: 35%;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-controls .owl-prev, #webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-controls .owl-next {
font-size: 0;
width:50px;
height: 50px;
border-radius: 30px;
background: transparent url("../images/scrole-arrow-product.svg") no-repeat center;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-controls .owl-prev{
transform:rotate(-180deg)
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-controls .owl-prev {
float: left;
margin-left: -80px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-controls .owl-next {
float: right;
margin-right: -50px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-controls .owl-prev:hover, #webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-controls .owl-next:hover {
background: var(--bk-color-surface, #fff) url("../images/scrole-arrow-product.svg") no-repeat center;
}
/***********************************************/
/* Start Tab Accordion */
#webcommander-page .widget-tabAccordion.pricing-accordion {
background: #F5F8FF;
margin:0;
}
#webcommander-page .widget-tabAccordion .widget-title {
font-style: normal;
line-height: var(--bk-h2-line-height, 70px);
color: var(--bk-h2-color, var(--bk-color-ink, #000000));
padding:20px 0 40px;
max-width:644px;
margin:0 auto;
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 60px);
letter-spacing: var(--bk-h2-letter-spacing, 0.32px);
text-align: center;
text-transform: inherit;
}
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
.accordion-panel {
padding:50px 0 135px;
max-width:920px;
margin: 0 auto
}
.accordion-panel>.label-bar .toggle-icon {
right: 18px;
left: auto;
top: 18px;
}
.accordion-panel > .label-bar {
background: transparent;
border-radius: 0;
height: auto;
padding: 23px 40px 26px 0;
white-space: normal;
font-style: normal;
color: var(--bk-color-ink, #000);
margin: 0;
border: 0;
border-bottom: 1px solid #E1E3EB;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-weight: var(--bk-h5-weight, 700);
font-size: var(--bk-h5-size, 20px);
letter-spacing: var(--bk-p-letter-spacing, 1%);
}
.accordion-panel > .label-bar:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
width:0;
height: 1px;
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
transition: all 300ms ease-out 0s;
}
.accordion-panel>.label-bar:hover:after {
width:100%;
transition: all 300ms ease-out 0s;
}
.accordion-panel>.label-bar.expanded {
border-radius: 0;
box-sizing: unset;
box-shadow: unset;
border-bottom:1px solid transparent;
height: auto;
margin-top: 0;
color: var(--bk-color-ink, #000);
background: transparent;
padding: 23px 0 26px;
padding-right: 40px;
}
.accordion-panel>.accordion-item.expanded {
padding: 0 0 30px;
background: transparent;
box-sizing: border-box;
margin-top: 0;
color: var(--bk-color-ink, #000);
border: 0;
margin-bottom: 0;
border-bottom: 1px solid #e1e5e5;
}
.accordion-item.expanded p {
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 16px);
line-height: var(--bk-p-line-height, 30px);
color: var(--bk-p-color, var(--bk-color-ink, #000));
margin: 0 0 20px;
padding: 0;
}
.accordion-item.expanded p:last-of-type{
margin: 0;
}
.accordion-panel > .label-bar .toggle-icon {
height: 20px;
width: 20px;
background-image: url("/template/097c5ce4/images/plus-minus.svg");
right: 0;
left: auto;
top: 0;
-webkit-transition: unset;
transition: unset;
}
.accordion-panel > .label-bar.expanded:hover .toggle-icon {
height: 20px;
width: 20px;
background-image: url("/template/097c5ce4/images/plus-minus.svg");
right: 0;
left: auto;
top: 0;
background-position: 0 -108px;
transform: unset;
-webkit-transition: unset;
transition: unset;
}
.accordion-panel > .label-bar.expanded .toggle-icon {
background-position: 0 -108px;
}
.widget.widget-filter .accordion-panel > .label-bar:hover label {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.accordion-panel > .label-bar.collapsed:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
background: transparent;
}
.accordion-panel>.label-bar:hover .toggle-icon {
background-position: 1px -34px;
transform: rotate(180deg);
top: 0;
right: 0;
-webkit-transition: unset;
transition: unset;
}
.accordion-panel>.accordion-item.expanded .wc-tab-accordion-widget {
background: transparent;
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: var(--bk-color-ink, #000);
margin: 0;
padding: 0 !important;
}
.accordion-panel > .accordion-item.collapsed .wc-tab-accordion-widget {
padding: 0 !important;
}
.accordion-panel>.accordion-item.collapsed {
padding: 0 0 30px;
background: transparent;
border: 0;
box-sizing: border-box;
margin-top: 0;
margin-bottom: 0;
border-bottom: 1px solid transparent;
}
.accordion-panel>.accordion-item.collapsed p {
background: transparent;
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 16px);
line-height: var(--bk-p-line-height, 30px);
color: var(--bk-p-color, var(--bk-color-ink, #000));
margin: 0;
padding: 0;
}
.accordion-panel>.label-bar:last-of-type {
margin-bottom: 10px !important;
}
.accordion-panel > .accordion-item.expanded:last-of-type, .accordion-panel > .label-bar:nth-last-child(2) {
border-bottom: 0
}
/* End Tab Accordion */
/* ========= End Product Variation ========== */
#webcommander-page button.load-more-pagination {
margin: 40px auto 15px;
text-align: center;
display: flex;
}
.checkout-page.version-2 .express-checkout-panel .title {
font-size: 12px;
color: var(--bk-color-ink, #000);
text-align: center;
background:var(--bk-color-surface, #fff);
max-width: fit-content;
margin:-40px auto 25px;
border-radius:30px;
padding:2px 20px 4px;
border:1px solid #ccc;
}
.variation-container .advanced-variation-ui .parent-variation-type {
display: block;
width: 100%;
}
#webcommander-page .widget-price .price .tax-message {
display: block;
}
.product-block .advanced-variation-ui .representation .variation-option {
padding: 2px;
width: auto;
height:auto;
min-width: 26px;
min-height: 26px;
line-height: normal;
}
#webcommander-page .advance.checkout-page .form-row textarea, #webcommander-page .advance.checkout-page textarea {
width: 100%;
height: auto;
min-height: 150px;
}
.entire-search {
margin: 0 auto;
text-align: center;
}
#webcommander-page .advance.checkout-page .payment-gateway-expend-view .payment-gateway-info .payment-gateway-summery {
display: inline-block;
}
#webcommander-page .advance.checkout-page .form-row input, #webcommander-page .advance.checkout-page .form-row select,
#webcommander-page .advance.checkout-page .form-row textarea, #webcommander-page .advance.checkout-page textarea {
border: 1px #cdcdcd solid;
font-size: 16px;
padding: 10px;
}
.cartitem-table .discount-column {
width: auto;
}
.registration-form .form-row .errorlist.after .message-block {
overflow: hidden;
max-width: 335px;
white-space: nowrap;
text-overflow: ellipsis;
}
.header .sortable {
margin-top: 5px;
margin-bottom: 5px;
}
.pagination-literal-status {
margin: 5px 10px 5px 0;
}
#webcommander-page .flying-cart-container .message-block.error-message, #webcommander-page .flying-cart-container .message-block.error,
#webcommander-page .flying-cart-container .message-block.info-message, #webcommander-page .flying-cart-container .message-block.success {
margin-top: 50px;
margin-left: 0;
margin-right: 0;
}
.registration-form .form-row.validation-error {
border: none;
background: transparent;
}
.registration-form > .errorlist.after {
margin: 10px 0 10px 15px;
position: unset;
padding: 0;
}
.registration-form .Zebra_DatePicker_Icon_Wrapper::after {
content: none;
}
.registration-form button.Zebra_DatePicker_Icon {
background-position: right center;
}
.registration-form .form-row.simple-captcha label,
.registration-form .form-row.submit-row label,
.registration-form .form-row.simple_captcha_help_text label {
display: none;
}
#webcommander-page .password-reset-form .form-row {
vertical-align: bottom;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .customer-redirect-page-link a {
font-size: var(--bk-link-font-size, 16px);
line-height: 19px;
text-transform: var(--bk-link-font-transform, capitalize);
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .special-product .title {
margin-bottom: 5px;
}
.scrollable-view {
border-bottom: none;
}
.widget-variation .advanced-variation-ui {
display: flex;
flex-wrap: wrap;
align-items: start;
flex-direction: inherit;
}
.widget-variation .advanced-variation-ui .representation {
margin: 0 7px 0 0;
}
.stepper .stepper-arrow {
z-index: 99;
}
.widget-variation .selected-variation-product table {
border: none;
}
.product-widget.widget-variation .variation-container #selected-variation-products {
margin: 20px 0;
}
.widget-variation .advanced-variation-ui > .representation .variation-option {
padding: 5px;
width: 30px;
height: 30px;
}
.widget-variation .cart-preview-panel .cart-preview-table .variation-option.text {
border: none;
padding: 0;
margin: 0;
}
.widget-variation .cart-preview-panel .cart-preview-table .stepper {
display: flex;
}
.widget-variation .cart-preview-panel .cart-preview-table .stepper {
width: auto;
}
.widget-variation .advanced-variation-ui #variation-combination-details {
display: flex;
align-items: start;
flex-direction: column;
flex-wrap: wrap;
width: 100%;
}
.widget-productImage .detail-image-swiper {
display: none;
}
#webcommander-page #customer-profile-tabs .scrollable-view .content {
max-width: 100%;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .wish_list .create-wish-list {
margin-top: 15px;
display: inline-block;
text-transform: capitalize;
width: auto;
}
.product-view.list-view .content .product-block .image.product-image .btn-add {
padding: 0 10px;
}
#webcommander-page #customer-profile-tabs .scrollable-view .header {
padding: 0;
height: auto;
min-height: 15px;
}
select.per-page-count {
width: 75px;
}
#webcommander-page .empty-flying-cart-wrapper .empty-flying-cart-icon {
font-size: 15px;
}
.registration-form .errorlist.after,
.page-checkout .errorlist.after {
position: unset;
}
#webcommander-page .advance.checkout-page .error-field-error.inline-error, #webcommander-page .advance.checkout-page .validation-error {
border: none;
background: transparent;
}
#webcommander-page .advance.checkout-page button.Zebra_DatePicker_Icon,
#webcommander-page .advance.checkout-page button.Zebra_DatePicker_Icon:hover {
background: transparent;
}
#webcommander-page .advance.checkout-page .Zebra_DatePicker_Icon_Wrapper::after {
content: none;
}
.product-view.scrollable-view .header .scroller {
max-width: 1400px;
display: flex;
justify-content: space-between;
margin: 0;
position: absolute;
top: 42%;
}
#webcommander-page .checkout-header {
-ms-grid-columns: 53% 47%;
grid-template-columns: 53% 47%;
}
#webcommander-page .checkout-header-left {
padding-right: 0;
}
#webcommander-page .checkout-header-left .logo-panel img {
height: auto;
}
#webcommander-page .checkout-header-left-inner .back-page:hover .back-link-text, #webcommander-page .checkout-header-left-inner .back-page:hover .back-icon, .checkout-page.version-2 div.terms-and-condition a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.product-widget.widget-addCart .button.add-to-wish-list:after, .product-widget.widget-addCart .add-to-compare-button.button:after {
color: var(--bk-color-ink, #000);
}
@media (max-width: 991px) {
#webcommander-page .bmui-tab.left-side-header.customer-profile-v2 .customer-profile-right > .bmui-tab-body-container {
margin-top: 40px;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .customer-redirect-page-link {
justify-content: flex-start;
}
#webcommander-page .customer-profile-v2-wrapper {
padding: 50px 20px;
}
.product-view .footer .pagination-literal-status {
float: none;
}
#webcommander-page .category-detail-view img {
width: 100%;
}
}
@media (max-width: 767px) {
.category-details .product-container .title, .category-details .subcategory-container .title{
text-align: left;
}
.category-details-container, .subcategory-container {
padding: 0 0 20px;
}
.subcategory-container .title, .product-container .title {
padding-bottom: 0;
text-align: left;
}
#webcommander-page .customer-profile-page-with-background {
margin-bottom: 30px;
}
#webcommander-page .bmui-tab.left-side-header.customer-profile-v2 .customer-profile-right > .bmui-tab-body-container {
margin-top: 30px;
}
.popup.image-popup-container {
left: 20px !important;
min-width: 100%;
position: fixed !important;
right: 0 !important;
}
.image-popup-container img.popup-image {
height: auto;
max-height: 100%;
max-width: 100%;
}
.popup {
max-height: 90vh !important;
overflow-y: auto;
min-width: 310px;
max-width: 310px;
}
.registration-form > .errorlist.after {
margin: 0;
}
select.per-page-count {
margin: 5px 7px;
}
#webcommander-page.responsive .widget-navigation.user-nav .nav-wrapper.vertical.show {
left: 0;
transform: translateX(-48%);
}
#webcommander-page.responsive .widget-navigation .nav-profile-logged-in, #webcommander-page.responsive .widget-navigation .nav-profile-logged-in .nav-profile-info-wrapper {
flex-direction: column;
}
#webcommander-page.responsive .widget-navigation.user-nav .nav-wrapper.vertical.show::before {
left: 50%;
}
#webcommander-page .widget-navigation.user-nav .responsive-navigation .navigation-item.first a {
padding: 10px 0 0;
}
}
/* Latest flying cart popup */
div.flying-cart-content.page-content.loading.popup.active {
max-width: 574px;
width: 100% !important;
right: 0 !important;
left: auto !important;
top: 0 !important;
}
.flying-cart-content.page-content.loading.popup {
max-height: 100vh;
padding: 0;
}
div.flying-cart-content .flyingt-cart-header {
padding: 18px 0;
max-width: 494px;
margin: 0 auto;
width: 100%;
border-bottom: 2px solid var(--bk-color-secondary, rgba(0, 0, 0, 1));
}
.flying-cart-content .cart-item-row.flying-cart-item.odd.cart-item {
padding: 25px 0px 20px;
}
.flying-cart-content .flying-cart-footer {
padding: 25px 40px;
background: linear-gradient(56.6deg, rgba(10, 52, 166, 0.16) 32.85%, color-mix(in srgb, var(--bk-color-primary, #00a1c6) 16%, transparent) 105.26%);
}
#webcommander-page div.flying-cart-quantity-wrapper .stepper {
width: 99px;
height: 30px;
border-radius: 30px;
padding: 0 30px;
position: relative;
background: #f7f7f7;
border: 0;
}
.flying-cart-content .flying-cart-product-quantity-selector.product-quantity-selector.text-type.stepper-input {
border: none;
font-size: 13px;
height: 30px;
padding: 0;
line-height: 30px;
font-weight: 600;
}
.flying-cart-content .flying-cart-product-name a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
div.flying-cart-footer .continue-shopping-btn,
.flying-cart-content .flying-cartitem-btn-wrapper .flying-cart-footer-button {
background: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-text, #fff);
margin: 0;
border: var(--bk-btn-border-width, 2px) solid transparent;
padding: var(--bk-btn-pad, 10px);
width: 100%;
max-width: 100%;
text-transform: var(--bk-btn-font-transform, full-size-kana);
border-radius: var(--bk-btn-radius, 30px);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 24px;
letter-spacing: var(--bk-btn-font-letter-spacing, 1%);
}
div.flying-cart-footer .continue-shopping-btn:hover,
.flying-cart-content .flying-cartitem-btn-wrapper .flying-cart-footer-button:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
border: var(--bk-btn-border-width, 2px) solid transparent;
}
#webcommander-page div.frequently-bought-together-products .product-separator {
margin:-10px 0 0;
color: var(--bk-color-primary, #00A1C6);
font-size:20px;
display:none;
}
#webcommander-page div.frequently-bought-together-products .product-block {
margin-top: -9px;
border: 0;
}
#webcommander-page .frequently-bought-together-products .product-name a {
font-size: var(--bk-link-font-size, 17px);
color: var(--bk-color-ink, #000);
font-weight: var(--bk-link-font-weight, 600);
max-width: 240px;
display: block;
line-height: 24px;
}
#webcommander-page .frequently-bought-together-products .product-block .image-column img {
width: 83px;
height: 83px;
border-radius:10px;
}
#webcommander-page .frequently-bought-together-products .product-block .row {
flex-direction: row;
padding-right: 0;
}
#webcommander-page .frequently-bought-together-products .product-block .row>* {
width: auto;
}
#webcommander-page .frequently-bought-together-products .product-block .row .col.image-column {
order:2;
width: 83px;
-webkit-box-flex:0;
-ms-flex: 0 0 83px;
flex:0 0 83px;
margin: 0 5px;
}
#webcommander-page .frequently-bought-together-products .product-block .row .col.info-column {
order:3;
display: flex;
justify-content: space-between;
padding-top: 15px;
max-width: 360px;
}
#webcommander-page .frequently-bought-together-products .product-block .row .col.action-column {
order:1;
}
#webcommander-page .frequently-bought-together-products .product-block {
padding:16px 0;
}
.flying-cart-content .flying-cart-clear-cart-btn {
font-size: var(--bk-btn-font-size, 14px);
}
.flying-cart-content .flyingt-cart-header .save-cart-popup.button {
width: auto;
margin: 0 !important;
height: auto;
color: var(--bk-btn-text, #fff);
padding: var(--bk-btn-pad, 3px 9px);
background: var(--bk-btn-fill, var(--bk-color-secondary, #000));
}
.flying-cart-content .flyingt-cart-header .save-cart-popup.button:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
#webcommander-page .flying-cart.empty-cart .shipping-cart-empty-sub-text {
text-align: center;
}
#webcommander-page div.flying-cart-quantity-wrapper .stepper-arrow.up::before, #webcommander-page div.flying-cart-quantity-wrapper .stepper-arrow.up::after {
top: 10px;
}
#webcommander-page div.flying-cart-quantity-wrapper .stepper-arrow.down::before {
left: 18px;
top: 10px;
}
#webcommander-page div.flying-cart-bottom-column {
margin-top: 0;
border-top: 0;
}
#webcommander-page div.flying-cart-product-name a {
color: var(--bk-color-ink, #000000);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-weight: var(--bk-link-font-weight, 500);
font-size: var(--bk-link-font-size, 20px);
line-height: 24px;
letter-spacing: var(--bk-link-font-letter-spacing, 0%);
padding-right: 20px;
}
#webcommander-page div.flying-cart-item-image img {
border-radius: 10px;
}
div.flying-cart-item-name-quantity-wrapper .product-external-info {
flex-direction: row;
display: flex;
align-items: baseline;
}
div.flying-cart-item-name-quantity-wrapper .product-card__product-variation-item {
margin-right: 12px;
}
#webcommander-page div.flying-cart-item {
padding: 25px 0;
max-width: 494px;
margin: 0 auto;
}
#webcommander-page div.flying-cart-unit-price-wrapper {
font-size: 16px;
font-weight: 400;
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name a {
color: var(--bk-link-color, #202020);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
overflow:hidden;
font-weight: var(--bk-link-font-weight, 500);
font-size: var(--bk-link-font-size, 16px);
line-height: 20px;
letter-spacing: var(--bk-link-font-letter-spacing, 0%);
padding-right: 20px;
}
/* new*/
#webcommander-page .flying-cart-page-heading {
font-size: 18px;
}
#webcommander-page div.flying-cart-container .discount-up-sell-message {
margin: 24px 20px 0;
}
.popup.flying-cart-content .product-view .header {
margin: 0;
padding: 0;
min-height: unset;
}
.flying-cart-content .product-view .content.scrollable {
padding: 0;
border: 0;
margin: 0;
}
.popup.flying-cart-content .product-view .header::after,
.popup.flying-cart-content .product-view .header::before {
content: none;
}
.popup.flying-cart-content .product-view .header .scroller {
margin: 0;
width: auto;
}
.flying-cart-content .product-view .header .scroller .scroll-left,
.flying-cart-content .product-view .header .scroller .scroll-right {
margin: 0;
transform: none;
}
.flying-cart-content .recommended-products .flying-cart-special-add-to-cart {
width: auto;
border: none;
margin: 0;
}
#webcommander-page .flying-cart-container .discount-up-sell-message .free-products {
margin-top: 50px;
}
.flying-cart-content .product-view .header .scroller .scroll-left:before,
.flying-cart-content .product-view .header .scroller .scroll-right:before {
display: none;
}
.flying-cart-content .free-products .product-name a {
text-align: left;
width: 173px;
}
.flying-cart-content .recommended-products .product-name,
.flying-cart-content .free-products .product-name {
padding: 0;
height: auto;
min-height: auto;
}
.popup .flying-cart-container .discount-up-sell-message .discount-upsell-container {
padding: 5px 5px 4px 5px;
line-height: normal;
overflow: inherit;
}
.popup .flying-cart-container .discount-up-sell-message .discount-upsell-container .discount-upsell-text {
display: block;
}
.popup .flying-cart-container .discount-up-sell-message .progress-bar {
height: 28px;
}
.popup.flying-cart-content .product-view .header .scroller .scroll-left:hover,
.popup.flying-cart-content .product-view .header .scroller .scroll-right:hover {
background-color: var(--bk-color-secondary, #000);
}
.flying-cart-content .recommended-products .product-name a:hover,
.popup.flying-cart-content .free-products .product-name a:hover,
.popup.flying-cart-content .free-products .flying-cart-special-add-to-cart:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.flying-cart-content .product-view .header .scroller .scroll-left:after,
.flying-cart-content .product-view .header .scroller .scroll-right:after,
.flying-cart-content .product-view .header .scroller .scroll-left:before,
.flying-cart-content .product-view .header .scroller .scroll-right:before {
display: none;
}
.flying-cart-content .free-products .recommend-item-image img, .flying-cart-content .recommended-products .recommend-item-image img {
max-width: unset;
width: 70px;
height: 70px;
object-fit: cover;
}
.flying-cart-content .free-products .flying-cart-special-add-to-cart {
width: auto;
border: none;
box-shadow: none;
margin: 0;
font-size: var(--bk-btn-font-size, 12px) !important;
font-weight: var(--bk-btn-font-weight, 600);
}
.flying-cart-content .product-view {
margin: 0;
}
.flying-cart-content .free-products .product-block.product-view-height-width {
box-shadow: none;
}
#webcommander-page .custom-field-container-for-widget input[type="text"], #webcommander-page .custom-field-container-for-widget textarea, #webcommander-page .custom-field-container-for-widget select {
background:var(--bk-color-surface, #fff);
width: 100%;
}
#webcommander-page .custom-field-container-for-widget .chosen-container-single {
width: 100%;
padding-right: 0;
}
#webcommander-page .custom-field-container-for-widget .chosen-container-single .chosen-single{
background-position-x: 96%;
}
.chosen-container-multi .chosen-choices li.search-field::after,
#webcommander-page .custom-field-container-for-widget .chosen-container-multi .chosen-choices li.search-choice::after {
display:none;
}
#webcommander-page .body.custom-fields-advance-panel {
background: transparent;
}
.checkout-page.version-2 .advance-checkout-steps-left-dom .custom-fields-wrapper .form-row label{
display: block;
font-size: 18px;
font-weight: 600;
color: var(--bk-color-ink, rgba(0,0,0,1));
margin: 0;
padding: 0 0 10px;
}
@media (max-width: 767px) {
.flying-cart-content.page-content.loading.popup {
min-width: calc(100% - 40px);
max-height: 100vh !important;
left: 50px !important;
width: 100vw !important;
}
#webcommander-page div.flying-cart-page-heading {
font-size: 20px;
}
#webcommander-page div.flying-cart-close-button {
width: auto
}
#webcommander-page div.flying-cart-page-heading-action-btn-wrapper {
gap: 0 12px;
}
#webcommander-page .payment-success-page-container .order-details h4,#webcommander-page .payment-success-page-container .order-details .order_details_table tr td:first-child, #webcommander-page .payment-success-page-container .order-details .order_details_table tr td {
text-align: center !important;;
}
#webcommander-page .payment-success-page-container .order_details_table .product-name img{
margin: 0 auto
}
}
/* end flying cart popup */
/* new check-out page */
#webcommander-page.auto-page.page-post-payment #bs-B78B91F8-E168-49A7-BC62-EEAEA6B7A331 ,
#webcommander-page.auto-page.page-checkout #bs-B78B91F8-E168-49A7-BC62-EEAEA6B7A331 {
padding: 0;
}
#webcommander-page.auto-page.page-cart .page-content,
#webcommander-page.auto-page.page-checkout .page-content {
padding-left: 0 !important;
padding-right: 0 !important;
}
.checkout-page.version-2 div.advance-checkout-steps-left-dom select,
.checkout-page.version-2 div.advance-checkout-order-details-right-dom select {
white-space: nowrap;
text-overflow: ellipsis;
}
#webcommander-page.auto-page.page-checkout .checkout-page.version-2 .checkout-button-wrapper-bottom .advance-checkout-next-step-parser-button{
background: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
border: none;
margin: 0;
padding: var(--bk-btn-pad, 12px);
line-height: 24px;
font-size: var(--bk-btn-font-size, 15px);
font-weight: var(--bk-btn-font-weight, 500);
color: var(--bk-btn-text, #fff);
border-radius: var(--bk-btn-radius, 20px);
}
#webcommander-page.auto-page.page-checkout .checkout-page.version-2 .checkout-button-wrapper-bottom .advance-checkout-next-step-parser-button:hover{
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
.checkout-page.version-2 .message-block.error,
.checkout-page.version-2 .message-block.error-message,
.checkout-page.version-2 .message-block.info-message,
.checkout-page.version-2 .message-block.success{
font-size: 13px;
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner .promo-codes-form .input-wrapper button {
width: auto;
margin: 0;
}
#webcommander-page .advance.checkout-page .terms-and-condition span, #webcommander-page .advance.checkout-page .terms-and-condition span > a {
font-weight: var(--bk-link-font-weight, 400);
font-size: var(--bk-link-font-size, 14px);
}
#webcommander-page .bottom-snippet-content-advance-checkout p {
margin: 10px 0;
font-size: var(--bk-p-size, 15px);
}
@media (max-width: 991px) {
.checkout-page.version-2 .advance-checkout-order-details-right-dom {
padding: 40px 15px 40px 20px;
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner {
padding: 15px;
}
.checkout-page.version-2 .advance-checkout-steps-left-dom {
padding: 40px 15px;
}
.checkout-page.version-2 .advance-checkout-order-details-left-dom-inner .header-wrapper {
margin-bottom: 30px;
}
.checkout-page.version-2 .section.address .section.delivery-types,
.checkout-page.version-2 .shipping-address-selection-parts,
.checkout-page.version-2 .order-comment-row,
.checkout-page.version-2 .payment-gateway-expend {
margin: 20px 0 0;
}
.checkout-page.version-2 .advance-checkout-order-details-left-footer-info {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.checkout-page.version-2 .advance-checkout-order-details-left-dom-inner {
width: 100%;
}
.checkout-page.version-2 .advance-checkout-order-details-left-footer-info {
margin-top: 20px;
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom {
padding: 25px 15px;
}
}
/* shopping cart page*/
.shopping-cart .my-cart-products-order-summary {
flex-wrap: wrap;
}
.shopping-cart .product-card__product-name_product-variation {
max-width: 250px;
}
@media (max-width: 991px) {
.shopping-cart .product-card__product-name_product-variation {
max-width: 215px;
}
}
.shopping-cart .product-card.cart-item:last-child {
margin-bottom: 40px;
}
.shopping-cart .product-card__action-button-wrapper .add-to-wish-list::after,
.shopping-cart .product-card__action-button-wrapper .add-to-wish-list::before {
display: none;
}
.shopping-cart .order-summary-card__add-promo-codes .promo-codes-form .input-wrapper input {
padding: 0;
width: 100%;
}
.shopping-cart .my-cart-order-summary {
height: min-content;
}
.shopping-cart .my-cart__header {
margin-bottom: 25px;
}
.shopping-cart .my-cart__header-button-wrapper .button {
width: auto;
border-radius: var(--bk-btn-radius, 30px);
}
.shopping-cart .order-summary-card .proceed-to-checkout .checkout-btn {
background: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
border: none;
margin: 0;
color: var(--bk-btn-text, #fff);
padding: var(--bk-btn-pad, 12px);
line-height: 24px;
font-size: var(--bk-btn-font-size, 15px);
font-weight: var(--bk-btn-font-weight, 500);
border-radius:var(--bk-btn-radius, 30px);
}
.shopping-cart .order-summary-card .proceed-to-checkout .checkout-btn:hover{
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
.wish-list-popup select {
width: 100%;
}
#webcommander-page .contact_form .custom-form .form-row input[type="text"].validation-error {
border:1px solid #e64343 !important;
}
@media (max-width: 767px) {
.shopping-cart .my-cart-order-summary {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 15px;
}
.shopping-cart .product-card {
flex-wrap: wrap;
max-width: 100%;
}
.shopping-cart .product-card__image {
margin: 0 0 20px;
width: 100%;
}
.shopping-cart .product-card__image-link {
width: auto;
height: auto;
max-width: 150px;
}
}
/* end shopping cart page*/
/* payment page */
#webcommander-page.auto-page.page-post-payment .page-content {
padding: 0;
}
#webcommander-page .payment-success-page-container table,
#webcommander-page .payment-success-page-container th,
#webcommander-page .payment-success-page-container td{
border: none;
}
#webcommander-page .payment-success-page-container .message-details .post-order-contact-us {
font-size: 15px;
}
@media (max-width: 991px) {
#webcommander-page .payment-success-page-container .order-details {
margin: 40px auto 0;
padding: 30px;
}
#webcommander-page .payment-success-page-container {
padding: 50px 15px 70px;
}
}
@media (max-width: 767px) {
#webcommander-page .payment-success-page-container {
padding: 40px 15px 50px;
}
#webcommander-page .payment-success-page-container .cartitem-table td.quantity .wrapper::before {
text-align: left;
width: auto;
}
#webcommander-page .payment-success-page-container .order-details {
margin: 40px auto 0;
padding: 15px 20px;
}
div.flying-cart-content.page-content.loading.popup.active {
height: 100% !important;
}
}
/* end new check-out page */
/*=============== End New Feature fixing ===================*/
#webcommander-page #customer-profile-tabs.customer-profile-v2 #customer-manage-card-billing_address .address-card-item-group-body,
#webcommander-page #customer-profile-tabs.customer-profile-v2 #customer-manage-card-shipping_address .address-card-item-group-body {
padding-right: 100px;
}
#webcommander-page .continue-shopping-btn.cartitem-btn.button.et_cartp_continue_shopping {
margin: 15px 0 0;
}
.checkout-page.version-2 .advance-checkout-order-details-left-dom-inner .header-wrapper img {
margin-bottom: 20px;
}
#webcommander-page .order-summary-card__button-wrapper .continue-shopping-btn.cartitem-btn.button.et_cartp_continue_shopping,
.shopping-cart .outline-button {
border: none;
padding: var(--bk-btn-tertiary-pad, 0);
width: auto;
margin: 0;
}
#webcommander-page .continue-shopping-btn.cartitem-btn.button.et_cartp_continue_shopping {
padding: var(--bk-btn-pad, 10px);
width: auto;
margin: 15px 0 0;
border-radius:var(--bk-btn-radius, 30px) !important;
}
.checkout-page.version-2 .advance-checkout-order-details-left-dom-inner .header-wrapper img {
margin-bottom: 20px;
}
#webcommander-page .iti__selected-country {
color: inherit !important;
}
.wc-load-more-pagination-wrapper {
margin: 20px auto 10px;
text-align: center;
border-top: 1px solid #f2f2f2;
padding-top: 15px;
}
.wc-load-more-pagination-wrapper .load-more-result-title {
display: block;
margin: 10px 0;
font-size: 15px;
}
.product-view.tabular-view .product-table-view-row:last-child {
border: none;
}
#webcommander-page .payment-success-page-container .order-details .payment-success-total table td, .wrapper .price {
font-size: 14px;
}
/* gift-card-popup*/
.add-cart-information-popup .header .close-icon::after,
.add-cart-information-popup .header .close-icon::before {
display: none;
}
.add-cart-information-popup .header {
padding: 20px 32px 20px;
}
.add-cart-information-popup .header .title {
line-height: normal;
margin: 0;
}
.add-cart-information-popup .body .form-row.gift-card-date-field .large,
.add-cart-information-popup .body .medium {
border-bottom: 1px solid var(--bk-color-secondary, #000) !important;
border-radius: 0;
}
.add-cart-information-popup .body .form-row.gift-card-date-field .large.validation-error,
.add-cart-information-popup .body .medium.validation-error,
.add-cart-information-popup .body .form-row.gift-card-date-field .large:focus,
.add-cart-information-popup .body .medium:focus {
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
}
.add-cart-information-popup .popup-bottom.footer .button-item .button.add-to-cart-button{
display: inline-block;
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-font-size, 16px);
font-weight: var(--bk-btn-font-weight, 500);
background: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-text, #fff);
border: var(--bk-btn-border-width, 2px) solid var(--bk-color-primary, rgba(0, 161, 198, 1));
height: auto;
line-height: 23px;
margin:0 10px;
border-radius: var(--bk-btn-radius, 30px);
text-transform: var(--bk-btn-font-transform, capitalize);
padding:var(--bk-btn-pad, 7px 10px);
letter-spacing: var(--bk-btn-font-letter-spacing, 0.1em);
}
.add-cart-information-popup .popup-bottom.footer .button-item .button.add-to-cart-button:hover{
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff))!important;
border-color: var(--bk-btn-hover-border-color, var(--bk-btn-border-color, var(--bk-color-secondary, #000)));
}
.add-cart-information-popup .popup-bottom.footer .button-item .button.close-btn{
margin: 0;
display: inline-block;
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-font-size, 16px);
font-weight: var(--bk-btn-font-weight, 500);
background: transparent;
color: var(--bk-btn-text, var(--bk-color-ink, #000));
line-height: 23px;
border: var(--bk-btn-border-width, 1px) solid var(--bk-color-secondary, #000);
height: auto !important;
padding: var(--bk-btn-pad, 7px 10px);
letter-spacing: var(--bk-btn-font-letter-spacing, 2px);
border-radius: var(--bk-btn-radius, 30px);
text-transform: var(--bk-btn-font-transform, capitalize);
transition: all 300ms ease 0s;
}
.add-cart-information-popup .popup-bottom.footer .button-item .button.close-btn:hover {
border: var(--bk-btn-border-width, 1px) solid var(--bk-color-primary, rgba(0, 161, 198, 1)) !important;
background: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
.product-widget.product-widget.widget-addCart .gift-button-container .send-as-gift-button {
margin:10px 0;
font-size: var(--bk-btn-font-size, 15px);
display: inline-block;
line-height: 34px;
padding:var(--bk-btn-pad, 3px 15px);
border:var(--bk-btn-border-width, 1px) solid var(--bk-color-secondary, #000);
text-align: center;
font-weight: var(--bk-btn-font-weight, 700);
text-transform: var(--bk-btn-font-transform, full-size-kana);
letter-spacing: var(--bk-btn-font-letter-spacing, 0);
max-width: 100%;
border-radius:var(--bk-btn-radius, 30px);
}
.add-cart-information-popup .popup-bottom.footer .button-item {
justify-content: center;
}
.product-widget.product-widget.widget-addCart .gift-button-container .send-as-gift-button:hover{
border: var(--bk-btn-border-width, 1px) solid transparent;
}
#webcommander-page .et_shipping_edit_city.error-field-error.validation-error {
border: 0!important;
border-bottom: 1px solid #e64343 !important;
}
.add-cart-information-popup.popup .body-scroll-control.app-tab-incomplete-data-cart-popup {
padding:5px 0 15px;
}
.add-cart-information-popup .body button.Zebra_DatePicker_Icon {
background: none;
border: none;
}
.add-cart-information-popup .body .Zebra_DatePicker_Icon_Wrapper::after{
content: "\f073";
font-family: 'Fontawesome';
font-size: 18px;
position: absolute;
right: 10px;
top: 7px;
}
.add-cart-information-popup .form-content .double-input-row {
align-items: start;
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner .check-out-total .gift-card-panel .row {
margin-left: 0;
margin-right: 0;
}
.add-cart-information-popup.popup .body {
overflow-y: auto;
max-height: 500px;
background: var(--bk-color-surface, #fff);
}
.add-cart-information-popup.popup .body-scroll-control.app-tab-incomplete-data-cart-popup{
height: auto;
max-height: 100%;
}
.add-cart-information-popup.popup .body .ps__rail-x {
display: none;
}
.add-cart-information-popup .form-row textarea {
max-width: 100%;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"], .chosen-container-multi .chosen-choices li.search-field {
height: 44px !important;
}
.chosen-container-active .chosen-choices:focus{
box-shadow:0 !important;
}
.checkout-page.version-2 .advance-checkout-steps-left-dom .chosen-container.chosen-container-multi .chosen-choices {
padding:0px 10px !important;
}
.add-cart-information-popup .popup-bottom.footer .button-item .button {
width: calc(50% - 100px);
}
@media screen and (max-width: 1200px) {
#webcommander-page.page-home .product-view .header{
text-align: center;
}
.header .widget.main_menu .menu-button.responsive-menu-btn {
top: 30px;
}
}
@media screen and (max-width: 991px) {
.header .widget.main_menu .menu-button.responsive-menu-btn {
left: 260px;
}
}
@media screen and (max-width: 767px) {
.add-cart-information-popup .body .body-scroll-control {
padding: 20px 0;
}
.add-cart-information-popup.popup .body {
max-height: 300px;
overflow-y: auto !important;
}
.popup.add-cart-information-popup .variation-container .variation-dropdown-container {
flex-direction: column;
}
#webcommander-page .customer-profile-v2-wrapper {
padding: 50px 15px;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block {
/*width: 100%;*/
/*margin: 0;*/
}
#webcommander-page .page-profile .site-popup.popup {
padding: 0;
}
#webcommander-page .page-profile .site-popup .content {
padding: 20px 15px !important;
margin-bottom: 20px;
overflow-y: scroll;
}
#webcommander-page .widget.widget-product.recommended-slider {
margin: 0 auto;
}
#webcommander-page.page-home .widget-container > .page-content > .v-split-container > .v-split .widget,
#webcommander-page.page-home .widget-container > .page-content > .v-split-container > .v-split .widget.widget-snippet.spaceLeftRight {
padding-left: 0;
padding-right: 0;
}
.widget.widget-snippet .wc-snippet-expreance .container,
.widget.widget-snippet .wc-snippet-shop-by-category .container{
max-width: 100%;
padding: 0 15px !important;
}
.widget.widget-snippet .wc-snippet-expreance .row,
.widget.widget-snippet .wc-snippet-shop-by-category .row{
margin: 0;
}
.widget.widget-snippet .wc-snippet-expreance .col-md-6 {
padding: 10px 0 !important;
}
.widget.widget-snippet .wc-snippet-eceryday {
padding-left: 15px !important;
padding-right: 15px !important;
}
.widget.widget-snippet .wc-snippet-eceryday img {
min-height: 185px;
}
#webcommander-page .widget.widget-product.recommended-slider {
margin: 0 15px !important;
}
.widget.widget-snippet .wc-snippet-shop-by-category .col-md-3.col-sm-6 {
padding: 10px 0 20px !important;
}
.widget.widget-snippet .wc-lorem-ipsum {
padding: 0 15px !important;
}
body#webcommander-page.page-shop .product-view .header .btn-group.view-switchers {
padding-left: 0;
}
.header .widget.main_menu .menu-button.responsive-menu-btn {
left: auto;
}
#webcommander-page .widget.widget-navigation.menu-right .menu-button.responsive-menu-btn em {
display: none;
}
#webcommander-page .widget.widget-navigation.menu-right .menu-button.responsive-menu-btn{
background:url(../images/profile.svg) no-repeat right top;
width: 100%;
user-select: none;
text-align: right;
max-width: 40px;
margin: 0;
margin-right: auto;
height: 31px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
filter: invert(1);
background-size: 29px;
}
#webcommander-page.page-home .widget.widget-navigation.menu-right .menu-button.responsive-menu-btn{
filter: unset;
}
#webcommander-page .widget.widget-navigation.menu-right .nav-wrapper.show {
background: #282e2c;
top: 35px;
width: 210px;
right: -47px;
padding: 10px 5px;
border-radius: 10px;
}
#webcommander-page .menu-right .nav-wrapper.responsive-navigation .navigation-item {
background: transparent;
padding: 12px 5px;
text-align: center;
}
#webcommander-page.page-home .widget-navigation.menu-right .horizontal > .navigation-item.login a:after, #webcommander-page.page-home .widget-navigation.menu-right .horizontal > .navigation-item.login a:hover:after {
display:none;
}
#webcommander-page .widget-navigation.menu-right .horizontal > .navigation-item a {
font-size: var(--bk-link-font-size, 15px);
}
#webcommander-page .widget-navigation.menu-right .horizontal > .member-btn.navigation-item a {
margin-left: 0;
}
#webcommander-page aside#left-modern-nav-drawer-wc {
width: 100%;
}
}
/* End gift-card-popup*/
#webcommander-page #selected-variation-products {
margin: 20px 0 0;
}
#webcommander-page #selected-variation-products h2 {
font-size: var(--bk-h2-size, 24px);
margin-top: 0;
}
.widget-variation .selected-variation-product td {
border: none;
}
#webcommander-page .payment-success-page-container .order_details_table .product-image + .wrapper {
width: 60%;
}
/*=============== End New Feature fixing ===================*/
#webcommander-page .widget-html.newsletter-text p {
color: #fff;
}
#webcommander-page .widget-image.payment-gateway {
padding-top: 0;
}
.widget-productImage .image-preview-box {
background: var(--bk-color-surface, #fff);
border: 1px solid var(--bk-color-surface, #fff);
border-radius: 16px;
overflow: hidden;
width: 100%;
max-width: 642px;
mix-blend-mode: multiply;
margin-left: auto;
margin-right: 55px;
}
.image-preview-box.product-detail-view>img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.widget-productImage .multi-image-scroll-wrapper {
max-width: 780px;
border: 0;
overflow: unset;
}
.widget-productImage .multi-image-scroll-wrapper .image-thumb-container {
margin: 0;
}
#webcommander-page .product-thumb-view img {
max-width: 162px;
max-height: 143px;
width: 100%;
height: 100%;
object-fit: cover;
}
.widget-productImage .image-thumb-container .thumb-image {
padding: 0;
margin: 0 15px 0 0;
border: 1px solid color-mix(in srgb, var(--bk-color-secondary, #000000) 10%, transparent);
border-radius: 8px;
overflow: hidden;
}
.widget-productImage .multi-image-scroll-wrapper .scroll-navigator {
background-image: url("../images/product-thumb-arrow.svg");
width: 37px;
}
.widget-productImage .multi-image-scroll-wrapper .image-thumb-container {
margin: 5px 0;
overflow: hidden;
}
.widget-productImage .multi-image-scroll-wrapper .image-left-scroller.scroll-navigator {
background-position: 0 center;
left: auto;
right:50px;
z-index: 1;
cursor: pointer;
}
.widget-productImage .multi-image-scroll-wrapper .image-right-scroller.scroll-navigator {
background-position: -40px center;
right: 0;
cursor: pointer;
z-index: 1;
}
#webcommander-page.page-login .checkout-as-guest-button a {
width: 100%;
border-radius: var(--bk-btn-radius, 0);
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name .customer-canvas-designed-edit:hover,
.checkout-page.version-2 .advance-checkout-order-details-left-dom-inner .login-btn-from-checkout:hover,
.checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name a:hover,
.checkout-page.version-2 .order-summary-panel .cart-edit-button a:hover,
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner .add-promo-codes .text-align:hover {
color: var(--bk-link-color, rgb(255, 203, 84));
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name {
padding: 0 10px 0 0;
}
.password-meter-wrap {
position: absolute;
top: -5px;
right: 17px;
width: 135px;
bottom: auto;
}
.password-meter-wrap .password-description {
font-size: 13px;
width: auto;
line-height: 10px;
margin-top: 12px;
}
.password-meter-wrap .password-strength-bar {
display: block;
float: left;
position: absolute;
right: 0;
bottom: 0;
border-radius: 30px;
height: 8px;
}
.password-meter-wrap .weak {
width: 70px;
}
#webcommander-page .page-profile .site-popup .payment-form .form-row.agree-terms.validation-error {
background-color: transparent;
border: 0;
color: var(--bk-color-ink, #000);
}
#webcommander-page .new-review-panel .review-image-input-with-dropzone-wrapper::before {
filter: grayscale(100%);
}
.checkout-page.version-2 .advance-checkout-steps-left-dom .custom-fields-wrapper input {
padding: 0;
top: 1px;
}
.registration-form textarea {
width: 100%;
min-height: 100px;
}
/* Under Construction Page */
.maintenance-message-block {
display: flex;
justify-content: center;
margin: 50px 0;
}
.maintenance-message-block h1 {
font-size: var(--bk-h1-size, 32px);
background-color: #f9f9f9;
padding: 50px 60px;
line-height: var(--bk-h1-line-height, 1.4);
color: var(--bk-h1-color, var(--bk-color-ink, #000));
}
#webcommander-page.page-home .product-view.scrollable-view .product-block .review-rating.read-only {
display: none;
}
#webcommander-page .tell-friend.tell_friend_popup.popup{
padding: 25px;
}
.checkout-page.version-2 {
-ms-grid-columns: 53% 47%;
grid-template-columns: 53% 47%;
}
.checkout-page.version-2 .advance-checkout-order-details-left-dom-inner {
max-width: 590px;
}
#webcommander-page .bottom-snippet-content-advance-checkout .help-policy p {
margin: 0 0 5px;
}
.checkout-page.version-2 .advance-checkout-order-details-left-footer-info .terms-and-condition {
max-width: 81%;
line-height: 25px;
}
@media(max-width: 767px) {
.maintenance-message-block h1 {
font-size: 24px;
background-color: #f9f9f9;
padding: 20px 30px;
}
}
/* customer registration terms and condition */
#webcommander-page .registration-terms-condition-wrapper {
display: inline-flex;
}
#webcommander-page .registration-terms-condition {
position: relative;
padding-left: 20px;
}
#webcommander-page .registration-terms-condition-wrapper input.checkbox {
position: absolute;
left: 0;
height: auto;
top: 2px;
}
#webcommander-page .registration-terms-condition-wrapper .registration-terms-condition-label,
.registration-form .registration-terms-condition-wrapper a label {
margin: 0;
padding: 0;
font-size: 14px;
line-height: normal;
vertical-align: top;
color: var(--bk-color-ink, #000);
}
.registration-form .registration-terms-condition-wrapper a {
margin-left: 5px;
}
.registration-form .registration-terms-condition-wrapper a label {
text-decoration: underline;
cursor: pointer;
}
.registration-form .registration-terms-condition-wrapper a label {
text-decoration: underline;
}
.registration-form .registration-terms-condition-wrapper a label:hover {
color: #666;
}
.registration-form textarea + .registration-terms-condition-wrapper {
position: relative;
padding-left: 20px;
margin-top: 15px;
}
#webcommander-page .widget-blogCategory.fee--blog-category-1 .category-image-view {
font-size: 14px;
}
.registration-form > .errorlist.after {
display: none;
}
.registration-form .form-row {
background: transparent;
border: none;
color: inherit;
}
.registration-form > .form-row .chosen-container-single {
width: 100%;
padding: 0;
}
#webcommander-page .custom-field-container-for-widget input[type="file"] {
background: transparent;
border: none;
}
#webcommander-page .custom-field-container-for-widget input[type="file"] {
border: none;
background: transparent;
}
.page-cart .product-view.image-view .product-image-link,
.page-cart .product-view.scrollable-view .product-image-link {
width: 100%;
}
.page-cart .product-view.scrollable-view img,
.page-cart .product-view.image-view img {
max-width: 100%;
max-height: 100%;
width: 100%;
object-fit: contain;
}
.add-cart-information-popup.popup .ps__rail-x {
display: none;
}
.product-block .advanced-variation-ui .representation .variation-option.selected,
.product-block .parent-option.color-plate.selected {
box-shadow: 0 0 1px 1px rgba(0,0,0,.5);
}
#webcommander-page .frequently-bought-together-products .header-text {
font-size: 15px;
font-weight: 600;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 40%, transparent);
text-transform: uppercase;
background:var(--bk-color-surface, #fff);
padding:5px 10px;
letter-spacing: 2px;
text-align: left;
}
#webcommander-page div.flying-cart-container .discount-up-sell-message {
margin: 0 40px 0;
}
/*product details page*/
.product-view.image-view .sold-out-tag.tag-mark, .product-view.scrollable-view .sold-out-tag.tag-mark,
.product-view .sold-out-tag.tag-mark{
display: inline-block;
color: #fff;
height: 25px;
position: absolute;
left: 0;
bottom: 0;
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
width: auto;
padding: 2px 5px;
border-radius: 30px;
font-size: 12px;
line-height: 20px;
}
.product-view.image-view .featured.tag-mark,
.product-view.scrollable-view .featured.tag-mark,
.product-view .featured.tag-mark{
display: inline-block;
color: var(--bk-color-ink, #000);
height: 25px;
position: absolute;
left: 0;
top: 0;
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
width: auto;
padding: 2px 5px;
}
.widget-productImage .image-preview-box .sold-out-tag.tag-mark {
display: inline-block;
color: #fff;
height: 29px;
position: absolute;
left: 10px;
bottom: 10px;
background: #E83913;
width: auto;
padding: 2px 15px;
top: auto;
border-radius: 30px;
line-height: 26px;
font-size: 12px;
}
.widget-productImage .image-preview-box .new.tag-mark {
right: 10px;
background: url("/template/097c5ce4/images/newtag.svg");
min-width: 59px;
height: 24px;
border-radius:3px;
background-position:center;
left: auto;
top: 30px;
}
.widget-productImage .image-preview-box .featured.tag-mark {
display: inline-block;
color: #fff;
height: 34px;
position: absolute;
left: 10px;
top: 10px;
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
width: auto;
padding: 4px 15px;
bottom: auto;
border-radius: 30px;
font-size: 14px;
}
.widget-productImage .image-preview-box .sale-percent-display + .featured.tag-mark,
.widget-productImage .image-preview-box .sale-percent-display + .new.tag-mark + .featured.tag-mark{
top: 60px;
}
.product-view.image-view .new.tag-mark,
.product-view.scrollable-view .new.tag-mark,
.product-view .new.tag-mark{
top: 10px;
right: 10px;
border-radius: 30px;
background: url("/template/097c5ce4/images/newtag.svg");
background-size: 69px;
background-position-x: center;
z-index: 0;
}
/*end product details page*/
.page-product .page-content > .v-split-container > .v-split, .page-product .body > .widget-container {
width: 100%;
}
.page-product .widget.widget-breadcrumb, .page-product .page-content > .v-split-container > .v-split.l-fixed-container {
max-width: 1400px;
margin: 0 auto;
}
.widget-productImage .multi-image-scroll-wrapper .image-thumb-container {
white-space: nowrap;
max-width:480px;
}
.widget-productImage .image-thumb-container .thumb-image {
display: inline-block;
}
/*---- upgrate-css----*/
.widget-gallery.fee-gallery-jssor .jssor-slider-container [class^="jssora20l"]::after,
.widget-gallery.fee-gallery-jssor .jssor-slider-container [class^="jssora20r"]::after {
font-size: 50px;
}
.widget-gallery.fee-gallery-jssor .jssor-slider-container [class^="jssora20l"]:hover::after,
.widget-gallery.fee-gallery-jssor .jssor-slider-container [class^="jssora20r"]:hover::after{
color: #fff;
opacity: inherit;
}
.fee-gallery-jssor .jssor-slider-container .jssorb03 div span {
width: 9px;
height: 9px;
}
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap .add-to-cart-button {
bottom: 110px;
top: auto;
}
.fee-gallery-owl .product-view .owl-item .product-block .review-rating-wrapper .review-rating,
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap .product-name {
text-align: center;
width: 100% !important;
padding: 15px 10px;
}
.fee-gallery-owl .blog-post-item .blog-post-info .date,
.fee-gallery-owl .blog-post-item .blog-post-info .author,
.fee-gallery-owl .blog-post-item .blog-post-info a,
.fee-gallery-owl .blog-post-item .blog-post-info .comment-count {
padding-left: 23px;
}
.fee-gallery-owl .blog-post-item .blog-post-info a::before,
.fee-gallery-owl .blog-post-item .blog-post-info .author::before,
.fee-gallery-owl .blog-post-item .blog-post-info .date::before,
.fee-gallery-owl .blog-post-item .blog-post-info .comment-count::before {
top: 1px;
}
.widget-gallery.fee-gallery-swiper .swiper-horizontal {
padding-bottom: 50px;
}
#webcommander-page .fee_img-gallery_blogPost_swiper .swiper-horizontal .swiper-button-next,
#webcommander-page .fee_img-gallery_blogPost_swiper .swiper-horizontal .swiper-button-prev ,
.fee_img-gallery_category_swiper .swiper-horizontal .swiper-button-next,
.fee_img-gallery_category_swiper .swiper-horizontal .swiper-button-prev,
.fee_img-gallery_product_swiper .swiper-horizontal .swiper-button-next,
.fee_img-gallery_product_swiper .swiper-horizontal .swiper-button-prev {
position: absolute;
bottom: 0;
margin-top: 0;
top: auto;
}
#webcommander-page .fee_img-gallery_blogPost_swiper .swiper-horizontal .swiper-button-prev,
.fee_img-gallery_category_swiper .swiper-horizontal .swiper-button-prev,
.fee_img-gallery_product_swiper .swiper-horizontal .swiper-button-prev {
left: 50%;
margin-left: -40px;
}
#webcommander-page .fee_img-gallery_blogPost_swiper .swiper-horizontal .swiper-button-next,
.fee_img-gallery_category_swiper .swiper-horizontal .swiper-button-next,
.fee_img-gallery_product_swiper .swiper-horizontal .swiper-button-next {
right: 50%;
margin-right: -40px;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 #order-list .id-col {
width: 180px;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 col.action-col {
width: 100px;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 td {
padding: 15px 10px;
}
#webcommander-page .agent-list-item > a.read-button:hover, #webcommander-page .agent-list-item > a.read-button:hover::after,
.shopping-cart .product-card__product-name a:hover,
.shopping-cart .order-summary-card__add-promo-codes .text-align:hover,
.shopping-cart .order-summary-card .continue-shopping .continue-shopping-btn:hover,
.checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name .customer-canvas-designed-edit:hover,
.checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name a:hover,
.checkout-page.version-2 .order-summary-panel .cart-edit-button a:hover,
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner .add-promo-codes .text-align:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.checkout-page.version-2 .advance-checkout-order-details-left-dom-inner .login-btn-from-checkout:hover{
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .advance-checkout-order-details-right-dom-inner {
overflow-y: auto;
overflow-x: hidden;
}
#webcommander-page.auto-page.page-checkout .checkout-page.version-2 .checkout-button-wrapper-bottom .advance-checkout-next-step-parser-button.disabled {
background-color: #ccc;
color: #b0aeae;
pointer-events: none;
}
.checkout-page.version-2 .advance-checkout-order-details-left-footer-info .terms-and-condition-text textarea {
min-height: auto;
height: auto;
}
#webcommander-page .widget-blogCategory.fee--blog-category-1 .content {
margin: 0;
}
div.flying-cart-content .variation-dropdown-container .chosen-wrapper + .chosen-wrapper {
margin-top: -6px;
}
div.flying-cart-content .product-name + .price-n-cart {
margin-top: 25px;
}
div.flying-cart-content .product-name + .variation-info-wrapper + .price-n-cart {
margin-top: 0px;
}
.flying-cart-content .product-block.product-view-height-width>div {
background: #f7f7f7;
border-radius: 12px;
mix-blend-mode: multiply
}
.flying-cart-content .product-block.product-view-height-width>div.product-info{
background: var(--bk-color-surface, #fff);
}
/******************************************************/
#webcommander-page .widget-gallery.review {
padding:150px 40px 120px;
background:linear-gradient(56.6deg, rgba(10, 52, 166, 0.16) 32.85%, color-mix(in srgb, var(--bk-color-primary, #00a1c6) 16%, transparent) 105.26%);
}
#webcommander-page .widget-gallery.review .owl-carousel {
max-width: 1400px;
margin: 0 auto 0 auto;
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-stage-outer {
max-width: 775px;
margin: 0 0 0 auto;
width: 100%;
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-controls{
text-align: right
}
#webcommander-page .widget-gallery.review + .widget.widget-image img {
margin-top: -690px;
}
#webcommander-page .widget-gallery.review + .widget.widget-image{
max-width: 1400px;
margin: 0 auto 80px;
text-align: left;
}
/* Figma: the cut-out figure starts ~100px left of the 1400 container and the
quote sits clear of it. Centred (the default) the figure lands at x684 and
the quote text overlaps it. */
#webcommander-page .widget-gallery.review + .widget.widget-image img {
margin-left: 0;
margin-right: auto;
display: block;
}
/* The -100px outdent only fits while the 1400 container still has a real gutter.
At 1440 the gutter is ~12px, so outdenting there would hang the figure off the
left edge and clip it; left-aligned inside the container is the fallback. */
@media (min-width: 1700px) {
#webcommander-page .widget-gallery.review + .widget.widget-image img {
margin-left: -100px;
}
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-item .article-item{
max-width:700px;
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-item .article-content{
overflow: unset;
padding-left:125px;
max-width: 695px;
width: 100%;
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-item .article-content:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 50px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-item .article-content p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 500);
font-size: var(--bk-p-size, 18px);
leading-trim: Cap height;
line-height: var(--bk-p-line-height, 32px);
letter-spacing: var(--bk-p-letter-spacing, 0%);
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-item .article-title {
display: none;
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-item .article-content h5 {
font-family: var(--bk-h5-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h5-weight, 700);
font-size: var(--bk-h5-size, 27px);
line-height: var(--bk-h5-line-height, 28px);
letter-spacing: var(--bk-h5-letter-spacing, -1%);
margin-top: 30px;
margin-bottom: 7px;
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-item .article-content h6 {
font-family: var(--bk-h6-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h6-weight, 500);
font-size: var(--bk-h6-size, 15px);
line-height: var(--bk-h6-line-height, 32px);
letter-spacing: var(--bk-h6-letter-spacing, 0%);
margin: 0;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
@media (max-width: 1199px) {
#webcommander-page .widget-blogCategory.fee--blog-category-1 > .widget-title, #webcommander-page .widget-blogCategory.fee--blog-category-1 > .category-view {
padding: 0;
}
#webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .product-block {
width: calc(100% / 4 - 18px);
}
#webcommander-page div.advance-cart-details.shopping-cart .product-view.scrollable-view .header .scroller {
max-width: 97%;
}
}
/*------ .property-listing-details -----------*/
#webcommander-page .property-listing-details {
padding-left: 0;
padding-right: 0;
}
#webcommander-page .property-listing-details__price-guide-inner .action-group button, #webcommander-page .property-listing-details__price-guide-inner .action-group a {
padding: 10px 20px;
height: auto;
}
#webcommander-page .property-details-contain-container .query-form input {
padding: 8px 25px 8px 10px;
}
#webcommander-page .property-details-contain-container .query-form textarea {
padding: 10px;
}
#webcommander-page .property-details-contain-container .query-form input,
#webcommander-page .property-details-contain-container .query-form textarea {
font-family: var(--bk-font-base, 'Playfair Display'), serif;
font-size: 15px;
}
#webcommander-page .property-listing-details__price-guide-inner .action-group .enqnow {
border: 2px var(--bk-color-secondary, #000) solid;
background-color: var(--bk-color-surface, #fff);
color: var(--bk-color-ink, #000);
font-size: 16px;
border-radius: 10px;
line-height: 24px;
}
#webcommander-page .property-listing-details__price-guide-inner .action-group .enqnow:hover{
border: 2px var(--bk-color-primary, rgba(0, 161, 198, 1)) solid;
background-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
color: var(--bk-color-ink, #000);
}
#webcommander-page .property-details-contain-container .agent-container .agent-info h5 a {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .property-details-contain-container .agent-container .agent-info h5 a:hover {
color: var(--bk-color-ink, #000);
}
#webcommander-page .property-listing-details__price-guide-inner .action-group .flrplan,
#webcommander-page .property-details-contain-container .query-form button{
background-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
border: 2px var(--bk-color-primary, rgba(0, 161, 198, 1)) solid;
color: var(--bk-color-ink, #000);
font-size: var(--bk-btn-font-size, 16px);
}
#webcommander-page .property-listing-details__price-guide-inner .action-group .flrplan:hover,
#webcommander-page .property-details-contain-container .query-form button:hover {
background-color: var(--bk-color-surface, #fff);
border: 2px var(--bk-color-secondary, #000) solid;
color: var(--bk-color-ink, #000);
}
@media (max-width: 991px) {
#webcommander-page .property-listing-details .inquire-agent-section__title {
font-size: 28px;
margin: 50px 0 30px;
}
#webcommander-page .property-listing-details__description .header-title {
font-size: 24px;
}
#webcommander-page .property-listing-details .inquire-agent-section__inner {
flex-wrap: wrap;
justify-content: center;
}
#webcommander-page .property-listing-details .inquire-agent-section__agent {
margin-top: 30px;
}
#webcommander-page .property-listing-details__description-price-guide {
flex-wrap: wrap;
flex-direction: column;
}
#webcommander-page .property-listing-details__price-guide {
flex: 0;
}
#webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .product-block {
width: calc(100% / 3 - 18px);
}
}
@media (max-width: 767px) {
#webcommander-page .property-listing-details__description .info-header {
margin-top: 15px;
}
#webcommander-page .property-listing-details__description .header-title {
font-size: 20px;
}
#webcommander-page .property-listing-details__price-guide-inner {
padding: 20px;
}
#webcommander-page .property-listing-details .inquire-agent-section__inner {
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
}
#webcommander-page .property-listing-details .inquire-agent-section__title {
font-size: 24px;
margin: 40px 0 20px;
}
#webcommander-page .property-details-contain-container .query-form {
padding: 30px 20px;
}
#webcommander-page .property-details-contain-container .agent-container .agent-item {
justify-content: center;
flex-wrap: wrap;
}
#webcommander-page .property-listing-details .inquire-agent-section__agent {
margin-top: 25px;
flex: 0;
}
#webcommander-page .property-details-contain-container .agent-container .agent-info {
text-align: center;
}
#webcommander-page .property-details-contain-container .agent-container .agent-info h5 {
margin: 0 0 10px;
padding: 0 0 20px;
}
#webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .product-block {
width: 100%;
}
#webcommander-page div.advance-cart-details.shopping-cart .product-view.scrollable-view .header .scroller {
top: 12%;
}
#webcommander-page .advance-cart-details.shopping-cart .my-cart {
margin-bottom: 40px;
}
#webcommander-page .advance-cart-details.shopping-cart .header {
min-height: 25px;
}
}
@media screen and (max-width: 1599px) {
}
@media screen and (max-width: 1500px) {
#webcommander-page.responsive.page-agent-listing .body .widget-container .page-content{
margin:0 -20px;
}
}
@media screen and (max-width: 767px) {
#webcommander-page.responsive.page-agent-listing .body .widget-container .page-content{
margin:0 -15px;
}
}
#webcommander-page .page-agent-listing .widget-pageHeading{
margin: 0 auto;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container,
#webcommander-page .property-agent-details-page .agent-summery-info {
padding-left: 20px;
padding-right: 20px;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-info-right.agent-photo-view {
height: auto;
}
#webcommander-page .property-agent-details-page .agent-short-info button.contact-agent-rob {
background-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
font-size: var(--bk-btn-font-size, 16px);
color: var(--bk-btn-text, var(--bk-color-ink, #000));
width: auto;
border: var(--bk-btn-border-width, 2px) solid var(--bk-color-secondary, #000);
}
#webcommander-page .property-agent-details-page .agent-short-info button.contact-agent-rob:hover {
background-color: var(--bk-btn-hover-bg, var(--bk-color-surface, #fff));
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-mobile-info .agent-mobile-info-title,
#webcommander-page .agent-list-item .profile p {
line-height: var(--bk-p-line-height, 22px);
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-mobile-info a.agent-mobile-info-link {
line-height: 28px;
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
@media (max-width: 991px) {
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container {
gap: 60px;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container h1.agent-name-info {
font-size: 36px;
line-height: normal;
}
#webcommander-page .property-agent-details-page .agent-sold-list-info {
padding-bottom: 20px;
}
}
@media (max-width: 767px) {
#webcommander-page .property-agent-details-page .agent-short-info {
padding-top: 30px;
padding-bottom: 40px;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container {
gap: 40px;
flex-wrap: wrap;
flex-direction: column;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container h1.agent-name-info {
font-size: 28px;
line-height: normal;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container .agent-position-info {
margin: 10px 0 15px;
padding-bottom: 20px;
}
#webcommander-page .property-agent-details-page .agent-summery-info {
padding-top: 30px;
padding-bottom: 20px;
}
}
#webcommander-page .preorder-product-block-with-add-to-cart span.pre-order-checkbox-title {
font-size: 17px;
padding-left: 10px;
}
.product-widget.product-widget.widget-addCart .preorder-product-block-with-add-to-cart {
display: flex;
align-items: center;
padding: var(--bk-btn-pad, 7px 0);
width: 100%;
order: 7;
margin-bottom: 20px;
}
div.flying-cart-content .free-products .product-block.product-view-height-width {
width: auto;
}
#webcommander-page.page-home .flying-cart-content .product-view.scrollable-view .product-block:hover {
transform: scale(1);
}
.flying-cart-content .free-products .product-block .price span {
font-size: 14px;
}
.flying-cart-content .free-products .current-price .free-product-text,
.product-view.scrollable-view .product-block .free-product-text,
.product-view.image-view .product-block .free-product-text {
color: #18D294 !important;
}
#webcommander-page .col.action-column .add-to-cart-product button {
padding: var(--bk-btn-pad, 5px 14px);
height: auto;
}
#webcommander-page .frequently-bought-together-products .total-price-section {
margin: 20px auto;
max-width: 100%;
text-align: left;
padding: 0 15px;
}
/*-------Card-detail-page-----*/
#webcommander-page .advance-cart-details .discount-up-sell-message {
margin-bottom: 0;
}
#webcommander-page .advance-cart-details.shopping-cart .shopping-cart__top {
margin-bottom: 40px;
}
#webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .product-block:hover .product-image-link::after {
content: none;
position: inherit;
}
#webcommander-page .advance-cart-details.shopping-cart .variation-dropdown-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
}
#webcommander-page .advance-cart-details.shopping-cart .variation-dropdown-container .product-variation-select.wcui-select {
display: flex;
flex-wrap: wrap;
margin: 0 0 10px;
}
#webcommander-page .advance-cart-details.shopping-cart .variation-dropdown-container .product-variation-select.wcui-select .variation-value {
border: 2px solid var(--bk-color-secondary, #000);
color: #3b3a3a;
display: inline-block;
font-size: 14px;
font-weight: 600;
height: 30px;
line-height: 20px;
margin-right: 7px;
min-width: 30px;
padding: 3px;
text-align: center;
cursor: pointer;
}
#webcommander-page .advance-cart-details.shopping-cart .chosen-wrapper.variation-type .type-label {
margin: 0 0 5px;
display: contents;
}
#webcommander-page .advance-cart-details.shopping-cart .variation-dropdown-container .product-variation-select.wcui-select .selected .variation-value {
background-color: var(--bk-color-secondary, #000);
border-color: var(--bk-color-secondary, #000);
color: #fff;
}
#webcommander-page .advance-cart-details.shopping-cart .variation-dropdown-container .chosen-wrapper.variation-type.color .product-variation-select.wcui-select .options {
height: 35px;
width: 35px;
padding: 5px;
}
#webcommander-page .advance-cart-details.shopping-cart .variation-dropdown-container .chosen-wrapper.variation-type.color .product-variation-select.wcui-select .variation-value {
border: none;
color: inherit;
display: inline-block;
font-size: 14px;
font-weight: 600;
height: 23px;
line-height: 20px;
margin-right:0;
min-width: 23px;
padding: 0;
text-align: center;
cursor: pointer;
}
#webcommander-page .advance-cart-details.shopping-cart .variation-dropdown-container .chosen-wrapper.variation-type.color .product-variation-select.wcui-select .selected {
padding: 5px;
border: solid 1px var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .advance-cart-details.shopping-cart .current-price.price {
padding: 5px 0;
margin: 0 0 5px;
}
#webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .product-block {
border-radius: 15px;
padding: 0;
box-shadow: none !important;
margin-bottom: 20px;
}
#webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .header .scroller {
max-width: 1280px;
top: 20%;
}
#webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .product-block .chosen-wrapper.variation-type {
width: 100%;
padding: 0;
margin: 0;
}
#webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .product-block .product-name {
min-height: auto;
}
#webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .product-block .recommend-item-image-wrapper {
height: 180px;
max-width: 100%;
}
#webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .product-block .recommend-item-image-wrapper img{
object-fit: cover;
height: 100%;
}
#webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .product-block .product-info {
padding: 0 15px 20px;
text-align: center;
}
#webcommander-page .advance-cart-details.shopping-cart .product-view.scrollable-view .product-block .product-name {
min-height: 50px;
}
/*-------Card-detail-page-----*/
/*-------product-fee-fixing-----*/
.sale-percent-display {
color: var(--bk-color-ink, #000);
background: var(--bk-color-surface, #71D1E8);
left: 10px;
top: 10px;
font-size: 14px;
font-weight: 400;
padding: 1px 12px;
border-radius: 18px;
line-height: 26px;
}
.fee-widget-product-list-view .product-view.list-view .content .product-block {
height: auto;
}
.fee-widget-product-list-view .review-rating span {
background-size: 85%;
}
.fee-widget-product-list-view .product-view.list-view .product-name-link {
padding: 0;
}
.fee-widget-product-image-view .product-view.image-view .product-block,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block {
height: auto;
border-left:0;
box-sizing: content-box;
padding: 0;
text-align: left;
display: inline-block;
border-radius: 20px;
border: 0;
overflow: hidden;
background: #FAFAFA;
border: 2px solid transparent;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block:hover,
.fee-widget-product-image-view .product-view.image-view .product-block:hover {
border: 2px solid var(--bk-color-primary, rgba(0, 161, 198, 1)) !important;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .scroller span {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
border: 1px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-widget-product-scroll-view .product-view.scrollable-view .scroller span:hover {
background: var(--bk-color-surface, #fff);
border: 1px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-wish-list.button,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-compare-button.button,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .remove-from-compare-button.button {
width: 100%;
text-align: center;
font-size: var(--bk-btn-tertiary-font-size, 12px);
margin: 0 0 10px !important;
height: auto;
padding: var(--bk-btn-tertiary-pad, 6px 10px);
line-height: 24px;
text-transform: var(--bk-btn-tertiary-font-transform, uppercase);
max-width: 100%;
border-radius: var(--bk-btn-tertiary-radius, 0);
font-weight: var(--bk-btn-tertiary-font-weight, 500);
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000)) !important;
background: transparent !important;
border: var(--bk-btn-tertiary-border-width, 1px) solid var(--bk-color-secondary, #000) !important;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-cart-button.button {
width: 100%;
text-align: center;
font-size: var(--bk-btn-font-size, 12px);
margin: 0 0 10px !important;
height: auto;
padding: var(--bk-btn-pad, 6px 10px);
line-height: 24px;
text-transform: var(--bk-btn-font-transform, uppercase);
max-width: 100%;
border-radius: var(--bk-btn-radius, 0);
font-weight: var(--bk-btn-font-weight, 500);
color: var(--bk-btn-text, var(--bk-color-ink, #000)) !important;
background: transparent !important;
border: var(--bk-btn-border-width, 1px) solid var(--bk-color-secondary, #000) !important;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .remove-from-compare-button.button::after{
display: none;
}.fee-widget-product-scroll-view .product-view.scrollable-view .btn-add .add-to-wish-list,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-compare-button,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .remove-from-compare-button.button {
background: var(--bk-btn-tertiary-fill, var(--bk-color-surface, #fff));
border: var(--bk-btn-tertiary-border-width, 1px) solid var(--bk-color-secondary, #000);
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000)) !important;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .btn-add .add-to-cart-button {
background: var(--bk-btn-fill, var(--bk-color-surface, #fff));
border: var(--bk-btn-border-width, 1px) solid var(--bk-color-secondary, #000);
color: var(--bk-btn-text, var(--bk-color-ink, #000)) !important;
}.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-wish-list.button:hover,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-compare-button.button:hover,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .remove-from-compare-button.button:hover {
border: var(--bk-btn-tertiary-border-width, 1px) var(--bk-color-secondary, #000) solid!important;
background: var(--bk-btn-tertiary-hover-bg, var(--bk-color-secondary, #000)) !important;
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, #fff)) !important;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-cart-button.button:hover {
border: var(--bk-btn-border-width, 1px) var(--bk-color-secondary, #000) solid!important;
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000)) !important;
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff)) !important;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .content * {
text-align: left;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .block-content-wrap > .price-waper,
.fee-widget-product-image-view .product-view.image-view .block-content-wrap > .price-waper {
margin: 7px 15px 0;
text-align: left;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .block-content-wrap > .price-waper,
.fee-widget-product-image-view .product-view.image-view .block-content-wrap > .price-waper {
align-items: start;
flex-direction: column;
gap: 0 5px;
}
.fee-widget-product-image-view .product-view.image-view .summary,
.fee-widget-product-image-view .product-view.image-view .out-of-stock,
.fee-widget-product-image-view .product-view.image-view .in-stock,
.fee-widget-product-scroll-view .product-view.scrollable-view .summary,
.fee-widget-product-scroll-view .product-view.scrollable-view .out-of-stock,
.fee-widget-product-scroll-view .product-view.scrollable-view .in-stock {
padding: 10px 15px 0;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .product-name a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-widget-product-image-view .product-view.image-view .summary,
.fee-widget-product-scroll-view .product-view.scrollable-view .summary,
.fee-widget-product-image-view .product-view.image-view .summary p,
.fee-widget-product-scroll-view .product-view.scrollable-view .summary p{
font-size: var(--bk-p-size, 13px);
text-align: left;
margin: 0;
height: auto;
}
.fee-widget-product-image-view .product-view.image-view .review-rating-wrapper .review-rating.read-only,
.fee-widget-product-scroll-view .product-view.scrollable-view .review-rating-wrapper .review-rating.read-only {
text-align: left;
width: 100% !important;
}
.fee-widget-product-image-view .product-view.image-view .product-block .review-rating.read-only,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .review-rating.read-only {
margin: 10px 15px;
}
.fee-widget-product-image-view .product-view.image-view .product-block .block-content-wrap,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .block-content-wrap {
padding: 0;
text-align: left;
}
/* Product card alignment follows the widget's Product Display toggles.
A hidden field is not rendered at all (the widget omits the node), so :has()
can read the card's own content: name + price only -> centred; Description /
Category / Ratings / Stock Status / Product Variants shown -> left aligned,
which the rule above already does. */
.product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)),
.product-view.scrollable-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) {
text-align: center;
}
.product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) .product-name,
.product-view.scrollable-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) .product-name {
text-align: center;
}
.product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) > .price-waper,
.product-view.scrollable-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) > .price-waper {
align-items: center;
text-align: center;
}
.fee-widget-product-image-view .product-view.image-view .content {
font-size: 15px;
}
.fee-widget-product-image-view .product-view.image-view .product-name,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-name {
padding-left: 15px;
padding-right: 15px;
height: auto;
padding-top: 0;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .product-image .btn-add{
margin-bottom: 10px;
}
.fee-widget-product-image-view .product-view.image-view .product-block:hover .block-content-wrap > .price-waper {
display: flex;
}
.fee-widget-product-image-view .product-view.image-view .product-block .btn-add {
transform: none;
height: auto;
}
.fee-widget-product-image-view .product-view.image-view .product-block .btn-add{
padding: 0 5px;
margin: 15px auto;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .btn-add,
.fee-widget-product-image-view .product-view.image-view .btn-add {
text-align: center;
overflow: inherit;
}
.fee-widget-product-image-view .product-view.image-view .product-name a:hover,
.fee-widget-product-image-view .product-view.image-view .product-name a:hover{
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-widget-product-list-view .product-view.list-view .product-name-link:hover,
.fee-widget-product-tabular-view .product-view.tabular-view .product-name-link:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-widget-product-list-view .product-block .price-waper .previous-price.price span {
font-size: 17px;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .sale.tag-mark,
.fee-widget-product-image-view .product-view.image-view .sale.tag-mark {
left: 15px;
top: 15px;
}
.fee-widget-product-image-view .product-view.image-view .sale.tag-mark::after {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-widget-product-image-view .product-view.image-view .price-waper .current-price.price span {
font-size: 17px;
font-weight: 400;
color: var(--onBackgroundSecondary);
}
.fee-widget-product-scroll-view .product-view.scrollable-view .header .scroller {
z-index: auto;
}
#webcommander-page .shop-merchandise {
background: linear-gradient(56.6deg, rgba(10, 52, 166, 0.1) 32.85%, color-mix(in srgb, var(--bk-color-primary, #00a1c6) 10%, transparent) 105.26%);
}
#webcommander-page .shop-merchandise .widget.widget-product {
max-width: 1470px;
margin: 0 auto;
padding: 50px 30px;
}
.product-view.tabular-view .product-table-view-column.multi-cart-selection-step-column {
display: flex;
gap: 10px;
}
.product-view.tabular-view .product-table-view-column.multi-cart-selection-step-column .add-to-wish-list, .product-view.tabular-view .product-table-view-column.multi-cart-selection-step-column .add-to-compare-button,
.product-view.tabular-view .product-table-view-column.multi-cart-selection-step-column .add-to-wish-list::after{
font-size: 0;
padding: var(--bk-btn-tertiary-pad, 7px 0);
height: 40px;
width: 40px;
border-radius: var(--bk-btn-tertiary-radius, 20px);
margin: 0;
}
.product-view.tabular-view .name-column .review-rating-wrapper {
align-items: flex-start;
margin-bottom: 10px;
}
#webcommander-page .sending-type-by-post input {
border-radius: 0;
}
@media (max-width: 767px) {
.fee-widget-product-list-view .product-view.list-view .product-block .review-rating-wrapper {
left: 49%;
top: 7px;
padding: 0 0 0 20px;
}
.fee-widget-product-list-view .product-view.list-view .content .product-block .block-content-wrap {
padding: 25px 15px 20px;
}
}
/*--last-fixing---*/
.fee-gallery-owl .blog-post-item .title {
font-size: 18px;
line-height: 1.468;
margin: 7px 0;
padding: 0 20px 0 0;
}
.fee-gallery-owl .blog-post-item .title a{
color: var(--bk-link-color, #32312f);
font-family: var(--bk-link-font-family, var(--bk-font-heading, 'Open Sans'), sans-serif);
font-size: var(--bk-link-font-size, 22px);
font-weight: var(--bk-link-font-weight, 400);
}
.blog-post-item .title a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-gallery-swiper.swiperSlider .swiper-backface-hidden .swiper-slide.blog-post-item .blog-post-info a:hover,
.fee-gallery-owl .blog-post-item .blog-post-info a:hover{
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-gallery-owl .blog-post-item .details-link.link a:hover {
color: var(--bk-link-hover, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
.widget-gallery.fee-gallery-owl .owl-theme .owl-controls {
margin: 10px 0;
}
.widget-gallery.fee-gallery-owl .owl-carousel .owl-controls .owl-nav > div.owl-prev{
left: 0;
top: auto;
}
.widget-gallery.fee-gallery-owl .owl-carousel .owl-controls .owl-nav > div.owl-next {
right: 0;
top: auto;
}
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-prev::after,
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-next::after {
content: none !important;
}
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-prev:hover,
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-next:hover {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
border: 1px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap .add-to-cart-button{
padding: var(--bk-btn-pad, 0);
}
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap .add-to-cart-button:hover {
background-color: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1))) !important;
}
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap {
padding: 0;
}
.fee-gallery-owl .product-view .owl-item .product-block .block-content-wrap .product-name-link {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
text-align: center;
}
.fee-gallery-owl .owl-carousel .owl-controls .owl-dot:hover span, .fee-gallery-owl .owl-carousel .owl-controls .owl-dot.active span,
.fee-gallery-swiper.swiperSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
border: 1px var(--bk-color-primary, rgba(0, 161, 198, 1)) solid;
}
.widget-gallery.fee-gallery-swiper .swiper-button-prev:hover, .widget-gallery.fee-gallery-swiper .swiper-button-next:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
border: var(--bk-btn-border-width, 1px) solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.widget-gallery.fee-gallery-swipebox figure,
.widget-gallery.fee-gallery-owl figure,
.widget-gallery.fee-gallery-swiper figure{
margin: 0;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .sale.tag-mark::after {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-gallery-galleriffic div.galleriffic-gallery-wrap .thumbs-container .pageLink.prev:hover,
.fee-gallery-galleriffic div.galleriffic-gallery-wrap .thumbs-container .pageLink.next:hover {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.prev:hover::before,
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.next:hover::after{
color: #fff;
}
.fee-gallery-jssor3 .jssor-slider-container .jssorb03 div span:hover,
.fee-gallery-jssor3 .jssor-slider-container .jssorb03 div.av span {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
@media (max-width: 767px) {
.galleriffic-gallery-wrap.alternate-layout .galleriffic-content,
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container {
padding: 0 15px;
}
}
.fee-blog-design-1 .post-description .content, .fee-blog-design-2 .post-description .content,
.fee-blog-design-3 .post-description .content, .fee-blog-design-4 .post-description .content {
padding: 0;
margin: 0;
}
#webcommander-page .advance-checkout-order-details-right-dom-inner {
overflow-y: auto;
overflow-x: hidden;
}
.product-widget.widget-addCart .frequently-bought-together-products {
width: 100%;
display: block;
padding: 10px 0;
border: 0;
border-radius: 0;
margin: 0 0 10px;
}
#webcommander-page .frequently-bought-together-products .header-info-text {
margin:0;
max-width: 100%;
background:var(--bk-color-surface, #fff);
text-align: left;
}
#webcommander-page .frequently-bought-together-products .subheader-text{
display:none;
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner .check-out-total .price-row.total-order {
padding-bottom: 20px;
}
#webcommander-page .fee_img-gallery_album_swiper.fee-gallery-swiper.swiperSlider .swiper-backface-hidden .swiper-slide img {
max-width: 100%;
width: 100%;
}
.product-view .product-block .review-rating-wrapper .review-rating img {
width: auto;
height: auto;
}
.fee-gallery-swiper.swiperSlider .product-block .add-to-cart-button {
width: 32px !important;
font-size: 0 !important;
border-radius: var(--bk-btn-radius, 500%) !important;
bottom: 120px;
top: auto;
}
.fee-gallery-swiper.swiperSlider .product-block .add-to-cart-button:hover {
background-color: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1))) !important;
border: var(--bk-btn-border-width, 1px) solid var(--bk-color-primary, rgba(0, 161, 198, 1)) !important;
}
.fee-gallery-swiper.swiperSlider .product-block .block-content-wrap .product-name {
margin: 0;
padding: 20px 10px;
height: auto;
min-height: auto;
max-height: 100%;
}
.fee-gallery-swiper.swiperSlider .product-block .review-rating-wrapper {
padding: 0 10px;
}
#webcommander-page .compare-details .title.page-heading {
margin: 15px 0 25px;
line-height: normal;
text-align: center;
}
#webcommander-page .compare-details .add-to-cart-button {
display: inline-block;
width: auto;
margin: 10px;
}
#webcommander-page.responsive .compare-details {
overflow-x: auto;
}
#webcommander-page.responsive .compare-details table {
table-layout: auto;
margin-bottom: 20px;
}
#webcommander-page .compare-details .price {
text-align: left;
}
#webcommander-page .compare-details table td, #webcommander-page .compare-details table th {
padding: 10px;
}
@media (max-width: 767px) {
#webcommander-page .compare-details {
margin-bottom: 40px;
}
#webcommander-page .compare-details .title.page-heading {
font-size: 26px;
}
}
#webcommander-page #selected-variation-products .variation-selected-product {
border: none;
}
.popup.add-cart-information-popup .sending-type-by-email .title {
color: var(--bk-color-ink, #000);
}
.popup .cart-summary {
margin: 0 0 30px;
}
#webcommander-page .page-post-payment .auto-page .page-content{
padding-left: 0;
padding-right: 0;
}
#webcommander-page .donation-details__agreement-label {
font-size: 15px;
line-height: 22px;
}
#webcommander-page .donation-address-page-content .form-row .submit-button,
#webcommander-page .donation-details__continue-button-wrapper .donation-details__continue-button {
background: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)) none repeat scroll 0 0);
}
#webcommander-page .donation-address-page-content .form-row .submit-button:hover,
#webcommander-page .donation-details__continue-button-wrapper .donation-details__continue-button:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000) none repeat scroll 0 0);
}
#webcommander-page .donation-success-page-content .message-details a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .donation-success-page-content .order_details_table {
padding: 0;
}
.registration-form .registration-terms-condition-wrapper a label:hover{
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .bottom-snippet-content-advance-checkout div, #webcommander-page .bottom-snippet-content-advance-checkout div p {
color: var(--bk-color-ink, #000);
line-height: var(--bk-p-line-height, 24px);
margin: 20px 0;
}
.fee-gallery-owl.fee_img-gallery_article_owl .owl-item .item {
aspect-ratio: 0;
}
#webcommander-page .property-list-filter-options .filter-sorting .chosen-container-single {
padding: 0;
}
#webcommander-page .property-content .details-view a {
height: auto;
}
.login-form.pass-code-verify-form .form-row {
margin: 20px 0;
}
/***---------------last---------*****/
.widget-gallery.fee-gallery-jssor .jssor-slider-container [class^="jssora20l"]::after,
.widget-gallery.fee-gallery-jssor .jssor-slider-container [class^="jssora20r"]::after {
font-size: 50px;
}
.widget-gallery.fee-gallery-jssor .jssor-slider-container [class^="jssora20l"]:hover::after,
.widget-gallery.fee-gallery-jssor .jssor-slider-container [class^="jssora20r"]:hover::after{
color: #fff;
opacity: inherit;
}
.fee-gallery-jssor .jssor-slider-container .jssorb03 div span {
width: 9px;
height: 9px;
}
.fee-gallery-owl .blog-post-item .blog-post-info .date,
.fee-gallery-owl .blog-post-item .blog-post-info .author,
.fee-gallery-owl .blog-post-item .blog-post-info a,
.fee-gallery-owl .blog-post-item .blog-post-info .comment-count {
padding-left: 23px;
}
.fee-gallery-owl .blog-post-item .blog-post-info a::before,
.fee-gallery-owl .blog-post-item .blog-post-info .author::before,
.fee-gallery-owl .blog-post-item .blog-post-info .date::before,
.fee-gallery-owl .blog-post-item .blog-post-info .comment-count::before {
top: -3px;
}
.widget-gallery.fee-gallery-swiper .swiper-horizontal {
padding-bottom: 50px;
}
#webcommander-page .agent-list-item > a.read-button:hover,
#webcommander-page .agent-list-item > a.read-button:hover::after {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .widget-blogCategory.fee--blog-category-1 .content {
margin: 0;
}
@media (max-width: 1199px) {
#webcommander-page .widget-blogCategory.fee--blog-category-1 > .widget-title,
#webcommander-page .widget-blogCategory.fee--blog-category-1 > .category-view {
padding: 0;
}
}
/*------ .property-listing-details -----------*/
#webcommander-page .property-listing-details {
padding-left: 0;
padding-right: 0;
}
#webcommander-page .property-listing-details__price-guide-inner .action-group button,
#webcommander-page .property-listing-details__price-guide-inner .action-group a {
padding: 10px 20px;
height: auto;
}
#webcommander-page .property-details-contain-container .query-form input {
padding: 8px 25px 8px 10px;
}
#webcommander-page .property-details-contain-container .query-form textarea {
padding: 10px;
}
#webcommander-page .property-details-contain-container .query-form input,
#webcommander-page .property-details-contain-container .query-form textarea {
font-size: 15px;
}
#webcommander-page .property-listing-details__price-guide-inner .action-group .enqnow {
background-color: var(--bk-color-secondary, #000);
border: none;
color: #fff;
font-size: 16px;
padding: 12px;
text-transform: uppercase;
font-weight: 500;
border-radius: 0;
}
#webcommander-page .property-listing-details__price-guide-inner .action-group .enqnow:hover{
border: none;
background-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
color: #fff;
}
#webcommander-page .property-details-contain-container .agent-container .agent-info h5 a {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .property-details-contain-container .agent-container .agent-info h5 a:hover {
color: var(--bk-color-ink, #000);
}
#webcommander-page .property-listing-details__price-guide-inner .action-group .flrplan,
#webcommander-page .property-details-contain-container .query-form button{
background-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
border: none;
color: #fff;
font-size: var(--bk-btn-font-size, 16px);
padding: 12px;
line-height: 24px;
}
#webcommander-page .property-listing-details__price-guide-inner .action-group .flrplan:hover,
#webcommander-page .property-details-contain-container .query-form button:hover {
background-color: var(--bk-color-secondary, #000);
border: none;
color: #fff;
}
#webcommander-page .property-details-contain-container .query-form .form-group .required {
font-family: var(--bk-font-base, 'Open Sans');
}
#webcommander-page .widget.widget-product.outdoor-furnitures.gardening {
padding-bottom: 180px;
}
@media (max-width: 991px) {
#webcommander-page .property-listing-details .inquire-agent-section__title {
font-size: 28px;
margin: 50px 0 30px;
}
#webcommander-page .property-listing-details__description .header-title {
font-size: 24px;
}
#webcommander-page .property-listing-details .inquire-agent-section__inner {
flex-wrap: wrap;
justify-content: center;
}
#webcommander-page .property-listing-details .inquire-agent-section__agent {
margin-top: 30px;
}
#webcommander-page .property-listing-details__description-price-guide {
flex-wrap: wrap;
flex-direction: column;
}
#webcommander-page .property-listing-details__price-guide {
flex: 0;
}
#webcommander-page .widget-productReviewRatting .main-container {
grid-column-gap:30px;
}
}
@media (max-width: 767px) {
#webcommander-page .property-listing-details__description .info-header {
margin-top: 15px;
}
#webcommander-page .property-listing-details__description .header-title {
font-size: 20px;
}
#webcommander-page .property-listing-details__price-guide-inner {
padding: 20px;
}
#webcommander-page .property-listing-details .inquire-agent-section__inner {
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
}
#webcommander-page .property-listing-details .inquire-agent-section__title {
font-size: 24px;
margin: 40px 0 20px;
}
#webcommander-page .property-details-contain-container .query-form {
padding: 30px 20px;
}
#webcommander-page .property-details-contain-container .agent-container .agent-item {
justify-content: center;
flex-wrap: wrap;
}
#webcommander-page .property-listing-details .inquire-agent-section__agent {
margin-top: 25px;
flex: 0;
}
#webcommander-page .property-details-contain-container .agent-container .agent-info {
text-align: center;
}
#webcommander-page .property-details-contain-container .agent-container .agent-info h5 {
margin: 0 0 10px;
padding: 0 0 20px;
}
}
#webcommander-page.auto-page.page-post-payment .spacer,
#webcommander-page.auto-page.page-donation-confirm .spacer,
#webcommander-page.auto-page.page-donation .spacer,
#webcommander-page.auto-page.page-post-payment .spacer,
#webcommander-page .page-post-payment .spacer,
#webcommander-page .page-agent-listing .spacer{
height: 0 !important;
}
#webcommander-page.auto-page.page-post-payment .page-content,
#webcommander-page.page-post-payment.auto-page .page-content,
#webcommander-page.page-agent-listing.auto-page .page-content {
padding-left: 0;
padding-right: 0;
margin: 0 !important;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container,
#webcommander-page .property-agent-details-page .agent-summery-info {
padding-left: 15px;
padding-right: 15px;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-info-right.agent-photo-view {
height: auto;
}
#webcommander-page .property-agent-details-page .agent-short-info button.contact-agent-rob {
background-color: var(--bk-color-secondary, #000);
font-size: var(--bk-btn-font-size, 16px);
color: var(--bk-btn-text, #fff);
width: auto;
border: none;
}
#webcommander-page .property-agent-details-page .agent-short-info button.contact-agent-rob:hover {
background-color: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-mobile-info .agent-mobile-info-title {
line-height: normal;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-mobile-info a.agent-mobile-info-link {
line-height: 28px;
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
@media (max-width: 991px) {
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container {
gap: 60px;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container h1.agent-name-info {
font-size: 36px;
line-height: normal;
margin: 0;
}
#webcommander-page .property-agent-details-page .agent-sold-list-info {
padding-bottom: 20px;
}
}
@media (max-width: 767px) {
#webcommander-page .property-agent-details-page .agent-short-info {
padding-top: 30px;
padding-bottom: 40px;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container {
gap: 40px;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-align: center;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container h1.agent-name-info {
font-size: 28px;
line-height: normal;
text-align: center;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container .agent-position-info {
margin: 10px 0 15px;
padding-bottom: 20px;
}
#webcommander-page .property-agent-details-page .agent-summery-info {
padding-top: 30px;
padding-bottom: 20px;
text-align: center;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container > div {
width: 100%;
flex: auto;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container .agent-mobile-info {
justify-content: center;
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-info-right.agent-photo-view {
max-width: 320px;
height: 320px;
}
}
/*--last-fixing---*/
.fee-gallery-owl.fee_img-gallery_article_owl .owl-item .item {
aspect-ratio: 0;
}
.fee-gallery-owl .blog-post-item .title {
font-size: 18px;
line-height: 1.468;
padding: 0 20px 0 0;
}
.fee-gallery-owl .blog-post-item .title a {
color: var(--bk-link-color, #222);
font-size: var(--bk-link-font-size, 20px);
font-weight: var(--bk-link-font-weight, 400);
}
.fee-gallery-owl .blog-post-item .content {
font-size: 14px;
padding: 15px 0;
}
.fee-gallery-owl .blog-post-item .details-link.link a {
background: none;
padding: 0;
font-size: var(--bk-link-font-size, 14px);
font-weight: var(--bk-link-font-weight, 500);
color: var(--bk-color-ink, #000);
text-decoration: none;
text-transform: var(--bk-link-font-transform, capitalize);
}
.blog-post-item .title a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-gallery-owl .blog-post-item .blog-post-info a:hover{
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-gallery-owl .blog-post-item .details-link.link a:hover {
color: var(--bk-link-hover, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
.fee-gallery-owl .blog-post-item .post-list-view {
width: 100%;
}
.widget-gallery.fee-gallery-owl .owl-theme .owl-controls {
margin: 10px 0;
}
.widget-gallery.fee-gallery-owl .owl-carousel .owl-controls .owl-nav > div.owl-prev{
left: 0;
top: auto;
}
.widget-gallery.fee-gallery-owl .owl-carousel .owl-controls .owl-nav > div.owl-next {
right: 0;
top: auto;
}
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-prev::after,
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-next::after {
content: none !important;
}
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-prev:hover,
.fee-gallery-owl.widget-gallery .owl-controls .owl-nav .owl-next:hover {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
border: 1px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-gallery-owl .owl-carousel .owl-controls .owl-dot:hover span, .fee-gallery-owl .owl-carousel .owl-controls .owl-dot.active span,
.fee-gallery-swiper.swiperSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
border: 1px var(--bk-color-primary, rgba(0, 161, 198, 1)) solid;
}
.widget-gallery.fee-gallery-swiper .swiper-button-prev:hover,
.widget-gallery.fee-gallery-swiper .swiper-button-next:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)));
border: var(--bk-btn-border-width, 1px) solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.widget-gallery.fee-gallery-swipebox figure,
.widget-gallery.fee-gallery-owl figure,
.widget-gallery.fee-gallery-swiper figure{
margin: 0;
}
.fee-gallery-galleriffic div.galleriffic-gallery-wrap .thumbs-container .pageLink.prev:hover,
.fee-gallery-galleriffic div.galleriffic-gallery-wrap .thumbs-container .pageLink.next:hover {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
border: 1px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.prev:hover::before,
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container .pageLink.next:hover::after{
color: #fff;
}
.fee-gallery-jssor3 .jssor-slider-container .jssorb03 div span:hover,
.fee-gallery-jssor3 .jssor-slider-container .jssorb03 div.av span {
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-gallery-swiper .category-image-view .category-name,
.fee-gallery-owl .category-image-view.category .category-name {
padding: 20px 10px 10px;
}
@media (max-width: 767px) {
.galleriffic-gallery-wrap.alternate-layout .galleriffic-content,
.fee-gallery-galleriffic .galleriffic-gallery-wrap.alternate-layout .thumbs-container {
padding: 0 15px;
}
}
.fee-blog-design-1 .post-description .content,
.fee-blog-design-2 .post-description .content,
.fee-blog-design-3 .post-description .content,
.fee-blog-design-4 .post-description .content {
padding: 15px 0;
margin: 0;
}
#webcommander-page .fee_img-gallery_album_swiper.fee-gallery-swiper.swiperSlider .swiper-backface-hidden .swiper-slide img {
max-width: 100%;
width: 100%;
}
#webcommander-page .page-post-payment .auto-page .page-content{
padding-left: 0;
padding-right: 0;
}
#webcommander-page .donation-details__agreement-label {
font-size: 15px;
line-height: 22px;
}
#webcommander-page .donation-address-page-content .form-row .submit-button,
#webcommander-page .donation-details__continue-button-wrapper .donation-details__continue-button {
background: var(--bk-btn-fill, var(--bk-color-secondary, #000) none repeat scroll 0 0);
height: auto;
line-height: normal;
color: var(--bk-btn-text, #ffffff);
border:none !important;
}
#webcommander-page .donation-address-page-content .form-row .submit-button:hover,
#webcommander-page .donation-details__continue-button-wrapper .donation-details__continue-button:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-primary, rgba(0, 161, 198, 1)) none repeat scroll 0 0);
color: var(--bk-btn-hover-color, var(--bk-btn-text, #ffffff));
}
#webcommander-page .donation-success-page-content .message-details a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .donation-success-page-content .order_details_table,
#webcommander-page .donation-success-page-content .payment-success-total table {
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
#webcommander-page .donation-success-page-content-inner .cartitem-table tr.title,
#webcommander-page .donation-success-page-content-inner .cartitem-table tr {
display: table-row;
}
#webcommander-page .donation-success-page-content-inner .cartitem-table tr:last-child td {
border-bottom: 1px solid #F3F3F3;
}
#webcommander-page .donation-success-page-content-inner .cartitem-table tr td,
#webcommander-page .donation-success-page-content-inner .cartitem-table tr td.price {
text-align: left;
}
#webcommander-page .donation-success-page-content-inner .cartitem-table td {
display: table-cell;
}
}
/*---- Sub category ----*/
#webcommander-page .category.category-detail-view.category-detail-width.category-details-page-with-background.category-details-banner-image-wrapper {
width: 100%;
padding: 0;
max-height: 300px;
overflow: hidden;
margin-bottom: 20px;
}
.category-details-container .category-details-page-with-background {
width: 100%;
padding: 0;
margin: 0 0 20px;
}
.category-details-container .category-details-page-with-background > img {
max-width: 100%;
max-height: 100%;
width: 100%;
}
.subcategory-container .content.category-content {
margin: 0;
}
.subcategory-container .category-view .category {
border: medium none;
box-sizing: content-box;
margin: 0;
padding: 15px 0;
}
.subcategory-container .category-view .category .category-name {
text-align: center;
margin: 15px auto;
display: block;
}
.subcategory-container .category-view .category .category-name .category-name-link {
font-size: 18px;
color: var(--bk-color-ink, #000);
}
.subcategory-container .category-view .category .category-name .category-name-link:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.subcategory-container .category-view .category a {
display: initial;
}
.subcategory-container .category-view .category img {
aspect-ratio: 0;
height: 100%;
}
.category-details-container .title {
text-align: left;
margin-bottom: 25px;
}
.subcategory-container .category-view.image-view .footer {
padding: 0;
margin: 0;
}
.subcategory-container .category-view .category .summary {
height: auto;
font-size: 15px;
}
@media (max-width: 991px) {
.category-view.image-view .category-image-view-width {
width: calc(50% - 10px);
}
}
@media (max-width: 499px) {
.category-view.image-view .category-image-view-width {
width: 100%;
}
}
/*---- Sub category ----*/
#webcommander-page .property-list-filter-options .filter-sorting .chosen-container-single {
padding: 0;
}
#webcommander-page .property-content .details-view a {
height: auto;
}
#webcommander-page .agent-list-item > a.read-button{
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .agent-list-item > a.read-button:hover,
#webcommander-page .agent-list-item > a.read-button:hover::after,
#webcommander-page .agent-list-item > a.read-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-mobile-info .agent-mobile-info-title,
#webcommander-page .agent-list-item .profile p {
line-height: var(--bk-p-line-height, 22px);
}
#webcommander-page .bottom-snippet-content-advance-checkout div, #webcommander-page .bottom-snippet-content-advance-checkout div p {
line-height: var(--bk-p-line-height, 24px);
margin: 20px 0;
}
#webcommander-page .bottom-snippet-content-advance-checkout a {
margin-right: 7px;
}
.registration-form .registration-terms-condition-wrapper a label:hover{
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container .pagination span,
.fee-gallery-galleriffic .galleriffic-gallery-wrap.rollover-layout .thumbs-container .pagination a {
min-width: 14px;
text-align: center;
width: auto;
}
@media(min-width: 768px){
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner .whole-summary-wrapper .collapsible-panel {
max-height: unset!important;
}
}
/*---- pass-code-design----*/
.login-form.pass-code-verify-form .form-row {
margin: 20px 0;
}
@media (max-width: 767px) {
#webcommander-page .page-pass-code-authorization form.pass-code-verify-form.valid-verify-form {
padding: 20px;
}
}
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item .close-popup,
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item button{
background: var(--bk-color-primary, rgba(0, 161, 198, 1));
border-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
color: var(--bk-btn-text, #fff);
}
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item .close-popup:hover,
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item button:hover{
background: var(--bk-color-secondary, #000) none repeat scroll 0 0;
color: var(--bk-btn-text, #fff);
border-color: var(--bk-color-secondary, #000);
}
#webcommander-page .custom-field-container.custom-field-container-for-widget {
padding-bottom: 30px;
}
#webcommander-page .custom-field-container-for-widget input[type="radio"], #webcommander-page .custom-field-container-for-widget input[type="checkbox"] {
height: 18px;
width: 18px;
margin-top: 1px;
}
#webcommander-page .custom-field-container-for-widget input[type="radio"]:checked {
outline: 6px var(--bk-color-secondary, #000) solid;
outline-offset: -9px;
}
#webcommander-page .custom-field-container-for-widget .form-row label.checkbox-radio-type-field-label {
font-size: 15px;
line-height: 22px;
}
#webcommander-page .custom-field-container-for-widget input[type="text"], #webcommander-page .custom-field-container-for-widget input[type="file"],
#webcommander-page .custom-field-container-for-widget textarea, #webcommander-page .custom-field-container-for-widget select {
font-size: 15px;
}
#webcommander-page .custom-field-container-for-widget .checkbox-radio-field-input-label-wrapper + .checkbox-radio-field-input-label-wrapper {
margin-top: 7px;
}
#webcommander-page .custom-field-container-for-widget input, #webcommander-page .custom-field-container-for-widget select {
margin: 0;
padding: 0;
}
#webcommander-page .custom-field-container-for-widget .form-row label {
padding-bottom: 10px;
}
#webcommander-page .custom-field-container-for-widget select {
padding: 5px 36px 5px 15px !important;
}
#webcommander-page .property-list-filter-options ul li::after {
content: none;
}
#webcommander-page .property-content .details-view a:hover {
border: 1px solid var(--bk-color-secondary, #000);
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block .product-image {
height: 300px;
}
.fee-gallery-swiper.swiperSlider .product-view.image-view .product-block {
width: 100%;
}
.blog-post-info a {
color: var(--bk-color-ink, #000);
}
.fee-gallery-swiper.swiperSlider .swiper-backface-hidden .swiper-slide.blog-post-item .details-link.link a:hover{
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .compare-details .heading {
padding: 0 0 20px;
}
#webcommander-page .compare-details table td, #webcommander-page .compare-details table th {
padding: 10px;
}
#webcommander-page .compare-details table th {
color: #222;
font-size: 15px;
}
#webcommander-page #bmui-tab-description {
overflow-y: auto;
}
.bmui-tab-panel table {
min-width: 400px;
}
.product-widget.product-widget.widget-addCart .gift-button-container {
margin: 0;
order: 3;
}
/* product quick view */
#webcommander-page .product_quick_view_popup {
left: 50%;
padding: 0;
right: 0;
}
#webcommander-page .product_quick_view_popup.popup .scroller span.view-right,
#webcommander-page .product_quick_view_popup.popup .scroller span.view-left {
width: 30px;
height: 30px;
background: var(--bk-color-secondary, #000);
text-align: center;
}
#webcommander-page .product_quick_view_popup.popup .scroller span.view-right {
right: 20px;
}
#webcommander-page .product_quick_view_popup.popup .scroller span.view-left {
left: 20px;
}
#webcommander-page .product_quick_view_popup.popup .scroller span.view-left:before,
#webcommander-page .product_quick_view_popup.popup .scroller span.view-right:before {
display: none;
}
#webcommander-page .product_quick_view_popup.popup .scroller span.view-left:after,
#webcommander-page .product_quick_view_popup.popup .scroller span.view-right:after {
font-family: 'FontAwesome';
font-size: 22px;
line-height: 27px;
}
#webcommander-page .product_quick_view_popup.popup .scroller span.view-left:after {
content: "\f104";
color: #fff;
}
#webcommander-page .product_quick_view_popup.popup .scroller span.view-right:after {
content: "\f105";
color: #fff;
}
#webcommander-page .product_quick_view_popup.popup .scroller span.view-left:hover:after,
#webcommander-page .product_quick_view_popup.popup .scroller span.view-right:hover:after {
color: #fff;
opacity: 0.7;
}
#webcommander-page .product_quick_view_popup.popup .body {
height: calc(100% - 52px);
margin: 0;
padding: 20px 40px 30px;
}
#webcommander-page .product_quick_view_popup.popup.popup .header {
border-bottom: none;
padding: 0;
min-height: unset;
height: 52px;
}
.widget-productImage .multi-image-scroll-wrapper .image-thumb-container {
white-space: nowrap;
}
.widget-productImage .image-thumb-container .thumb-image {
display: inline-block;
}
#webcommander-page .product_quick_view_popup .widget-socialMediaShare .social-media-wrapper span {
margin-bottom: 7px;
}
#webcommander-page .product_quick_view_popup .summary {
height: auto;
text-align: left;
}
#webcommander-page .product_quick_view_popup #spltr-07e42076-41ee-45c4-8638-7b3b2924d6d2 {
width: 50%;
max-width: 50%;
padding-right: 30px !important;
flex: inherit !important;
}
#webcommander-page .product_quick_view_popup #spltr-96ff24bf-8e83-4924-bd85-926693cd3a57 {
width: 50%;
}
#webcommander-page .widget.widget-navigation.footer-nav .nav-wrapper.horizontal {
text-align: right;
}
.widget.widget-filter .accordion-panel > .label-bar::after {
display: none;
}
.widget.widget-filter .tab-accordion-accordion.accordion-panel .accordion-item.filter-accordion-item .form-row.COLOR-filter .form-row, .widget.widget-filter .tab-accordion-accordion.accordion-panel .accordion-item.filter-accordion-item .form-row.Test.Color-filter .form-row {
min-width: 98px;
}
/*************Blog Top********************/
#webcommander-page .widget.widget-blogPost.blog-top-section{
max-width:1430px;
margin:50px auto 0;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-content {
display: grid;
grid-template-columns: auto auto;
gap: 30px 20px;
border-bottom: 0px solid color-mix(in srgb, var(--bk-color-secondary, #000000) 10%, transparent);
padding-bottom: 168px;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item {
font-size: 30px;
text-align: left;
margin: 0;
height: max-content;
width: auto;
display: flex;
flex-direction: row;
border: 0;
padding: 0;
min-height: auto;
overflow: unset;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item.first {
grid-row: 1 / 5;
padding-right: 30px;
width: 682px !important;
height: auto;
display: flex;
flex-direction: column;
min-height: auto;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .post.post-list-view-height {
height: 100%;
max-width: 175px;
max-height: 160px;
margin-right: 30px;
width: 100%;
padding: 0;
border-radius: 20px;
overflow: hidden;
width: 100%;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item.first .post.post-list-view-height {
max-width: 682px !important;
max-height: 80%;
border-radius: 20px;
margin-bottom: 20px;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .post.post-list-view-height img{
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item.first .post.post-list-view-height,
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item.first .post.post-list-view-height a,
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item.first .post.post-list-view-height img {
display:block;
width:100%;
height: 100%;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item.first .post.post-list-view-height img {
display: block;
width: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
height: 100%;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-item .title {
padding:0;
margin:0;
font-size: 20px;
line-height: 32px;
min-height: auto;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-item.first, #webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-item.last {
border:0;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-item.last {
margin:0;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-item .post-description {
display:flex;
position: relative;
height: auto;
padding: 0;
flex-direction: column;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-item .title a{
text-align: left;
color: var(--bk-color-ink, rgba(0,0,0,1));
background: transparent;
padding: 0 0 10px;
display: block;
font-family: var(--bk-link-font-family, var(--bk-font-heading, "Manrope"), sans-serif);
font-weight: var(--bk-link-font-weight, 400);
font-size: var(--bk-link-font-size, 20px);
line-height: 33px;
letter-spacing: var(--bk-link-font-letter-spacing, 1%);
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-item:hover .title a{
color:var(--bk-link-hover, var(--bk-color-primary, rgba(0, 161, 198, 1)))
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-item span.date {
font-size: 13px;
font-weight: 500;
line-height: 22px;
text-align: left;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 70%, transparent);
background: transparent;
padding: 4px 12px;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
display: inline;
border: 1px solid #d9d9d9;
border-radius: 30px;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-item .post-description .blog-read-more, #webcommander-page .widget.widget-blogPost.blog-top-section .footer{
display:none;
}
#webcommander-page .widget.blog-posts-title.widget-blogPost .widget-title {
text-align: left;
max-width: 1200px;
margin: 0 auto 20px;
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: var(--bk-h3-weight, 500);
font-size: var(--bk-h3-size, 18px);
line-height: var(--bk-h3-line-height, 100%);
letter-spacing: var(--bk-h3-letter-spacing, 0%);
padding: 0;
}
#webcommander-page .blog-posts-title .blog-read-more{
display:none;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item.first .title a {
font-size: var(--bk-link-font-size, 23px);
line-height: 40px;
}
#webcommander-page .widget.widget-navigation.categories-list.blog, #webcommander-page .blog-posts-title{
max-width:310px;
margin-left:auto;
margin-right:0;
border: 0;
}
#webcommander-page .widget.widget-navigation.categories-list.blog{
padding-bottom: 50px;
}
#webcommander-page .widget.blog-posts-title.widget-blogPost .blog-post-content{padding: 0;margin: 0;flex-direction: column;}
#webcommander-page div.widget.blog-posts-title + div.blog-posts-title{
border: 0;
padding: 0;
width:100%;
margin-bottom: 0;
}
#webcommander-page div.widget.blog-posts-title.widget-blogPost{
padding: 0 0 15px;
margin:180px 0 30px auto;
border-bottom:1px solid #ccc;
max-width: 310px;
}
#webcommander-page div.widget.blog-posts-title.widget-blogPost + div.blog-posts-title.widget-blogPost{
margin:0 0 30px auto;
}
#webcommander-page .widget.blog-posts-title.widget-blogPost .title a {
font-family: var(--bk-link-font-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-link-font-weight, 400);
font-size: var(--bk-link-font-size, 14px);
line-height: 30px;
letter-spacing: var(--bk-link-font-letter-spacing, 1%);
margin-bottom: 15px;
}
#webcommander-page .widget.blog-posts-title.widget-blogPost .blog-post-item {
border: 0;
margin: 0;
padding: 0;
width: 100%;
height: auto;
min-height: auto;
border-radius: 0;
}
#webcommander-page .widget.blog-posts-title.widget-blogPost .title {
font-size: var(--bk-h4-size, 0);
padding-bottom: 8px;
margin: 0;
line-height: var(--bk-h4-line-height, unset);
min-height: auto;
}
.blog-post-details .comment-post-panel button {
line-height: 34px;
}
.reply-popup.blog-comment-reply-popup.popup.active {
padding: 0;
}
.reply-popup.blog-comment-reply-popup.popup.active .textarea-wrap {
width: 100%;
display: block;
position: relative;
}
.reply-popup.blog-comment-reply-popup.popup.active .textarea-wrap textarea {
width: 100%;
}
.reply-popup.blog-comment-reply-popup.popup.active .textarea-wrap span.max-character {
position: absolute;
right: 0;
top: -30px;
font-size: 11px;
}
.blog-post-details .blog-post-comment-panel .comment-item {
border-bottom: 0;
}
.reply-popup.blog-comment-reply-popup.popup.active .popup-bottom.footer {
display: flex;
gap: 15px;
}
/*-------------------------*/
/* Blog */
.widget-blogPost {
margin: 0 auto;
padding: 0;
width: 100%;
}
.blog-post-item {
/*width: calc(100%/4 - 28px);*/
margin:0 0 35px;
padding-bottom: 0;
border-bottom: 0;
position: relative;
overflow: hidden;
background: transparent;
height: max-content;
border:1px solid color-mix(in srgb, var(--bk-color-secondary, #000000) 10%, transparent);
border-radius:20px;
}
#webcommander-page .blog-home .blog-post-item {
/*width: calc(100%/4 - 28px);*/
}
#webcommander-page .widget-blogPost.blog-home {
padding-top:100px
}
#webcommander-page .post.post-list-view-width, #webcommander-page .category.post-list-view-width {
overflow: hidden;
width: 100%;
padding: 0;
height: auto;
}
#webcommander-page .post.post-list-view-width img, #webcommander-page .category.post-list-view img {
width: 100%;
object-fit: cover;
padding-bottom: 0;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
max-width: 100%;
object-position: top;
border-radius:0px;
height: 210px;
}
.blog-post-item:hover .post.post-list-view-width img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.blog-post-item .post-description {
padding: 0 30px 30px;
display:flex;
flex-direction: column;
background: transparent;
}
#webcommander-page .blog-posts-title .blog-post-item .post-description {
padding: 0;
}
.blog-post-item .post-description .title {
padding: 0;
margin: 15px 0 8px;
font-size: var(--bk-h4-size, 20px);
min-height: 80px;
}
.blog-post-item .post-description .title a {
text-align: left;
color: var(--bk-color-ink, #000);
text-decoration:none;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient:vertical;
overflow:hidden;
font-family: var(--bk-link-font-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-link-font-weight, 600);
font-size: var(--bk-link-font-size, 18px);
line-height: 27px;
letter-spacing: var(--bk-link-font-letter-spacing, 0%);
}
.blog-post-item .post-description .blog-post-info span.date {
color: color-mix(in srgb, var(--bk-color-ink, #000000) 80%, transparent);
font-style: normal;
padding: 5px 15px;
margin: 8px 0 0;
text-underline-position: from-font;
text-decoration-skip-ink: none;
font-family: var(--bk-font-base, Manrope);
font-weight: 500;
font-size: 13px;
line-height: 100%;
letter-spacing: 2%;
text-align: center;
border: 1px solid color-mix(in srgb, var(--bk-color-secondary, #000000) 15%, transparent);
border-radius: 30px;
display: inline-block;
}
.blog-post-item:hover .post-description .title a {
color: var(--bk-link-hover, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
.blog-post-item .post-description > a {
position: relative;
font-size: var(--bk-link-font-size, 14px);
color: var(--bk-color-ink, #008DF2);
}
.blog-post-item .post-description > a:hover {
color: var(--bk-link-hover, var(--bk-color-ink, #000));
}
.blog-post-item .post-description .content{
font-family: var(--bk-font-base, Sora);
font-size: 14px;
font-weight: 400;
color: #062a45;
line-height: 21px;
opacity: 0.8;
margin-top: 10px;
}
.blog-post-item:hover .post-description .content{
color: #062a45;
opacity:0.8;
}
.blog-post-info span.categories, .blog-post-info span.date {
background: transparent;
padding: 0;
color: #fff;
margin: 0;
}
.widget-blogPost .blog-post-content .footer, #webcommander-page .blog-posts .footer {
width: 100%;
text-align: center;
margin: 10px 0 0;
}
.widget-blogPost .blog-post-content .footer .pagination, #webcommander-page .blog-posts .footer .pagination{
float:unset;
display:block;
margin:0 auto;
}
#webcommander-page .widget-blogPost.related-blog .widget-title{
max-width: 1400px;
margin: 0 auto 40px;
color: var(--bk-color-ink, #000);
font-family: var(--bk-font-heading, Lexend);
font-size: 52px;
font-weight: 600;
line-height: 68px;
letter-spacing: -0.04em;
text-align: center;
padding: 0;
}
#webcommander-page .widget-blogPost.related-blog {
max-width: 100%;
padding: 105px 0 140px;
border-top: 1px solid rgba(251, 246, 239, 1);
background: rgba(255, 250, 243, 1);
}
#webcommander-page .widget-blogPost.related-blog .blog-post-content {
margin: 0 auto;
padding: 0;
max-width: 1440px;
}
#webcommander-page .widget-blogPost.related-blog .blog-post-item .post-description,
#webcommander-page .widget-blogPost.related-blog .blog-post-item{
background: transparent;
}
#webcommander-page .widget-blogPost.related-blog .blog-post-item {
margin: 0 20px 0;
}
.blog-post-details .post-description {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.blog-post-details {
max-width: 1080px;
margin: 0 auto;
padding: 0 0 150px;
}
.blog-post-details .title {
display: block;
text-align: left;
max-width: 900px;
padding: 0;
margin:0 0 0;
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: var(--bk-h1-weight, 700);
font-size: var(--bk-h1-size, 46px);
line-height: var(--bk-h1-line-height, 120%);
letter-spacing: var(--bk-h1-letter-spacing, 0%);
order: 1;
}
.blog-post-details .blog-details-banner-image-wrapper {
order: 3;
height: auto;
max-height: 500px;
border-radius: 20px;
overflow: hidden;
}
.blog-post-details .blog-post-info {
max-width: 850px;
margin: 30px auto 40px 0;
order: 2;
}
.blog-post-details .blog-post-info span.date {
background: transparent;
margin: 0 10px 0 0;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
font-family: var(--bk-font-base, Manrope);
font-weight: 500;
font-size: 13px;
line-height: 100%;
letter-spacing: 2%;
text-align: center;
border-radius: 30px;
border: 1px solid #ccc;
padding: 5px 12px;
}
.blog-post-details .image {
padding-bottom: 0;
width: 100%;
height: auto;
position: relative;
top: unset;
transition: unset;
text-align: center;
margin-bottom: 50px;
}
.blog-post-details .image img {
width: 80%;
object-fit: cover;
border-radius: 10px;
}
.blog-post-details .content {
padding-bottom: 0;
max-width: 100%;
margin: 0 auto;
order: 4;
}
.blog-post-details .content p {
padding: 0;
margin: 0 0 20px 0;
color: var(--bk-p-color, var(--bk-color-ink, #000));
text-align: left;
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 300);
font-size: var(--bk-p-size, 16px);
line-height: var(--bk-p-line-height, 150%);
letter-spacing: var(--bk-p-letter-spacing, 0%);
}
.blog-post-details .content ul li,
.blog-post-details .content ol li {
font-width: 400;
color: var(--bk-color-ink, #000);
line-height: 30px;
font-size: 16px;
}
.blog-post-details .content ol {
padding: 0 0 0 18px;
margin: 0 0 20px;
}
.blog-post-details .content ul {
margin: 0 0 20px;
}
.blog-post-details .content ul li::before {
top: 12px;
}
.blog-post-details .content h1,
.blog-post-details .content h2,
.blog-post-details .content h4,
.blog-post-details .content h5,
.blog-post-details .content h6 {
color:var(--bk-color-ink, #000);
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 500;
margin: 40px 0 10px;
font-size: 36px;
line-height: 120%;
letter-spacing: 0%;
}
.blog-post-details .content h3 {
color:var(--bk-h3-color, var(--bk-color-ink, #000));
font-family: var(--bk-h3-family, var(--bk-font-heading, "Manrope"), sans-serif);
font-weight: var(--bk-h3-weight, 500);
margin: 40px 0 10px;
font-size: var(--bk-h3-size, 36px);
line-height: var(--bk-h3-line-height, 120%);
letter-spacing: var(--bk-h3-letter-spacing, 0%);
}
.blog-post-details .content h1{
font-size: var(--bk-h1-size, 36px);
line-height: var(--bk-h1-line-height, 52px);
}
.blog-post-details .content h2 {
font-size: var(--bk-h2-size, 30px);
line-height: var(--bk-h2-line-height, 40px);
}
.blog-post-details .content h3{
font-size: var(--bk-h3-size, 27px);
line-height: var(--bk-h3-line-height, 40px);
}
.blog-post-details .content h4{
font-size: var(--bk-h4-size, 25px);
line-height: var(--bk-h4-line-height, 40px);
}
.blog-post-details .content h5{
font-size: var(--bk-h5-size, 23px);
line-height: var(--bk-h5-line-height, 43);
}
.blog-post-details .content h6{
font-size: var(--bk-h6-size, 22px);
line-height: var(--bk-h6-line-height, 41px);
}
.blog-post-details .content p b, .blog-post-details .content p strong {
font-weight: 600;
letter-spacing: 3%;
}
.blog-post-details .social-media-share-bar .social-media-share {
margin: 0 12px 0 0;
vertical-align: middle;
display: inline-block;
}
.blog-post-details .social-media-share a.facebook-share-icon::after {
margin-top: 1px;
}
.blog-post-details figure img {
width: 100%;
border-radius: 20px;
}
.blog-post-details .social-ico:hover {
background-color: rgba(10, 32, 149, 1);
}
.blog-post-details .social-ico {
background-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .social-media-share-link-wrapper{
order: 5;
}
.blog-post-details .social-media-share-bar {
max-width: 850px;
margin: 90px auto 0 0;
text-align: left;
width: 100%;
padding: 0 0 0 120px;
position: relative;
display: block;
}
.blog-post-details .social-media-share-bar:before {
content: "Please Share";
position: absolute;
left: 0;
top: 0px;
color: var(--bk-color-ink, #000000);
text-align: left;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-weight: 300;
font-size: 19px;
line-height: 150%;
letter-spacing: 0%;
}
.blog-post-details .social-media-share-bar:after {
content: "Like this?";
position: absolute;
left: 0;
top: -52px;
color: var(--bk-color-ink, #000000);
text-align: left;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-weight: 500;
font-size: 30px;
line-height: 120%;
letter-spacing: 0%;
}
.blog-post-details .social-media-share a.facebook-share-icon:after {
font-size: 15px;
}
.blog-post-details figure {
margin: 30px 0;
}
.blog-post-details table {
margin: 30px 0 0;
}
#webcommander-page .widget-html.blog-page a {
position:relative;
padding-left: 25px;
text-decoration:none;
cursor:pointer;
color: var(--bk-color-ink, #000);
}
#webcommander-page .widget-html.blog-page a:hover {
color:var(--bk-link-color, #008DF2);
}
#webcommander-page .widget-html.blog-page a:hover:after {
background-position-x: 21px;
}
#webcommander-page .widget-html.blog-page {
max-width: 770px;
margin: 65px auto 35px;
}
div.widget.widget-blogPost .widget-title {
margin: 10px 0 60px;
max-width: 100%;
margin-top: 30px;
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
font-size: 58px;
line-height: 32.68px;
letter-spacing: -2px;
}
.blog-post-item.last {
border-bottom: 1px solid color-mix(in srgb, var(--bk-color-secondary, #000000) 10%, transparent);
}
.blog-post-details .blog-post-comment-panel {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.blog-post-details .comment-post-panel {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.blog-post-details .comment-post-panel input, .blog-post-details .comment-post-panel textarea {
width: 100%;
}
#webcommander-page #blog-post-create-comment-panel .max-character {
padding-right: 35px;
position: absolute;
right: 0;
margin-top: -30px;
}
/* Blog End */
.widget.widget-snippet .container-thankyou .text-content h3, .widget.widget-snippet .container-thankyou .text-content h6{
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
}
.widget.widget-snippet .container-thankyou .text-content p, .widget.widget-snippet .container-thankyou .text-content a {
font-family: var(--bk-font-base, Manrope);
}
.widget.widget-snippet .container-thankyou .text-content p {
font-size: var(--bk-p-size, 16px);
padding: 20px 0 32px 0;
}
.widget.widget-snippet .container-thankyou .text-content h6 {
font-size: var(--bk-h6-size, 24px);
}
#webcommander-page .widget-productReviewRatting .write-review-panel input[type="text"] {
height: 41px;
}
#webcommander-page .product-widget.widget-productReviewRatting.product-review-details-widget {
padding: 120px 0 85px;
max-width: 1400px;
margin: 0 auto;
}
#webcommander-page .widget-productReviewRatting .write-review-panel textarea {
background: transparent;
}
#webcommander-page .widget-productReviewRatting .write-review-panel .write-review {
width: 100%;
background: transparent;
color: var(--bk-color-ink, #000);
border: 1px solid var(--bk-color-secondary, #000);
border-radius: 30px;
padding: 10px;
}
#webcommander-page .widget-productReviewRatting .write-review-panel .write-review:hover {
background: var(--bk-color-secondary, #000);
color: #fff;
}
#webcommander-page .widget-productReviewRatting .write-review-panel .form-row.btn-row button {
font-size: var(--bk-btn-font-size, 16px);
text-transform: var(--bk-btn-font-transform, capitalize);
font-weight: var(--bk-btn-font-weight, 500);
border-radius: var(--bk-btn-radius, 30px);
padding: var(--bk-btn-pad, 10px);
}
#webcommander-page .widget-productReviewRatting .rating-row {
font-size: 14px;
text-transform: capitalize;
}
.page-product .body .widget-container.v-split-container .page-content{
padding-left: 0;
padding-right: 0;
}
#webcommander-page #related-product-listing {
max-width: 1400px;
margin: 0 auto;
position: relative;
}
.widget.widget-snippet .container-thankyou .text-content a {
color: #fff;
background-color: var(--bk-color-primary, rgba(0, 161, 198, 1));
border: 2px solid var(--bk-color-primary, rgba(0, 161, 198, 1));
border-radius:30px;
}
.widget.widget-snippet .container-thankyou .text-content a:hover {
color: #fff;
background-color: var(--bk-color-secondary, #000);
border: 2px solid var(--bk-color-secondary, #000);
}
#webcommander-page.page-blog .pagination span.page-number.current {
color: var(--bk-color-ink, #000);
background: var(--bk-color-primary, rgba(0, 161, 198, 1))26;
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner .cartitem-table {
max-height: 320px;
}
#webcommander-page .order-custom-fields-form .chosen-container .chosen-results .chosen-result, .custom-field-container .chosen-container .chosen-results .chosen-result {
font-size: 14px;
height: 30px;
}
#webcommander-page .order-custom-fields-form .chosen-container .chosen-results {
padding:5px 0 10px;
}
.chosen-container-active .chosen-choices {
box-shadow:none !important;
}
#webcommander-page div.frequently-bought-together-products .select-product input {
height: 20px;
width: 20px;
border-radius: 5px;
}
#webcommander-page .frequently-bought-together-products .select-product input:checked {
background-size: 17px;
}
#webcommander-page .frequently-bought-together-products .product-block .current-price.price>* {
font-size: 16px;
color: var(--bk-color-ink, #000);
font-weight: 500;
}
#webcommander-page .page-point-table .point-table-section {
padding: 120px 30px 165px 30px;
margin-top: 0;
}
.fee-widget-product-scroll-view .product-view.scrollable-view .header .scroller {
bottom: auto;
}
@media (max-width: 1024px) {
#webcommander-page .product_quick_view_popup {
width: 100%;
top: 40%;
max-width: calc(100% - 40px);
transform: scale(1) translate(-50%,-50%) !important;
}
}
@media (max-width: 767px) {
#webcommander-page .product_quick_view_popup {
max-width: calc(100% - 30px);
}
#webcommander-page .product_quick_view_popup.popup .body {
padding: 0 30px 30px;
max-height: 100%;
}
#webcommander-page .product_quick_view_popup .l-fixed-container {
display: flex;
flex-wrap: wrap;
}
#webcommander-page.responsive .product_quick_view_popup .product-widget.widget-socialMediaShare,
#webcommander-page .product_quick_view_popup .product-widget.product-widget.widget-addCart {
padding-left: 0;
}
#webcommander-page .product_quick_view_popup .product-widget.widget-socialMediaShare::before,
#webcommander-page .product_quick_view_popup .product-widget.product-widget.widget-addCart::before {
display: none;
}
#webcommander-page .product_quick_view_popup #spltr-07e42076-41ee-45c4-8638-7b3b2924d6d2 {
width: 100%;
max-width: 100%;
padding-right: 0 !important;
flex: inherit !important;
}
#webcommander-page .product_quick_view_popup #spltr-96ff24bf-8e83-4924-bd85-926693cd3a57 {
width: 100%;
}
#webcommander-page.responsive .product_quick_view_popup {
top: 50%;
bottom: auto;
}
.widget.widget-snippet .container-thankyou .text-content p {
padding: 10px 0;
}
#webcommander-page div.flying-cart-container .discount-up-sell-message {
margin: 0;
}
}
#webcommander-page .payment-success-page-container .order-details .order_details_table tr th,
#webcommander-page .payment-success-page-container .order-details .order_details_table tr td {
background: transparent;
}
#webcommander-page .change-store-credit-amount-popup.popup {
padding: 0;
}
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item .close-popup,
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item .change-amount {
margin: 0;
width: auto;
height: auto;
text-transform: uppercase;
}
#webcommander-page .change-store-credit-amount-popup.popup .header .close-popup {
cursor: pointer;
}
#webcommander-page.page-blog div.widget.blog-posts-title.widget-blogPost{
margin: 67px 0 30px auto;
}
@media (max-width: 767px) {
.widget-filter .responsive-menu-btn em {
background-color: var(--bk-color-secondary, #000);
}
#webcommander-page .widget.widget-navigation.categories-list {
padding-bottom: 15px;
}
#webcommander-page #left-modern-filter-drawer-wc {
width: 100%;
padding: 20px 15px;
}
#webcommander-page #left-modern-filter-drawer-wc .accordion-panel>.label-bar.expanded {
padding:0;
}
#webcommander-page #left-modern-filter-drawer-wc .filter-profile label.name {
width: 100%;
font-size: 22px;
font-weight: 700;
color: var(--bk-color-ink, #000);
}
#webcommander-page #left-modern-filter-drawer-wc .filter-profile label.name {
width: 100%;
font-size: 22px;
font-weight: 700;
color: var(--bk-color-ink, #000);
}
#webcommander-page #left-modern-filter-drawer-wc .accordion-panel > .accordion-item .form-row {
display: flex;
gap: 10px;
}
#webcommander-page #left-modern-filter-drawer-wc .accordion-panel>.accordion-item, #webcommander-page #left-modern-filter-drawer-wc .accordion-panel{
padding: 0 0 5px;
}
#webcommander-page #left-modern-filter-drawer-wc .accordion-panel > .accordion-item .form-row span.filter-group-item-label-wrapper {
display: flex;
margin-right: 8px;
}
#webcommander-page #left-modern-filter-drawer-wc .filter-profile .form-row.type-slider {
margin: 0 0 25px;
}
#webcommander-page #left-modern-filter-drawer-wc .accordion-panel>.label-bar:after, #webcommander-page #left-modern-filter-drawer-wc .accordion-panel>.label-bar:hover:after{
display:none;
}
#webcommander-page #left-modern-filter-drawer-wc .responsive-filter .wc-modern-filter-close-button {
right: 15px;
top: 15px;
}
.filter-details .filtered-product-container .sortable {
margin-top: 25px;
}
#webcommander-page.responsive .product-view .footer .pagination{
margin-top: 0;
}
#webcommander-page.responsive .product-view .footer {
margin-bottom: 30px;
padding-top: 0 !important;
}
#webcommander-page .clear-all-filter-attributes .reset-filter {
position: absolute;
top: 12px;
right: 0;
font-size: var(--bk-link-font-size, 14px);
text-decoration: underline;
color: var(--bk-link-color, #454545);
}
#webcommander-page .clear-all-filter-attributes {
position: relative;
}
#webcommander-page #left-modern-filter-drawer-wc .filter-profile .form-row.type-slider span.filter-name, #webcommander-page #left-modern-filter-drawer-wc .accordion-panel>.label-bar label {
width: 100%;
display: block;
margin-bottom: 10px;
font-size: 16px;
font-weight: 500;
color: var(--bk-color-ink, #000);
}
#webcommander-page #left-modern-filter-drawer-wc .type-slider-bottom {
margin: 10px 0 0;
display: block;
width: 100%;
}
#webcommander-page #left-modern-filter-drawer-wc .type-slider-bottom .reset-price-range{
margin-right:10px
}
#webcommander-page .wc-mdoern-filter-title {
margin-bottom: 20px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle.noUi-handle-upper {
right: -2px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle.noUi-handle-lower {
right: -33px;
}
#webcommander-page #left-modern-filter-drawer-wc .filter-profile {
padding: 10px 0;
}
#webcommander-page .change-store-credit-amount-popup.popup {
width: calc(100% - 40px) !important;
min-width: auto;
}
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item .close-popup,
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item .change-amount {
margin: 10px 0 0;
}
#webcommander-page #wi-4D9E99FA-F023-4489-8180-14A771727755 .nav-wrapper.show, #webcommander-page #wi-3CF04936-F0F2-475C-A598-C456E6B35802 .nav-wrapper.show {
display: block !important;
}
#webcommander-page #wi-4D9E99FA-F023-4489-8180-14A771727755 .nav-wrapper, #webcommander-page #wi-3CF04936-F0F2-475C-A598-C456E6B35802 .nav-wrapper{
display:none !important;
}
.widget.widget-filter {
margin-right: 0;
margin-bottom: 0;
}
#webcommander-page .widget.widget-html.sidebar-title h2::before {
display: none;
}
#webcommander-page .widget.widget-html.sidebar-title h2 {
font-weight: 600;
font-size: 18px;
padding: 0;
margin: 0 0 25px;
}
#webcommander-page .widget.widget-html.sidebar-title {
margin-right: 0;
}
#webcommander-page .widget.widget-pageHeading {
padding: 15px 0 10px;
}
#webcommander-page div.home-tabslider .product-view.scrollable-view .content {
padding: 0;
}
body#webcommander-page.page-home .product-view .product-block .block-content-wrap {
padding: 0 15px;
}
#webcommander-page div.home-tabslider .product-view.scrollable-view .header .scroller .scroll-right {
right: 0;
}
#webcommander-page div.home-tabslider .product-view.scrollable-view .header .scroller .scroll-left {
left: 0;
}
.product-view.scrollable-view .scroller .scroll-left, .product-view.scrollable-view .scroller .scroll-right {
height: 40px;
width: 40px;
box-shadow: 0 0 10px #ccc;
background-size: 12px;
}
#webcommander-page.responsive .widget > .widget-title {
font-size: 28px;
padding: 0 15px;
}
body#webcommander-page.page-home .category-view.image-view .category-image-view-width:nth-of-type(2n+1) .image.category-image-view-height {
width: 150px;
height: 150px;;
}
body#webcommander-page.page-home .category-view.image-view .category-image-view-width:nth-of-type(2n) .image.category-image-view-height {
width: 150px;
height: 150px;
}
body#webcommander-page.page-home .category-view.image-view .category-image-view-width:first-of-type .image.category-image-view-height, body#webcommander-page.page-home .category-view.image-view .category-image-view-width:last-of-type .image.category-image-view-height {
width: 150px;
height: 150px;
}
body#webcommander-page.page-home .category-view.image-view .category-image-view-width:nth-of-type(2n+1), body#webcommander-page.page-home .category-view.image-view .category-image-view-width:nth-of-type(2n), body#webcommander-page.page-home .category-view.image-view .category-image-view-width:first-of-type, body#webcommander-page.page-home .category-view.image-view .category-image-view-width:last-of-type {
width: 150px;
height: 200px;
}
body#webcommander-page.page-home .widget.widget-category .category-view.image-view .content.category-content {
margin-top: 40px;
margin-bottom: 0;
}
body#webcommander-page.responsive .widget.widget-html.view-all-button .html-widget-element-content p a {
margin: 0 auto;
padding: 11px 30px;
}
body#webcommander-page.responsive .widget.widget-category + .widget.widget-html.view-all-button .html-widget-element-content p a {
padding: 16px 30px;
}
.widget.widget-snippet section.site-information .main-area {
flex-direction: column;
}
.widget.widget-snippet section.site-information .main-area .items .item-img {
height: auto;
margin-bottom: -20px;
}
.widget.widget-snippet section.site-information .main-area .items {
padding: 0 15px 30px;
}
body#webcommander-page.responsive .widget.widget-product.outdoor-furnitures .content.product-content .product-block {
width: 100%;
}
body#webcommander-page.responsive .review-top .rcontent {
padding: 92px 15px 80px;
}
body#webcommander-page.responsive .main-content h2 {
font-size: 28px;
line-height: 34px;
}
body#webcommander-page.responsive .main-content .btn-content a:last-child {
margin: 20px auto 0;
}
body#webcommander-page.responsive.page-home .owlCarousel.widget.widget-gallery.customer-reviews .widget-title{
margin-top: 0;
text-align: left;
}
#webcommander-page .widget.widget-product.outdoor-furnitures {
margin: 30px auto 0;
}
body#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews .widget-title, body#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews .widget-title::after {
background-position: left 20px;
text-align: left;
}
body#webcommander-page.responsive .widget.widget-blogPost.blog-top-section .blog-post-content {
padding: 0 15px 40px;
}
body#webcommander-page.responsive .widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item.first .post.post-list-view-height {
max-width: 100% !important;
margin: 0 !important;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .post.post-list-view-height {
max-width: 100% !important;
margin-right: 0;
}
#webcommander-page div.widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item.first, #webcommander-page div.widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item {
flex-direction: column;
margin-bottom: 25px;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .post.post-list-view-height{
max-height: 100% !important;
margin-right: 0 !important;
}
body#webcommander-page.responsive .widget.widget-html.tab-products-title .html-widget-element-content, body#webcommander-page.responsive.page-home .accordion-panel {
padding-left:15px;
padding-right:15px;
}
.add-cart-information-popup .popup-bottom.footer .button-item .button.add-to-cart-button{
margin:8px 0 0;
}
#webcommander-page.responsive .footer > .widget-container div.widget-title {
padding-left: 0;
font-size: 22px;
margin-bottom: 10px;
}
#webcommander-page div.flying-cart-container {
max-width: 90%;
margin: 0 auto;
overflow-x: hidden;
width: 100%;
}
div.flying-cart-content .flyingt-cart-header {
max-width: 90%;
}
div.flying-cart-content .flying-cart-footer {
padding: 20px 15px;
}
div.flying-cart-item-name-quantity-wrapper {
padding: 0 0 0 8px;
}
#webcommander-page div.flying-cart-product-name a {
font-size: 17px;
line-height: 20px;
padding-right: 10px;
}
#webcommander-page div.flying-cart-item-image, #webcommander-page div.flying-cart-item-image img {
width: 70px;
}
#webcommander-page .widget-navigation.categories-list.blog .widget-title {
display: block
}
#webcommander-page .widget.widget-navigation.categories-list.blog .menu-title {
top: 30px;
}
#webcommander-page .widget.widget-navigation.categories-list.blog .nav-wrapper.show {
position: relative;
top: 5px;
background: transparent;
padding:0;
}
#webcommander-page #wi-3CF04936-F0F2-475C-A598-C456E6B35802.categories-list.blog .nav-wrapper {
display:block !important;
}
#webcommander-page #wi-3CF04936-F0F2-475C-A598-C456E6B35802.categories-list.blog .nav-wrapper.show {
display: none !important;
}
/*.widget.widget-cart .cart-widget-img {
height: 22px;
background-size: 18px;
}*/
.header .advanced-flying-cart span.cart-widget-text.item-count {
right: -8px;
width: 28px;
height: 28px;
}
.checkout-page.version-2 .advance-checkout-steps-left-dom .order-custom-fields-form .form-row + .form-row {
padding-top: 25px;
}
.checkout-page.version-2 .advance-checkout-steps-left-dom .custom-fields-wrapper {
margin: 25px 0 0;
}
.checkout-page.version-2 .section.address {
margin-top: 30px;
}
.checkout-page.version-2 .section.address .section.delivery-types, .checkout-page.version-2 .shipping-address-selection-parts, .checkout-page.version-2 .order-comment-row, .checkout-page.version-2 .payment-gateway-expend {
margin: 25px 0 0;
}
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.title {
margin-bottom: 10px;
display: block;
font-weight: 600;
font-size: 15px;
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded .description p {
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 14px);
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description {
padding-bottom: 20px;
display: block;
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h1, #webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h2, #webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h3, #webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h4, #webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h5, #webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h6 {
font-size: 26px;
margin-bottom: 12px;
margin-top: 25px;
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h2 {
font-size: var(--bk-h2-size, 24px);
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h3{
font-size: var(--bk-h3-size, 22px);
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h4{
font-size: var(--bk-h4-size, 20px);
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h5 {
font-size: var(--bk-h5-size, 18px);
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h6 {
font-size: var(--bk-h6-size, 17px);
}
#webcommander-page .product-widget.widget-accordionView{
margin-top: 20px
}
#webcommander-page div.product-widget-accordion-view .accordion-panel .label-bar {
background: transparent;
border-radius: 0;
padding: 10px 27px 10px 0;
height: 66px;
margin: 0 0 0px;
color: var(--bk-color-ink, #000000);
font-size:16px;
line-height: 42px;
font-weight: 600;
border-bottom: 1px solid color-mix(in srgb, var(--bk-color-secondary, #000000) 12%, transparent);
position:relative;
cursor: pointer;
}
#webcommander-page .widget-productTag .accordion-panel .label-bar .title{
font-size:16px;
line-height: 42px;
}
#webcommander-page .product-widget-accordion-view .accordion-panel .label-bar.expanded {
background: transparent;
color: var(--bk-color-ink, #000);
border-bottom: 1px solid var(--bk-color-surface, #fff);
}
#webcommander-page .product-widget-accordion-view .accordion-panel .label-bar .toggle-icon {
left: auto;
right:0px;
top: 27px;
background-image: url(/template/097c5ce4/images/toggle-down-arrow.svg);
background-size: 16px;
height: 13px;
width: 15px;
display:inline-block;
position:absolute;
}
#webcommander-page .product-widget-accordion-view .accordion-panel .label-bar.expanded .toggle-icon {
background-image: url(/template/097c5ce4/images/toggle-down-arrow.svg);
background-position: center;
}
#webcommander-page .product-widget-accordion-view .accordion-panel .label-bar.expanded .toggle-icon {
transform: rotate(180deg);
background-size: 16px;
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item {
padding: 0;
background: transparent;
border: none;
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded {
padding:0px 0;
border-bottom: 1px solid #E0E0E0;
}
#webcommander-page .product-widget-accordion-view .accordion-panel.product-accordion-view {
padding: 0;
}
#webcommander-page .product-widget.widget-productTag{
margin-bottom: 20px;
}
#webcommander-page .widget-productTag .accordion-item .title {
padding:3px 22px 6px;
background-color: #00A1C621;
margin-bottom: 15px;
border-radius:30px;
}
.ask-question-panel form .form-row:last-child label {
display: none;
}
.ask-question-panel form .form-row:last-child button {
border-radius: var(--bk-btn-radius, 30px);
margin-bottom: 20px;
}
.ask-question-panel form .form-row button{
background: var(--bk-btn-fill, var(--bk-color-primary, rgba(0, 161, 198, 1)));
color: var(--bk-btn-text, #fff);
border-color: var(--bk-btn-border-color, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
.ask-question-panel form .form-row button:hover {
background: var(--bk-btn-hover-bg, var(--bk-color-secondary, #000));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
border-color: var(--bk-btn-hover-border-color, var(--bk-btn-border-color, var(--bk-color-secondary, #000)));
}
#webcommander-page .widget-product.outdoor-furnitures .widget-title {
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
font-size: 60px;
line-height: 68px;
letter-spacing:-0.32px;
text-align: center;
color: var(--bk-color-ink, #000);
margin: 0 0 39px 0;
padding: 0;
}
#webcommander-page .widget.widget-blogPost.blog-home .widget-title {
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 60px);
line-height: var(--bk-h2-line-height, 68px);
letter-spacing:var(--bk-h2-letter-spacing, -0.32px);
text-align: center;
color: var(--bk-h2-color, var(--bk-color-ink, #000));
margin: 0 0 39px 0;
padding: 0;
}
.widget.widget-snippet .team img {
mix-blend-mode: multiply;
}
.popup.add-cart-information-popup .variation-container .variation-type {
width: 48%;
max-width: 100%;
}
.variation-container.fee-variation-container-wrapper .selected-value-display-group {
width: 100%;
margin-bottom: 15px;
}
.variation-container.fee-variation-container-wrapper .variation-radio-group .variation-radio-option {
padding: 5px 12px;
margin: 0 10px 10px;
}
.popup.add-cart-information-popup .variation-container {
flex-direction: column;
text-align: center;
max-width: 100%;
margin: 0 auto;
}
div.popup.add-cart-information-popup .variation-container .variation-dropdown-container .selected-value-display {
justify-content: center;
width: 100%;
}
.variation-container .variation-type label.type-label {
line-height: 26px;
text-align: start;
padding: 0 10px;
}
.variation-container.fee-variation-container-wrapper {
padding: 0%;
}
.add-cart-information-popup.popup .body-scroll-control.app-tab-incomplete-data-cart-popup {
padding: 0;
}
.popup.add-cart-information-popup .variation-container .variation-dropdown-container {
flex-wrap: wrap;
}
.popup.add-cart-information-popup .variation-container label.variation-title-popup.title {
margin: 10px;
}
body#webcommander-page .shopping-cart .my-cart__title, body#webcommander-page .checkout-page.version-2 .advance-checkout-order-details-left-dom-inner .page-heading, body#webcommander-page .checkout-page.version-2 .order-summary-panel .cart-overview-header {
font-size: var(--bk-h4-size, inherit);
}
/* Product card: Quick View / View Details match the Add To Cart button box.
Add To Cart takes line-height:21px + font-weight:500 from
".fee-widget-product-image-view ... .btn-add .add-to-cart-button", while the
secondary pair took line-height:28px + font-weight:bold from
".wc-secondary-action-buttons .btn-quick-view .quick-view-btn.button" (0,4,0),
rendering 41px tall next to a 34px Add To Cart. Padding (5px 15px 6px), radius
(30px) and font-size (14px) already match, so only these two differ. Scoped at
(0,5,0) so it wins on specificity rather than load order. */
.fee-widget-product-image-view .product-view.image-view .product-block .quick-view-btn.button,
.fee-widget-product-image-view .product-view.image-view .product-block .show-details-button.button,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .quick-view-btn.button,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .show-details-button.button {
line-height: 21px;
font-weight: 500;
}
/* Below 1440px the card only gives each of the pair ~108px, which "View Details"
cannot fit on one line - it wrapped to two lines and rendered 55px tall beside
a 34px Add To Cart. Keep the label on one line there and let the PAIR wrap onto
separate rows instead. Desktop is untouched, so they stay side by side. */
@media (max-width: 1439px) {
.fee-widget-product-image-view .product-view.image-view .product-block .quick-view-btn.button,
.fee-widget-product-image-view .product-view.image-view .product-block .show-details-button.button,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .quick-view-btn.button,
.fee-widget-product-scroll-view .product-view.scrollable-view .product-block .show-details-button.button {
white-space: nowrap;
}
}
.product-view.image-view .price-block-container .label-for-price:empty {
display: none;
}
/* [MCP:bk-guard] Brand Kit appearance guard (style.css + responsive.css + snippets, deduped).
brand-kit-base.css styles h1-h6 / p / blockquote through
`#webcommander-page h1` - ID specificity (1,0,1) - which outranks this theme's
class rules. Each rule below re-states a declaration that already exists in the
theme, with one more id so it keeps winning while the Brand Kit is on.
Only kit-controlled properties are cloned, so no other cascade moves. Bare
`body`/`html`/element selectors are deliberately never rewritten.
Generated by guard2css.py (tinycss2) - do not hand-edit. */
#webcommander-page input[type="text"] {
font-size: 17px;
font-weight: 400;
line-height: 25px;
}
#webcommander-page .widget > .widget-title {
color: #272727;
text-transform: capitalize;
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 700;
font-size: 58px;
line-height: 32.68px;
letter-spacing: -2%;
}
#webcommander-page .widget.widget-category .widget-title {
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
font-size: 60px;
line-height: 60px;
letter-spacing: -2%;
}
#webcommander-page :-ms-textarea-placeholder {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #505050;
}
#webcommander-page .widget-pageHeading h1 {
color: var(--bk-h1-color, var(--bk-color-ink, #000));
text-transform: var(--bk-h1-transform, none);
font-family: var(--bk-h1-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h1-weight, 700);
font-size: var(--bk-h1-size, 60px);
line-height: var(--bk-h1-line-height, 67px);
letter-spacing: var(--bk-h1-letter-spacing, -1px);
}
#webcommander-page .widget.widget-snippet .cta-top-container .notice-area p {
font-size: var(--bk-p-size, 14px);
color: #fff;
}
@media (max-width: 991px) {
#webcommander-page .widget-pageHeading h1 {
font-size: 40px;
}
}
@media (max-width: 767px) {
#webcommander-page .widget-pageHeading h1 {
font-size: 28px;
}
#webcommander-page .widget.widget-snippet .cta-top-container .notice-area p {
font-size: 14px;
}
}
#webcommander-page .header .widget-html > p {
color: var(--bk-p-color, var(--bk-color-ink, #000));
font-size: var(--bk-p-size, 14px);
font-weight: var(--bk-p-weight, 500);
line-height: var(--bk-p-line-height, normal);
letter-spacing: var(--bk-p-letter-spacing, 0.06em);
text-transform: var(--bk-p-transform, uppercase);
}
#webcommander-page .header .cart-widget-text {
color: #fff;
font-size: 15px;
font-weight: 500;
line-height: 27px;
}
#webcommander-page .widget-search button {
font-size: var(--bk-btn-font-size, 0);
}
#webcommander-page .widget-search button:hover {
font-size: var(--bk-btn-font-size, 0);
}
#webcommander-page .widget-search .search-menu-button::after {
font-size: 0;
line-height: 50px;
}
#webcommander-page .header .widget-search button::after {
color: var(--bk-btn-text, #999999);
font-family: var(--bk-btn-font-family, "FontAwesome");
font-size: var(--bk-btn-font-size, 19px);
line-height: 40px;
}
#webcommander-page .widget-search.menu-search .search-menu-button {
line-height: 39px;
}
#webcommander-page .widget.widget-search.menu-search .search-form button {
font-size: var(--bk-btn-font-size, 0);
}
#webcommander-page .widget.widget-search.menu-search .search-form button:hover::before {
color: var(--bk-btn-hover-color, var(--bk-btn-text, rgba(18, 0, 64, 1)));
}
#webcommander-page.page-home .main_menu .navigation-item a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page.page-home .widget-navigation.menu-right .horizontal > .navigation-item a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .widget-navigation.menu-right .horizontal > .member-btn.navigation-item a:hover {
color: var(--bk-btn-text, rgba(255, 255, 255, 1));
}
#webcommander-page.page-home .widget-navigation.menu-right .horizontal > .navigation-item.login a:after {
color: #fff;
}
#webcommander-page.page-home .widget-navigation.menu-right .horizontal > .navigation-item.login a:hover:after {
color: #fff;
}
#webcommander-page.page-home .main_menu .navigation-item a {
color: #fff;
}
#webcommander-page.page-home .main_menu .navigation-item .navigation-item a {
color: var(--bk-link-color, #222222);
}
#webcommander-page.page-home .widget-navigation.menu-right .horizontal > .navigation-item a {
color: #fff;
}
#webcommander-page .widget-navigation.menu-right .horizontal > .member-btn.navigation-item a {
color: var(--bk-btn-text, #fff);
}
#webcommander-page .widget-navigation.category-nav .widget-title {
color: #230D56;
font-weight: bold;
font-size: 24px;
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
line-height: 33px;
}
#webcommander-page .subcategory-container .title {
font-size: 16px;
}
#webcommander-page .product-container .title {
font-size: 16px;
}
#webcommander-page .category .category-name {
font-size: 16px;
color: var(--bk-color-ink, #000);
}
#webcommander-page .category-details-container .title.page-heading {
color: #272727;
text-transform: capitalize;
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
line-height: 48px;
letter-spacing: -2%;
}
#webcommander-page .widget-product .widget-title {
color: #272727;
text-transform: capitalize;
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
line-height: 48px;
letter-spacing: -2%;
}
#webcommander-page .product-view.image-view .product-name-link {
color: var(--bk-color-ink, #000000);
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-link-font-size, 15px);
font-weight: var(--bk-link-font-weight, 600);
line-height: 1.4;
text-transform: var(--bk-link-font-transform, capitalize);
}
#webcommander-page .product-view.scrollable-view .product-name-link {
color: var(--bk-color-ink, #000000);
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
text-transform: capitalize;
}
#webcommander-page .wc-secondary-action-buttons .btn-quick-view .quick-view-btn.button {
font-family: var(--bk-btn-tertiary-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-tertiary-font-size, 14px);
font-weight: var(--bk-btn-tertiary-font-weight, bold);
line-height: 28px;
letter-spacing: var(--bk-btn-tertiary-font-letter-spacing, 0);
text-transform: var(--bk-btn-tertiary-font-transform, capitalize);
color: var(--bk-btn-tertiary-text, #fff);
color: var(--bk-btn-tertiary-text, #fff);
}
#webcommander-page .wc-secondary-action-buttons .show-details-button.button{
font-family: var(--bk-btn-tertiary-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-tertiary-font-size, 14px);
font-weight: var(--bk-btn-tertiary-font-weight, bold);
line-height: 28px;
letter-spacing: var(--bk-btn-tertiary-font-letter-spacing, 0);
text-transform: var(--bk-btn-tertiary-font-transform, capitalize);
color: var(--bk-btn-tertiary-text, #fff);
color: var(--bk-btn-tertiary-text, #fff);
}
#webcommander-page .product-view.image-view .product-block .btn-add .add-to-cart-button {
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-font-size, 14px);
font-weight: var(--bk-btn-font-weight, bold);
line-height: 28px;
letter-spacing: var(--bk-btn-font-letter-spacing, 0);
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #fff);
color: var(--bk-btn-text, #fff);
}
#webcommander-page .product-view.scrollable-view .product-block .btn-add .add-to-cart-button {
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-font-size, 14px);
font-weight: var(--bk-btn-font-weight, bold);
line-height: 28px;
letter-spacing: var(--bk-btn-font-letter-spacing, 0);
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #fff);
color: var(--bk-btn-text, #fff);
}
#webcommander-page .advance-cart-details.shopping-cart .flying-cart-special-add-to-cart.button {
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-font-size, 14px);
font-weight: var(--bk-btn-font-weight, bold);
line-height: 28px;
letter-spacing: var(--bk-btn-font-letter-spacing, 0);
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #fff);
color: var(--bk-btn-text, #fff);
}
#webcommander-page .wc-secondary-action-buttons .btn-quick-view .quick-view-btn.button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, #fff)) !important;
}
#webcommander-page .wc-secondary-action-buttons .show-details-button.button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, #fff)) !important;
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button.button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .btn-add .add-to-cart-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .product-view.image-view .product-block .btn-add .add-to-cart-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .product-view.scrollable-view .product-block .btn-add .add-to-cart-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .advance-cart-details.shopping-cart .flying-cart-special-add-to-cart.button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .product-view.image-view .product-block .btn-add .add-to-wish-list {
line-height: 28px;
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000));
}
#webcommander-page .product-view.scrollable-view .product-block .btn-add .add-to-wish-list {
line-height: 28px;
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000));
}
#webcommander-page .product-block .btn-add .add-to-compare-button {
color: var(--bk-color-ink, #000);
font-size: 0;
line-height: normal;
background: var(--bk-color-surface, #fff);
}
#webcommander-page .product-block .btn-add .remove-from-compare-button {
font-size: 0;
line-height: normal;
background: var(--bk-btn-tertiary-fill);
border: var(--bk-btn-tertiary-border-width, 1px) solid var(--bk-btn-tertiary-border-color, #cccccc);
box-shadow: var(--bk-btn-tertiary-shadow, none);
}
#webcommander-page .product-block .btn-add .add-to-compare-button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .product-block .btn-add .remove-from-compare-button::after {
color: var(--bk-color-ink);
}
#webcommander-page .product-block .btn-add .remove-from-compare-button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .block-content-wrap .price-waper .current-price.price {
letter-spacing: 0px;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
color: var(--bk-color-ink, #000);
}
#webcommander-page .block-content-wrap .price-waper .previous-price.price {
letter-spacing: 1px;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: var(--bk-color-ink, #000);
}
#webcommander-page .compare-details .add-to-cart-button.button {
line-height: normal;
}
#webcommander-page div.fee-widget-product-list-view .product-view .product-block .btn-add .add-to-cart-button.button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
#webcommander-page .widget.widget-tabAccordion.details-faq h2.widget-title {
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 400;
font-size: 48px;
line-height: 100%;
letter-spacing: 1%;
}
#webcommander-page .widget.widget-html.view-all-button .html-widget-element-content p a {
color: var(--bk-btn-text, #fff);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
letter-spacing: var(--bk-btn-font-letter-spacing, 0%);
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header:nth-of-type(1) .title:after {
font-family: var(--bk-font-heading, Manrope);
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color: var(--bk-color-ink, #000);
}
#webcommander-page .home-tabslider .bmui-tab .bmui-tab-header:nth-last-of-type(1) .title:after {
font-family: var(--bk-font-heading, Manrope);
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color: var(--bk-color-ink, #000);
}
#webcommander-page .widget.widget-html.tab-products-title {
text-transform: uppercase;
}
#webcommander-page .widget.widget-html.tab-products-title h2 {
text-transform: var(--bk-h2-transform, capitalize);
font-family: var(--bk-h2-family, var(--bk-font-heading, "Manrope"), sans-serif);
font-weight: var(--bk-h2-weight, 400);
font-size: var(--bk-h2-size, 48px);
line-height: var(--bk-h2-line-height, 100%);
letter-spacing: var(--bk-h2-letter-spacing, 1%);
}
#webcommander-page .widget.widget-html.category-title h2 {
text-transform: var(--bk-h2-transform, capitalize);
font-family: var(--bk-h2-family, var(--bk-font-heading, "Manrope"), sans-serif);
font-weight: var(--bk-h2-weight, 400);
font-size: var(--bk-h2-size, 48px);
line-height: var(--bk-h2-line-height, 100%);
letter-spacing: var(--bk-h2-letter-spacing, 1%);
}
#webcommander-page .widget-productSummary .title {
font-size: 23px;
}
#webcommander-page .product-widget.widget-price .current-price-container .current-price {
color: #272626;
font-family: var(--bk-font-base, Manrope);
font-weight: 500;
font-size: 48px;
line-height: 24.29px;
letter-spacing: 0%;
}
#webcommander-page .product-widget.widget-price .previous-price.price {
color: #b5b5b5;
font-size: 20px;
}
#webcommander-page .product-widget.widget-addCart .add-to-cart-button {
color: var(--bk-btn-text, #fff);
font-size: var(--bk-btn-font-size, 16px);
text-transform: var(--bk-btn-font-transform, capitalize);
line-height: 30px;
font-weight: var(--bk-btn-font-weight, 700);
letter-spacing: var(--bk-btn-font-letter-spacing, 0px);
}
#webcommander-page .product-widget.widget-addCart .buy-now-button.button.et_pdp_buy_now {
color: var(--bk-btn-secondary-text, #fff);
font-size: var(--bk-btn-secondary-font-size, 16px);
text-transform: var(--bk-btn-secondary-font-transform, capitalize);
line-height: 30px;
font-weight: var(--bk-btn-secondary-font-weight, 700);
letter-spacing: var(--bk-btn-secondary-font-letter-spacing, 0px);
}
#webcommander-page .product-widget.widget-addCart .add-to-cart-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .product-widget.widget-addCart .buy-now-button.button.et_pdp_buy_now:hover {
color: var(--bk-btn-secondary-hover-color, var(--bk-btn-secondary-text, #fff));
background-color: var(--bk-btn-secondary-hover-bg, var(--bk-color-primary, #000));
border-color: var(--bk-btn-secondary-hover-border-color, var(--bk-btn-secondary-border-color, var(--bk-color-primary, #000)));
}
#webcommander-page .product-widget.widget-addCart .button.add-to-wish-list:hover::before {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-ink, #000)));
}
#webcommander-page .product-widget.widget-variation .variation-dropdown-container .type-label {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
}
#webcommander-page .product-widget.widget-addCart .add-to-compare-button {
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000));
line-height: 20px;
}
#webcommander-page .product-widget.widget-addCart .remove-from-compare-button {
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000));
line-height: 20px;
font-size: 0;
padding: 10px 20px;
}
#webcommander-page .product-widget.widget-addCart .add-to-compare-button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .product-widget.widget-addCart .remove-from-compare-button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .product-widget.widget-productName .product-name {
color: var(--bk-color-ink, #000);
font-family: var(--bk-font-base, Manrope);
font-weight: 800;
font-size: 41px;
line-height: 50px;
letter-spacing: -1%;
}
#webcommander-page .widget-productSku label {
font-weight: 400;
}
#webcommander-page .widget-productCategory label {
font-weight: 400;
}
#webcommander-page #bmui-tab-description .description > p {
color: var(--bk-p-color, var(--bk-color-ink, #000));
font-size: var(--bk-p-size, 16px);
font-weight: var(--bk-p-weight, 400);
line-height: var(--bk-p-line-height, 28px);
}
#webcommander-page .product-widget.widget-similar .title {
color: var(--bk-color-ink, #000);
text-transform: capitalize;
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
font-size: 56px;
line-height: 67px;
}
#webcommander-page .product-widget.widget-related .title {
color: var(--bk-color-ink, #000);
text-transform: capitalize;
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
font-size: 56px;
line-height: 67px;
}
#webcommander-page .product-view.image-view .summary p {
font-size: var(--bk-p-size, 14px);
color: var(--bk-p-color, #555);
font-weight: var(--bk-p-weight, 400);
line-height: var(--bk-p-line-height, 22px);
}
#webcommander-page .product-view.scrollable-view .summary p {
font-size: var(--bk-p-size, 14px);
color: var(--bk-p-color, #555);
font-weight: var(--bk-p-weight, 400);
line-height: var(--bk-p-line-height, 22px);
}
#webcommander-page .page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header.bmui-tab-active .title {
color: var(--bk-color-ink, #000);
}
#webcommander-page .page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:first-child .title {
font-weight: 500;
font-size: 0;
}
#webcommander-page .page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:first-child .title::before {
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
}
#webcommander-page .page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:nth-of-type(2) .title {
font-size: 0;
}
#webcommander-page .page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:nth-of-type(2) .title::before {
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
}
#webcommander-page .page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:nth-of-type(3) .title {
font-size: 0;
}
#webcommander-page .page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:nth-of-type(3) .title::before {
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
}
#webcommander-page .ask-question-panel .form-row label {
font-size: 15px;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 80%, transparent);
}
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h1 {
font-size: var(--bk-h1-size, 27px);
}
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h2 {
font-size: var(--bk-h2-size, 24px);
}
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h3 {
font-size: var(--bk-h3-size, 22px);
}
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h4 {
font-size: var(--bk-h4-size, 20px);
}
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h5 {
font-size: var(--bk-h5-size, 18px);
}
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h6 {
font-size: var(--bk-h6-size, 16px);
}
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container p {
font-size: var(--bk-p-size, 16px);
font-weight: var(--bk-p-weight, normal);
line-height: var(--bk-p-line-height, 26px);
color: var(--bk-p-color, var(--bk-color-ink, #000));
}
#webcommander-page .product-widget.widget-productSku label {
font-weight: 400;
font-size: 16px;
}
#webcommander-page .product-widget.widget-socialMediaShare .info-title {
text-transform: capitalize;
font-family: var(--bk-font-heading, Manrope);
font-weight: 500;
font-size: 12px;
line-height: 23px;
letter-spacing: 1%;
}
#webcommander-page .widget-socialMediaShare .social-media-share-label {
font-size: 18px;
color: var(--bk-color-ink, #000000);
}
#webcommander-page .widget-price .price .tax-message {
color: var(--bk-color-ink, #000);
font-size: 13px;
font-weight: 400;
text-transform: capitalize;
}
#webcommander-page .review-panel .write-review-panel label {
font-size: 16px;
color: var(--bk-color-ink, #000);
}
#webcommander-page .review-panel .write-review-panel .form-row.btn-row button {
letter-spacing: var(--bk-btn-font-letter-spacing, 1px);
}
#webcommander-page .review-form-container .review-form button.cancel {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .review-form-container .review-form button.cancel:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .ask-question-panel .form-row button {
color: var(--bk-btn-text, #fff);
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-font-size, 16px);
font-weight: var(--bk-btn-font-weight, 500);
text-transform: var(--bk-btn-font-transform, uppercase);
line-height: 23px;
}
#webcommander-page .new-review-panel .review-form .form-row button {
color: var(--bk-btn-text, #fff);
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-font-size, 16px);
font-weight: var(--bk-btn-font-weight, 500);
text-transform: var(--bk-btn-font-transform, uppercase);
line-height: 23px;
}
#webcommander-page .ask-question-panel .form-row button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
#webcommander-page .new-review-panel .review-form .form-row button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
#webcommander-page .review-view-panel .main-container h2.review-heading {
text-transform: var(--bk-h2-transform, capitalize);
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 42px);
line-height: var(--bk-h2-line-height, 50px);
letter-spacing: var(--bk-h2-letter-spacing, -1%);
}
#webcommander-page .product-review-container .single-review-block div.reviewer-name {
font-weight: 500;
color: #383838;
font-size: 17px;
}
@media (max-width: 767px) {
#webcommander-page .new-review-panel .avg-review-label .label {
font-size: 15px;
}
}
#webcommander-page .tell-friend.tell_friend_popup.popup .limit-label {
font-size: 15px;
font-weight: 300;
}
#webcommander-page .tell-friend.tell_friend_popup.popup button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .tell-friend.tell_friend_popup.popup button:last-of-type {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .tell-friend.tell_friend_popup.popup button:last-of-type:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .tell-friend.tell_friend_popup.popup .form-row label {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 15px;
color: var(--bk-color-ink, #000);
}
#webcommander-page .page-page-not-found .page-content .article-content h2 {
color: var(--bk-h2-color, #6B1D73);
font-weight: var(--bk-h2-weight, 600);
font-size: var(--bk-h2-size, 70px);
line-height: var(--bk-h2-line-height, 60px);
text-transform: var(--bk-h2-transform, none);
}
#webcommander-page .page-page-not-found .page-content .article-content h2 strong {
text-transform: uppercase;
font-size: 95px;
font-weight: 700;
}
#webcommander-page .page-page-not-found .page-content .article-content h3 {
color: var(--bk-h3-color, #ff1818);
font-size: var(--bk-h3-size, 35px);
font-weight: var(--bk-h3-weight, 400);
text-transform: var(--bk-h3-transform, none);
}
#webcommander-page .page-page-not-found .page-content .article-content p {
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 18px);
line-height: var(--bk-p-line-height, 1.8);
color: var(--bk-p-color, var(--bk-color-ink, #000000));
}
#webcommander-page .widget.widget-image.footer-payment .widget-title {
font-family: var(--bk-font-heading, Manrope);
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 0.5px;
}
#webcommander-page .widget-newsletter input[type="text"] {
color: #fff;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 18px;
font-weight: normal;
}
#webcommander-page .widget-newsletter input[type="text"]::-webkit-input-placeholder {
color: #ffffff;
}
#webcommander-page .widget-newsletter input[type="text"]::-moz-placeholder {
color: #ffffff;
}
#webcommander-page .widget-newsletter input[type="text"]:-ms-input-placeholder {
color: #ffffff;
}
#webcommander-page .widget-newsletter input[type="text"]:-moz-placeholder {
color: #ffffff;
}
#webcommander-page .widget-newsletter .newsletter-subscription.submit-button {
color: var(--bk-btn-text, #ffffff);
font-size: 0;
line-height: 22px;
text-transform: var(--bk-btn-font-transform, capitalize);
}
#webcommander-page .widget-newsletter .message-block.message-text {
font-size: 13px;
line-height: 27px;
}
#webcommander-page .newsletter.unsubscribe.valid-verify-form h3 {
font-size: var(--bk-h3-size, 24px);
color: var(--bk-h3-color, var(--bk-color-ink, #000));
text-transform: var(--bk-h3-transform, none);
line-height: var(--bk-h3-line-height, 30px);
font-weight: var(--bk-h3-weight, 500);
}
#webcommander-page .newsletter.unsubscribe .form-row.mandatory label {
font-size: 17px;
color: var(--bk-color-ink, #000);
line-height: 30px;
font-weight: 400;
}
#webcommander-page .newsletter.unsubscribe .form-row button {
font-weight: var(--bk-btn-font-weight, 500);
font-size: var(--bk-btn-font-size, 16px);
line-height: 26px;
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #fff);
letter-spacing: var(--bk-btn-font-letter-spacing, 0.1em);
}
#webcommander-page .newsletter.unsubscribe .form-row button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
#webcommander-page .newsletter.unsubscribe .form-row button[disabled] {
color: var(--bk-btn-text, #e6e6e6);
}
#webcommander-page .subscription-list-success .title {
color: var(--bk-color-ink, #000);
font-size: 26px;
}
#webcommander-page .subscription-list-success .messess-text {
font-weight: 400;
font-size: 17px;
}
#webcommander-page .login-form span.title {
font-style: normal;
color: var(--bk-color-ink, #000000);
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 400;
font-size: 48px;
line-height: 48px;
letter-spacing: 0%;
}
#webcommander-page .login-form .login-button {
font-style: normal;
letter-spacing: var(--bk-btn-font-letter-spacing, 1%);
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #FFFFFF);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
}
#webcommander-page .login-form .login-with-fb-btn {
font-style: normal;
letter-spacing: var(--bk-btn-font-letter-spacing, 1%);
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #FFFFFF);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
}
#webcommander-page .login-form .login-with-google-btn {
font-style: normal;
letter-spacing: var(--bk-btn-font-letter-spacing, 1%);
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #FFFFFF);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
}
#webcommander-page .login-form .no-account-label {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
color: var(--bk-color-ink, #000000);
}
#webcommander-page .registration-form .title {
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 400;
font-size: 48px;
line-height: 48px;
letter-spacing: 0%;
}
#webcommander-page .registration-form label {
color: var(--bk-color-ink, #000);
text-transform: capitalize;
font-family: var(--bk-font-base, Manrope);
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0;
}
#webcommander-page .registration-form .form-row.submit-row button {
font-style: normal;
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #FFFFFF);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
letter-spacing: var(--bk-btn-font-letter-spacing, 2%);
}
#webcommander-page .password-reset-form .title {
font-style: normal;
color: var(--bk-color-ink, #000000);
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 400;
font-size: 43px;
line-height: 48px;
letter-spacing: -1%;
}
#webcommander-page .password-reset-form .lost-password-text {
color: var(--bk-color-ink, #000);
font-weight: normal;
font-size: 17px;
}
#webcommander-page .password-reset-form .form-row label {
font-size: 17px;
color: var(--bk-color-ink, #000);
}
#webcommander-page .password-reset-form .form-row.submit-row button {
font-style: normal;
letter-spacing: var(--bk-btn-font-letter-spacing, 1%);
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #FFFFFF);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
}
#webcommander-page .customer-new-password .form-row.submit-row button {
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-style: normal;
font-weight: var(--bk-btn-font-weight, 500);
font-size: var(--bk-btn-font-size, 16px);
line-height: 27px;
letter-spacing: var(--bk-btn-font-letter-spacing, 0.25em);
text-transform: var(--bk-btn-font-transform, uppercase);
color: var(--bk-btn-text, #FFFFFF);
}
#webcommander-page .customer-new-password .form-row.submit-row button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
#webcommander-page .customer-new-password .form-row label {
font-size: 17px;
color: var(--bk-color-ink, #000);
text-transform: capitalize;
}
#webcommander-page form.customer-new-password span.title {
font-weight: 500;
color: var(--bk-color-ink, #000);
line-height: 30px;
font-size: 24px;
}
#webcommander-page .widget.widget-navigation.categories-list .widget-title {
font-style: normal;
color: var(--bk-color-ink, #000000);
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 100%;
}
#webcommander-page .flying-cart-content .variation-dropdown-container .chosen-single .fee-identical-sewc-elm .variation-value {
font-size: 11px !important;
font-weight: 500 !important;
line-height: normal;
}
#webcommander-page .flying-cart-content .variation-dropdown-container .chosen-wrapper label {
font-size: 11px !important;
line-height: 24px !important;
}
#webcommander-page div.flying-cart-content .flying-cart-special-add-to-cart {
font-size: var(--bk-btn-font-size, 12px);
letter-spacing: var(--bk-btn-font-letter-spacing, 3%);
}
#webcommander-page div.flying-cart-content .flying-cart-special-add-to-cart:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .widget.widget-html.sidebar-title h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, "Manrope"), sans-serif);
font-weight: 500;
font-size: 26px;
line-height: 100%;
letter-spacing: var(--bk-h2-letter-spacing, 0%);
}
#webcommander-page .widget-filter .category-option-label {
color: #1C4F52;
font-size: 18px;
font-weight: 400;
line-height: normal;
}
#webcommander-page .widget.widget-filter .form-row.type-slider span.filter-name {
font-style: normal;
color: var(--bk-color-ink, #000);
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
}
#webcommander-page .filter-profile .form-row.filter-group-item input[type="checkbox"]:checked+span.filter-group-item-label-wrapper:before {
color: #fff;
font-family: FontAwesome;
font-size: 10px;
line-height: 13px;
}
#webcommander-page .widget.widget-filter .accordion-panel>.label-bar span.numbers-of-selected {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 20px;
color: #1C4F52;
}
#webcommander-page .widget.widget-filter .form-row label.name {
font-weight: 600;
font-size: 0;
color: #1C4F52;
line-height: 25px;
text-transform: capitalize;
}
#webcommander-page .widget.widget-filter .form-row .tab-accordion-accordion label {
font-style: normal;
color: var(--bk-color-ink, #000);
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
}
#webcommander-page .widget.widget-filter .accordion-panel>.label-bar a.clear-selection {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 20px;
color: #1C4F52;
}
#webcommander-page .widget.widget-filter .accordion-panel > .label-bar a.clear-selection:hover {
color: #bcb633;
}
#webcommander-page .widget.widget-filter .filter-group .accordion-panel>.accordion-item span.filter-group-item-label-wrapper label {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: normal;
color: #1C4F52;
}
#webcommander-page .widget.widget-filter .filter-group .accordion-panel>.accordion-item span.filter-group-item-label-wrapper label+span {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 150%;
color: #1C4F52;
}
#webcommander-page .filter-profile .filter-group-item-label-wrapper button {
font-size: var(--bk-btn-font-size, 12px);
}
#webcommander-page .breadcrumb-item .separator:hover::before {
color: #404040;
}
#webcommander-page .breadcrumb-item .separator {
font-size: 0;
}
#webcommander-page .breadcrumb-item .label {
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 24px;
letter-spacing: 0.02em;
color: var(--bk-color-ink, #000000);
}
#webcommander-page .breadcrumb-item .label:hover {
color: var(--bk-color-ink, #000000);
font-weight: 400;
}
#webcommander-page .popup .button-item span {
font-size: 16px;
line-height: 28px;
text-transform: capitalize;
}
#webcommander-page .product-widget.widget-price .current-price-container {
display: flex;
}
#webcommander-page .popup .button-item a {
font-size: var(--bk-link-font-size, 16px);
line-height: 28px;
text-transform: var(--bk-link-font-transform, capitalize);
}
#webcommander-page .popup .button-item .add-to-cart-button.button.et_pdp_add_to_cart {
font-size: var(--bk-btn-font-size, 16px);
line-height: 22px;
text-transform: var(--bk-btn-font-transform, uppercase);
color: var(--bk-btn-text, #fff);
}
#webcommander-page .popup .button-item .add-to-cart-button.button.et_pdp_add_to_cart:hover {
color: var(--bk-btn-hover-color, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .popup.add-cart-information-popup .close-btn.button:focus {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .popup.add-cart-information-popup .close-btn.button.focus {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .popup.add-cart-information-popup .close-btn.button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .add-to-cart-popup .name {
font-size: 16px;
}
#webcommander-page .add-cart-information-popup .name {
font-size: 24px;
font-weight: 600;
margin-bottom: 10px;
}
#webcommander-page .popup.add-cart-information-popup span.title {
color: var(--bk-color-ink, #000);
font-size: 24px;
font-weight: 500;
}
#webcommander-page .popup .status-bar-product-name {
color: var(--bk-color-ink, #000);
font-size: 22px;
font-weight: 500;
}
#webcommander-page .popup .continue-shopping-btn {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .popup .continue-shopping-btn:focus {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .popup .continue-shopping-btn.focus {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .popup .continue-shopping-btn:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .close.cancel-button {
color: var(--bk-btn-text, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .close.cancel-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff)) !important;
}
#webcommander-page .site-popup .title-bar {
font-size: 20px;
font-weight: 500;
color: var(--bk-color-ink, #000);
}
#webcommander-page .confirm-popup .title-bar {
font-size: 20px;
font-weight: 500;
color: var(--bk-color-ink, #000);
}
#webcommander-page .popup a.cart-page-button.button.et_ecommerce_view_cart {
color: var(--bk-btn-text, #fff);
}
#webcommander-page .popup .button {
letter-spacing: var(--bk-btn-font-letter-spacing, 0.01em);
text-transform: var(--bk-btn-font-transform, capitalize);
}
#webcommander-page .site-popup .content {
font-weight: 400;
}
#webcommander-page .save-cart button.form-reset.close-popup {
color: var(--bk-btn-text, #e6e6e6);
}
#webcommander-page .save-cart button.form-reset.close-popup:focus {
color: var(--bk-btn-text, #e6e6e6);
}
#webcommander-page .save-cart button.form-reset.close-popup.focus {
color: var(--bk-btn-text, #e6e6e6);
}
#webcommander-page .save-cart button.form-reset.close-popup:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .confirm-popup button.no-button {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .confirm-popup button.no-button:hover {
color: var(--bk-btn-hover-color, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .popup.add-cart-information-popup h4.title {
font-size: 16px;
font-weight: 500;
font-family: var(--bk-font-heading, Rubik);
letter-spacing: 0.5px;
line-height: 15px;
}
#webcommander-page .site-popup .button-line button {
letter-spacing: var(--bk-btn-font-letter-spacing, 0.1em);
text-transform: var(--bk-btn-font-transform, capitalize);
}
#webcommander-page .confirm-popup .button-line button {
letter-spacing: var(--bk-btn-font-letter-spacing, 0.1em);
text-transform: var(--bk-btn-font-transform, capitalize);
}
#webcommander-page .site-popup .button-line button[disabled] {
color: var(--bk-btn-text, #818181) !important;
}
#webcommander-page .wish-list-popup.add-to-wishlist-popup.popup .body label {
font-size: 18px;
font-weight: 500;
color: var(--bk-color-ink, #000);
}
#webcommander-page .wish-list-popup.add-to-wishlist-popup.popup .footer button {
text-transform: var(--bk-btn-secondary-font-transform, capitalize);
letter-spacing: var(--bk-btn-secondary-font-letter-spacing, 0.1em);
border-radius:var(--bk-btn-secondary-radius, 100px);
}
#webcommander-page .wish-list-popup.add-to-wishlist-popup.popup .footer button.submit-button {
color: var(--bk-btn-secondary-text, #fff);
}
#webcommander-page .wish-list-popup.add-to-wishlist-popup.popup .footer button.submit-button:hover {
color: var(--bk-btn-secondary-hover-color, var(--bk-btn-secondary-text, var(--bk-color-ink, #000)));
}
#webcommander-page .wish-list-popup .footer .submit-button.create-wish-list:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff)) !important;
}
#webcommander-page .popup .footer button.close-popup {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .popup .button-item .close-btn {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .popup .footer button.close-popup:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
#webcommander-page .popup .button-item .close-btn:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
#webcommander-page .site-popup .title-bar .close::before {
font-size: 0;
}
#webcommander-page .page-product .variation-container .variation-type label.type-label {
line-height: 22px;
}
#webcommander-page .widget-variation .variation-thumb .variation-type .type-label {
color: #1c1f23;
text-transform: none;
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-weight: 700;
font-size: 16px;
letter-spacing: 0%;
}
#webcommander-page .widget-variation .variation-thumb .text .variation-value {
font-size: 0;
line-height: 0;
}
#webcommander-page .page-product .variation-container .variation-type.text ul li span {
font-size: 16px;
font-weight: 500;
line-height: 38px;
}
#webcommander-page .page-product .variation-container .variation-type.text ul li:hover {
color: var(--bk-color-ink, #000);
}
#webcommander-page .page-product .variation-container .variation-type.text ul li.selected {
color: var(--bk-color-ink, #000);
}
#webcommander-page .entire-search .search-result > .title {
font-weight: 400;
font-size: 22px;
}
#webcommander-page .entire-search .search-results .page .title {
font-size: 17px;
font-weight: 600;
}
#webcommander-page .entire-search h2 {
font-size: var(--bk-h2-size, 30px);
color: var(--bk-h2-color, var(--bk-color-ink, #000));
font-weight: var(--bk-h2-weight, 500);
}
#webcommander-page .entire-search .search-results .search-result .title.product {
font-size: 20px;
color: #333;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .save_cart .form-row label {
font-weight: 600;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .saved-cart-items-wrap label {
font-weight: 700;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned_cart .abandoned-cart-items-wrap label {
font-weight: 700;
}
@media (max-width: 767px) {
#webcommander-page .add-cart-information-popup.popup span.title {
font-size: 19px;
}
#webcommander-page .popup .status-bar-product-name {
font-size: 19px;
}
#webcommander-page .add-cart-information-popup.popup .variation-container .variation-type label.type-label {
line-height: 20px;
}
#webcommander-page.responsive .popup .button-item .continue-shopping-btn {
line-height: 23px;
}
#webcommander-page.responsive .popup .button-item .cart-page-button {
line-height: 23px;
}
#webcommander-page :-ms-textarea-placeholder {
font-size: 15px;
line-height: 17px;
}
}
@media (max-width: 1200px) {
#webcommander-page .registration-form .title {
font-size: 44px;
}
#webcommander-page .login-form span.title {
font-size: 44px;
}
#webcommander-page .password-reset-form .title {
font-size: 44px;
}
}
@media (max-width: 991px) {
#webcommander-page .registration-form .title {
font-size: 36px;
}
#webcommander-page .login-form span.title {
font-size: 36px;
}
#webcommander-page .password-reset-form .title {
font-size: 36px;
}
.shopping-cart .my-cart-order-summary{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media (max-width: 767px) {
#webcommander-page .registration-form .title {
font-size: 32px;
}
#webcommander-page .login-form span.title {
font-size: 32px;
}
#webcommander-page .password-reset-form .title {
font-size: 32px;
}
#webcommander-page .password-reset-form .lost-password-text {
font-size: 16px;
line-height: 20px;
}
#webcommander-page .subscription-list-success .messess-text {
font-size: 16px;
}
#webcommander-page .page-product .variation-container .variation-type.text ul li span {
font-size: 15px;
line-height: 30px;
}
#webcommander-page .product-widget.widget-price .current-price-container .current-price {
font-size: 26px;
}
#webcommander-page .review-panel .write-review-panel button.write-review {
font-size: 14px;
}
#webcommander-page .review-panel .write-review-panel .form-row.btn-row button {
letter-spacing: var(--bk-btn-font-letter-spacing, 1px);
}
}
@media (max-width: 1200px) {
#webcommander-page .product-view.image-view .product-block .btn-add .add-to-cart-button {
letter-spacing: var(--bk-btn-font-letter-spacing, 1px);
}
#webcommander-page .product-view.scrollable-view .product-block .btn-add .add-to-cart-button {
letter-spacing: var(--bk-btn-font-letter-spacing, 1px);
}
}
@media (max-width: 991px) {
#webcommander-page .widget-breadcrumb .breadcrumb-item .separator {
font-size: 0;
}
#webcommander-page .category-details-container .title.page-heading {
font-size: 19px;
line-height: 1.3;
}
#webcommander-page .widget-product .widget-title {
font-size: 40px;
line-height: 1.3;
}
}
@media (max-width: 767px) {
#webcommander-page .mega-menu-submenu-container.show {
box-shadow: none;
padding: 12px;
}
#webcommander-page .category-details-container .title.page-heading {
font-weight: 500;
font-size: 32px;
}
#webcommander-page .widget-product .widget-title {
font-weight: 500;
font-size: 32px;
padding-bottom: 0;
}
#webcommander-page .entire-search h2 {
font-size: 24px;
}
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .current-price.price {
font-size: 19px;
font-weight: 600;
color: var(--bk-color-ink, #000);
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .current-price.price {
font-size: 19px;
font-weight: 600;
color: var(--bk-color-ink, #000);
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button.button {
line-height: 21px;
font-weight: var(--bk-btn-font-weight, 500);
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-name a {
font-family: var(--bk-link-font-family, inherit);
text-transform: var(--bk-link-font-transform, capitalize);
}
#webcommander-page .fee-widget-product-list-view .product-view .product-block .btn-add .add-to-cart-button.button {
font-family: var(--bk-btn-font-family, inherit);
text-transform: var(--bk-btn-font-transform, capitalize);
}
#webcommander-page .body .widget-product.fee-widget-product-scroll-view .widget-title {
font-family: var(--bk-font-heading, Manrope);
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 60px);
line-height: var(--bk-h2-line-height, 68px);
letter-spacing: var(--bk-h2-letter-spacing, -0.02em);
text-align: center;
padding: 0;
margin:50px 0;
color: var(--bk-h2-color, var(--bk-color-ink, #000000));
}
#webcommander-page .body .widget-product.fee-widget-product-image-view .widget-title {
font-family: var(--bk-font-heading, Manrope);
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 60px);
line-height: var(--bk-h2-line-height, 68px);
letter-spacing: var(--bk-h2-letter-spacing, -0.02em);
text-align: center;
padding: 0;
margin:50px 0;
color: var(--bk-h2-color, var(--bk-color-ink, #000000));
}
#webcommander-page .body .widget-product.fee-widget-product-list-view .widget-title {
font-family: var(--bk-font-heading, Manrope);
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 60px);
line-height: var(--bk-h2-line-height, 68px);
letter-spacing: var(--bk-h2-letter-spacing, -0.02em);
text-align: center;
padding: 0;
margin:50px 0;
color: var(--bk-h2-color, var(--bk-color-ink, #000000));
}
#webcommander-page .body .widget-product.fee-widget-product-tabular-view .widget-title {
font-family: var(--bk-font-heading, Manrope);
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 60px);
line-height: var(--bk-h2-line-height, 68px);
letter-spacing: var(--bk-h2-letter-spacing, -0.02em);
text-align: center;
padding: 0;
margin:50px 0;
color: var(--bk-h2-color, var(--bk-color-ink, #000000));
}
#webcommander-page .fee-widget-product-list-view .product-view.list-view .product-name-link {
font-family: inherit;
}
#webcommander-page .fee-widget-product-list-view .product-view .product-block .btn-add .add-to-cart-button.button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #0094c4));
}
@media (max-width: 480px) {
#webcommander-page .fee-widget-product-list-view .product-view .product-block .btn-add .add-to-cart-button.button {
font-size: 14px;
}
}
#webcommander-page .fee-gallery-jssor div.jssor-slider-container .description.jssor-caption-1 {
font-family: inherit;
color: #fff;
font-size: 18px;
}
#webcommander-page .fee-gallery-jssor div.jssor-slider-container .title.jssor-caption-2 {
font-family: inherit;
color: #fff;
font-size: 18px;
}
#webcommander-page .fee-gallery-jssor div.jssor-slider-container .title.jssor-caption-2 span {
font-size: 58px;
font-weight: 700;
line-height: 1.4;
text-transform: capitalize;
letter-spacing: normal;
color: #fff;
}
#webcommander-page .fee-gallery-jssor .jssor-slider-container .caption-wrapper [u="caption"].button a {
text-transform: var(--bk-btn-font-transform, capitalize);
letter-spacing: var(--bk-btn-font-letter-spacing, normal);
}
#webcommander-page .fee-gallery-jssor .jssor-slider-container .caption-wrapper [u="caption"].button a:hover {
color: var(--bk-btn-hover-color, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .fee-gallery-jssor2 div.jssor-slider-container .container [u="caption"] {
color: #fff;
font-size: 18px;
font-weight: 400;
font-family: inherit;
}
#webcommander-page .fee-gallery-jssor2 div.jssor-slider-container .container [u="caption"].description.jssor-caption-1 {
font-size: 36px;
font-weight: 700;
}
#webcommander-page .fee-gallery-jssor2 div.jssor-slider-container .title.jssor-caption-2 span {
font-size: 58px;
font-weight: 700;
line-height: 1.4;
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button {
font-family: var(--bk-btn-font-family, inherit);
text-transform: var(--bk-btn-font-transform, capitalize);
letter-spacing: var(--bk-btn-font-letter-spacing, normal);
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-cart-button {
font-family: var(--bk-btn-font-family, inherit);
text-transform: var(--bk-btn-font-transform, capitalize);
letter-spacing: var(--bk-btn-font-letter-spacing, normal);
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #0094c4));
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-cart-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #0094c4));
}
#webcommander-page .product-view.image-view .product-name a {
font-weight: var(--bk-link-font-weight, 700);
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .current-price.price .tax-message {
color: #999;
font-size: 10px !important;
font-weight: 400;
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .current-price.price .tax-message {
color: #999;
font-size: 10px !important;
font-weight: 400;
}
#webcommander-page .fee-widget-product-list-view .current-price.price .tax-message {
color: #999;
font-size: 10px !important;
font-weight: 400;
}
#webcommander-page .fee-widget-product-tabular-view .current-price.price .tax-message {
color: #999;
font-size: 10px !important;
font-weight: 400;
}
#webcommander-page .customer-profile-v2.bmui-tab.left-side-header .bmui-tab-header .title {
font-family: var(--bk-font-base, "Montserrat"),sans-serif;
text-transform: none;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card h1 {
font-size: var(--bk-h1-size, 18px);
font-weight: var(--bk-h1-weight, 600);
line-height: var(--bk-h1-line-height, 36px);
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card .order-basic-info-bottom .panel-header .address-view .title {
font-size: 12px;
font-weight: 500;
line-height: 24px;
color: #212529;
text-transform: uppercase;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders .order-basic-info-card .order-basic-info-bottom .panel-header .address-view .name {
font-size: 14px;
font-weight: 600;
color: var(--bk-color-ink, #000000);
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders #order-details .order-info-wrap .info-row label {
font-size: 12px;
font-weight: 500;
color: #626262;
}
#webcommander-page .customer-profile-v2 #bmui-tab-my-orders #order-details .order-info-wrap .info-row:last-child label {
font-weight: 600;
color: var(--bk-color-ink, #000000);
}
#webcommander-page .site-popup.popup.active .content .payment-form.site-popup-form .double-input-row label {
font-size: 14px;
}
#webcommander-page .page-profile .site-popup .payment-form .terms_and_condition_title {
font-size: 14px;
line-height: 20px;
}
#webcommander-page .page-profile .site-popup .button-line button.cancel-button {
font-size: var(--bk-btn-font-size, 13px);
font-weight: var(--bk-btn-font-weight, 600);
color: var(--bk-btn-text, #333);
}
#webcommander-page .page-profile .site-popup .button-line button.cancel-button:hover {
font-size: var(--bk-btn-font-size, 13px);
font-weight: var(--bk-btn-font-weight, 600);
color: var(--bk-btn-hover-color, var(--bk-btn-text, #333));
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block .product-name-link {
color: var(--bk-color-ink, #000000);
font-family: var(--bk-font-base, "Manrope"), sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
text-transform: capitalize;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .customer-password-change-card .btn-row .cancel-button {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 #customer-manage-card-billing_address .edit-address-form .form-row.btn-row .cancel-button {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 #customer-manage-card-shipping_address .edit-address-form .form-row.btn-row .cancel-button {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .page-profile .site-popup.popup .payment-form.site-popup-form .header-wrapper > h1 {
font-size: var(--bk-h1-size, 18px);
font-weight: var(--bk-h1-weight, 600);
line-height: var(--bk-h1-line-height, normal);
font-family: var(--bk-h1-family, var(--bk-font-heading, "Montserrat"),sans-serif);
}
#webcommander-page .page-profile .payment-form .form-row label {
color: var(--bk-color-ink, #000);
font-weight: 500;
font-size: 15px;
}
#webcommander-page .page-profile .payment-form .double-input-row label {
color: var(--bk-color-ink, #000);
font-weight: 500;
font-size: 15px;
}
#webcommander-page .site-popup.popup.active .content .payment-form.site-popup-form .double-input-row > .form-type-info {
color: #999;
font-size: 20px;
line-height: 37px;
}
#webcommander-page .page-profile .site-popup .submit-button.site-popup-form-submit {
color: var(--bk-btn-text, #fff) !important;
}
#webcommander-page .widget-navigation .nav-profile-logged-in .nav-customer-name {
line-height: normal;
}
#webcommander-page #customer-profile-tabs.customer-profile-v2 .abandoned_cart .form-row label {
font-size: 16px;
}
#webcommander-page .parent-name {
font-size: 14px !important;
}
#webcommander-page .product-view.tabular-view .product-name-link {
font-family: var(--bk-font-base, "Glacial Indifference");
font-size: 16px;
font-weight: 400;
color: #32312f;
}
#webcommander-page .product-view.tabular-view .current-price {
font-weight: 500;
font-size: 17px;
color: var(--bk-color-ink, #000);
}
#webcommander-page .product-view.tabular-view .price {
font-size: 15px;
}
#webcommander-page .product-view.list-view .product-view.scrollable-view .content {
font-size: 0;
}
#webcommander-page .product-view.list-view .product-name-link {
color: #32312f;
font-size: 17px;
font-weight: 500;
}
#webcommander-page .product-view.list-view .product-name-link:hover {
color: #32312f;
}
#webcommander-page .product-view.list-view .current-price.price {
font-size: 17px;
font-weight: 500;
color: var(--bk-color-ink, #000);
}
#webcommander-page .product-view.list-view .product-block .btn-add .add-to-cart-button.button {
line-height: 24px;
font-size: var(--bk-btn-font-size, 15px);
font-weight: var(--bk-btn-font-weight, 500);
color: var(--bk-btn-text, #fff);
}
#webcommander-page .product-view.list-view .product-block .btn-add .add-to-wish-list {
line-height: 24px;
font-size: var(--bk-btn-tertiary-font-size, 15px);
font-weight: var(--bk-btn-tertiary-font-weight, 500);
color: var(--bk-btn-tertiary-text, #fff);
}
#webcommander-page .product-view.list-view .product-block .btn-add .add-to-compare-button.button {
line-height: 24px;
font-size: var(--bk-btn-tertiary-font-size, 15px);
font-weight: var(--bk-btn-tertiary-font-weight, 500);
color: var(--bk-btn-tertiary-text, #fff);
}
#webcommander-page .product-view.list-view .product-block .btn-add .remove-from-compare-button.button {
line-height: 24px;
font-size: var(--bk-btn-tertiary-font-size, 15px);
font-weight: var(--bk-btn-tertiary-font-weight, 500);
color: var(--bk-btn-tertiary-text, #fff);
}
#webcommander-page .product-view.list-view .product-block .btn-add .add-to-wish-list:hover::before {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-ink, #000)));
}
#webcommander-page .product-view.list-view .product-block .btn-add .add-to-cart-button.button:hover {
color: var(--bk-btn-hover-color, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .product-view.list-view .product-block .btn-add .add-to-wish-list:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .product-view.list-view .product-block .btn-add .add-to-compare-button.button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .product-view.list-view .product-block .btn-add .remove-from-compare-button.button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .product-view.list-view .block-content-wrap .price-waper .previous-price.price {
font-size: 17px;
}
#webcommander-page .product-view.list-view .content .product-block .summary p {
font-size: var(--bk-p-size, 14px);
color: var(--bk-p-color, #555);
line-height: var(--bk-p-line-height, 22px);
font-weight: var(--bk-p-weight, 400);
}
#webcommander-page .product-view.list-view .content .product-block .summary {
font-size: 14px;
color: var(--bk-p-color, #555);
line-height: 22px;
font-weight: 400;
}
#webcommander-page .mega-menu-submenu-container {
top: 38px;
}
@media (max-width:480px) {
#webcommander-page .product-widget.widget-variation-product-list h3 {
font-size: var(--bk-h3-size, 14px) !important;
}
#webcommander-page .product-widget.widget-variation-product-list .variation-thumb .text .variation-value {
font-size: 14px;
}
}
#webcommander-page .variation-container table.matrix tr th .text {
font-size: 13px;
}
#webcommander-page .product-widget.widget-variation-product-list .variation-thumb .variation-type .type-label {
color: #222222;
font-size: 15px;
font-weight: 500;
text-transform: none;
line-height: 22px;
}
#webcommander-page .product-widget.widget-variation-product-list .variation-thumb .text .variation-value {
color: #3b3a3a;
font-size: 15px;
font-weight: 600;
line-height: 20px;
}
#webcommander-page .product-widget.widget-variation-product-list .variation-thumb .text .selected .variation-value {
color: #fff;
}
#webcommander-page .product-widget.widget-variation-product-list h3 {
font-size: var(--bk-h3-size, 16px);
color: var(--bk-h3-color, #222);
font-weight: var(--bk-h3-weight, 500);
}
#webcommander-page .widget-variation .variation-container .variation-thumb .selected-value-display .selected-option-label {
font-weight: 400;
letter-spacing: 8%;
font-size: 16px;
}
#webcommander-page .variation-container .variation-type.text ul li .variation-value.text {
color: #3b3a3a;
font-size: 14px;
font-weight: 600;
line-height: 24px;
text-transform: capitalize;
}
#webcommander-page .variation-container .variation-type.text ul li:hover .variation-value.text {
color: var(--bk-color-ink, #000);
}
#webcommander-page .variation-container .variation-type.text ul li.selected .variation-value.text {
color: var(--bk-color-ink, #000);
}
#webcommander-page .widget-variation .cart-preview-panel .cart-preview-table .price-amount {
font-size: 14px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-carousel .owl-item .article-content h5 {
font-family: var(--bk-h6-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h6-weight, 700);
font-size: var(--bk-h6-size, 15px);
line-height: var(--bk-h6-line-height, 27px);
letter-spacing: var(--bk-h6-letter-spacing, 0%);
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-carousel .owl-item .article-content p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 15px);
line-height: var(--bk-p-line-height, 25px);
letter-spacing: var(--bk-p-letter-spacing, 0%);
color: var(--bk-p-color, var(--bk-color-ink, #000));
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-carousel .owl-item .article-content h6 {
font-family: var(--bk-h6-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h6-weight, 600);
font-size: var(--bk-h6-size, 15px);
line-height: var(--bk-h6-line-height, 27px);
letter-spacing: var(--bk-h6-letter-spacing, 0%);
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .widget-title {
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
font-size: 46px;
line-height: 53px;
letter-spacing: 1%;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .widget-title:after {
font-family: var(--bk-font-heading, Manrope);
font-weight: 400;
font-size: 15px;
line-height: 28px;
letter-spacing: 0%;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-carousel .owl-item .article-title {
font-size: 0;
}
#webcommander-page .accordion-panel > .label-bar {
color: var(--bk-h5-color, var(--bk-color-ink, #000000));
font-weight: var(--bk-h5-weight, 700);
font-size: var(--bk-h5-size, 20px);
letter-spacing: 1%;
line-height: var(--bk-h5-line-height, 42px);
font-family: var(--bk-h5-family, var(--bk-font-heading, 'Manrope'));
}
#webcommander-page .accordion-panel>.label-bar.expanded {
color: var(--bk-color-ink, #000);
}
#webcommander-page .accordion-item.expanded p {
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 16px);
line-height: var(--bk-p-line-height, 30px);
color: var(--bk-p-color, var(--bk-color-ink, #000));
}
#webcommander-page .widget.widget-filter .accordion-panel > .label-bar:hover label {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .accordion-panel > .label-bar.collapsed:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .accordion-panel>.accordion-item.collapsed p {
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 16px);
line-height: var(--bk-p-line-height, 30px);
color: var(--bk-p-color, var(--bk-color-ink, #000));
}
#webcommander-page .checkout-page.version-2 .express-checkout-panel .title {
font-size: 12px;
color: var(--bk-color-ink, #000);
}
#webcommander-page .advance.checkout-page .form-row textarea {
font-size: 16px;
}
#webcommander-page .advance.checkout-page textarea {
font-size: 16px;
}
#webcommander-page .checkout-header-left-inner .back-page:hover .back-link-text {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .flying-cart-content .flying-cart-product-quantity-selector.product-quantity-selector.text-type.stepper-input {
font-size: 13px;
line-height: 30px;
font-weight: 600;
}
#webcommander-page .flying-cart-content .flying-cart-product-name a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page div.flying-cart-footer .continue-shopping-btn {
color: var(--bk-btn-text, #fff);
text-transform: var(--bk-btn-font-transform, full-size-kana);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 24px;
letter-spacing: var(--bk-btn-font-letter-spacing, 1%);
}
#webcommander-page .flying-cart-content .flying-cartitem-btn-wrapper .flying-cart-footer-button {
color: var(--bk-btn-text, #fff);
text-transform: var(--bk-btn-font-transform, full-size-kana);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 24px;
letter-spacing: var(--bk-btn-font-letter-spacing, 1%);
}
#webcommander-page div.flying-cart-footer .continue-shopping-btn:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .flying-cart-content .flying-cartitem-btn-wrapper .flying-cart-footer-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page div.frequently-bought-together-products .product-separator {
color: var(--bk-color-primary, #00A1C6);
font-size: 20px;
}
#webcommander-page .frequently-bought-together-products .product-name a {
font-size: var(--bk-link-font-size, 17px);
color: var(--bk-color-ink, #000);
font-weight: var(--bk-link-font-weight, 600);
line-height: 24px;
}
#webcommander-page .flying-cart-content .flying-cart-clear-cart-btn {
font-size: var(--bk-btn-font-size, 14px);
}
#webcommander-page .flying-cart-content .flyingt-cart-header .save-cart-popup.button {
color: var(--bk-btn-text, #fff);
}
#webcommander-page .flying-cart-content .flyingt-cart-header .save-cart-popup.button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
#webcommander-page div.flying-cart-product-name a {
color: var(--bk-color-ink, #000000);
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-weight: var(--bk-link-font-weight, 500);
font-size: var(--bk-link-font-size, 20px);
line-height: 24px;
letter-spacing: var(--bk-link-font-letter-spacing, 0%);
}
#webcommander-page div.flying-cart-unit-price-wrapper {
font-size: 16px;
font-weight: 400;
}
#webcommander-page .checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name a {
color: var(--bk-link-color, #202020);
font-weight: var(--bk-link-font-weight, 500);
font-size: var(--bk-link-font-size, 16px);
line-height: 20px;
letter-spacing: var(--bk-link-font-letter-spacing, 0%);
}
#webcommander-page .flying-cart-page-heading {
font-size: 18px;
}
#webcommander-page .flying-cart-content .recommended-products .product-name a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .popup.flying-cart-content .free-products .product-name a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .popup.flying-cart-content .free-products .flying-cart-special-add-to-cart:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .flying-cart-content .free-products .flying-cart-special-add-to-cart {
font-size: var(--bk-btn-font-size, 12px) !important;
font-weight: var(--bk-btn-font-weight, 600);
}
#webcommander-page .checkout-page.version-2 .advance-checkout-steps-left-dom .custom-fields-wrapper .form-row label {
font-size: 18px;
font-weight: 600;
color: var(--bk-color-ink, rgba(0,0,0,1));
}
/* ---- Add to Cart (legacy addCart widget + newer action bundle) ----
SECONDARY, not primary. The theme already declares
`.product-widget.widget-addCart .add-to-cart-button { background:
var(--bk-btn-fill, var(--bk-color-secondary, #000)) }` - Add to Cart is the dark button and Buy
Now is the primary one. The platform's `.add-to-cart-button.button:not(
.disabled)` outranked that (extra class + pseudo-class), which is how the
azure got in. Mapping this to the primary token would win too, but it would
make Add to Cart and Buy Now the SAME colour side by side and destroy the
two-tier hierarchy the theme intended. */
#webcommander-page .product-widget.widget-addCart .add-to-cart-button.button:not(.disabled),
#webcommander-page .product-widget:is(.widget-productActionBundle, .widget-productAddToCart) .add-to-cart-button.button {
background-color: var(--bk-btn-fill, var(--bk-color-primary, #000));
border-color: var(--bk-btn-border-color, var(--bk-color-primary, #000));
color: var(--bk-btn-text, var(--bk-btn-text, #ffffff));
}
#webcommander-page .product-widget.widget-addCart .add-to-cart-button.button:not(.disabled):hover,
#webcommander-page .product-widget:is(.widget-productActionBundle, .widget-productAddToCart) .add-to-cart-button.button:hover {
background-color: var(--bk-btn-hover-bg, var(--bk-color-secondary, inherit));
color: var(--bk-btn-hover-color, var(--bk-btn-text, #ffffff));
}#webcommander-page .product-widget.widget-addCart .add-to-cart-button {
background-color: var(--bk-btn-fill, var(--bk-color-secondary, #000));
border-color: var(--bk-btn-border-color, var(--bk-color-secondary, #000));
color: var(--bk-btn-text, #ffffff);
border-radius: var(--bk-btn-radius, 0);
height: 45px;
}
#webcommander-page .product-widget.widget-addCart .buy-now-button.button.et_pdp_buy_now {
background-color: var(--bk-btn-secondary-fill, var(--bk-color-secondary, #000));
border-color: var(--bk-btn-secondary-border-color, var(--bk-color-secondary, #000));
color: var(--bk-btn-secondary-text, #ffffff);
border-radius: var(--bk-btn-secondary-radius, 0);
height: 45px;
}.product-widget.widget-addCart .add-to-gift-registry.button,
:is(.product-action-bundle,
.product-widget.widget-productWishlist {
border-color: var(--bk-btn-border-color, var(--bk-color-primary, #008DF2));
color: var(--bk-btn-text, var(--bk-color-primary, #008DF2));
}
.product-widget.widget-addCart .button.add-to-wish-list,
.product-widget.widget-addCart .add-to-compare-button.button,
.product-widget.widget-productCompare) :is(.add-to-wish-list,
.add-to-compare-button,
.remove-from-compare-button) {
border-color: var(--bk-btn-tertiary-border-color, var(--bk-color-primary, #008DF2));
color: var(--bk-btn-tertiary-text, var(--bk-color-primary, #008DF2));
}:is(.product-action-bundle,
.product-widget.widget-productWishlist {
color: var(--bk-btn-fill, var(--bk-color-primary, #008DF2));
}
.product-widget.widget-addCart .button.add-to-wish-list:after,
.product-widget.widget-addCart .add-to-compare-button.button:after,
.product-widget.widget-productCompare) :is(.add-to-wish-list,
.add-to-compare-button,
.remove-from-compare-button):after {
color: var(--bk-btn-tertiary-fill, var(--bk-color-primary, #008DF2));
}.product-widget.widget-addCart .add-to-gift-registry.button:hover,
:is(.product-action-bundle,
.product-widget.widget-productWishlist {
background-color: var(--bk-btn-hover-bg, var(--bk-color-primary, #008DF2));
border-color: var(--bk-btn-border-color, var(--bk-color-primary, #008DF2));
color: var(--bk-btn-text, #ffffff);
}
.product-widget.widget-addCart .button.add-to-wish-list:hover,
.product-widget.widget-addCart .add-to-compare-button.button:hover,
.product-widget.widget-productCompare) :is(.add-to-wish-list,
.add-to-compare-button,
.remove-from-compare-button):hover {
background-color: var(--bk-btn-tertiary-hover-bg, var(--bk-color-primary, #008DF2));
border-color: var(--bk-btn-tertiary-border-color, var(--bk-color-primary, #008DF2));
color: var(--bk-btn-tertiary-text, #ffffff);
}:is(.product-action-bundle,
.product-widget.widget-productWishlist {
color: var(--bk-btn-text, #ffffff);
}
.product-widget.widget-addCart .button.add-to-wish-list:hover:after,
.product-widget.widget-addCart .add-to-compare-button.button:hover:after,
.product-widget.widget-productCompare) :is(.add-to-wish-list,
.add-to-compare-button,
.remove-from-compare-button):hover:after {
color: var(--bk-btn-tertiary-text, #ffffff);
}
/* [/MCP:wc-product-actions] */
@media (max-width: 767px) {
#webcommander-page div.flying-cart-page-heading {
font-size: 20px;
}
}
#webcommander-page .auto-page.page-checkout .checkout-page.version-2 .checkout-button-wrapper-bottom .advance-checkout-next-step-parser-button {
line-height: 24px;
font-size: var(--bk-btn-font-size, 15px);
font-weight: var(--bk-btn-font-weight, 500);
color: var(--bk-btn-text, #fff);
}
#webcommander-page .auto-page.page-checkout .checkout-page.version-2 .checkout-button-wrapper-bottom .advance-checkout-next-step-parser-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .bottom-snippet-content-advance-checkout p {
font-size: var(--bk-p-size, 15px);
}
#webcommander-page .shopping-cart .order-summary-card .proceed-to-checkout .checkout-btn {
color: var(--bk-btn-text, #fff);
line-height: 24px;
font-size: var(--bk-btn-font-size, 15px);
font-weight: var(--bk-btn-font-weight, 500);
}
#webcommander-page .shopping-cart .order-summary-card .proceed-to-checkout .checkout-btn:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .wc-load-more-pagination-wrapper .load-more-result-title {
font-size: 15px;
}
#webcommander-page .wrapper .price {
font-size: 14px;
}
#webcommander-page .add-cart-information-popup .header .title {
line-height: normal;
}
#webcommander-page .add-cart-information-popup .popup-bottom.footer .button-item .button.add-to-cart-button {
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-font-size, 16px);
font-weight: var(--bk-btn-font-weight, 500);
color: var(--bk-btn-text, #fff);
line-height: 23px;
text-transform: var(--bk-btn-font-transform, capitalize);
letter-spacing: var(--bk-btn-font-letter-spacing, 0.1em);
}
#webcommander-page .add-cart-information-popup .popup-bottom.footer .button-item .button.add-to-cart-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff)) !important;
}
#webcommander-page .add-cart-information-popup .popup-bottom.footer .button-item .button.close-btn {
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-font-size, 16px);
font-weight: var(--bk-btn-font-weight, 500);
color: var(--bk-btn-text, var(--bk-color-ink, #000));
line-height: 23px;
letter-spacing: var(--bk-btn-font-letter-spacing, 2px);
text-transform: var(--bk-btn-font-transform, capitalize);
}
#webcommander-page .add-cart-information-popup .popup-bottom.footer .button-item .button.close-btn:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .product-widget.product-widget.widget-addCart .gift-button-container .send-as-gift-button {
font-size: var(--bk-btn-font-size, 15px);
line-height: 34px;
font-weight: var(--bk-btn-font-weight, 700);
text-transform: var(--bk-btn-font-transform, full-size-kana);
letter-spacing: var(--bk-btn-font-letter-spacing, 0);
}
#webcommander-page #selected-variation-products h2 {
font-size: var(--bk-h2-size, 24px);
}
#webcommander-page .widget-html.newsletter-text p {
color: #fff;
}
#webcommander-page .password-meter-wrap .password-description {
font-size: 13px;
line-height: 10px;
}
#webcommander-page .maintenance-message-block h1 {
font-size: var(--bk-h1-size, 32px);
line-height: var(--bk-h1-line-height, 1.4);
color: var(--bk-h1-color, var(--bk-color-ink, #000));
}
@media (max-width: 767px) {
#webcommander-page .maintenance-message-block h1 {
font-size: 24px;
}
}
#webcommander-page .registration-terms-condition-wrapper .registration-terms-condition-label {
font-size: 14px;
line-height: normal;
color: var(--bk-color-ink, #000);
}
#webcommander-page .registration-form .registration-terms-condition-wrapper a label {
font-size: 14px;
line-height: normal;
color: var(--bk-color-ink, #000);
}
#webcommander-page .frequently-bought-together-products .header-text {
font-size: 15px;
font-weight: 600;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 40%, transparent);
text-transform: uppercase;
letter-spacing: 2px;
}
#webcommander-page .shopping-cart .product-card__product-name a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .shopping-cart .order-summary-card__add-promo-codes .text-align:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .shopping-cart .order-summary-card .continue-shopping .continue-shopping-btn:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name .customer-canvas-designed-edit:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name a:hover {
color: var(--bk-link-hover, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
#webcommander-page .checkout-page.version-2 .order-summary-panel .cart-edit-button a:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .checkout-page.version-2 .advance-checkout-order-details-right-dom-inner .add-promo-codes .text-align:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .checkout-page.version-2 .advance-checkout-order-details-left-dom-inner .login-btn-from-checkout:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .auto-page.page-checkout .checkout-page.version-2 .checkout-button-wrapper-bottom .advance-checkout-next-step-parser-button.disabled {
color: #b0aeae;
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-item .article-content p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 500);
font-size: var(--bk-p-size, 18px);
line-height: var(--bk-p-line-height, 32px);
letter-spacing: var(--bk-p-letter-spacing, 0%);
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-item .article-content h5 {
font-family: var(--bk-h5-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h5-weight, 700);
font-size: var(--bk-h5-size, 27px);
line-height: var(--bk-h5-line-height, 28px);
letter-spacing: var(--bk-h5-letter-spacing, -1%);
}
#webcommander-page .widget-gallery.review .owl-carousel .owl-item .article-content h6 {
font-family: var(--bk-h6-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h6-weight, 500);
font-size: var(--bk-h6-size, 15px);
line-height: var(--bk-h6-line-height, 32px);
letter-spacing: var(--bk-h6-letter-spacing, 0%);
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .preorder-product-block-with-add-to-cart span.pre-order-checkbox-title {
font-size: 17px;
}
#webcommander-page .flying-cart-content .free-products .product-block .price span {
font-size: 14px;
}
#webcommander-page .flying-cart-content .free-products .current-price .free-product-text {
color: #18D294 !important;
}
#webcommander-page .product-view.scrollable-view .product-block .free-product-text {
color: #18D294 !important;
}
#webcommander-page .product-view.image-view .product-block .free-product-text {
color: #18D294 !important;
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-cart-button.button {
font-size: var(--bk-btn-font-size, 12px);
line-height: 24px;
text-transform: var(--bk-btn-font-transform, uppercase);
font-weight: var(--bk-btn-font-weight, 500);
color: var(--bk-btn-text, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-wish-list.button {
font-size: var(--bk-btn-tertiary-font-size, 12px);
line-height: 24px;
text-transform: var(--bk-btn-tertiary-font-transform, uppercase);
font-weight: var(--bk-btn-tertiary-font-weight, 500);
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-compare-button.button {
font-size: var(--bk-btn-tertiary-font-size, 12px);
line-height: 24px;
text-transform: var(--bk-btn-tertiary-font-transform, uppercase);
font-weight: var(--bk-btn-tertiary-font-weight, 500);
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .btn-add .add-to-cart-button {
color: var(--bk-btn-text, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .btn-add .add-to-wish-list {
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-compare-button {
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .remove-from-compare-button.button {
color: var(--bk-btn-tertiary-text, var(--bk-color-ink, #000)) !important;
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-cart-button.button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff)) !important;
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-wish-list.button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, #fff)) !important;
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-compare-button.button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, #fff)) !important;
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .remove-from-compare-button.button:hover {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, #fff)) !important;
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-name a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .summary p {
font-size: var(--bk-p-size, 13px);
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .summary p {
font-size: var(--bk-p-size, 13px);
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .content {
font-size: 15px;
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .add-to-compare-button:hover::after {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .remove-from-compare-button:hover::after {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-name a:hover {
color: var(--bk-link-hover, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
#webcommander-page .fee-widget-product-list-view .product-view.list-view .product-name-link:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .fee-widget-product-tabular-view .product-view.tabular-view .product-name-link:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .fee-widget-product-list-view .product-block .price-waper .previous-price.price span {
font-size: 17px;
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .price-waper .current-price.price span {
font-size: 17px;
font-weight: 400;
color: var(--onBackgroundSecondary);
}
#webcommander-page .product-view.tabular-view .product-table-view-column.multi-cart-selection-step-column .add-to-compare-button {
font-size: 0;
}
#webcommander-page .fee-gallery-swiper.swiperSlider .product-block .add-to-cart-button {
font-size: 0 !important;
}
#webcommander-page .compare-details .title.page-heading {
line-height: normal;
}
@media (max-width: 767px) {
#webcommander-page .compare-details .title.page-heading {
font-size: 26px;
}
}
#webcommander-page .popup.add-cart-information-popup .sending-type-by-email .title {
color: var(--bk-color-ink, #000);
}
#webcommander-page .property-details-contain-container .query-form textarea {
font-size: 15px;
}
#webcommander-page .property-listing-details__price-guide-inner .action-group .enqnow {
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
}
#webcommander-page .property-listing-details__price-guide-inner .action-group .enqnow:hover {
color: #fff;
}
#webcommander-page .property-details-contain-container .agent-container .agent-info h5 a {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .property-details-contain-container .agent-container .agent-info h5 a:hover {
color: var(--bk-color-ink, #000);
}
#webcommander-page .property-listing-details__price-guide-inner .action-group .flrplan {
color: #fff;
font-size: 16px;
line-height: 24px;
}
#webcommander-page .property-details-contain-container .query-form button {
color: var(--bk-btn-text, #fff);
font-size: var(--bk-btn-font-size, 16px);
line-height: 24px;
}
#webcommander-page .property-listing-details__price-guide-inner .action-group .flrplan:hover {
color: #fff;
}
#webcommander-page .property-details-contain-container .query-form button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
@media (max-width: 991px) {
#webcommander-page .property-listing-details .inquire-agent-section__title {
font-size: 28px;
}
#webcommander-page .property-listing-details__description .header-title {
font-size: 24px;
}
}
@media (max-width: 767px) {
#webcommander-page .property-listing-details__description .header-title {
font-size: 20px;
}
#webcommander-page .property-listing-details .inquire-agent-section__title {
font-size: 24px;
}
}
#webcommander-page .property-agent-details-page .agent-short-info button.contact-agent-rob {
font-size: var(--bk-btn-font-size, 16px);
color: var(--bk-btn-text, #fff);
}
#webcommander-page .property-agent-details-page .agent-short-info button.contact-agent-rob:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
@media (max-width: 991px) {
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container h1.agent-name-info {
font-size: 36px;
line-height: normal;
}
}
@media (max-width: 767px) {
#webcommander-page .property-agent-details-page .agent-short-info .agent-short-container h1.agent-name-info {
font-size: 28px;
line-height: normal;
}
}
#webcommander-page .fee-gallery-owl .blog-post-item .title {
font-size: 18px;
line-height: 1.468;
}
#webcommander-page .fee-gallery-owl .blog-post-item .title a {
color: var(--bk-link-color, #222);
font-size: var(--bk-link-font-size, 20px);
font-weight: var(--bk-link-font-weight, 400);
}
#webcommander-page .fee-gallery-owl .blog-post-item .content {
font-size: 14px;
}
#webcommander-page .blog-post-item .title a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .donation-details__agreement-label {
font-size: 15px;
line-height: 22px;
}
#webcommander-page .donation-address-page-content .form-row .submit-button {
line-height: normal;
color: var(--bk-btn-text, #ffffff);
}
#webcommander-page .donation-details__continue-button-wrapper .donation-details__continue-button {
line-height: normal;
color: var(--bk-btn-text, #ffffff);
}
#webcommander-page .donation-address-page-content .form-row .submit-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #ffffff));
}
#webcommander-page .donation-details__continue-button-wrapper .donation-details__continue-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #ffffff));
}
#webcommander-page .donation-success-page-content .message-details a:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .subcategory-container .category-view .category .category-name .category-name-link {
font-size: 18px;
color: var(--bk-color-ink, #000);
}
#webcommander-page .subcategory-container .category-view .category .category-name .category-name-link:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .agent-list-item > a.read-button {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .agent-list-item > a.read-button:hover::after {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .agent-list-item > a.read-button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-primary, rgba(0, 161, 198, 1))));
}
#webcommander-page .property-agent-details-page .agent-short-info .agent-mobile-info .agent-mobile-info-title {
line-height: 22px;
}
#webcommander-page .agent-list-item .profile p {
line-height: var(--bk-p-line-height, 22px);
}
#webcommander-page .bottom-snippet-content-advance-checkout div {
line-height: 24px;
}
#webcommander-page .bottom-snippet-content-advance-checkout div p {
line-height: var(--bk-p-line-height, 24px);
}
#webcommander-page .registration-form .registration-terms-condition-wrapper a label:hover {
color: var(--bk-color-primary, rgba(0, 161, 198, 1));
}
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item button {
color: var(--bk-btn-text, #fff);
}
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item .close-popup:hover {
color: var(--bk-btn-text, #fff);
}
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .custom-field-container-for-widget .form-row label.checkbox-radio-type-field-label {
font-size: 15px;
line-height: 22px;
}
#webcommander-page .custom-field-container-for-widget input[type="text"] {
font-size: 15px;
}
#webcommander-page .custom-field-container-for-widget textarea {
font-size: 15px;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item {
font-size: 30px;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-item .title {
font-size: 20px;
line-height: 32px;
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-item .title a {
color: var(--bk-color-ink, rgba(0,0,0,1));
font-family: var(--bk-link-font-family, var(--bk-font-heading, "Manrope"), sans-serif);
font-weight: var(--bk-link-font-weight, 400);
font-size: var(--bk-link-font-size, 20px);
line-height: 33px;
letter-spacing: var(--bk-link-font-letter-spacing, 1%);
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-item:hover .title a {
color: var(--bk-link-hover, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
#webcommander-page .widget.blog-posts-title.widget-blogPost .widget-title {
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: var(--bk-h3-weight, 500);
font-size: var(--bk-h3-size, 18px);
line-height: var(--bk-h3-line-height, 100%);
letter-spacing: var(--bk-h3-letter-spacing, 0%);
}
#webcommander-page .widget.widget-blogPost.blog-top-section .blog-post-content .blog-post-item.first .title a {
font-size: var(--bk-link-font-size, 23px);
line-height: 40px;
}
#webcommander-page .widget.blog-posts-title.widget-blogPost .title a {
font-family: var(--bk-link-font-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-link-font-weight, 400);
font-size: var(--bk-link-font-size, 14px);
line-height: 23px;
letter-spacing: var(--bk-link-font-letter-spacing, 1%);
}
#webcommander-page .widget.blog-posts-title.widget-blogPost .title {
font-size: var(--bk-h4-size, 0);
line-height: var(--bk-h4-line-height, unset);
}
#webcommander-page .blog-post-item .post-description .title {
font-size: var(--bk-h4-size, 20px);
}
#webcommander-page .blog-post-item .post-description .title a {
color: var(--bk-color-ink, #000);
font-family: var(--bk-link-font-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-link-font-weight, 600);
font-size: var(--bk-link-font-size, 18px);
line-height: 27px;
letter-spacing: var(--bk-link-font-letter-spacing, 0%);
}
#webcommander-page .blog-post-item .post-description .blog-post-info span.date {
color: color-mix(in srgb, var(--bk-color-ink, #000000) 80%, transparent);
font-style: normal;
font-family: var(--bk-font-base, Manrope);
font-weight: 500;
font-size: 13px;
line-height: 100%;
letter-spacing: 2%;
}
#webcommander-page .blog-post-item:hover .post-description .title a {
color: var(--bk-link-hover, var(--bk-color-primary, rgba(0, 161, 198, 1)));
}
#webcommander-page .blog-post-item .post-description > a {
font-size: var(--bk-link-font-size, 14px);
color: var(--bk-color-ink, #008DF2);
}
#webcommander-page .blog-post-item .post-description > a:hover {
color: var(--bk-link-hover, var(--bk-color-ink, #000));
}
#webcommander-page .blog-post-item .post-description .content {
font-family: var(--bk-font-base, Sora);
font-size: 14px;
font-weight: 400;
color: #062a45;
line-height: 21px;
}
#webcommander-page .blog-post-item:hover .post-description .content {
color: #062a45;
}
#webcommander-page .widget-blogPost.related-blog .widget-title {
color: var(--bk-color-ink, #000);
font-family: var(--bk-font-heading, Lexend);
font-size: 52px;
font-weight: 600;
line-height: 68px;
letter-spacing: -0.04em;
}
#webcommander-page .blog-post-details .title {
font-family: var(--bk-font-heading, "Manrope"), sans-serif;
font-weight: var(--bk-h1-weight, 700);
font-size: var(--bk-h1-size, 46px);
line-height: var(--bk-h1-line-height, 120%);
letter-spacing: var(--bk-h1-letter-spacing, 0%);
}
#webcommander-page .blog-post-details .content p {
color: var(--bk-p-color, var(--bk-color-ink, #000));
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 300);
font-size: var(--bk-p-size, 16px);
line-height: var(--bk-p-line-height, 150%);
letter-spacing: var(--bk-p-letter-spacing, 0%);
}
#webcommander-page .blog-post-details .content ul li {
color: var(--bk-color-ink, #000);
line-height: 30px;
font-size: 16px;
}
#webcommander-page .blog-post-details .content ol li {
color: var(--bk-color-ink, #000);
line-height: 30px;
font-size: 16px;
}
#webcommander-page .blog-post-details .content h1 {
font-size: var(--bk-h1-size, 36px);
line-height: var(--bk-h1-line-height, 52px);
}
#webcommander-page .blog-post-details .content h2 {
font-size: var(--bk-h2-size, 30px);
line-height: var(--bk-h2-line-height, 40px);
}
#webcommander-page .blog-post-details .content h3 {
font-size: var(--bk-h3-size, 27px);
line-height: var(--bk-h3-line-height, 40px);
}
#webcommander-page .blog-post-details .content h4 {
font-size: var(--bk-h4-size, 25px);
line-height: var(--bk-h4-line-height, 40px);
}
#webcommander-page .blog-post-details .content h5 {
font-size: var(--bk-h5-size, 23px);
line-height: var(--bk-h5-line-height, 43);
}
#webcommander-page .blog-post-details .content h6 {
font-size: var(--bk-h6-size, 22px);
line-height: var(--bk-h6-line-height, 41px);
}
#webcommander-page .blog-post-details .content p b {
font-weight: 600;
letter-spacing: 3%;
}
#webcommander-page .blog-post-details .content p strong {
font-weight: 600;
letter-spacing: 3%;
}
#webcommander-page div.widget.widget-blogPost .widget-title {
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
font-size: 58px;
line-height: 32.68px;
letter-spacing: -2px;
}
#webcommander-page .widget.widget-snippet .container-thankyou .text-content h3 {
font-family: var(--bk-h3-family, var(--bk-font-heading, "Manrope"), sans-serif);
}
#webcommander-page .widget.widget-snippet .container-thankyou .text-content p {
font-size: var(--bk-p-size, 16px);
}
#webcommander-page .widget.widget-snippet .container-thankyou .text-content h6 {
font-size: var(--bk-h6-size, 24px);
}
#webcommander-page .widget-productReviewRatting .write-review-panel .form-row.btn-row button {
font-size: var(--bk-btn-font-size, 16px);
text-transform: var(--bk-btn-font-transform, capitalize);
font-weight: var(--bk-btn-font-weight, 500);
}
#webcommander-page .widget.widget-snippet .container-thankyou .text-content a {
color: #fff;
}
#webcommander-page .widget.widget-snippet .container-thankyou .text-content a:hover {
color: #fff;
}
#webcommander-page.page-blog .pagination span.page-number.current {
color: var(--bk-color-ink, #000);
}
#webcommander-page .frequently-bought-together-products .product-block .current-price.price>* {
font-size: 16px;
color: var(--bk-color-ink, #000);
font-weight: 500;
}
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item .close-popup {
text-transform: uppercase;
}
#webcommander-page .change-store-credit-amount-popup.popup .popup-bottom .button-item .change-amount {
text-transform: uppercase;
}
@media (max-width: 767px) {
#webcommander-page #left-modern-filter-drawer-wc .filter-profile label.name {
font-size: 22px;
font-weight: 700;
color: var(--bk-color-ink, #000);
}
#webcommander-page #left-modern-filter-drawer-wc .filter-profile .form-row.type-slider span.filter-name {
font-size: 16px;
font-weight: 500;
color: var(--bk-color-ink, #000);
}
#webcommander-page #left-modern-filter-drawer-wc .accordion-panel>.label-bar label {
font-size: 16px;
font-weight: 500;
color: var(--bk-color-ink, #000);
}
#webcommander-page .widget.widget-html.sidebar-title h2 {
font-weight: 600;
font-size: 18px;
}
#webcommander-page.responsive .widget > .widget-title {
font-size: 28px;
}
#webcommander-page div.flying-cart-product-name a {
font-size: 17px;
line-height: 20px;
}
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.title {
font-weight: 600;
font-size: 15px;
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded .description p {
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 14px);
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h1 {
font-size: var(--bk-h1-size, 26px);
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h2 {
font-size: var(--bk-h2-size, 24px);
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h3 {
font-size: var(--bk-h3-size, 22px);
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h4 {
font-size: var(--bk-h4-size, 20px);
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h5 {
font-size: var(--bk-h5-size, 18px);
}
#webcommander-page .product-widget-accordion-view .accordion-panel .accordion-item.expanded span.description h6 {
font-size: var(--bk-h6-size, 17px);
}
#webcommander-page div.product-widget-accordion-view .accordion-panel .label-bar {
color: var(--bk-color-ink, #000000);
font-size: 16px;
line-height: 42px;
font-weight: 600;
}
#webcommander-page .widget-productTag .accordion-panel .label-bar .title {
font-size: 16px;
line-height: 42px;
}
#webcommander-page .product-widget-accordion-view .accordion-panel .label-bar.expanded {
color: var(--bk-color-ink, #000);
}
#webcommander-page .ask-question-panel form .form-row button {
color: var(--bk-btn-text, #fff);
}
#webcommander-page .ask-question-panel form .form-row button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .widget-product.outdoor-furnitures .widget-title {
font-family: var(--bk-font-heading, Manrope);
font-weight: 700;
font-size: 60px;
line-height: 68px;
letter-spacing: -0.32px;
color: var(--bk-color-ink, #000);
}
#webcommander-page .variation-container .variation-type label.type-label {
line-height: 26px;
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-block .quick-view-btn.button {
line-height: 21px;
font-weight: var(--bk-btn-tertiary-font-weight, 500);
}
#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-block .show-details-button.button {
line-height: 21px;
font-weight: var(--bk-btn-tertiary-font-weight, 500);
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .quick-view-btn.button {
line-height: 21px;
font-weight: var(--bk-btn-tertiary-font-weight, 500);
}
#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .show-details-button.button {
line-height: 21px;
font-weight: var(--bk-btn-tertiary-font-weight, 500);
}
#webcommander-page .widget-html.latest-videos-setion-title h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 700);
line-height: var(--bk-h2-line-height, 68px);
letter-spacing: var(--bk-h2-letter-spacing, -0.02em);
color: var(--bk-h2-color, var(--bk-color-ink, #000000));
}
#webcommander-page .widget-html.explore-latest-highlights h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 50px);
line-height: var(--bk-h2-line-height, 68px);
letter-spacing: var(--bk-h2-letter-spacing, -0.02em);
}
#webcommander-page .widget-html.explore-latest-highlights .html-widget-element-content p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 500);
font-size: var(--bk-p-size, 16px);
line-height: var(--bk-p-line-height, 28px);
letter-spacing: var(--bk-p-letter-spacing, 0);
}
#webcommander-page .widget-html.explore-latest-highlights .html-widget-element-content a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"));
font-weight: var(--bk-link-font-weight, 600);
font-size: var(--bk-link-font-size, 16px);
line-height: 22px;
color: #FFFFFF;
}
#webcommander-page .widget-html.explore-latest-highlights .html-widget-element-content a:hover {
color: #fff;
}
#webcommander-page .widget-html.our-skilled-professionals-title h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 60px);
line-height: var(--bk-h2-line-height, 68px);
letter-spacing: var(--bk-h2-letter-spacing, -0.02em);
color: var(--bk-h2-color, var(--bk-color-ink, #000000));
}
#webcommander-page .our-professional-gallery .article-item h4 {
font-family: var(--bk-h4-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h4-weight, 700);
font-size: var(--bk-h4-size, 22px);
line-height: var(--bk-h4-line-height, 34px);
letter-spacing: var(--bk-h4-letter-spacing, -0.16px);
color: var(--bk-h4-color, var(--bk-color-ink, #000));
}
#webcommander-page .our-professional-gallery .article-item p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 500);
font-size: var(--bk-p-size, 14px);
line-height: var(--bk-p-line-height, 32px);
letter-spacing: var(--bk-p-letter-spacing, 0);
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .widget-gallery.cat-slider .category-content-box h6 {
font-family: var(--bk-h6-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h6-weight, 600);
font-size: var(--bk-h6-size, 18.5px);
line-height: var(--bk-h6-line-height, 26px);
letter-spacing: var(--bk-h6-letter-spacing, 0px);
}
#webcommander-page .widget-gallery.cat-slider .category-content-box h3 {
font-family: var(--bk-h3-family, var(--bk-font-heading, Reckless Neue));
font-weight: var(--bk-h3-weight, 400);
font-size: var(--bk-h3-size, 48px);
line-height: var(--bk-h3-line-height, 61px);
letter-spacing: var(--bk-h3-letter-spacing, 0.01px);
}
#webcommander-page .widget-gallery.cat-slider .category-content-box a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-link-font-size, 14px);
font-weight: var(--bk-link-font-weight, bold);
line-height: 28px;
letter-spacing: var(--bk-link-font-letter-spacing, 0);
text-transform: var(--bk-link-font-transform, capitalize);
color: #fff;
}
#webcommander-page.page-contact-us .widget-html.widget-pageHeading p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 14.5px);
line-height: var(--bk-p-line-height, 23px);
letter-spacing: var(--bk-p-letter-spacing, 1%);
}
#webcommander-page.page-contact-us .custom-form .form-row.text.form-head p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 500);
font-size: var(--bk-p-size, 17px);
line-height: var(--bk-p-line-height, 31px);
letter-spacing: var(--bk-p-letter-spacing, 1%);
}
#webcommander-page.page-contact-us .custom-form .form-row label {
font-family: var(--bk-font-base, Manrope);
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 1%;
color: var(--bk-color-ink, #000);
}
#webcommander-page .contact_form .custom-form .form-row input[type="text"] {
color: color-mix(in srgb, var(--bk-color-ink, #000000) 50%, transparent);
font-size: 14px;
line-height: 28px;
font-family: var(--bk-font-base, "GT Walsheim Pro"), sans-serif;
font-weight: 400;
}
#webcommander-page .contact_form .custom-form .form-row textarea {
color: color-mix(in srgb, var(--bk-color-ink, #000000) 50%, transparent);
font-size: 14px;
line-height: 22px;
font-family: var(--bk-font-base, "GT Walsheim Pro"), sans-serif;
font-weight: 400;
font-family: var(--bk-font-base, Manrope);
line-height: 28px;
letter-spacing: 1%;
}
#webcommander-page .contact_form .custom-form .form-row input[type="text"]::-webkit-input-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row input[type="text"]::-moz-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row input[type="text"]:-ms-input-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row input[type="text"]:-moz-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row textarea::-webkit-input-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row textarea::-moz-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row textarea:-ms-input-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .contact_form .custom-form .form-row textarea:-moz-placeholder {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 16px;
line-height: 33px;
letter-spacing: 0%;
color: color-mix(in srgb, var(--bk-color-ink, #000000) 60%, transparent);
}
#webcommander-page .widget-form .form-row.btn-row .submit-button {
text-transform: var(--bk-btn-font-transform, capitalize);
color: var(--bk-btn-text, #fff);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
letter-spacing: var(--bk-btn-font-letter-spacing, 0.01em);
}
#webcommander-page .widget.widget-form.contact_form .widget-title {
font-family: var(--bk-font-heading, Manrope);
font-weight: var(--bk-h1-weight, 700);
font-size: var(--bk-h1-size, 58px);
line-height: var(--bk-h1-line-height, 32.68px);
letter-spacing: var(--bk-h1-letter-spacing, -2px);
}
@media (max-width: 1500px) {
#webcommander-page.responsive .train-insane-area .train-insane-content h1 {
font-size: 70px;
line-height: 84px;
}
#webcommander-page.responsive .widget.widget-form.contact_form .widget-title {
font-size: 50px;
line-height: 65px;
}
#webcommander-page.responsive .sports-education-container .sports-education-col h2 {
font-size: 50px;
line-height: 65px;
}
#webcommander-page.responsive .point-table-section h2 {
font-size: 50px;
line-height: 65px;
}
#webcommander-page.responsive .widget-product.outdoor-furnitures .widget-title {
font-size: 50px;
line-height: 65px;
}
#webcommander-page.responsive .widget.widget-blogPost.blog-home .widget-title {
font-size: 50px;
line-height: 65px;
}
#webcommander-page.responsive .widget-html.latest-videos-setion-title h2 {
font-size: 50px;
line-height: 65px;
}
#webcommander-page.responsive .excellence-collide .excellence-content h3 {
font-size: 50px;
line-height: 65px;
}
#webcommander-page.responsive .widget-html.our-skilled-professionals-title h2 {
font-size: 50px;
line-height: 65px;
}
#webcommander-page.responsive .widget-html.explore-latest-highlights h2 {
font-size: 40px;
line-height: 65px;
}
#webcommander-page.responsive .page-404-section h1 {
font-size: 56px;
}
#webcommander-page.responsive .our-principals-section h2 {
font-size: 45px;
}
#webcommander-page.responsive .about-banner-section h1 {
font-size: 55px;
line-height: 70px;
}
#webcommander-page.responsive .about-main-content h2 {
font-size: 45px;
line-height: 56px;
}
#webcommander-page.responsive .widget-tabAccordion .widget-title {
font-size: 45px;
line-height: 60px;
}
#webcommander-page.responsive .widget.widget-html.tab-products-title h2 {
font-size: 45px;
}
#webcommander-page .widget.widget-html.category-title h2 {
font-size: 45px;
}
#webcommander-page div.jssor-slider-container .description.jssor-caption-1 h1 {
font-size: 52px;
line-height: 74px;
}
#webcommander-page div.jssor-slider-container .title.jssor-caption-2 span {
font-size: 38px;
line-height: 52px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-expreance .text-wrapper h2 {
font-size: 35px;
}
}
@media (max-width: 1400px) {
#webcommander-page .widget.widget-snippet .wc-snippet-expreance .text-wrapper h2 {
font-size: 32px;
}
#webcommander-page .widget.widget-snippet .cta-footer .cta-main h2 {
font-size: 32px;
line-height: 48px;
}
}
@media (max-width: 1300px) {
#webcommander-page div.jssor-slider-container .description.jssor-caption-1 h1 {
font-size: 50px;
}
#webcommander-page .widget.widget-html.tab-products-title h2 {
font-size: 35px;
}
#webcommander-page .widget.widget-html.category-title h2 {
font-size: 35px;
}
#webcommander-page .widget.widget-snippet .wc-lorem-ipsum .title-wrapper h2 {
font-size: 45px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-shop-by-category .name {
font-size: 23px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-title-style-center .title-wrapper h2 {
font-size: 36px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .widget-title {
font-size: 40px;
line-height: 45px;
}
#webcommander-page.responsive .widget-html.explore-latest-highlights .html-widget-element-content {
max-width: 323px;
}
}
@media (max-width: 1200px) {
#webcommander-page.responsive .widget.widget-form.contact_form .widget-title {
font-size: 40px;
line-height: 54px;
}
#webcommander-page.responsive .sports-education-container .sports-education-col h2 {
font-size: 40px;
line-height: 54px;
}
#webcommander-page.responsive .point-table-section h2 {
font-size: 40px;
line-height: 54px;
}
#webcommander-page.responsive .widget-product.outdoor-furnitures .widget-title {
font-size: 40px;
line-height: 54px;
}
#webcommander-page.responsive .widget.widget-blogPost.blog-home .widget-title {
font-size: 40px;
line-height: 54px;
}
#webcommander-page.responsive .widget-html.latest-videos-setion-title h2 {
font-size: 40px;
line-height: 54px;
}
#webcommander-page.responsive .excellence-collide .excellence-content h3 {
font-size: 40px;
line-height: 54px;
}
#webcommander-page.responsive .widget-html.our-skilled-professionals-title h2 {
font-size: 40px;
line-height: 54px;
}
#webcommander-page.responsive .widget-html.explore-latest-highlights h2 {
font-size: 34px;
line-height: 54px;
}
#webcommander-page.responsive .train-insane-area .train-insane-content h1 {
font-size: 58px;
line-height: 76px;
}
#webcommander-page.responsive .widget-gallery.cat-slider .category-content-box h3 {
font-size: 37px;
line-height: 46px;
letter-spacing: 0.01px;
}
#webcommander-page.responsive .blog-post-details .title {
font-size: 38px;
}
#webcommander-page.responsive .page-content .blog-post-item .post-description .title a {
font-size: var(--bk-link-font-size, 17px);
line-height: 27px;
}
#webcommander-page.responsive .widget.widget-tabAccordion.details-faq h2.widget-title {
font-size: 45px;
line-height: 60px;
}
#webcommander-page.responsive .widget-tabAccordion .widget-title {
font-size: 45px;
line-height: 60px;
}
#webcommander-page .widget.widget-html.tab-products-title h2 {
font-size: 30px;
}
#webcommander-page.responsive .widget.widget-html.tab-products-title h2 {
font-size: 40px;
}
#webcommander-page .widget.widget-html.category-title h2 {
font-size: 40px;
}
#webcommander-page .widget > .widget-title {
font-size: 40px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-expreance .text-wrapper h2 {
font-size: 25px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-expreance .text-box .title {
font-size: 25px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-eceryday .title-wrapper h2 {
font-size: 34px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-shop-by-category .name {
font-size: 20px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-shop-by-category .title-wrapper h2 {
font-size: 23px;
}
#webcommander-page .widget.widget-snippet .wc-lorem-ipsum .title-wrapper h2 {
font-size: 38px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-about .title-wrapper h2 {
font-size: 30px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-title-style-center .title-wrapper h2 {
font-size: 30px;
}
#webcommander-page .widget.widget-snippet .about-area .content .left-part h2 {
font-size: 32px;
line-height: 42px;
}
#webcommander-page .widget.widget-snippet .cta-footer .cta-main h2 {
font-size: 27px;
line-height: 42px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .widget-title {
font-size: 32px;
line-height: 42px;
}
#webcommander-page .product-widget.widget-productName .product-name {
font-size: 32px;
line-height: 42px;
}
}
@media (max-width: 991px) {
#webcommander-page.responsive .train-insane-area .train-insane-content h1 {
font-size: 48px;
line-height: 68px;
}
#webcommander-page.responsive .widget.widget-form.contact_form .widget-title {
font-size: 36px;
line-height: 48px;
}
#webcommander-page.responsive .sports-education-container .sports-education-col h2 {
font-size: 36px;
line-height: 48px;
}
#webcommander-page.responsive .point-table-section h2 {
font-size: 36px;
line-height: 48px;
}
#webcommander-page.responsive .widget-product.outdoor-furnitures .widget-title {
font-size: 36px;
line-height: 48px;
}
#webcommander-page.responsive .widget.widget-blogPost.blog-home .widget-title {
font-size: 36px;
line-height: 48px;
}
#webcommander-page.responsive .widget-html.latest-videos-setion-title h2 {
font-size: 36px;
line-height: 48px;
}
#webcommander-page.responsive .excellence-collide .excellence-content h3 {
font-size: 36px;
line-height: 48px;
}
#webcommander-page.responsive .widget-html.our-skilled-professionals-title h2 {
font-size: 36px;
line-height: 48px;
}
#webcommander-page.responsive .widget-html.explore-latest-highlights h2 {
font-size: 32px;
line-height: 48px;
}
#webcommander-page.responsive .daily-rugby-area h2 {
font-size: 33px;
line-height: 55px;
letter-spacing: -0.02em;
color: var(--bk-h2-color, var(--bk-color-ink, #000000));
}
#webcommander-page.responsive .page-404-section h1 {
font-size: 48px;
}
#webcommander-page .product-widget.widget-productName .product-name {
font-size: 32px;
line-height: 44px;
}
#webcommander-page .product-widget.widget-price .current-price-container .current-price {
font-size: 34px;
line-height: 24.29px;
}
#webcommander-page.responsive .our-principals-section h2 {
font-size: 45px;
}
#webcommander-page.responsive .about-main-content h2 {
font-size: 38px;
line-height: 50px;
}
#webcommander-page.responsive .widget.widget-tabAccordion.details-faq h2.widget-title {
font-size: 38px;
line-height: 41px;
}
#webcommander-page.responsive .widget-tabAccordion .widget-title {
font-size: 38px;
line-height: 41px;
}
#webcommander-page.responsive .about-banner-section h1 {
font-size: 44px;
line-height: 60px;
}
#webcommander-page.responsive .daily-rugby-area .daily-rugby-box .content h3 {
font-size: 20px;
line-height: 30px;
}
#webcommander-page .widget-newsletter input[type="text"] {
font-size: 16px;
}
#webcommander-page.responsive .latest-match-content .latest-match-area-top h2 {
font-size: 35px;
line-height: 51px;
}
#webcommander-page.responsive .program-box .program-content h3 {
font-size: 35px;
line-height: 50px;
}
#webcommander-page .book-session-area .book-session-right .book-session-content h3 {
font-size: 25px;
line-height: 38px;
}
#webcommander-page.responsive section.site-information .main-area .items .item-content h3 {
font-size: 20px;
line-height: 25px;
}
#webcommander-page div.jssor-slider-container .description.jssor-caption-1 h1 {
font-size: 55px;
}
#webcommander-page div.jssor-slider-container .title.jssor-caption-2 span {
font-size: 40px;
line-height: 55px;
}
#webcommander-page div.jssor-slider-container .container .jssor-caption-2 > a {
font-size: 25px;
}
#webcommander-page div.jssor-slider-container .container .jssor-caption-3 > a {
font-size: 25px;
}
#webcommander-page .widget.widget-html.tab-products-title h2 {
font-size: 25px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-expreance .text-wrapper h2 {
font-size: 24px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-expreance .text-box .title {
font-size: 22px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-eceryday .title-wrapper h2 {
font-size: 25px;
line-height: 35px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-eceryday .text-box .description-style {
font-size: 18px;
}
#webcommander-page .widget.widget-snippet .wc-lorem-ipsum .title-wrapper h2 {
font-size: 30px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-title-style-center .title-wrapper h2 {
font-size: 25px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-shop-by-category .title-wrapper h2 {
font-size: 25px;
}
#webcommander-page.responsive .book-session-area .book-session-right .book-session-content h3 {
font-size: 35px;
line-height: 46px;
}
#webcommander-page.responsive .widget.widget-html.tab-products-title h2 {
font-size: 38px;
}
#webcommander-page .widget.widget-html.category-title h2 {
font-size: 38px;
}
#webcommander-page .widget > .widget-title {
font-size: 38px;
}
#webcommander-page.responsive .main-content h2 {
font-size: 38px;
line-height: 40px;
}
#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews .widget-title {
font-size: 38px;
line-height: 33px;
letter-spacing: 1%;
}
#webcommander-page .widget-html.Contact-us-page h2 {
font-size: 36px;
}
}
@media (max-width: 767px) {
#webcommander-page.responsive .train-insane-area .train-insane-content h1 {
font-size: 31px;
line-height: 41px;
}
#webcommander-page.responsive .widget.widget-form.contact_form .widget-title {
font-size: 28px;
line-height: 38px;
}
#webcommander-page.responsive .sports-education-container .sports-education-col h2 {
font-size: 28px;
line-height: 38px;
}
#webcommander-page.responsive .point-table-section h2 {
font-size: 28px;
line-height: 38px;
}
#webcommander-page.responsive .widget-product.outdoor-furnitures .widget-title {
font-size: 28px;
line-height: 38px;
}
#webcommander-page.responsive .widget.widget-blogPost.blog-home .widget-title {
font-size: 28px;
line-height: 38px;
}
#webcommander-page.responsive .widget-html.latest-videos-setion-title h2 {
font-size: 28px;
line-height: 38px;
}
#webcommander-page.responsive .excellence-collide .excellence-content h3 {
font-size: 28px;
line-height: 38px;
}
#webcommander-page.responsive .widget-html.our-skilled-professionals-title h2 {
font-size: 28px;
line-height: 38px;
}
#webcommander-page.responsive .widget-html.explore-latest-highlights h2 {
font-size: 26px;
line-height: 38px;
}
#webcommander-page.responsive .sports-education-container .sports-education-col p {
line-height: 28px;
}
#webcommander-page.responsive .program-box .program-content h3 {
font-size: 26px;
line-height: 38px;
}
#webcommander-page.responsive .latest-match-content .latest-match-area-top .info p {
font-size: 15px;
line-height: 30px;
}
#webcommander-page.responsive .widget-gallery.review .owl-carousel .owl-item .article-content h5 {
font-size: 20px;
line-height: 26px;
}
#webcommander-page.responsive .widget-gallery.review .owl-carousel .owl-item .article-content p {
font-size: 16px;
line-height: 28px;
letter-spacing: 0%;
}
#webcommander-page.responsive .daily-rugby-area h2 {
font-size: 25px;
line-height: 40px;
}
#webcommander-page.responsive .daily-rugby-area .daily-rugby-box .content h3 {
font-size: 19px;
line-height: 30px;
}
#webcommander-page.responsive .latest-match-content .latest-match-area-top h2 {
font-size: 26px;
line-height: 42px;
}
#webcommander-page.responsive .train-insane-area .train-insane-content p {
font-size: 18px;
line-height: 28px;
}
#webcommander-page.responsive .page-404-section h1 {
font-size: 36px;
}
#webcommander-page.responsive .widget.widget-tabAccordion.details-faq h2.widget-title {
font-size: 28px;
line-height: 40px;
}
#webcommander-page.responsive .blog-post-details .title {
font-size: 28px;
line-height: 38px;
}
#webcommander-page.responsive .blog-post-details .social-media-share-bar:after {
font-size: 23px;
}
#webcommander-page.responsive.page-categories .widget > .widget-title {
font-size: 28px;
line-height: 39px;
}
#webcommander-page .product-block .btn-add .add-to-cart-button {
letter-spacing: 0 !important;
font-size: 13px !important;
}
#webcommander-page .our-principals-section h3 {
font-size: 25px;
line-height: 32px;
}
#webcommander-page.responsive .page-content .blog-post-item .post-description .title {
font-size: 20px;
}
#webcommander-page.responsive .main-content h2 {
font-size: 26px;
line-height: 32px;
}
#webcommander-page.responsive .contact-help-support-section .top-contact-content h2 {
font-size: 26px;
line-height: 30px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-top-feature .item .text-box a {
letter-spacing: 0.08em;
font-size: 14px;
}
#webcommander-page .widget.widget-html.tab-products-title h2 {
font-size: 21px;
letter-spacing: 1px;
}
#webcommander-page .widget.widget-html.category-title h2 {
font-size: 21px;
letter-spacing: 1px;
}
#webcommander-page .widget.widget-snippet .about-area .content .left-part h2 {
font-size: 20px;
line-height: 29px;
}
#webcommander-page div.jssor-slider-container .description.jssor-caption-1 h1 {
font-size: 65px;
line-height: 98px;
}
#webcommander-page div.jssor-slider-container .container .jssor-caption-2 > a {
font-size: 39px;
}
#webcommander-page div.jssor-slider-container .container .jssor-caption-3 > a {
font-size: 39px;
letter-spacing: 0.1em;
color: #fff;
}
#webcommander-page .widget.widget-snippet .wc-snippet-expreance .text-wrapper h2 {
font-size: 20px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-expreance .text-box .title {
font-size: 20px;
letter-spacing: 0.1em;
}
#webcommander-page .widget.widget-snippet .wc-snippet-eceryday .title-wrapper h2 {
font-size: 20px;
line-height: 27px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-title-style-center .title-wrapper h2 {
font-size: 20px;
}
#webcommander-page .header .widget-html > p {
font-size: 13px;
}
#webcommander-page.responsive .footer > .widget-container div.widget-title {
font-size: 17px;
}
#webcommander-page .widget.widget-snippet .cta-footer .cta-main h2 {
font-size: 20px;
line-height: 30px;
}
#webcommander-page .frequently-bought-together-products .product-name a {
font-size: var(--bk-link-font-size, 15px);
}
#webcommander-page .frequently-bought-together-products .product-block .current-price.price>* {
font-size: 15px;
}
#webcommander-page.responsive .about-banner-section h1 {
font-size: 35px;
line-height: 42px;
}
#webcommander-page.responsive .our-principals-section h2 {
font-size: 30px;
}
#webcommander-page.responsive .our-principals-section h3 {
font-size: 23px;
line-height: 32px;
}
#webcommander-page.responsive .about-main-content h2 {
font-size: 30px;
line-height: 40px;
}
#webcommander-page.responsive .owlCarousel.widget.widget-gallery.customer-reviews .widget-title {
font-size: 30px;
line-height: 38px;
}
#webcommander-page.responsive .widget-tabAccordion .widget-title {
font-size: 28px;
line-height: 40px;
}
#webcommander-page.responsive .book-session-area .book-session-right .book-session-content h3 {
font-size: 28px;
line-height: 37px;
}
#webcommander-page.responsive .about-main-content .about-list-content li {
font-size: 16px;
line-height: 19px;
}
#webcommander-page.responsive .about-banner-section p {
font-size: 16px;
}
#webcommander-page .widget-html.Contact-us-page h2 {
font-size: 28px;
}
#webcommander-page .widget-html.Contact-us-page h4 {
font-size: 23px;
}
#webcommander-page .widget-form.contact_form .widget-title {
font-size: 24px;
}
#webcommander-page .widget-html.Contact-us-page p {
line-height: 1.5;
}
#webcommander-page .product-widget.widget-similar .title {
font-size: 30px;
}
#webcommander-page .product-widget.widget-related .title {
font-size: 30px;
}
#webcommander-page div.widget.widget-blogPost .widget-title {
font-size: 30px;
}
#webcommander-page.responsive .widget-gallery.cat-slider .category-content-box h3 {
font-size: 24px;
line-height: 26px;
}
#webcommander-page .widget-gallery.cat-slider .category-content-box h6 {
font-size: 15px;
}
#webcommander-page .product-widget.widget-productName .product-name {
font-size: 26px;
line-height: 38px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-about .title-wrapper h2 {
font-size: 22px;
}
#webcommander-page .widget.widget-snippet .wc-snippet-title-style-center .readmore a {
font-size: 15px;
letter-spacing: 1px;
}
#webcommander-page .review-view-panel .main-container h2.review-heading {
font-size: 30px;
line-height: 38px;
}
}
#webcommander-page .home-brand-slider-title .html-widget-element-content p {
font-size: var(--bk-p-size, 17px);
line-height: var(--bk-p-line-height, 20px);
color: var(--bk-p-color, var(--bk-color-ink, #000000));
}
#webcommander-page .payment-box h4 {
font-family: var(--bk-h4-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h4-weight, 500);
font-size: var(--bk-h4-size, 12px);
line-height: var(--bk-h4-line-height, 23px);
letter-spacing: var(--bk-h4-letter-spacing, 1%);
}
@media (max-width: 767px) {
#webcommander-page .program-box .program-content h3 {
font-size: 32px;
line-height: 42px;
}
}
#webcommander-page .program-box .program-content a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"));
font-weight: var(--bk-link-font-weight, 600);
font-size: var(--bk-link-font-size, 16px);
line-height: 22px;
color: #FFFFFF;
}
#webcommander-page .excellence-collide .excellence-content h3 {
font-family: var(--bk-h3-family, var(--bk-font-heading, "Manrope"));
font-weight: var(--bk-h3-weight, 700);
font-size: var(--bk-h3-size, 60px);
line-height: var(--bk-h3-line-height, 68px);
letter-spacing: var(--bk-h3-letter-spacing, -0.02em);
color: var(--bk-h3-color, #FFFFFF);
}
@media (max-width: 1024px) {
#webcommander-page .excellence-collide .excellence-content h3 {
font-size: 50px;
line-height: 58px;
}
}
@media (max-width: 767px) {
#webcommander-page .excellence-collide .excellence-content h3 {
font-size: 40px;
line-height: 48px;
}
}
#webcommander-page .excellence-collide .excellence-content a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"));
font-weight: var(--bk-link-font-weight, 600);
font-size: var(--bk-link-font-size, 16px);
line-height: 22px;
color: #FFFFFF;
}
#webcommander-page .excellence-collide .excellence-content a:hover {
color: var(--bk-link-hover, var(--bk-color-primary, #00A1C6));
}
#webcommander-page .book-session-area .book-session-right .book-session-content h3 {
font-family: var(--bk-h3-family, var(--bk-font-heading, "Manrope"));
font-weight: var(--bk-h3-weight, 700);
font-size: var(--bk-h3-size, 44px);
line-height: var(--bk-h3-line-height, 55px);
letter-spacing: var(--bk-h3-letter-spacing, -0.02em);
color: var(--bk-h3-color, #FFFFFF);
}
@media (max-width: 767px) {
#webcommander-page .book-session-area .book-session-right .book-session-content h3 {
font-size: 34px;
line-height: 44px;
}
}
#webcommander-page .book-session-area .book-session-right .book-session-content .link-thumb a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"));
font-weight: var(--bk-link-font-weight, 600);
font-size: var(--bk-link-font-size, 16px);
line-height: 22px;
color: var(--bk-color-ink, #000000);
}
#webcommander-page .book-session-area .book-session-right .book-session-content .link-thumb a:hover {
color: #FFFFFF;
}
@media (max-width: 1024px) {
#webcommander-page .train-insane-area .train-insane-content h1 {
font-size: 70px;
line-height: 78px;
}
}
@media (max-width: 767px) {
#webcommander-page .train-insane-area .train-insane-content h1 {
font-size: 44px;
line-height: 54px;
}
}
#webcommander-page .train-insane-area .train-insane-content a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"));
font-weight: var(--bk-link-font-weight, 600);
font-size: var(--bk-link-font-size, 16px);
line-height: 22px;
color: #FFFFFF;
}
#webcommander-page .train-insane-area .train-insane-content a:hover {
color: var(--bk-link-hover, var(--bk-color-primary, #00A1C6));
}
@media (max-width: 1200px) {
#webcommander-page .sports-education-container .sports-education-col h2 {
font-size: 50px;
line-height: 57px;
}
}
@media (max-width: 767px) {
#webcommander-page .sports-education-container .sports-education-col h2 {
font-size: 40px;
line-height: 47px;
}
}
#webcommander-page .daily-rugby-area h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, "Manrope"));
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 40px);
line-height: var(--bk-h2-line-height, 71px);
letter-spacing: var(--bk-h2-letter-spacing, -0.02em);
color: var(--bk-h2-color, var(--bk-color-ink, #000000));
}
@media (max-width: 767px) {
#webcommander-page .daily-rugby-area h2 {
font-size: 34px;
line-height: 50px;
}
}
@media (max-width: 767px) {
#webcommander-page .latest-match-content .latest-match-area-top h2 {
font-size: 41px;
line-height: 51px;
}
}
#webcommander-page .latest-match-content a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "Manrope"));
font-weight: var(--bk-link-font-weight, 600);
font-size: var(--bk-link-font-size, 16px);
line-height: 22px;
color: var(--bk-color-ink, #000000);
}
#webcommander-page .latest-match-content a:hover {
color: #ffffff;
}
#webcommander-page .point-table-section h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 60px);
line-height: var(--bk-h2-line-height, 67px);
letter-spacing: var(--bk-h2-letter-spacing, 0.02px);
color: var(--bk-h2-color, var(--bk-color-ink, #000000));
}
#webcommander-page .rugby-title {
font-style: var(--bk-h1-style, normal);
line-height: var(--bk-h1-line-height, 70px);
color: var(--bk-h1-color, var(--bk-color-ink, #000));
font-family: var(--bk-h1-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h1-weight, 700);
font-size: var(--bk-h1-size, 60px);
letter-spacing: var(--bk-h1-letter-spacing, -0.32px);
text-transform: var(--bk-h1-transform, inherit);
}
#webcommander-page .rugby-subtext {
letter-spacing: var(--bk-h2-letter-spacing, 2px);
font-style: var(--bk-h2-style, normal);
color: var(--bk-h2-color, var(--bk-color-ink, #000));
font-family: var(--bk-h2-family, var(--bk-font-base, "Manrope"), sans-serif);
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 20px);
text-transform: var(--bk-h2-transform, uppercase);
}
@media (max-width: 1200px) {
#webcommander-page .rugby-title {
line-height: 62px;
font-size: 50px;
}
}
@media (max-width: 991px) {
#webcommander-page .rugby-title {
line-height: 52px;
font-size: 42px;
}
#webcommander-page .rugby-subtext {
font-size: 18px;
line-height: 26px;
}
}
@media (max-width: 767px) {
#webcommander-page .rugby-title {
line-height: 40px;
font-size: 32px;
}
#webcommander-page .rugby-subtext {
font-size: 16px;
line-height: 26px;
}
}
#webcommander-page .trainer-section .main-heading {
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 60px);
line-height: var(--bk-h2-line-height, 1.2);
letter-spacing: var(--bk-h2-letter-spacing, -1px);
}
#webcommander-page .trainer-section .sub-heading p {
font-family: var(--bk-p-family, var(--bk-font-heading, "Manrope"), sans-serif);
font-size: var(--bk-p-size, 16px);
font-weight: var(--bk-p-weight, 500);
line-height: var(--bk-p-line-height, 1.6);
color: var(--bk-p-color, var(--bk-color-ink, #000));
}
#webcommander-page .trainer-section .cta-button.outlined-btn {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
font-weight: var(--bk-btn-font-weight, 600);
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope")), sans-serif;
font-size: var(--bk-btn-font-size, 15px);
}
#webcommander-page .trainer-section .cta-button.outlined-btn:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #ffffff));
}
#webcommander-page .trainer-section .team-memeber-name {
font-family: var(--bk-font-base, "Manrope"), ui-sans-serif;
font-size: 20px;
font-weight: 700;
line-height: normal;
color: var(--bk-color-ink, #000);
}
@media (max-width: 1366px) {
#webcommander-page .trainer-section .main-heading {
font-size: 45px;
}
}
@media (max-width: 991px) {
#webcommander-page .trainer-section .main-heading {
font-size: 38px;
}
}
@media (max-width: 767px) {
#webcommander-page .trainer-section .main-heading {
font-size: 28px;
}
#webcommander-page .trainer-section .sub-heading p {
font-size: 15px;
}
#webcommander-page .trainer-section .info-text p {
font-size: 18px;
}
}
@media (max-width: 767px) {
#webcommander-page .program-box .program-content .program-title {
font-size: 32px;
line-height: 42px;
}
}
@media (max-width: 1024px) {
#webcommander-page .excellence-collide .excellence-content .excellence-title {
font-size: 50px;
line-height: 58px;
}
}
@media (max-width: 767px) {
#webcommander-page .excellence-collide .excellence-content .excellence-title {
font-size: 40px;
line-height: 48px;
}
}
@media (max-width: 767px) {
#webcommander-page .book-session-area .book-session-right .book-session-content .book-title {
font-size: 34px;
line-height: 44px;
}
}
#webcommander-page .book-session-area .book-session-right .book-session-content .link-thumb .book-btn {
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope"));
font-weight: var(--bk-btn-font-weight, 600);
font-size: var(--bk-btn-font-size, 16px);
line-height: 22px;
color: var(--bk-btn-text, var(--bk-color-ink, #000000));
}
#webcommander-page .book-session-area .book-session-right .book-session-content .link-thumb .book-btn:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #FFFFFF));
}
@media (max-width: 1024px) {
#webcommander-page .train-insane-area .train-insane-content .train-title {
font-size: 70px;
line-height: 78px;
}
}
@media (max-width: 767px) {
#webcommander-page .train-insane-area .train-insane-content .train-title {
font-size: 44px;
line-height: 54px;
}
}
@media (max-width: 1200px) {
#webcommander-page .sports-education-container .sports-education-col .sports-title {
font-size: 50px;
line-height: 57px;
}
}
@media (max-width: 767px) {
#webcommander-page .sports-education-container .sports-education-col .sports-title {
font-size: 40px;
line-height: 47px;
}
}
@media (max-width: 767px) {
#webcommander-page .sports-education-container .sports-education-col .sports-education-info-box p {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 767px) {
#webcommander-page .latest-match-content .latest-match-area-top .match-title {
font-size: 41px;
line-height: 51px;
}
}
@media (max-width: 767px) {
#webcommander-page .latest-match-content .latest-match-area-middle .vs {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 1200px) {
#webcommander-page .main-content h1 {
font-size: 50px;
line-height: 50px;
}
}
@media (max-width: 991px) {
#webcommander-page .main-content h1 {
font-size: 40px;
line-height: 45px;
}
}
@media (max-width:500px) {
#webcommander-page .main-content h1 {
font-size: 32px;
line-height: 40px;
}
}
#webcommander-page .section-title {
font-family: var(--bk-h2-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h2-weight, 700);
font-size: var(--bk-h2-size, 50px);
line-height: var(--bk-h2-line-height, 67px);
letter-spacing: var(--bk-h2-letter-spacing, -2%);
}
#webcommander-page .principal-item .text h3 {
font-family: var(--bk-h3-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h3-weight, 600);
font-size: var(--bk-h3-size, 29px);
line-height: var(--bk-h3-line-height, 38px);
letter-spacing: var(--bk-h3-letter-spacing, 0%);
}
#webcommander-page .principal-item .text p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 300);
font-size: var(--bk-p-size, 16px);
line-height: var(--bk-p-line-height, 30px);
letter-spacing: var(--bk-p-letter-spacing, 0%);
color: var(--bk-p-color, var(--bk-color-ink, rgba(0, 0, 0, 1)));
}
@media (max-width:1200px) {
#webcommander-page .section-title {
font-size: 42px;
}
}
@media (max-width: 991px) {
#webcommander-page .section-title {
font-size: 38px;
}
#webcommander-page .principal-item .text h3 {
font-size: 27px;
line-height: 36px;
}
}
@media (max-width: 767px) {
#webcommander-page .section-title {
font-size: 32px;
line-height: 40px;
}
#webcommander-page .principal-item .text h3 {
font-size: 24px;
line-height: 32px;
}
}
#webcommander-page .contact-us-info .contact-area h3 {
color: var(--bk-h3-color, rgba(255, 255, 255, 0.7));
font-style: var(--bk-h3-style, normal);
font-family: var(--bk-h3-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h3-weight, 400);
font-size: var(--bk-h3-size, 18px);
line-height: var(--bk-h3-line-height, 26px);
letter-spacing: var(--bk-h3-letter-spacing, 0%);
}
#webcommander-page .contact-us-info .contact-area p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 600);
font-size: var(--bk-p-size, 19px);
line-height: var(--bk-p-line-height, 31px);
letter-spacing: var(--bk-p-letter-spacing, 0%);
color: var(--bk-p-color, #fff);
}
@media screen and (max-width: 991px) {
#webcommander-page .contact-us-info .contact-area h3 {
font-family: var(--bk-h3-family, var(--bk-font-heading, Manrope));
font-size: 15px;
}
#webcommander-page .contact-us-info .contact-area p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-size: 16px;
line-height: 110%;
}
}
#webcommander-page .member-plans .plan-top p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 700);
font-size: var(--bk-p-size, 20px);
line-height: var(--bk-p-line-height, 22px);
letter-spacing: var(--bk-p-letter-spacing, -1%);
}
#webcommander-page .member-plans .plan-top .plan-price h3 {
font-family: var(--bk-h3-family, var(--bk-font-heading, Manrope));
font-weight: var(--bk-h3-weight, 600);
font-size: var(--bk-h3-size, 40px);
line-height: var(--bk-h3-line-height, 22px);
letter-spacing: var(--bk-h3-letter-spacing, 0%);
color: var(--bk-h3-color, rgba(38, 59, 50, 1));
}
#webcommander-page .member-plans .plan-top .plan-price b {
font-family: var(--bk-font-base, Manrope);
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: 0%;
}
#webcommander-page .member-plans .plan-top .plan-price + p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 15px);
line-height: var(--bk-p-line-height, 24px);
letter-spacing: var(--bk-p-letter-spacing, 0%);
}
#webcommander-page .member-plans .plan-top a.button {
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope"));
font-weight: var(--bk-btn-font-weight, 600);
font-size: var(--bk-btn-font-size, 16px);
line-height: 22px;
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .member-plans .plan-top a.button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .member-plans .plan-bottom p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 14px);
line-height: var(--bk-p-line-height, 24px);
letter-spacing: var(--bk-p-letter-spacing, 0%);
}
#webcommander-page .member-plans>*:hover .plan-top a.button {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .member-plans>*:hover .plan-top a.button:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, var(--bk-color-ink, #000)));
}
#webcommander-page .member-plans>*:hover .plan-top .plan-price h3 {
color: var(--bk-h3-color, rgba(4, 208, 255, 1));
}
#webcommander-page .member-plans>*:hover .plan-top p {
color: var(--bk-p-color, rgba(4, 208, 255, 1));
}
#webcommander-page .member-plans>*:hover .plan-top .plan-price b {
color: rgba(255, 255, 255, 1);
}
#webcommander-page .member-plans>*:hover .plan-top .plan-price + p {
color: var(--bk-p-color, #fff);
}
@media (max-width:1200px) {
#webcommander-page .member-plans .plan-top .plan-price h3 {
font-size: 36px;
}
#webcommander-page .member-plans .plan-top p {
font-size: 17px;
}
}
@media (max-width:992px) {
#webcommander-page .member-plans .plan-top a.button {
font-size: 14px;
}
}
#webcommander-page .wc-snippet-contact-us .col-md-8.col-md-offset-2 > h3 {
color: var(--bk-h3-color, #303433);
font-family: var(--bk-h3-family, var(--bk-font-heading, "Raleway"), sans-serif);
font-size: var(--bk-h3-size, 32px);
line-height: var(--bk-h3-line-height, 1.468);
text-transform: var(--bk-h3-transform, capitalize);
}
#webcommander-page .wc-snippet-contact-us .col-md-8.col-md-offset-2 > p {
color: var(--bk-p-color, #a8a8a8);
font-family: var(--bk-p-family, var(--bk-font-base, "Poppins"), sans-serif);
font-size: var(--bk-p-size, 14px);
line-height: var(--bk-p-line-height, 1.6);
text-transform: var(--bk-p-transform, capitalize);
}
#webcommander-page .wc-snippet-contact-us .col-md-3.col-sm-6.features-box-style2 .label {
color: #525252;
font-family: var(--bk-font-base, "Poppins"), sans-serif;
font-size: 14px;
line-height: 1.468;
}
#webcommander-page .wc-snippet-contact-us .col-md-3.col-sm-6.features-box-style2 > h5 {
color: var(--bk-h5-color, #525252);
font-family: var(--bk-h5-family, var(--bk-font-heading, "Lato"), sans-serif);
font-size: var(--bk-h5-size, 18px);
text-transform: var(--bk-h5-transform, capitalize);
line-height: var(--bk-h5-line-height, 1.468);
}
#webcommander-page .wc-snippet-contact-us .col-md-3.col-sm-6.features-box-style2 > p {
color: var(--bk-p-color, #525252);
font-family: var(--bk-p-family, var(--bk-font-base, "Poppins"), sans-serif);
font-size: var(--bk-p-size, 14px);
text-transform: var(--bk-p-transform, capitalize);
line-height: var(--bk-p-line-height, 1.468);
font-weight: var(--bk-p-weight, 400);
}
#webcommander-page .wc-snippet-title-style h1 {
color: var(--bk-h1-color, #151515);
font-family: var(--bk-h1-family, var(--bk-font-heading, "Lato"),sans-serif);
font-size: var(--bk-h1-size, 34px);
line-height: var(--bk-h1-line-height, 1.2);
}
@media (max-width: 991px) {
#webcommander-page .wc-snippet-title-style h1 {
font-size: 28px;
}
}
@media (max-width: 767px) {
#webcommander-page .wc-snippet-title-style h1 {
font-size: 22px;
}
}
#webcommander-page .wc-snippet-title-style h2 {
color: var(--bk-h2-color, #202020);
font-family: var(--bk-h2-family, var(--bk-font-heading, "Gotham"));
font-size: var(--bk-h2-size, 34px);
font-weight: var(--bk-h2-weight, 600);
line-height: var(--bk-h2-line-height, 1.2);
}
#webcommander-page .wc-snippet-title-style p {
color: var(--bk-p-color, #7d7d7d);
font-family: var(--bk-p-family, var(--bk-font-heading, "GothamBook"));
font-size: var(--bk-p-size, 14px);
line-height: var(--bk-p-line-height, 1.468);
}
@media (max-width: 991px) {
#webcommander-page .wc-snippet-title-style h2 {
font-size: 28px;
}
}
@media (max-width: 767px) {
#webcommander-page .wc-snippet-title-style h2 {
font-size: 22px;
}
}
#webcommander-page .widget-snippet .snippet-footer-address > p {
color: #fff;
font-size: var(--bk-p-size, 14px);
font-family: var(--bk-p-family, var(--bk-font-base, "GothamBook"));
line-height: var(--bk-p-line-height, 1.468);
}
#webcommander-page .wc-snippet-momentum-real-estate h2 {
color: var(--bk-h2-color, #303433);
font-family: var(--bk-h2-family, var(--bk-font-heading, "Gotham"));
font-size: var(--bk-h2-size, 32px);
font-weight: var(--bk-h2-weight, normal);
line-height: var(--bk-h2-line-height, 1.2);
}
#webcommander-page .wc-snippet-momentum-real-estate p {
font-family: var(--bk-p-family, var(--bk-font-base, "GothamBook"));
font-size: var(--bk-p-size, 15px);
font-weight: var(--bk-p-weight, normal);
color: var(--bk-p-color, var(--bk-color-ink, #000000));
line-height: var(--bk-p-line-height, 1.6);
}
#webcommander-page .wc-snippet-momentum-real-estate p i:before {
font-size: 26px;
color: #ccc;
}
#webcommander-page .wc-snippet-momentum-real-estate .name {
font-size: 20px;
font-family: var(--bk-font-base, "Gotham");
color: #0f4372;
}
@media (max-width: 767px) {
#webcommander-page .wc-snippet-momentum-real-estate h2 {
font-size: 20px;
}
}
#webcommander-page .wc-snippet-book-now h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, "Gotham"));
font-size: var(--bk-h2-size, 32px);
line-height: var(--bk-h2-line-height, 1.3);
font-weight: var(--bk-h2-weight, 600);
color: var(--bk-h2-color, #303433);
}
#webcommander-page .wc-snippet-book-now p {
font-family: var(--bk-p-family, var(--bk-font-base, "GothamRounded-Light"));
font-size: var(--bk-p-size, 22px);
line-height: var(--bk-p-line-height, 1.468);
font-weight: var(--bk-p-weight, normal);
color: var(--bk-p-color, #303433);
}
@media (max-width: 767px) {
#webcommander-page .wc-snippet-book-now h2 {
font-size: 22px;
}
#webcommander-page .wc-snippet-book-now p {
font-size: 16px;
}
}
#webcommander-page .wc-snippet-our-happy-clients h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, "Gotham"));
font-size: var(--bk-h2-size, 32px);
font-weight: var(--bk-h2-weight, normal);
color: var(--bk-h2-color, #303433);
font-weight: var(--bk-h2-weight, 600);
line-height: var(--bk-h2-line-height, 1.1);
}
#webcommander-page .wc-snippet-our-happy-clients p {
font-family: var(--bk-p-family, var(--bk-font-base, "GothamBook"));
font-size: var(--bk-p-size, 15px);
font-weight: var(--bk-p-weight, normal);
color: var(--bk-p-color, var(--bk-color-ink, #000000));
}
#webcommander-page .wc-snippet-our-happy-clients p span {
line-height: 1.468;
}
#webcommander-page .wc-snippet-our-happy-clients p i {
color: #ccc;
}
#webcommander-page .wc-snippet-our-happy-clients p i:before {
font-size: 26px;
}
#webcommander-page .wc-snippet-our-happy-clients .name {
font-size: 20px;
font-family: var(--bk-font-base, "Gotham");
color: #0f4372;
line-height: 1.3;
}
@media (max-width: 767px) {
#webcommander-page .wc-snippet-our-happy-clients h2 {
font-size: 20px;
}
}
#webcommander-page .wc-snippet-title-button h3 {
color: var(--bk-h3-color, #303433);
font-family: var(--bk-h3-family, var(--bk-font-heading, "Gotham"));
font-size: var(--bk-h3-size, 32px);
font-weight: var(--bk-h3-weight, 500);
line-height: var(--bk-h3-line-height, 1.2);
}
#webcommander-page .wc-snippet-title-button a {
font-family: var(--bk-btn-font-family, var(--bk-font-heading, "Gotham"));
font-size: var(--bk-btn-font-size, 16px);
line-height: 1.468;
font-weight: var(--bk-btn-font-weight, bold);
color: var(--bk-btn-text, #6fb244);
}
#webcommander-page .wc-snippet-title-button a:visited {
font-family: var(--bk-btn-font-family, var(--bk-font-heading, "Gotham"));
font-size: var(--bk-btn-font-size, 16px);
line-height: 1.468;
font-weight: var(--bk-btn-font-weight, bold);
color: var(--bk-btn-text, #6fb244);
}
#webcommander-page .wc-snippet-title-button a:focus {
font-family: var(--bk-btn-font-family, var(--bk-font-heading, "Gotham"));
font-size: var(--bk-btn-font-size, 16px);
line-height: 1.468;
font-weight: var(--bk-btn-font-weight, bold);
color: var(--bk-btn-text, #6fb244);
}
#webcommander-page .wc-snippet-title-button a :hover {
font-family: var(--bk-font-heading, "Gotham");
font-size: 16px;
line-height: 1.468;
font-weight: bold;
color: #6fb244;
}
#webcommander-page .widget .wc-snippet-title-button a:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #303433));
}
#webcommander-page .wc-snippet-title-button a:after {
font-family: var(--bk-link-font-family, "FontAwesome");
font-size: var(--bk-link-font-size, 18px);
}
@media (max-width: 767px) {
#webcommander-page .wc-snippet-title-button h3 {
font-size: 24px;
}
}
#webcommander-page .wc-snippet-feature-260 .title-wrapper {
font-family: var(--bk-font-heading, "Gotham");
font-size: 32px;
line-height: 1.468;
color: #ffffff;
font-weight: 500;
}
#webcommander-page .wc-snippet-feature-260 p {
font-family: var(--bk-p-family, var(--bk-font-base, "GothamRounded-Light"));
font-size: var(--bk-p-size, 18px);
line-height: var(--bk-p-line-height, 1.468);
color: #ffffff;
}
#webcommander-page .wc-snippet-feature-260 .block .name {
color: #fff;
font-family: var(--bk-font-base, "GothamBook");
font-size: 19px;
line-height: 1.468;
}
@media (max-width: 767px) {
#webcommander-page .wc-snippet-feature-260 p {
font-size: 15px;
}
#webcommander-page .wc-snippet-feature-260 .title-wrapper {
font-size: 28px;
}
}
#webcommander-page .wc-snippet-title-without-button h3 {
font-family: var(--bk-h3-family, var(--bk-font-heading, "Gotham"));
font-size: var(--bk-h3-size, 32px);
font-weight: var(--bk-h3-weight, normal);
color: var(--bk-h3-color, #303433);
line-height: var(--bk-h3-line-height, 1.4);
}
@media (max-width: 767px) {
#webcommander-page .wc-snippet-title-without-button h3 {
font-size: 24px;
}
}
#webcommander-page .wc-snippet-top-feature .item .text-box a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "GT Walsheim Pro"));
font-style: normal;
font-weight: var(--bk-link-font-weight, 700);
font-size: var(--bk-link-font-size, 16px);
line-height: 18px;
letter-spacing: var(--bk-link-font-letter-spacing, 0.44em);
text-transform: var(--bk-link-font-transform, uppercase);
color: var(--bk-color-ink, #000000);
}
#webcommander-page .wc-snippet-top-feature .item .text-box a:hover {
font-size: var(--bk-link-font-size, 17px);
}
#webcommander-page .widget-snippet .about-area .content .left-part h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, "GT Walsheim Pro"), sans-serif);
font-size: var(--bk-h2-size, 36px);
line-height: var(--bk-h2-line-height, 42px);
color: var(--bk-h2-color, var(--bk-color-ink, #000000));
font-weight: var(--bk-h2-weight, 500);
text-transform: var(--bk-h2-transform, unset);
}
#webcommander-page .widget-snippet .about-area .content .left-part p {
font-family: var(--bk-p-family, var(--bk-font-base, "GT Walsheim Pro"), sans-serif);
font-weight: var(--bk-p-weight, 400);
color: var(--bk-p-color, #272727);
font-size: var(--bk-p-size, 17px);
line-height: var(--bk-p-line-height, 28px);
}
#webcommander-page .widget-snippet .error-area .text h6 {
font-family: var(--bk-h6-family, var(--bk-font-heading, "GT Walsheim Pro"));
font-style: var(--bk-h6-style, normal);
font-weight: var(--bk-h6-weight, 500);
font-size: var(--bk-h6-size, 25px);
line-height: var(--bk-h6-line-height, 33px);
color: var(--bk-h6-color, #ec1313);
}
#webcommander-page .widget-snippet .error-area .text h4 {
color: var(--bk-h4-color, var(--bk-color-ink, #000000));
font-size: var(--bk-h4-size, 45px);
line-height: var(--bk-h4-line-height, 30px);
font-weight: var(--bk-h4-weight, 600);
font-family: var(--bk-h4-family, var(--bk-font-heading, "GT Walsheim Pro"));
}
#webcommander-page .widget-snippet .error-area .text p {
font-family: var(--bk-p-family, var(--bk-font-base, "GT Walsheim Pro"));
font-size: var(--bk-p-size, 18px);
line-height: var(--bk-p-line-height, 25px);
color: var(--bk-p-color, var(--bk-color-ink, #000));
font-weight: var(--bk-p-weight, 400);
}
#webcommander-page .widget-snippet .error-area .text a {
color: #fff;
font-weight: var(--bk-link-font-weight, 500);
font-size: var(--bk-link-font-size, 18px);
line-height: 28px;
font-family: var(--bk-link-font-family, var(--bk-font-base, "GT Walsheim Pro"));
text-transform: var(--bk-link-font-transform, capitalize);
}
#webcommander-page .widget-snippet .error-area .text a:hover {
color: var(--bk-link-hover, var(--bk-color-ink, #000));
}
@media only screen and (max-width:1400px) {
#webcommander-page .widget-snippet .error-area .text h4 {
font-size: 40px;
}
}
@media only screen and (max-width: 1200px) {
#webcommander-page .widget.widget-snippet .error-area .text h4 {
font-size: 38px;
}
#webcommander-page .widget.widget-snippet .error-area .text p {
line-height: 30px;
font-size: 19px;
}
#webcommander-page .widget-snippet .error-area .text a {
font-size: 19px;
}
}
@media only screen and (max-width:991px) {
#webcommander-page .widget.widget-snippet .error-area .text h4 {
font-size: 33px;
}
#webcommander-page .widget.widget-snippet .error-area .text h6 {
font-size: 24px;
}
#webcommander-page .widget.widget-snippet .error-area .text p {
font-size: 16px;
line-height: 24px;
}
#webcommander-page .widget-snippet .error-area .text a {
font-size: 16px;
}
}
@media only screen and (max-width:767px) {
#webcommander-page .widget.widget-snippet .error-area .text h6 {
font-size: 22px;
line-height: 24px;
}
#webcommander-page .widget.widget-snippet .error-area .text h4 {
font-size: 28px;
}
#webcommander-page .widget.widget-snippet .error-area .text a {
font-size: 16px;
}
}
#webcommander-page .widget-snippet .container-thankyou .text-content h3 {
font-family: var(--bk-h3-family, var(--bk-font-heading, "GT Walsheim Pro"));
font-style: var(--bk-h3-style, normal);
font-weight: var(--bk-h3-weight, 600);
font-size: var(--bk-h3-size, 40px);
line-height: var(--bk-h3-line-height, normal);
color: var(--bk-h3-color, var(--bk-color-ink, #000000));
}
#webcommander-page .widget-snippet .container-thankyou .text-content h6 {
font-family: var(--bk-h6-family, var(--bk-font-heading, "GT Walsheim Pro"));
font-style: var(--bk-h6-style, normal);
font-weight: var(--bk-h6-weight, 500);
font-size: var(--bk-h6-size, 25px);
line-height: var(--bk-h6-line-height, 26px);
color: var(--bk-h6-color, var(--bk-color-ink, #000000));
}
#webcommander-page .widget-snippet .container-thankyou .text-content p {
font-family: var(--bk-p-family, var(--bk-font-base, "GT Walsheim Pro"));
font-style: var(--bk-p-style, normal);
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 18px);
line-height: var(--bk-p-line-height, 27px);
color: var(--bk-p-color, var(--bk-color-ink, #000000));
}
#webcommander-page .widget-snippet .container-thankyou .text-content a {
color: #fff;
font-weight: var(--bk-link-font-weight, 500);
font-size: var(--bk-link-font-size, 17px);
line-height: 26px;
font-family: var(--bk-link-font-family, var(--bk-font-base, "GT Walsheim Pro"));
text-transform: var(--bk-link-font-transform, capitalize);
}
#webcommander-page .widget-snippet .container-thankyou .text-content a:hover {
color: var(--bk-link-hover, var(--bk-color-ink, #000));
}
@media screen and (max-width: 991px) {
#webcommander-page .widget-snippet .container-thankyou .text-content p {
font-size: 18px;
line-height: 30px;
}
#webcommander-page .widget-snippet .container-thankyou .text-content h3 {
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
#webcommander-page .widget-snippet .container-thankyou .text-content h3 {
font-size: 28px;
}
#webcommander-page .widget-snippet .container-thankyou .text-content h6 {
font-size: 18px;
}
#webcommander-page .widget-snippet .container-thankyou .text-content p {
font-size: 16px;
line-height: 24px;
}
#webcommander-page .widget-snippet .container-thankyou .text-content a {
font-size: 15px;
line-height: 24px;
}
}
#webcommander-page .snippet-featured-right-img h2 {
color: #fff;
font-size: var(--bk-h2-size, 26px);
font-weight: var(--bk-h2-weight, 700);
line-height: var(--bk-h2-line-height, normal);
}
#webcommander-page .snippet-featured-right-img p {
color: var(--bk-p-color, #333);
font-size: var(--bk-p-size, 14px);
line-height: var(--bk-p-line-height, 22px);
}
#webcommander-page .snippet-featured-right-img .btn {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
font-size: var(--bk-btn-font-size, 13px);
font-weight: var(--bk-btn-font-weight, 600);
text-transform: var(--bk-btn-font-transform, uppercase);
}
#webcommander-page .wc-snippet-expreance .text-wrapper h2 {
font-size: var(--bk-h2-size, 37px);
line-height: var(--bk-h2-line-height, 1.4);
color: var(--bk-h2-color, var(--bk-color-ink, #000));
font-weight: var(--bk-h2-weight, bold);
font-family: var(--bk-h2-family, var(--bk-font-heading, "GT Walsheim Pro"), sans-serif);
}
#webcommander-page .wc-snippet-expreance .text-wrapper h2.title-normal {
font-weight: 400;
}
#webcommander-page .wc-snippet-expreance .text-box .title {
color: #fff;
font-size: 31px;
font-weight: 500;
line-height: 1.4;
font-family: var(--bk-font-heading, "GT Walsheim Pro"), sans-serif;
text-transform: uppercase;
letter-spacing: 0.13em;
}
#webcommander-page .wc-snippet-expreance .text-box a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "GT Walsheim Pro"));
font-style: normal;
font-weight: var(--bk-link-font-weight, 700);
font-size: var(--bk-link-font-size, 16px);
line-height: 18px;
letter-spacing: var(--bk-link-font-letter-spacing, 0.25em);
text-transform: var(--bk-link-font-transform, uppercase);
color: #fff;
}
#webcommander-page .wc-snippet-expreance .text-box a:hover {
font-size: var(--bk-link-font-size, 17px);
}
@media (max-width: 1199px) {
#webcommander-page .wc-snippet-expreance .text-wrapper h2 {
font-size: 30px;
}
}
@media (max-width: 991px) {
#webcommander-page .wc-snippet-expreance .text-box .title {
font-size: 28px;
}
#webcommander-page .wc-snippet-expreance .text-wrapper h2 {
font-size: 28px;
}
}
@media (max-width: 575px) {
#webcommander-page .wc-snippet-expreance .text-wrapper h2 {
font-size: 26px;
}
#webcommander-page .wc-snippet-expreance .text-box .title {
font-size: 24px;
}
#webcommander-page .wc-snippet-expreance .text-box a {
font-size: 14px;
}
#webcommander-page .wc-snippet-expreance .text-box a:hover {
font-size: 15px;
}
}
#webcommander-page .wc-snippet-shop-by-category .col-md-3.col-sm-6:hover .name {
color: var(--bk-color-accent, #FFCB54);
}
#webcommander-page .wc-snippet-shop-by-category .name {
font-size: 29px;
line-height: 1.4;
color: var(--bk-color-ink, #000);
font-weight: bold;
letter-spacing: 0.13em;
font-family: var(--bk-font-base, "GT Walsheim Pro"), sans-serif;
}
#webcommander-page .wc-snippet-shop-by-category .title-wrapper h2 {
font-size: var(--bk-h2-size, 42px);
line-height: var(--bk-h2-line-height, 1.3);
letter-spacing: var(--bk-h2-letter-spacing, 0.02em);
color: var(--bk-h2-color, var(--bk-color-ink, #000));
font-family: var(--bk-h2-family, var(--bk-font-heading, "GT Walsheim Pro"), sans-serif);
text-transform: var(--bk-h2-transform, uppercase);
}
#webcommander-page .wc-snippet-shop-by-category .title-wrapper .title-blod {
font-weight: bold;
}
@media (max-width:1440px) {
#webcommander-page .wc-snippet-shop-by-category .title-wrapper h2 {
font-size: 38px;
}
#webcommander-page .wc-snippet-shop-by-category .name {
font-size: 27px;
}
}
@media (max-width: 1299px) {
#webcommander-page .wc-snippet-shop-by-category .title-wrapper h2 {
font-size: 34px;
}
}
@media (max-width: 1199px) {
#webcommander-page .wc-snippet-shop-by-category .title-wrapper h2 {
font-size: 26px;
}
#webcommander-page .wc-snippet-shop-by-category .name {
font-size: 20px;
}
}
@media (max-width: 767px) {
#webcommander-page .wc-snippet-shop-by-category .title-wrapper h2 {
font-size: 26px;
}
}
#webcommander-page .wc-snippet-eceryday .title-wrapper h2 {
font-size: var(--bk-h2-size, 53px);
line-height: var(--bk-h2-line-height, 1.1);
color: var(--bk-h2-color, var(--bk-color-ink, #000));
letter-spacing: var(--bk-h2-letter-spacing, 0.02em);
font-family: var(--bk-h2-family, var(--bk-font-heading, "GT Walsheim Pro"), sans-serif);
font-weight: var(--bk-h2-weight, 400);
text-transform: var(--bk-h2-transform, uppercase);
}
#webcommander-page .wc-snippet-eceryday .title-wrapper .title-blod {
font-weight: bold;
}
#webcommander-page .wc-snippet-eceryday .text-box .description-style {
font-size: 24px;
color: var(--bk-color-ink, #000);
line-height: 1.4;
font-weight: 400;
font-family: var(--bk-font-base, "GT Walsheim Pro"), sans-serif;
}
#webcommander-page .wc-snippet-eceryday .text-box a {
font-family: var(--bk-link-font-family, var(--bk-font-base, "GT Walsheim Pro"));
font-style: normal;
font-weight: var(--bk-link-font-weight, 700);
font-size: var(--bk-link-font-size, 16px);
line-height: 18px;
letter-spacing: var(--bk-link-font-letter-spacing, 0.25em);
text-transform: var(--bk-link-font-transform, uppercase);
color: var(--bk-color-ink, #000000);
}
#webcommander-page .wc-snippet-eceryday .text-box a:hover {
font-size: var(--bk-link-font-size, 17px);
}
@media (max-width: 1440px) {
#webcommander-page .wc-snippet-eceryday .title-wrapper h2 {
font-size: 50px;
}
}
@media (max-width: 1280px) {
#webcommander-page .wc-snippet-eceryday .title-wrapper h2 {
font-size: 42px;
}
}
@media (max-width: 1199px) {
#webcommander-page .wc-snippet-eceryday .title-wrapper h2 {
font-size: 40px;
}
#webcommander-page .wc-snippet-eceryday .text-box .description-style {
font-size: 22px;
}
}
@media (max-width: 991px) {
#webcommander-page .wc-snippet-eceryday .title-wrapper h2 {
font-size: 32px;
}
#webcommander-page .wc-snippet-eceryday .text-box .description-style {
font-size: 20px;
}
#webcommander-page .wc-snippet-eceryday .text-box a {
font-size: 14px;
}
#webcommander-page .wc-snippet-eceryday .text-box a:hover {
font-size: 15px;
}
}
@media (max-width: 767px) {
#webcommander-page .wc-snippet-eceryday .title-wrapper h2 {
font-size: 22px;
}
#webcommander-page .wc-snippet-eceryday .text-box a {
font-size: 12px;
}
#webcommander-page .wc-snippet-eceryday .text-box a:hover {
font-size: 13px;
}
}
#webcommander-page .wc-lorem-ipsum .title-wrapper h2 {
font-size: var(--bk-h2-size, 64px);
font-family: var(--bk-h2-family, var(--bk-font-heading, "GT Walsheim Pro"), sans-serif);
line-height: var(--bk-h2-line-height, 1.1);
font-weight: var(--bk-h2-weight, 700);
letter-spacing: var(--bk-h2-letter-spacing, 0.09em);
text-transform: var(--bk-h2-transform, uppercase);
}
#webcommander-page .wc-lorem-ipsum .title-wrapper .title-blod {
color: #fff;
}
#webcommander-page .wc-lorem-ipsum .description-wrapper h4 {
color: #fff;
font-size: var(--bk-h4-size, 32px);
font-weight: var(--bk-h4-weight, 400);
text-transform: var(--bk-h4-transform, uppercase);
line-height: var(--bk-h4-line-height, 1.4);
letter-spacing: var(--bk-h4-letter-spacing, 0.02em);
font-family: var(--bk-h4-family, var(--bk-font-heading, "GT Walsheim Pro"), sans-serif);
}
#webcommander-page .wc-lorem-ipsum .description-wrapper .title-blod {
font-weight: 700;
}
#webcommander-page .wc-lorem-ipsum .description-style {
color: #fff;
font-weight: 400;
line-height: 1.7;
font-size: 16px;
font-family: var(--bk-font-base, "GT Walsheim Pro"), sans-serif;
}
@media (max-width: 1549px) {
#webcommander-page .wc-lorem-ipsum .title-wrapper h2 {
font-size: 60px;
}
}
@media (max-width: 1299px) {
#webcommander-page .wc-lorem-ipsum .title-wrapper h2 {
font-size: 50px;
}
#webcommander-page .wc-lorem-ipsum .description-wrapper h4 {
font-size: 26px;
}
}
@media (max-width: 1199px) {
#webcommander-page .wc-lorem-ipsum .title-wrapper h2 {
font-size: 40px;
}
#webcommander-page .wc-lorem-ipsum .description-wrapper h4 {
font-size: 24px;
}
#webcommander-page .wc-lorem-ipsum .description-style {
font-size: 15px;
}
}
@media (max-width: 1099px) {
#webcommander-page .wc-lorem-ipsum .title-wrapper {
line-height: 1.5;
}
#webcommander-page .wc-lorem-ipsum .description-wrapper {
line-height: 1.5;
}
#webcommander-page .wc-lorem-ipsum .description-style {
line-height: 1.5;
}
}
@media (max-width: 991px) {
#webcommander-page .wc-lorem-ipsum .title-wrapper h2 {
font-size: 36px;
}
#webcommander-page .wc-lorem-ipsum .description-wrapper h4 {
font-size: 22px;
}
#webcommander-page .wc-lorem-ipsum .description-style {
line-height: 1.5;
}
}
@media (max-width: 767px) {
#webcommander-page .wc-lorem-ipsum .description-wrapper h4 {
font-size: 22px;
}
}
#webcommander-page .wc-snippet-about .title-wrapper h2 {
font-size: var(--bk-h2-size, 36px);
line-height: var(--bk-h2-line-height, 1.3);
color: var(--bk-h2-color, var(--bk-color-ink, #000));
font-weight: var(--bk-h2-weight, 400);
text-transform: var(--bk-h2-transform, uppercase);
font-family: var(--bk-h2-family, var(--bk-font-heading, "GT Walsheim Pro"), sans-serif);
}
#webcommander-page .wc-snippet-about .title-wrapper h2.title-bold {
font-weight: bold;
}
#webcommander-page .wc-snippet-about p {
font-family: var(--bk-p-family, var(--bk-font-base, "GT Walsheim Pro"), sans-serif);
color: var(--bk-p-color, var(--bk-color-ink, #000000));
font-size: var(--bk-p-size, 16px);
font-weight: var(--bk-p-weight, 400);
line-height: var(--bk-p-line-height, 25px);
}
@media (max-width: 767px) {
#webcommander-page .wc-snippet-about .title-wrapper h2 {
font-size: 28px;
}
}
#webcommander-page .wc-snippet-title-style-center .title-wrapper h2 {
font-size: var(--bk-h2-size, 40px);
color: var(--bk-h2-color, var(--bk-color-ink, #000));
font-weight: var(--bk-h2-weight, 500);
line-height: var(--bk-h2-line-height, 1.3);
letter-spacing: var(--bk-h2-letter-spacing, 0.05em);
text-transform: var(--bk-h2-transform, uppercase);
font-family: var(--bk-h2-family, var(--bk-font-heading, "GT Walsheim Pro"), sans-serif);
}
#webcommander-page .wc-snippet-title-style-center .readmore a {
font-size: var(--bk-link-font-size, 16px);
font-weight: var(--bk-link-font-weight, 700);
color: var(--bk-color-ink, #000);
font-family: var(--bk-link-font-family, var(--bk-font-heading, "GT Walsheim Pro"), sans-serif);
line-height: 1.6;
text-transform: var(--bk-link-font-transform, uppercase);
letter-spacing: var(--bk-link-font-letter-spacing, 0.25em);
}
#webcommander-page .wc-snippet-title-style-center .readmore a:hover {
color: var(--bk-link-hover, var(--bk-color-ink, #000));
}
@media (max-width: 991px) {
#webcommander-page .wc-snippet-title-style-center .title-wrapper h2 {
font-size: 36px;
}
}
@media (max-width: 767px) {
#webcommander-page .wc-snippet-title-style-center .title-wrapper h2 {
font-size: 28px;
}
}
#webcommander-page .our-principals-section h3 {
font-family: var(--bk-h3-family, var(--bk-font-heading, "Reckless Neue"));
font-weight: var(--bk-h3-weight, 500);
font-size: var(--bk-h3-size, 29px);
line-height: var(--bk-h3-line-height, 120%);
letter-spacing: var(--bk-h3-letter-spacing, normal);
color: var(--bk-h3-color, var(--bk-color-ink, #000));
text-transform: var(--bk-h3-transform, none);
}
#webcommander-page .page-404-section h1 {
font-family: var(--bk-h1-family, var(--bk-font-heading, Reckless Neue));
font-weight: var(--bk-h1-weight, 400);
font-size: var(--bk-h1-size, 76px);
line-height: var(--bk-h1-line-height, 100%);
letter-spacing: var(--bk-h1-letter-spacing, 1%);
}
#webcommander-page .page-404-section p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 15px);
line-height: var(--bk-p-line-height, 28px);
letter-spacing: var(--bk-p-letter-spacing, 0%);
}
#webcommander-page .page-404-section .btn-back {
color: var(--bk-btn-text, #fff);
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
letter-spacing: var(--bk-btn-font-letter-spacing, normal);
}
#webcommander-page .about-banner-section h1 {
font-family: var(--bk-h1-family, var(--bk-font-heading, "Reckless Neue"));
font-weight: var(--bk-h1-weight, 400);
font-size: var(--bk-h1-size, 66px);
line-height: var(--bk-h1-line-height, 80px);
letter-spacing: var(--bk-h1-letter-spacing, 0.0625em);
}
#webcommander-page .about-banner-section p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 300);
font-size: var(--bk-p-size, 19px);
line-height: var(--bk-p-line-height, 150%);
letter-spacing: var(--bk-p-letter-spacing, 0%);
}
#webcommander-page .our-principals-section h1 {
font-family: var(--bk-h1-family, var(--bk-font-heading, "Reckless Neue"));
font-weight: var(--bk-h1-weight, 400);
font-size: var(--bk-h1-size, 50px);
line-height: var(--bk-h1-line-height, 100%);
letter-spacing: var(--bk-h1-letter-spacing, 1%);
}
#webcommander-page .our-principals-section h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, "Reckless Neue"));
font-weight: var(--bk-h2-weight, 500);
font-size: var(--bk-h2-size, 29px);
line-height: var(--bk-h2-line-height, 120%);
letter-spacing: var(--bk-h2-letter-spacing, 0%);
color: var(--bk-h2-color, var(--bk-color-ink, #000));
}
#webcommander-page .our-principals-section p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 300);
font-size: var(--bk-p-size, 16px);
line-height: var(--bk-p-line-height, 150%);
letter-spacing: var(--bk-p-letter-spacing, 0%);
color: var(--bk-p-color, var(--bk-color-ink, #000));
}
#webcommander-page .about-main-content .about-list-content li {
font-family: var(--bk-font-base, Reckless Neue);
font-weight: 400;
font-size: 21px;
line-height: 27px;
letter-spacing: 1%;
}
#webcommander-page .about-main-content .about-btn-content a {
color: var(--bk-btn-text, #fff);
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-btn-font-size, 16px);
font-weight: var(--bk-btn-font-weight, 700);
line-height: 1.8;
}
#webcommander-page .about-main-content h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, Reckless Neue));
font-weight: var(--bk-h2-weight, 400);
font-size: var(--bk-h2-size, 46px);
line-height: var(--bk-h2-line-height, 57px);
letter-spacing: var(--bk-h2-letter-spacing, 1%);
}
#webcommander-page .about-main-content p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 15px);
line-height: var(--bk-p-line-height, 28px);
letter-spacing: var(--bk-p-letter-spacing, 0%);
color: var(--bk-p-color, var(--bk-color-ink, #000));
}
#webcommander-page .contact-us-sidebar p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 14.5px);
line-height: var(--bk-p-line-height, 23px);
letter-spacing: var(--bk-p-letter-spacing, 1%);
color: var(--bk-p-color, var(--bk-color-ink, #000));
}
#webcommander-page section.site-information .main-area .items .item-content h3 {
font-family: var(--bk-h3-family, var(--bk-font-heading, Reckless Neue));
font-weight: var(--bk-h3-weight, 400);
font-size: var(--bk-h3-size, 28px);
line-height: var(--bk-h3-line-height, 38px);
letter-spacing: var(--bk-h3-letter-spacing, 1%);
}
#webcommander-page section.site-information .main-area .items .item-content p {
font-family: var(--bk-p-family, var(--bk-font-base, "Manrope"), sans-serif);
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 12px);
line-height: var(--bk-p-line-height, 23px);
letter-spacing: var(--bk-p-letter-spacing, 1%);
}
#webcommander-page .cta-footer .cta-main h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, Reckless Neue));
font-weight: var(--bk-h2-weight, 400);
font-size: var(--bk-h2-size, 38px);
line-height: var(--bk-h2-line-height, 52px);
letter-spacing: var(--bk-h2-letter-spacing, 1%);
color: #fff;
}
#webcommander-page .cta-footer .cta-main .btn-cta a {
color: var(--bk-btn-text, #fff);
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-btn-font-size, 16px);
font-weight: var(--bk-btn-font-weight, 700);
line-height: 1.8;
}
#webcommander-page .cta-footer .cta-main .btn-cta a:last-child {
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .cta-footer .cta-main .btn-cta a:hover {
color: var(--bk-btn-text, #fff);
}
#webcommander-page .main-content .list-content li {
font-family: var(--bk-font-base, Reckless Neue);
font-weight: 400;
font-size: 22px;
line-height: 27px;
letter-spacing: 1%;
}
#webcommander-page .main-content .btn-content a {
color: var(--bk-btn-text, #fff);
font-family: var(--bk-btn-font-family, var(--bk-font-base, "Manrope"), sans-serif);
font-size: var(--bk-btn-font-size, 16px);
font-weight: var(--bk-btn-font-weight, 700);
line-height: 1.8;
}
#webcommander-page .main-content h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, Reckless Neue));
font-weight: var(--bk-h2-weight, 400);
font-size: var(--bk-h2-size, 46px);
line-height: var(--bk-h2-line-height, 57px);
letter-spacing: var(--bk-h2-letter-spacing, 1%);
}
#webcommander-page .main-content p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 15px);
line-height: var(--bk-p-line-height, 28px);
letter-spacing: var(--bk-p-letter-spacing, 0%);
}
#webcommander-page .widget-snippet .snippet-copyright-develop .copyright p {
color: var(--bk-p-color, rgba(255, 255, 255, 0.69));
font-size: var(--bk-p-size, 15px);
font-weight: var(--bk-p-weight, 400);
line-height: var(--bk-p-line-height, 24px);
font-family: var(--bk-p-family, var(--bk-font-base, "GT Walsheim Pro"), sans-serif);
letter-spacing: var(--bk-p-letter-spacing, 0.02em);
}
#webcommander-page .contact-help-support-section .gridbox .griditem .get-in-touch p {
line-height: var(--bk-p-line-height, 17px);
}
#webcommander-page .contact-help-support-section .top-contact-content h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, Reckless Neue));
font-weight: var(--bk-h2-weight, 600);
font-size: var(--bk-h2-size, 25px);
line-height: var(--bk-h2-line-height, 58px);
letter-spacing: var(--bk-h2-letter-spacing, 0%);
}
#webcommander-page .contact-help-support-section .top-contact-content p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 14.5px);
line-height: var(--bk-p-line-height, 23px);
letter-spacing: var(--bk-p-letter-spacing, 1%);
}
#webcommander-page .contact-help-support-section .btn-outline {
font-family: var(--bk-btn-font-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-btn-font-weight, 700);
font-size: var(--bk-btn-font-size, 16px);
line-height: 100%;
letter-spacing: var(--bk-btn-font-letter-spacing, 1%);
color: var(--bk-btn-text, var(--bk-color-ink, #000));
}
#webcommander-page .contact-help-support-section .btn-outline:hover {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
#webcommander-page .contact-help-support-section .gridbox .griditem h2 {
font-family: var(--bk-h2-family, var(--bk-font-heading, Reckless Neue));
font-weight: var(--bk-h2-weight, 600);
font-size: var(--bk-h2-size, 18px);
line-height: var(--bk-h2-line-height, 100%);
color: var(--bk-h2-color, var(--bk-color-ink, #000));
}
#webcommander-page .contact-help-support-section .gridbox .griditem p {
font-family: var(--bk-p-family, var(--bk-font-base, Manrope));
font-weight: var(--bk-p-weight, 400);
font-size: var(--bk-p-size, 15px);
line-height: var(--bk-p-line-height, 27px);
letter-spacing: var(--bk-p-letter-spacing, 1%);
color: var(--bk-p-color, var(--bk-color-ink, #000));
}
/* [/MCP:bk-guard] */
/* Shop page: the left filter column carries no surface fill - it reads directly
on the page background. The panel itself, the price-slider row and the
accordion items all painted #F5F5F7; the noUi slider HANDLES share that colour
and are deliberately left alone, or the drag knobs would disappear. */
body#webcommander-page .widget.widget-filter,
body#webcommander-page .widget.widget-filter .form-row.type-slider,
body#webcommander-page .widget.widget-filter .accordion-item.filter-accordion-item,
body#webcommander-page .widget.widget-filter .accordion-panel,
body#webcommander-page .widget.widget-filter .filter-profile {
background-color: transparent;
}
/* Product card action buttons - Brand Kit follow-through.
1. Add To Cart was painted with the theme literal #0094C4 !important - a shade
of the OLD primary with no palette role, so the bridge left it alone and it
never moved with the kit (its border already used the token, which is why
the button showed a kit-coloured edge around a stale cyan fill).
2. The compare glyph inherits the ink colour while its button is filled with
the kit colour - dark on dark.
3. On hover both glyphs turn --bk-color-primary, but the fill turns primary
too - the icon disappears into the button.
All of them use --bk-btn-text, the token the kit defines for label-on-fill. */
body#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button,
body#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-cart-button {
background: var(--bk-btn-fill, var(--bk-color-primary, #0094C4)) !important;
}
body#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button:hover,
body#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-cart-button:hover {
background-color: var(--bk-btn-hover-bg, var(--bk-btn-fill, #282E2C)) !important;
border: var(--bk-btn-border-width, 1px) solid #282E2C !important;
color: var(--bk-btn-hover-color, var(--bk-btn-text, #fff));
}
body#webcommander-page .product-view .product-block .btn-add .add-to-wish-list:hover{
background-color: var(--bk-btn-tertiary-hover-bg, var(--bk-btn-tertiary-fill, transparent));
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, var(--bk-color-ink, inherit)));
}
body#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-compare-button::before,
body#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-compare-button:hover::before,
body#webcommander-page .fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-wish-list:hover::before,
body#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-compare-button::before,
body#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-compare-button:hover::before,
body#webcommander-page .fee-widget-product-scroll-view .product-view.scrollable-view .product-block .btn-add .add-to-wish-list:hover::before {
color: var(--bk-btn-tertiary-text, #ffffff);
}body#webcommander-page .product-view.list-view .content .product-block .show-details-button,
body#webcommander-page .product-view.list-view .content .product-block .show-details-button:hover {
background: var(--bk-btn-tertiary-hover-bg, var(--bk-color-primary, #00A1C6));
color: var(--bk-btn-tertiary-text, #ffffff);
border-color: var(--bk-btn-tertiary-border-color, var(--bk-btn-tertiary-fill, var(--bk-color-primary, #00A1C6)));
}
body#webcommander-page .product-view.list-view .content .product-block .add-to-compare-button,
body#webcommander-page .product-view.list-view .content .product-block .add-to-compare-button:hover {
background: var(--bk-btn-tertiary-hover-bg, var(--bk-color-primary, #00A1C6));
color: var(--bk-btn-tertiary-text, #ffffff);
border-color: var(--bk-btn-tertiary-border-color, var(--bk-btn-tertiary-fill, var(--bk-color-primary, #00A1C6)));
}body#webcommander-page .product-view.list-view .content .product-block .show-details-button::before {
color: var(--bk-btn-tertiary-text, #ffffff);
}
body#webcommander-page .product-view.list-view .content .product-block .add-to-compare-button::before {
color: var(--bk-btn-tertiary-text, #ffffff);
}body#webcommander-page .product-view.list-view .content .product-block .btn-add .add-to-wish-list.button:hover,
body#webcommander-page .product-view.list-view .content .product-block .btn-add .add-to-compare-button.button:hover {
background: #282E2C;
border-color: #282E2C;
/* the theme sets the hover label to ink with !important (and the guard clones
that faithfully), so matching Quick View needs the same weight */
color: var(--bk-btn-tertiary-text, #ffffff) !important;
}
body#webcommander-page .product-view.list-view .content .product-block .btn-add .add-to-cart-button.button:hover {
color: var(--bk-btn-text, #ffffff) !important;
}
body#webcommander-page .product-view.list-view .content .product-block .add-to-wish-list:hover::before,
body#webcommander-page .product-view.list-view .content .product-block .add-to-compare-button:hover::before {
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, #ffffff));
}
body#webcommander-page .product-view.list-view .content .product-block .add-to-cart-button:hover::before {
color: var(--bk-btn-hover-color, var(--bk-btn-text, #ffffff));
}
/* Program cards: the overlay gradient runs on the Brand Kit.
Stop 1 was already kit-driven (black at 28.2% -> --bk-color-secondary via the
alpha bridge). Stop 2 stayed the literal #0185A4 - a teal close to the OLD
primary but not equal to it, so exact-match bridging correctly left it alone
and it kept showing the old brand colour after the palette changed. It now
rides --bk-color-primary at the same 94% alpha. Both fallbacks are the original
literals, so with no kit the section renders exactly as designed. */
body#webcommander-page .program-box::before,
body#webcommander-page .program-box.program-professional::before,
body#webcommander-page .program-box.program-junior::before,
body#webcommander-page .program-box.program-teenager::before {
background-image: linear-gradient(162.17deg,
color-mix(in srgb, var(--bk-color-secondary, #000000) 28.2%, transparent) 2.34%,
color-mix(in srgb, var(--bk-color-primary, #0185A4) 94%, transparent) 70.75%);
}
/* Customer registration: match the reference page structure.
The form was capped at max-width:540px, so each 50% column collapsed to a
230px row / 200px input and the card read as a narrow strip with the Register
button floating in it. 946px gives an 866px content box - exactly the
reference - so each column is 433px, each input 403px, and the button spans
the form. The heading was 48px/400 against the reference 22px/600.
Colour combination is deliberately left as this instance's own. */
body#webcommander-page form.registration-form {
max-width: 946px;
}
body#webcommander-page form.registration-form > .form-row > .title,
body#webcommander-page form.registration-form .title {
font-size: 22px;
font-weight: 600;
line-height: 1.2;
}
@media (max-width: 767px) {
/* one column on small screens - a 50% split of a phone viewport is unusable */
body#webcommander-page form.registration-form .form-row {
width: 100%;
}
}
/* Registration card dressed like the login card: same soft tint, 20px radius,
same shadow, same 55/65 padding. max-width goes 946 -> 996 so the wider
padding still leaves an 866px content box, keeping the 433px columns and
403px inputs the reference layout needs.
Colours that HAVE a Brand Kit role are expressed as tokens - button fill and
label, input surface - so the page follows the palette. The card tint itself
maps to no role (it is a one-off blue-grey), so it stays the literal the login
page uses; that is what keeps the two pages identical. */
body#webcommander-page form.registration-form {
max-width: 996px;
padding: 55px 65px;
background: rgba(235, 239, 248, 0.34);
border-radius: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02), 0 -2px 10px 0 rgba(0, 0, 0, 0.05);
}
body#webcommander-page form.registration-form input[type=text],
body#webcommander-page form.registration-form input[type=email],
body#webcommander-page form.registration-form input[type=password],
body#webcommander-page form.registration-form select,
body#webcommander-page form.registration-form textarea {
background-color: var(--bk-color-surface, #ffffff);
}
body#webcommander-page form.registration-form .button,
body#webcommander-page form.registration-form button[type=submit],
body#webcommander-page form.registration-form input[type=submit] {
background: var(--bk-btn-fill, var(--bk-color-primary, #00A1C6));
color: var(--bk-btn-text, #ffffff);
border-color: var(--bk-btn-border-color, var(--bk-btn-fill, var(--bk-color-primary, #00A1C6)));
}
.wc-secondary-action-buttons {
justify-content: center;
}
#webcommander-page.page-registration .registration-form .form-row ~ .form-row {
margin-top: 0;
}
/* Add-to-cart variation popup: restore the reference two-column layout.
The theme had overridden the details table - the TR became display:flex and the
TD display:block - which collapsed the thumbnail and the name/quantity/price
into a single centred stack, leaving the right half of the popup empty. Putting
the table semantics back gives the reference layout: image in its own 250px
cell on the left, details beside it. Popup width 650 -> 750 to match. */
body#webcommander-page .popup.add-cart-information-popup .product-details-info {
display: table;
width: 100%;
}
body#webcommander-page .popup.add-cart-information-popup .product-details-info tbody {
display: table-row-group;
}
body#webcommander-page .popup.add-cart-information-popup .product-details-info tr {
display: table-row;
}
body#webcommander-page .popup.add-cart-information-popup .product-details-info td {
display: table-cell;
vertical-align: top;
}
body#webcommander-page .popup.add-cart-information-popup .product-details-info td.product-img {
width: 250px;
}
body#webcommander-page .product-variation-popup {
/* the popup script writes width:auto straight onto the element, which beats
any rule - !important is the only way to reach it from a stylesheet */
width: 750px !important;
max-width: 95vw;
}
/* ...and the details cell reads left-aligned like the reference; it was centred,
which left the name/quantity/price floating in the middle of their column. */
body#webcommander-page .popup.add-cart-information-popup .product-details-info td.short-info {
text-align: left;
}
#webcommander-page .customer-profile-v2 .customer-profile-manage-account-body,
#webcommander-page #customer-profile-tabs.customer-profile-v2 #bmui-tab-my-entitlements,
#webcommander-page #customer-profile-tabs.customer-profile-v2 #bmui-tab-my-wallet .my-wallet-empty-card {
max-width: unset;
}
@media (max-width: 767px) {
body#webcommander-page form.registration-form, #webcommander-page .password-reset-form, #webcommander-page form.customer-new-password {
padding: 0;
background: transparent;
box-shadow: none;
}
body#webcommander-page .popup.add-cart-information-popup .product-details-info tr {
display: flex;
justify-content: center;
text-align: center;
}
body#webcommander-page .product-variation-popup {
width: 90% !important;
}
body#webcommander-page .popup.add-cart-information-popup .product-details-info td.product-img, body#webcommander-page .popup.add-cart-information-popup .product-details-info td,
.popup.add-cart-information-popup .variation-container .variation-type, .add-cart-information-popup.popup .variation-container .variation-type label.type-label{
width: 100%;
text-align: center !important;
}
body#webcommander-page .add-cart-information-popup.popup .variation-container .variation-type label.type-label{
width:fit-content;
text-align: left !important;
}
.add-cart-information-popup .form-content .double-input-row, .add-cart-information-popup .popup-bottom.footer .button-item {
padding: 0 20px;
}
.popup .button-item .add-to-cart-button.button.et_pdp_add_to_cart {
height: 42px !important;
}
}
/* [MCP:add-to-cart-loader-anchor] */
/* The Add to Cart control is a with position:static, so WC's absolutely
positioned .div-mask loader resolves against .product-widget.widget-addCart and
paints BESIDE the button (measured: mask x=1107 where the button starts at 1046,
height 0 against the button's 54). Give the button its own containing block and
make the mask fill it. The per-page margin hacks this replaces were compensating
for the wrong anchor, so they are overridden here rather than left to fight. */
#webcommander-page .product-widget.widget-addCart .add-to-cart-button.button,
#webcommander-page .product-block .btn-add .add-to-cart-button.button,
#webcommander-page .add-to-cart-button.button.et_pdp_add_to_cart { position: relative; }
#webcommander-page .product-widget.widget-addCart .add-to-cart-button.button > .div-mask,
#webcommander-page .product-block .btn-add .add-to-cart-button.button > .div-mask,
#webcommander-page .add-to-cart-button.button.et_pdp_add_to_cart > .div-mask {
position: absolute;
top: 0 !important; left: 0 !important; right: 0; bottom: 0;
margin: 0 !important;
width: 100%; height: 100%;
min-width: 100% !important; min-height: 100% !important;
}
/* [/MCP:add-to-cart-loader-anchor] */
/* [MCP:footer-social-row] */
/* Footer social row, rebuilt. `ul.social-links > li > a > i.fa` uses inline-block
items of uneven width (measured 34 / 62 / 61 / 41 px), so the fourth link wrapped
to a second row even at 1560px. A nowrap flex row with one even gap holds at every
width instead of depending on the items happening to fit.
The glyphs are white on the dark footer and that white stays LITERAL -- the Brand
Kit has no inverse-ink role, so routing it through a palette role would darken the
icons the moment a merchant edits that role. Only hover takes a token. The
rgb(0,102,204) seen on the links was the browser's default link colour showing
through wherever the glyph did not cover the box. */
body#webcommander-page .social-links {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 18px;
margin: 0;
padding: 0;
list-style: none;
}
body#webcommander-page .social-links > li {
display: inline-flex;
margin: 0;
padding: 0;
}
body#webcommander-page .social-links > li::before {
content: none;
}
body#webcommander-page .wc-social-media-footer .social-links > li > a {
display: inline-flex;
align-items: center;
justify-content: center;
/* The 20px side margins come from the FOOTER SNIPPET's own stylesheet:
`#webcommander-page .wc-social-media-footer .social-links li a` is (1,2,2),
which beat the (1,1,3) selector used here at first, so `margin: 0` had no
effect. Adding `.wc-social-media-footer` makes this (1,2,3) and it wins.
Those margins are also the original defect: 78px of icons plus 3x40px of
margin needs 198px in a 185px column, which is why LinkedIn wrapped. The
list's own 18px gap does the spacing instead. */
margin: 0;
color: #FFFFFF;
text-decoration: none;
transition: color .2s ease;
}
body#webcommander-page .social-links > li > a > i {
color: inherit;
font-size: 18px;
line-height: 1;
}
body#webcommander-page .wc-social-media-footer .social-links > li > a:hover,
body#webcommander-page .wc-social-media-footer .social-links > li > a:focus-visible {
color: var(--bk-color-primary, #00A1C6);
}
.add-to-compare-button:after {
color: var(--bk-color-ink, #000);
}
/* [/MCP:footer-social-row] */
/* [MCP:wc-quick-view-tertiary] */
/* Quick View / View Details are the tertiary shape - transparent box, coloured border and
label - so they must consume the Buttons > Tertiary fields, at rest and on hover.
In the TABULAR view these buttons live in `.wc-tabular-action-buttons`, which none of
the theme's `.wc-secondary-action-buttons` / per-view selectors match, so they fell
through to ecommerce.min.css - the rule on
`.quick-view-btn.button, .show-details-button.button` giving color #008DF2 and
border 1px solid #008DF2,
i.e. WebCommander's stock blue, unreachable by the kit, while the primary hover reached
them by accident. This block is (1,2,0) - it outranks that (0,2,0) rule in EVERY view -
and every literal below is the platform's own value, so with the kit silent on a token
nothing moves. */
#webcommander-page .quick-view-btn.button,
#webcommander-page .show-details-button.button {
background: var(--bk-btn-tertiary-fill, transparent);
color: var(--bk-btn-tertiary-text, #008DF2);
border: var(--bk-btn-tertiary-border-width, 1px) solid var(--bk-btn-tertiary-border-color, #008DF2);
border-radius: var(--bk-btn-tertiary-radius, 0);
padding: var(--bk-btn-tertiary-pad, 7px 17px);
font-family: var(--bk-btn-tertiary-font-family, var(--bk-font-base, inherit));
font-size: var(--bk-btn-tertiary-font-size, 14px);
font-weight: var(--bk-btn-tertiary-font-weight, 600);
text-transform: var(--bk-btn-tertiary-font-transform, none);
letter-spacing: var(--bk-btn-tertiary-font-letter-spacing, normal);
box-shadow: var(--bk-btn-tertiary-shadow, none);
}
#webcommander-page .quick-view-btn.button:hover,
#webcommander-page .show-details-button.button:hover {
background: var(--bk-btn-tertiary-hover-bg, var(--bk-btn-tertiary-fill, transparent));
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, #008DF2));
border-color: var(--bk-btn-tertiary-hover-border-color, var(--bk-btn-tertiary-border-color, #008DF2));
}
/* [/MCP:wc-quick-view-tertiary] */
/* [MCP:wc-wishlist-compare-secondary] */
/* Wish-list and Compare are the card's THIRD action, so they take the Buttons > Tertiary
fields - at rest and on hover - in every product view (image, list, scrollable, tabular).
Before this block the wish-list control reached NO kit token at rest (measured: the
sentinel moved nothing) while its hover already used tertiary, and Compare was primary
at rest with a tertiary hover - the exact rest/hover split the taxonomy forbids.
The icon glyph is a font-awesome ::before, so it inherits `color`; wiring colour to
--bk-btn-tertiary-text is what makes the ICONS follow the kit too.
font-size and padding are deliberately NOT bridged here: `font-size: 0` is how
ecommerce.min.css hides these buttons' text labels, and the padding sets the icon box,
so the kit's 5px 15px would resize every icon. */
#webcommander-page .add-to-wish-list.button,
#webcommander-page .add-to-compare-button.button,
#webcommander-page .remove-from-compare-button.button {
background-color: var(--bk-btn-tertiary-fill, #ffffff);
color: var(--bk-btn-tertiary-text, #666666);
border: var(--bk-btn-tertiary-border-width, 1px) solid var(--bk-btn-tertiary-border-color, #cccccc);
border-radius: var(--bk-btn-tertiary-radius, 0);
box-shadow: var(--bk-btn-tertiary-shadow, none);
}
#webcommander-page .add-to-wish-list.button:hover,
#webcommander-page .add-to-compare-button.button:hover,
#webcommander-page .remove-from-compare-button.button:hover {
background-color: var(--bk-btn-tertiary-hover-bg, var(--bk-btn-tertiary-fill, #ffffff));
color: var(--bk-btn-tertiary-hover-color, var(--bk-btn-tertiary-text, #666666));
border-color: var(--bk-btn-tertiary-hover-border-color, var(--bk-btn-tertiary-border-color, #cccccc));
}
/* [/MCP:wc-wishlist-compare-secondary] */
/* [MCP:wc-daily-rugby-box-stack] */
/* Daily-rugby card: stack the icon above the text.
Added verbatim as supplied. Note `.responsive` sits on at EVERY width on this
theme, so this is not a mobile-only rule - measured at 929px the box goes row -> column,
the icon moves from the text's left to above it, and the card grows 214px -> 273px.
It lives here rather than in snippet-1306 because these selectors are one class more
specific than the snippet's own (1,3,0 vs 1,2,0 and 1,4,0 vs 1,3,0), so they win
wherever the file order puts them, and the snippet's base rules stay untouched. */
#webcommander-page.responsive .daily-rugby-area .daily-rugby-box {
gap: 15px;
}
#webcommander-page.responsive .daily-rugby-area .daily-rugby-box .content {
padding: 10px 0 0;
}
/* [/MCP:wc-daily-rugby-box-stack] */
/* [MCP:wc-kit-driven-star-and-faq-icons] */
/* Review stars and the FAQ plus/minus become Brand-Kit-coloured.
Both were flat SVG FILES used as background-image, so their colour lived inside the file
and no kit token could reach it:
images/plus-minus.svg a 19x118 sprite - tile 0 is the plus, tile -108px the minus
images/rstar.svg 88x14, five stars, all painted #00A1C6
Drawn as MASKS instead: the file supplies the shape, `background-color` supplies the
colour, and that colour is a kit token. The geometry is copied from the measured
computed values, so the icons sit exactly where they did - toggle 0 0 collapsed and
0 -108px expanded, star strip at 0 50%.
`background-image: none` is required in every state: a mask clips the element's whole
background, so the original artwork would otherwise still paint through it in its own
colour. Colour ROLES: the stars take Colours > Accent (the same role the product rating stars use),
the toggle takes Colours > Primary and flips to Ink on hover - the sprite itself shipped a
teal tile, so this stays inside the design's own palette. Change the role names below to
re-point either icon at a different swatch.
NOT converted: `.customer-reviews .widget-title::after`. That pseudo-element carries the
text "form 756 reviews" AND the star strip behind it; a mask clips text too, so masking
it would erase the sentence. */
#webcommander-page .accordion-panel > .label-bar .toggle-icon {
background-image: none;
background-color: var(--bk-color-primary, #00A1C6);
-webkit-mask-image: url("/template/097c5ce4/images/plus-minus.svg");
mask-image: url("/template/097c5ce4/images/plus-minus.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 0 0;
mask-position: 0 0;
}
#webcommander-page .accordion-panel > .label-bar.expanded .toggle-icon,
#webcommander-page .accordion-panel > .label-bar.expanded:hover .toggle-icon {
background-image: none;
-webkit-mask-position: 0 -108px;
mask-position: 0 -108px;
}
#webcommander-page .accordion-panel > .label-bar:hover .toggle-icon {
background-color: var(--bk-color-ink, #000000);
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-carousel .owl-item .article-title {
background-image: none;
background-color: var(--bk-color-accent, #FFCB54);
-webkit-mask-image: url("/template/097c5ce4/images/rstar.svg");
mask-image: url("/template/097c5ce4/images/rstar.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 0 50%;
mask-position: 0 50%;
}
/* A browser without mask support would paint a solid rectangle, which is worse than the
flat artwork - give it the original files back. */
@supports not ((-webkit-mask-image: none) or (mask-image: none)) {
#webcommander-page .accordion-panel > .label-bar .toggle-icon {
background-image: url("/template/097c5ce4/images/plus-minus.svg");
background-color: transparent;
}
#webcommander-page .accordion-panel > .label-bar.expanded .toggle-icon {
background-position: 0 -108px;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .owl-carousel .owl-item .article-title {
background-image: url("/template/097c5ce4/images/rstar.svg");
background-color: transparent;
}
}
/* The rating line under "Customer Reviews": split so the stars can be masked without
clipping the words. `.widget-title::after` carried BOTH the star strip (background at
50% 20px) and the sentence "form 756 reviews" (pushed down by padding-top: 45px), and a
mask clips text as well as background - which is why this one was left out of the first
pass and stayed teal while the card stars followed the kit.
Now the ::after keeps ONLY the stars (masked, Accent) and the wrapper's free ::after
takes the sentence. Heights are matched to the original 73px box: 20 + 14 = 34 for the
stars, 11 + 28 = 39 for the line. */
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .widget-title::after {
content: "";
display: block;
width: 88px;
height: 14px;
margin: 20px auto 0;
padding-top: 0;
background-image: none;
background-color: var(--bk-color-accent, #FFCB54);
-webkit-mask-image: url("/template/097c5ce4/images/rstar.svg");
mask-image: url("/template/097c5ce4/images/rstar.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
/* A browser without mask support keeps the platform's combined star+text ::after. */
@supports not ((-webkit-mask-image: none) or (mask-image: none)) {
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .widget-title::after {
content: "form 756 reviews";
width: auto;
height: auto;
margin: 0;
padding-top: 45px;
background-image: url("/template/097c5ce4/images/rstar.svg");
background-repeat: no-repeat;
background-position: center 20px;
background-color: transparent;
}
#webcommander-page .owlCarousel.widget.widget-gallery.customer-reviews .widget-title-wrapper::after {
content: none;
}
}
/* [/MCP:wc-kit-driven-star-and-faq-icons] */