50% Off
*/
div.cmsItemPromoStamp {
font-weight: 500;
line-height: 30px;
min-height:30px;
}
.cmsFeaturedProduct_InstoreOnly div.cmsItemPromoStamp {
width: 140px;
margin-left:-70px;
}
/* PROMO STAMP APPLIED VIA CLASS
td select{
padding: 0 var(--templategap-small);
}
.cmsFormDataNoPrompt textarea{
padding: calc(2*var(--templategap-small)) var(--templategap-small);
}
.cmsFormElement,.row.cmsFormElement{
margin:0;
gap:var(--templategap-small);
margin-bottom:calc(2*var(--templategap-small));
}
.cmsFormElement, cmsFormSubmitRow {
display: flex;
}
.cmsFormPrompt, .cmsFormActions, .cmsFormDataNoPrompt {
flex: 1;
}
.cmsFormData, .cmsFormOptions {
flex: 3
}
.cmsFormData input, .cmsFormData select, .cmsFormData textarea, .cmsFormDataNoPrompt textarea {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.cmsFormElement,.cmsFormElements {
overflow:visible; /*for border focus*/
}
.cmsFormPrompt{
font-size:var(--fontsize-smaller);
}
label,.cmsFormPrompt,.productTabLI > a{
text-transform:var(--label-text-transform);
}
#cc2self {
margin-right: 6px;
vertical-align: middle;
}
/*------------------------------
FLEX FORM FIELDS
------------------------------*/
.cmsFormElements {
}
.cmsFormElement, cmsFormSubmitRow {
display:flex;
}
.cmsFormPrompt, .cmsFormActions, .cmsFormDataNoPrompt {
flex:1;
width: 100%;
}
.cmsFormData, .cmsFormOptions{
flex:3;
width: 100%;
}
.cmsFormElement{
flex-direction: var(--formelementdirection);
}
.cmsFormElement.paymentOption{
flex-direction: row;
}
/*==============================================
@MEDIA
================================================*/
@media (max-width: 1024px) {
}
@media (min-width:1301px) {
.is-box.desktop {
display: table
}
}
@media (max-width:1300px) {
.is-wrapper {
position: relative;
}
div.is-section.section-content {
max-width: none !important;
}
#wgtSoftCart {
margin: 1rem;
text-align: center !important;
}
ul#productTabUL {
display: flex;
flex-wrap: wrap;
}
ul#productTabUL li {
flex: 1;
}
div.leftAlignedImageBlock,
div.rightAlignedImageBlock {
float: none;
max-width: none;
margin-right: 0;
margin-bottom: 10px;
display: block;
}
}
/*==============================================
IS-MOBILE-MENU
================================================*/
.is-mobile-menu {
position: relative;
display:none;
}
.mobilemenuactive .is-mobile-menu {
display:block;
}
a#mobbtn {
display: none;
z-index: 2109;
cursor: pointer;
}
#mobbtnx i.icon {
font-size:36px;
}
a#mobbtnx {
cursor: pointer;
position: fixed;
z-index: 2111;
display: none;
}
.mobilemenuactive a#mobbtnx {
display: block;
}
.ineditor a#mobbtnx {
display: none;
}
.ineditor .is-wrapper .is-mobile-menu {
width: 560px;
margin-left: auto;
margin-right: auto;
display: block;
}
.is-wrapper {
position: relative;
}
.is-wrapper .is-mobile-menu .is-boxes {
left: 0%;
max-width: 380px;
width: 100%;
background: [WSCOL_PAGE];
background: [WSCOL_MENU];
background: white;
border-left: 1px solid #333;
}
.is-wrapper .is-mobile-menu {
position: absolute;
top: 0;
bottom: 0;
visibility: hidden;
background: rgba(255, 255, 255, 0.5);
-webkit-transition: visibility .5s ease-in-out;
transition: visibility .5s ease-in-out;
z-index: 2110;
display: none;
}
.ineditor .is-wrapper .is-mobile-menu {
position: relative;
left: 0;
visibility: visible;
}
/*==============================================
MOBILE LIST STYLING
================================================*/
.mobilemenucontainer ul,
.mobilecatmenucontainer ul {
display: block;
margin: 5px;
padding: 5px;
}
.mobilemenucontainer li,
.mobilecatmenucontainer li {
display: block;
list-style-type: none;
padding: var(--templategap-small);
margin: var(--templategap-small);
}
.is-mobile-menu .mobilemenucontainer>li,
.is-mobile-menu .mobilecatmenucontainer>li {
border-bottom: 1px solid [WSCOL_PAGE_BORDER];
padding-top: var(--templategap-small);
padding-bottom: var(--templategap-small);
}
.is-mobile-menu .mobilemenucontainer>li>a,
.is-mobile-menu .mobilecatmenucontainer>li>a {
font-weight: 700;
}
.is-mobile-menu .mobilemenucontainer li a,
.is-mobile-menu .mobilecatmenucontainer li a {
display: inline-block;
padding-top:var(--templategap-small);
padding-bottom: var(--templategap-small);
}
.is-mobile-menu .searchFormDiv input {
width: 33%;
}
.is-mobile-menu .searchFormDiv input:first-child {
width: auto;
}
.is-mobile-menu .is-boxes {
height: 100%!important;
}
/*==============================================
ACTIVE MOBILE BREAKPOINT - 1300px
================================================*/
/*@media (max-width:1300px) {*/
@media (max-width:560px) {
.mobilemenuactive .is-wrapper .is-mobile-menu {
display: block !important;
visibility: visible;
z-index: 2121;
}
a#mobbtn {
display: block;
}
}
/* end mobile menu */
/*=============================
HAS SUBMENU + ADDED VIA JS
=============================*/
.mobilemenucontainer button,
.mobilecatmenucontainer button {
background: inherit;
border: 1px solid black;
border-color: [WSCOL_PAGE_BORDER];
border-color: [WSCOL_THEME_PRIMARY];
border-color: [WSCOL_LINK];
max-width: 50px;
flex: 1;
cursor: pointer;
padding:0;
}
.mobilemenucontainer ul,
.mobilecatmenucontainer ul {
display: none;
}
#menu li button,
#catmenu li button {
display: none;
}
.mobilemenucontainer li.active>ul,
.mobilecatmenucontainer li.active>ul {
display: block;
width: 100%;
margin: 0 0 1rem 0;
padding: 0;
border-left: 1px dotted [WSCOL_PAGE_BORDER];
}
.mobilemenucontainer li,
.mobilecatmenucontainer li {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0 0 0 1rem;
margin: 0;
}
.mobilemenucontainer li.hassubmenu>a,
.mobilecatmenucontainer li.hassubmenu>a {
flex: 1;
}
.mobilemenucontainer li.hassubmenu button .plus,
.mobilecatmenucontainer li.hassubmenu button .plus {
transition: 0.70s;
-webkit-transition: 0.30s;
-moz-transition: 0.30s;
-ms-transition: 0.30s;
-o-transition: 0.30s;
}
.mobilemenucontainer li.hassubmenu.active>button .plus,
.mobilecatmenucontainer li.hassubmenu.active>button .plus {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
button.toggle .plus {
height: 12px;
width: 12px;
margin: 0 auto;
position: relative;
}
.active button.toggle .plus:before {
opacity: 0;
}
.inactive button.toggle .plus:before {
opacity: 1;
}
.active button.toggle.plus::before, button.toggle.active .plus::after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
button.toggle .plus::before {
width: 11px;
height: 1px;
opacity: 1;
}
button.toggle .plus::after {
width: 1px;
height: 11px;
opacity: 1;
}
button.toggle .plus::before, button.toggle .plus::after {
position: absolute;
content: '';
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
background-color: [WSCOL_THEME_PRIMARY];
background-color: [WSCOL_LINK];
-webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
@media (max-width:560px) {
.mobilemenucontainer li.hassubmenu:after,
.mobilecatmenucontainer li.hassubmenu:after {
display: none;
}
/*Allow mobile flex ordering by default*/
#cmsPageContent{
display:flex;
flex-direction:column;
}
}
@media (max-width:450px) {
#cmsPageHeaderTopTools{width:100%;}
}