@charset "UTF-8";
@charset "UTF-8";
[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}.ps-theme-wpc {
-ms-touch-action: none;
touch-action: none;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-theme-wpc {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-theme-wpc {
overflow: auto !important;
}
}
.ps-theme-wpc.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-wpc.ps-active-y > .ps-scrollbar-y-rail {
display: block;
background-color: transparent;
}
.ps-theme-wpc.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-x-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
bottom: 0; height: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute; background-color: rgba(0, 0, 0, 1);
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
bottom: 0; height: 2px !important;
border-radius: 1px !important;
}
.ps-theme-wpc > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-wpc > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
height: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-y-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
right: 0; width: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute; background-color: rgba(0, 0, 0, 1); transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
right: 0; width: 2px !important;
border-radius: 1px !important;
}
.ps-theme-wpc > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-wpc > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
height: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
}

@keyframes wpc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes woosc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes woosc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.woosc-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 99999999;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-popup.open {
opacity: 1;
visibility: visible;
}
.woosc-popup.open .woosc-popup-inner .woosc-popup-content {
top: 50%;
}
.woosc-popup .woosc-popup-inner {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content {
position: absolute;
padding: 15px;
top: 60%;
left: 50%;
width: 360px;
height: 360px;
max-width: 90%;
max-height: 90%;
background-color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
transform: translate3d(-50%, -50%, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-popup.woosc-share .woosc-popup-inner .woosc-popup-content {
height: auto;
padding: 30px;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-popup-close {
width: 32px;
height: 32px;
line-height: 32px;
position: absolute;
top: -32px;
right: -32px;
color: #fff;
text-align: center;
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/close.svg);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-input input {
display: block;
width: 100%;
border: none;
height: 40px;
line-height: 40px;
padding: 0 10px;
box-shadow: none;
color: #222;
background-color: #f2f2f2;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-appearance: none;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result {
flex-grow: 1;
margin-top: 15px;
overflow-y: auto;
position: relative;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul {
margin: 0;
padding: 0;
list-style: none;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li {
display: block;
padding: 10px 0;
border: 1px solid #fafafa;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner {
display: flex;
align-items: center;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-image {
width: 48px;
flex: 0 0 48px;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-image img {
width: 100%;
height: auto;
margin: 0;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: none;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-name {
flex-grow: 1;
padding: 0 10px;
color: #222;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-add {
width: 48px;
text-align: center;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-add span {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
color: #222;
background-color: #f2f2f2;
cursor: pointer;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-add span:hover {
color: #fff;
background-color: #222;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 7;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result:after {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
opacity: 0;
visibility: hidden;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result.woosc-loading:before, .woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result.woosc-loading:after {
opacity: 1;
visibility: visible;
}
.woosc-area {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999979;
box-sizing: border-box;
pointer-events: none;
}
.woosc-area .woosc-inner {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.woosc-area .woosc-inner .woosc-table {
padding: 15px 15px 78px 15px;
margin: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
background-color: #292a30;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-size: 14px;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: 99999997;
pointer-events: none;
}
.woosc-area .woosc-inner .woosc-table * {
box-sizing: border-box;
}
.woosc-area .woosc-inner .woosc-table.woosc-table-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner {
background-color: #ffffff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
width: 100%;
height: 100%;
max-height: 100%;
overflow: hidden;
position: relative;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
z-index: 7;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner:after {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
visibility: hidden;
z-index: 8;
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner.woosc-loading:before, .woosc-area .woosc-inner .woosc-table .woosc-table-inner.woosc-loading:after {
opacity: 1;
visibility: visible;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-close {
z-index: 6;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-close .woosc-table-close-icon {
display: block;
position: relative;
width: 100%;
height: 100%;
min-width: 52px;
min-height: 52px;
background-color: #eeeeee;
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/remove-dark.svg);
background-repeat: no-repeat;
background-position: center;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items {
z-index: 5;
height: 100%;
position: relative;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items .woosc-no-result, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items .woosc-unauthenticated {
display: block;
padding: 15px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table {
border-spacing: 0;
border-collapse: collapse;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0;
z-index: 6;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead {
z-index: 8;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr {
border: none;
margin: 0;
padding: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th {
position: relative;
border-collapse: collapse;
z-index: 8 !important;
text-transform: uppercase;
padding: 15px 15px 15px 0;
margin: 0;
width: auto;
min-width: 200px;
max-width: 300px;
vertical-align: middle;
color: #43454b;
font-weight: 700;
text-align: left;
background-color: #f7f7f7;
border: none;
border-image-width: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th .woosc-remove, .woosc-page .woosc-remove {
text-transform: none;
font-weight: 400;
text-decoration: underline;
cursor: pointer;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th:first-child {
padding-left: 15px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a {
text-decoration: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody {
z-index: 7;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr {
border: none;
margin: 0;
padding: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td {
position: relative;
border-collapse: collapse;
background-color: #ffffff;
padding: 15px 15px 15px 0;
vertical-align: top;
text-align: left;
width: auto;
min-width: 200px;
max-width: 300px;
color: #43454b;
font-weight: 400;
border: none;
z-index: 6;
border-image-width: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td:first-child {
z-index: 7;
padding-left: 15px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td.td-placeholder {
text-align: center;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td.td-placeholder:before {
content: "";
display: inline-block;
width: 60px;
height: 8px;
background-color: #eeeeee;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image td.td-placeholder {
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/placeholder.png);
background-repeat: no-repeat;
background-position: center;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image td.td-placeholder:before {
display: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image a {
text-decoration: none;
outline: none;
display: block;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image img {
display: block;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: none;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-add_to_cart td p, .woosc_table tbody tr.tr-add_to_cart td p, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-add_to_cart td .add_to_cart_inline, .woosc_table tbody tr.tr-add_to_cart td .add_to_cart_inline {
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-rating td .star-rating {
float: left;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr:nth-child(2n) td {
background-color: #fbfbfb;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-highlight td {
background-color: #fff8d9;
border-bottom: 1px solid #dfd7af;
}
.woosc-page .woosc_table tr.tr-highlight td {
background-color: #fff8d9;
border-bottom: 1px solid #dfd7af;
}
.woosc-page .woosc-table-settings {
display: none !important;
}
.woosc-page .woosc-remove-all {
font-weight: 400;
text-decoration: underline;
cursor: pointer;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-hide {
display: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-similar {
display: none;
}
.woosc-page .woosc_table tr.tr-hide, .woosc-page .woosc_table tr.tr-similar {
display: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr:hover td {
background-color: #f8f8f8;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-1 thead tr th, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-2 thead tr th {
width: 25%;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-1 tbody tr td, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-2 tbody tr td {
width: 25%;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items .ps-scrollbar-x-rail, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items .ps-scrollbar-y-rail {
z-index: 999999;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-settings {
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/checkbox-dark.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center left;
padding-left: 21px;
}
.woosc-area .woosc-inner .woosc-bar {
width: 100%;
height: 78px;
position: fixed;
left: 0;
bottom: -80px;
padding: 15px;
box-sizing: border-box;
background-color: #292a30;
color: #cfd2d4;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
flex-wrap: nowrap;
z-index: 99999998;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn {
height: 48px;
line-height: 48px;
padding: 0 20px 0 68px;
position: relative;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #00a0d2;
font-size: 14px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
order: 1;
margin-left: 15px;
cursor: pointer;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper {
width: 48px;
height: 48px;
line-height: 48px;
background-color: rgba(0, 0, 0, 0.1);
text-align: center;
display: inline-block;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner {
width: 16px;
height: 12px;
margin-top: 18px;
margin-left: 16px;
position: relative;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #ffffff;
border-radius: 2px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-ms-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(1) {
top: 0px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(2) {
top: 5px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(3) {
top: 10px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn.woosc-bar-btn-open .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(1) {
top: 6px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn.woosc-bar-btn-open .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(2) {
opacity: 0;
left: -60px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn.woosc-bar-btn-open .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(3) {
top: 6px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn.woosc-bar-btn-icon {
font-size: 0;
padding: 0;
width: 48px;
overflow: hidden;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-filter {
display: inline-block;
position: relative;
margin: 0 10px 0 0;
padding: 0 15px 0 40px;
height: 48px;
line-height: 48px;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/filter.svg);
background-size: 14px;
background-repeat: no-repeat;
background-position: 15px center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-filter select {
font-size: 14px;
font-weight: 400;
height: 48px;
line-height: 48px;
padding: 0;
margin: 0;
border: none;
border-radius: 2px;
background: none;
color: #ffffff;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-search {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
margin: 0 10px 0 0;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/add.svg);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-settings-tools {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}
.woosc-settings-fields {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
position: relative;
overflow-y: auto;
}
.woosc-settings-fields li span {
cursor: move;
margin-left: 5px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woosc-bar-print, .woosc-bar-share, .woosc-bar-search, .woosc-bar-remove {
width: 48px;
flex: 0 0 48px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-print {
width: 48px;
height: 48px;
display: none;
position: relative;
margin: 0 10px 0 0;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/printer.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-area.woosc-area-open-table.woosc-area-open-bar .woosc-inner .woosc-bar .woosc-bar-print {
display: inline-block;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-share {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
margin: 0 10px 0 0;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/share.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-share-content {
width: 100%;
height: 100%;
min-height: 120px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.woosc-share-content:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 7;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
}
.woosc-share-content:after {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
opacity: 0;
visibility: hidden;
}
.woosc-share-content.woosc-loading {
pointer-events: none;
}
.woosc-share-content.woosc-loading:before, .woosc-share-content.woosc-loading:after {
opacity: 1;
visibility: visible;
}
.woosc-share-content input[type=url] {
width: 100%;
text-align: center;
}
.woosc-share-text, .woosc-share-link, .woosc-share-links {
width: 100%;
}
.woosc-share-link, .woosc-share-links {
margin-top: 10px;
}
.woosc-share-links a {
margin-left: 5px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-remove {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
margin: 0 0 0 10px;
cursor: pointer;
background-color: #e32718;
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/trash.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items {
height: 48px;
flex-grow: 1;
white-space: nowrap;
width: auto;
text-align: right;
order: 0;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
margin: 0 5px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item.woosc-bar-item-hidden {
pointer-events: none;
opacity: 0.2;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item.woosc-bar-item-hidden img {
filter: grayscale(1);
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item img {
width: 48px;
height: 48px;
cursor: move;
margin: 0;
z-index: 6;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item .woosc-bar-item-remove {
width: 12px;
height: 12px;
position: absolute;
top: 2px;
right: 2px;
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/remove.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #292a30;
z-index: 7;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
cursor: pointer;
opacity: 0;
visibility: hidden;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item .woosc-bar-item-remove:hover {
background-color: #ff2222;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item.removing {
opacity: 0.5;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item:hover .woosc-bar-item-remove {
opacity: 1;
visibility: visible;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item:first-child {
margin-left: 0px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item:last-child {
margin-right: 0px;
}
.woosc-area .woosc-inner .woosc-bar.woosc-bar-open {
bottom: 0;
pointer-events: auto;
opacity: 1;
visibility: visible;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-notice {
position: fixed;
bottom: 88px;
width: auto;
left: 50%;
padding: 0 10px;
background-color: rgba(0, 0, 0, 0.7);
color: #ffffff;
border-radius: 2px;
transform: translate(-50%, 10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-area.woosc-area-open-bar.woosc-bar-click-outside-yes:not(.woosc-area-open-table) .woosc-inner .woosc-bar:hover .woosc-bar-notice,
.woosc-area.woosc-area-open-bar.woosc-bar-click-outside-yes-empty[data-count="0"]:not(.woosc-area-open-table) .woosc-inner .woosc-bar:hover .woosc-bar-notice {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
}
.woosc-area .woosc-inner .woosc-bar[data-count="0"] .woosc-bar-search {
margin-right: 0;
}
.woosc-area .woosc-inner .woosc-bar[data-count="0"] .woosc-bar-filter, .woosc-area .woosc-inner .woosc-bar[data-count="0"] .woosc-bar-remove, .woosc-area .woosc-inner .woosc-bar[data-count="1"] .woosc-bar-remove {
display: none;
}
.woosc-area.woosc-bar-top .woosc-inner .woosc-table {
padding: 78px 15px 15px 15px;
}
.woosc-area.woosc-bar-top .woosc-inner .woosc-bar {
top: -80px;
bottom: auto;
}
.woosc-area.woosc-bar-top .woosc-inner .woosc-bar.woosc-bar-open {
top: 0;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-btn {
order: 0;
margin-left: 0;
margin-right: 15px;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-remove {
order: 1;
margin: 0 10px 0 0;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-items {
order: 2;
text-align: left;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-search {
order: 3;
margin: 0 0 0 10px;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-share {
order: 4;
margin: 0 0 0 10px;
}
.woosc-btn {
cursor: pointer;
}
.woosc-btn.woosc-btn-adding:after {
content: "...";
}
.woosc-btn.woosc-btn-has-icon.woosc-btn-adding:after {
display: none !important;
}
.woosc-btn.woosc-btn-added:before {
content: "✓";
margin-right: 5px;
}
.woosc-btn.woosc-btn-has-icon.woosc-btn-added:before {
display: none !important;
}
.woosc-btn-has-icon {
display: inline-flex;
align-items: center;
}
.woosc-btn-has-icon .woosc-btn-icon {
margin: 0;
}
.woosc-btn-icon-text .woosc-btn-text {
margin-left: 5px;
}
.woosc-btn-text-icon .woosc-btn-text {
margin-right: 5px;
}
.woosc-btn-has-icon.woosc-btn-adding .woosc-btn-icon {
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
}
.woosc-link a {
color: inherit;
}
.woosc-link .woosc-link-inner {
position: relative;
}
.woosc-link .woosc-link-inner:after {
content: attr(data-count);
display: block;
background-color: #e94b35;
color: #fff;
font-size: 10px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
position: absolute;
top: -10px;
right: -10px;
}
.woosc-menu-item .woosc-menu-item-inner {
position: relative;
}
.woosc-menu-item .woosc-menu-item-inner:after {
content: attr(data-count);
display: block;
background-color: #e94b35;
color: #ffffff;
font-size: 10px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
position: absolute;
top: -10px;
right: -10px;
}
body.woocommerce-cart .woosc-hide-checkout, body.woocommerce-checkout .woosc-hide-checkout, .woosc-hide-empty[data-count="0"] {
display: none;
}
.woosc_list {
max-width: 100%;
overflow-x: auto;
}
.woosc_table table tr th, .woosc_table table tr td {
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
}
@media screen and (max-width: 767px) {
.woosc-bar .woosc-bar-btn {
font-size: 0 !important;
padding: 0 !important;
width: 48px !important;
flex: 0 0 48px !important;
overflow: hidden;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item .woosc-bar-item-remove {
opacity: 1;
visibility: visible;
}
}
.woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble {
background-color: transparent !important;
background: none !important;
pointer-events: none;
}
.woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble .woosc-bar-btn {
pointer-events: auto;
width: 48px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
}
.woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble > a, .woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble .woosc-bar-items, .woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble .woosc-bar-remove, .woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble .woosc-bar-filter {
display: none !important;
} .notiny-container {
z-index: 999999;
}
.notiny-theme-woosc {
padding: 10px;
background-color: #ffffff;
color: #222222;
margin: 5px 0;
min-height: 32px;
max-width: 100vw;
display: flex;
align-items: center;
border: 1px solid #eeeeee;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.03);
}
.notiny-theme-woosc .notiny-img {
margin: 0;
padding: 0;
width: 48px;
flex: 0 0 48px;
margin-right: 10px;
}
.notiny-theme-woosc .notiny-img img {
width: 100%;
height: auto;
margin: 0;
}
.notiny-theme-woosc .notiny-text {
font-size: 14px;
line-height: 1.4;
flex-grow: 1;
}
.notiny-container-fluid-top .notiny-theme-woosc, .notiny-container-fluid-bottom .notiny-theme-woosc {
width: 90%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.notiny-container-fluid-top {
top: 10px !important;
}
.notiny-container-fluid-bottom {
bottom: 10px !important;
} .woosc-area-open-sidebar {
background-color: rgba(0, 0, 0, 0.7);
pointer-events: auto;
}
.woosc-sidebar {
font-size: 14px;
background-color: #ffffff;
width: 100%;
height: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
position: absolute;
top: 0;
right: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
display: flex;
flex-direction: column;
}
.woosc-sidebar.woosc-sidebar-position-left {
right: unset;
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.woosc-area-open-sidebar .woosc-sidebar {
pointer-events: auto;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.woosc-sidebar .woosc-sidebar-items {
flex-grow: 1;
position: relative;
padding: 10px 0;
overflow-y: auto;
}
.woosc-sidebar .woosc-sidebar-items:before {
content: "";
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
opacity: 0;
visibility: hidden;
}
.woosc-sidebar .woosc-sidebar-items:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 7;
background-color: rgba(255, 255, 255, 0.5);
opacity: 0;
visibility: hidden;
}
.woosc-sidebar.woosc-loading .woosc-sidebar-items:before, .woosc-sidebar.woosc-loading .woosc-sidebar-items:after {
opacity: 1;
visibility: visible;
}
.woosc-sidebar .woosc-sidebar-items .woosc-sidebar-no-items {
padding: 20px;
text-align: center;
}
.woosc-sidebar .woosc-sidebar-top {
flex: 0 0 auto;
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
margin: 0;
position: relative;
color: #222222;
font-weight: 700;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0.1);
}
.woosc-sidebar .woosc-sidebar-close {
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
font-size: 0;
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/close-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
}
.woosc-sidebar-item {
padding: 0 20px;
}
.woosc-sidebar-item-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
border-top: 1px dashed #eeeeee;
}
.woosc-sidebar-items .woosc-sidebar-item:first-child .woosc-sidebar-item-inner {
border-top: none;
}
.woosc-sidebar-item-inner > div {
margin-right: 10px;
}
.woosc-sidebar-item-inner > div:last-child {
margin-right: 0;
}
.woosc-sidebar-item .woosc-sidebar-item-remove {
width: 14px;
flex: 0 0 14px;
font-size: 0;
}
.woosc-sidebar-item .woosc-sidebar-item-remove span {
width: 10px;
height: 10px;
display: inline-block;
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-compare/assets/images/remove-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 10px;
cursor: pointer;
}
.woosc-sidebar-item .woosc-sidebar-item-thumb {
width: 80px;
flex: 0 0 80px;
}
.woosc-sidebar-item .woosc-sidebar-item-thumb img {
width: 100%;
height: auto;
margin: 0;
}
.woosc-sidebar-item .woosc-sidebar-item-info {
flex-grow: 1;
}
.woosc-sidebar-item .woosc-sidebar-item-info .woosc-sidebar-item-name, .woosc-sidebar-item .woosc-sidebar-item-info .woosc-sidebar-item-name a {
font-weight: 700;
text-decoration: none;
}
.woosc-sidebar-item-action p {
margin: 0 !important;
}
.woosc-sidebar-bot {
padding: 20px;
text-align: center;
}
.woosc-sidebar-btn {
height: 40px;
line-height: 40px;
text-align: center;
padding: 0 10px;
cursor: pointer;
box-sizing: border-box;
background-color: #00a0d2;
color: #ffffff;
font-size: 14px;
font-weight: 700;
border: none;
text-decoration: none;
display: inline-block;
width: 100%;
text-transform: uppercase;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-sidebar-continue {
display: block;
margin-top: 10px;
}
.woosc-sidebar-continue span {
color: #444;
text-transform: uppercase;
border-bottom: 1px solid #444;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
} .woosc-quick-table .woosc-quick-table-products {
width: 100%;
overflow-x: auto;
}
.woosc-quick-table .woosc_table thead .woosc-remove, .woosc-quick-table .woosc_table thead .woosc-table-settings {
display: none;
}
.woosc-quick-table .woosc_table th, .woosc-quick-table .woosc_table td {
min-width: 300px;
background-color: #ffffff;
}
.woosc-quick-table .woosc_table th.th-label, .woosc-quick-table .woosc_table td.td-label {
min-width: 160px;
}
.woosc-quick-table .woosc_table th, .woosc-quick-table .woosc_table tr:nth-child(2n) td {
background-color: #fbfbfb;
}
.woosc-quick-table.label-column-no .woosc_table .th-label, .woosc-quick-table.label-column-no .woosc_table .td-label {
display: none;
}
.woosc-area.woosc-need-login .woosc-bar .woosc-bar-print, .woosc-area.woosc-need-login .woosc-bar .woosc-bar-share, .woosc-area.woosc-need-login .woosc-bar .woosc-bar-search, .woosc-area.woosc-need-login .woosc-bar .woosc-bar-items {
pointer-events: none !important;
opacity: 0.5 !important;
} .woosc-print, .woosc-area .table-print, .woosc-area .tr-print, .woosc-area .td-print, .woosc_table .tr-print, .woosc_table .td-print {
display: none;
}
@media print {
.woosc-print {
display: block;
}
div.woosc-print {
display: block;
}
span.woosc-print {
display: inline-block;
}
.woosc-area .table-print {
display: table;
}
.woosc-area .tr-print {
display: table-row;
}
.woosc-area .td-print {
display: table-cell;
}
.woosc-area {
font-size: 14px !important;
}
.woosc-area .woosc-bar, .woosc_table thead, .woosc_table .woosc-table-close, .woosc_table .woosc-remove {
display: none !important;
}
.woosc-area .woosc-inner .woosc-table {
padding: 0;
}
.woosc-area {
position: absolute;
height: auto;
}
.woosc-area .woosc-inner {
height: auto;
}
.woosc-area .woosc-inner .woosc-table {
position: absolute;
height: auto;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner {
height: auto;
max-height: unset;
}
.woosc-area .tr-name td:not(.td-label), .woosc-area .tr-name td:not(.td-label) a {
font-weight: 700;
text-transform: uppercase;
pointer-events: none;
text-decoration: none;
}
.woosc_table .tr-add_to_cart {
display: none;
}
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}@font-face {
font-family: 'feather';
src: url(//funmath4kids.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.eot);
src: url(//funmath4kids.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.eot#iefix) format('embedded-opentype'),
url(//funmath4kids.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.ttf) format('truetype'),
url(//funmath4kids.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.woff) format('woff'),
url(//funmath4kids.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.svg#feather) format('svg');
font-weight: normal;
font-style: normal;
}@keyframes wpc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes woosq-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes woosq-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.woosq-btn-has-icon {
display: inline-flex;
align-items: center;
}
.woosq-btn-has-icon .woosq-btn-icon {
margin: 0;
}
.woosq-btn-icon-text .woosq-btn-text {
margin-left: 5px;
}
.woosq-btn-text-icon .woosq-btn-text {
margin-right: 5px;
}
.woosq-popup {
position: relative;
width: 90%;
max-width: 920px;
margin: 0 auto;
padding: 0;
background-color: #fff;
max-height: 460px;
box-sizing: border-box;
overflow: hidden;
}
.woosq-popup *, .woosq-sidebar * {
box-sizing: border-box;
}
.woosq-open .select2-container {
z-index: 99999969;
}
.woosq-product {
position: relative;
overflow: hidden;
}
.woosq-product > .product {
display: flex !important;
float: none !important;
}
.woosq-product > .product > div {
width: 50% !important;
float: none !important;
margin: 0 !important;
height: 460px;
overflow: auto;
}
.woosq-product .thumbnails {
outline: none;
width: 460px;
max-height: 460px;
text-align: center;
position: relative;
background-color: #f9f9f9;
}
.woosq-product .thumbnails .images {
width: 100% !important;
height: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
.woosq-product .thumbnails .thumbnail {
display: flex;
height: 100%;
justify-content: center;
}
.woosq-product .thumbnails img {
display: block;
object-fit: contain;
object-position: center;
vertical-align: middle;
max-height: 460px;
max-width: 100%;
margin: auto;
border-radius: 0;
}
.woosq-product .thumbnails img[data-fancybox="gallery"] {
cursor: pointer;
}
.woosq-open .fancybox-container {
z-index: 99999970;
}
.woosq-product .thumbnails {
position: relative;
margin: 0 0 0 0;
}
.woosq-product .thumbnails .slick-slide {
outline: none;
max-height: 100%;
}
.woosq-product .thumbnails .slick-list {
display: flex;
width: 100%;
height: 100%;
max-height: 100%;
position: relative;
}
.woosq-product .thumbnails .slick-track {
display: flex;
align-items: center;
max-height: 460px;
}
.woosq-product .thumbnails .slick-dots {
margin: 0;
padding: 0;
display: block;
width: 100%;
text-align: center;
position: absolute;
left: 0;
bottom: 10px;
z-index: 8;
}
.woosq-product .thumbnails .slick-dots li {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
cursor: pointer;
}
.woosq-product .thumbnails .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 16px;
height: 16px;
padding: 5px;
margin: 0;
text-align: center;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
opacity: .5;
}
.woosq-product .thumbnails .slick-dots li.slick-active button {
opacity: 1;
}
.woosq-product .thumbnails .slick-dots li button:before {
content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #000000;
}
.woosq-product .thumbnails .slick-dots li button:focus {
outline: none;
}
.woosq-product .thumbnails .slick-arrow {
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
overflow: hidden;
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 0;
color: #222;
background-color: transparent;
border-radius: 0;
border: none !important;
z-index: 8;
}
.woosq-product .thumbnails .slick-arrow:hover {
color: #fff;
background-color: rgba(0, 0, 0, .5);
}
.woosq-product .thumbnails .slick-arrow:before {
font-family: "feather";
font-size: 24px;
line-height: 44px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woosq-product .thumbnails .slick-arrow:focus {
outline: none;
}
.woosq-product .thumbnails .slick-arrow.slick-prev {
left: 0;
}
.woosq-product .thumbnails .slick-arrow.slick-prev:before {
content: '\e929';
}
.woosq-product .thumbnails .slick-arrow.slick-next {
right: 0;
}
.woosq-product .thumbnails .slick-arrow.slick-next:before {
content: '\e92a';
}
.woosq-product > .product .summary {
margin: 0;
padding: 0;
background-color: #fff;
}
.woosq-related {
padding-top: 20px;
padding-bottom: 0;
margin-top: 10px;
margin-bottom: 0;
border-width: 1px 0 0 0;
border-style: dashed;
border-color: #dddddd;
}
.woosq-related .woosq-related-heading {
margin-bottom: 10px;
}
.woosq-related .woosq-related-product {
outline: none;
display: flex;
align-items: center;
}
.woosq-related .woosq-related-product .woosq-related-product-image {
width: 80px;
flex: 0 0 80px;
margin: 0;
}
.woosq-related .woosq-related-product .woosq-related-product-image img {
width: 100%;
height: auto;
}
.woosq-related .woosq-related-product .woosq-related-product-info {
flex-grow: 1;
padding: 0 10px;
text-align: start;
}
.woosq-related .woosq-related-product .woosq-related-product-name {
font-weight: 700;
}
.woosq-related .woosq-related-product .woosq-related-product-atc p, .woosq-related .woosq-related-product .woosq-related-product-atc .add_to_cart_inline {
margin: 0;
padding: 0;
border: none;
display: inline-block;
width: 100%;
}
.woosq-related .woosq-related-product .woosq-related-product-atc p .button {
display: block;
margin: 0;
outline: none;
}
.woosq-related .slick-dots {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
.woosq-related .slick-dots li {
display: inline-block;
margin: 0 5px;
font-size: 0;
}
.woosq-related .slick-dots li button {
width: 8px;
height: 8px;
border-radius: 50%;
padding: 0;
font-size: 0;
line-height: 0;
background-color: rgba(0, 0, 0, .2);
border: none;
outline: none;
overflow: hidden;
}
.woosq-related .slick-dots li.slick-active button {
background-color: rgba(0, 0, 0, .5);
}
.view-details-btn {
width: 50%;
height: 44px;
line-height: 44px;
overflow: hidden;
position: absolute;
left: auto;
right: 0;
bottom: 0;
background-color: #222;
box-shadow: 10px -20px 20px #fff;
color: #fff;
text-align: center;
outline: none;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.view-details-btn:after {
content: '\e90f';
font-family: "feather";
margin-left: 10px;
}
.view-details-btn:hover {
background-color: #5fbd74;
}
.woosq-product > .product .summary .summary-content {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
position: relative;
padding: 20px;
}
.woosq-popup.view-details .woosq-product > .product .summary .summary-content {
padding-bottom: 64px;
} body.rtl .mfp-woosq .mfp-close {
right: auto !important;
left: 0 !important;
} @media screen and (max-width: 1023px) {
.woosq-popup {
max-width: 460px;
max-height: 90vh;
overflow: hidden;
display: flex;
flex-direction: column;
}
.woosq-product {
height: 100%;
flex-grow: 1;
position: relative;
overflow-y: auto;
}
.woosq-product > .product {
display: flex;
flex-direction: column;
}
.woosq-product > .product > div {
width: 100% !important;
float: none !important;
margin: 0 !important;
height: auto;
}
.woosq-product > .product .thumbnails {
max-height: 338px;
}
.woosq-product .thumbnails img {
max-height: 338px;
margin: 0;
}
.woosq-product .thumbnails .slick-track {
max-height: 338px;
}
.view-details-btn {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.mfp-woosq .mfp-arrow {
display: none;
}
} .mfp-woosq {
z-index: 99999969;
overflow: auto;
}
.mfp-woosq .mfp-content {
text-align: -webkit-auto;
}
.mfp-woosq .mfp-container {
padding: 0;
}
.mfp-woosq .mfp-close {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 0;
}
.mfp-woosq .mfp-close:hover {
background-color: transparent;
}
.mfp-woosq .mfp-close:active {
top: 0;
}
.mfp-woosq .mfp-close:focus {
outline: none;
}
.mfp-woosq .mfp-close:before {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
content: '\e9ea';
font-family: "feather";
display: inline-block;
font-size: 24px;
color: #222;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mfp-woosq .mfp-preloader {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
font-size: 0;
margin: 0 auto;
margin-top: -15px;
margin-left: -15px;
right: auto;
bottom: auto;
}
.mfp-woosq .mfp-preloader:before {
content: '\e9a7';
font-family: "feather";
display: inline-block;
font-size: 24px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
-webkit-animation: woosq-spinner 1s linear infinite;
-moz-animation: woosq-spinner 1s linear infinite;
-ms-animation: woosq-spinner 1s linear infinite;
-o-animation: woosq-spinner 1s linear infinite;
animation: woosq-spinner 1s linear infinite;
}
.mfp-woosq .mfp-arrow {
width: 60px;
height: 60px;
line-height: 60px;
border: none;
padding: 0;
outline: none;
text-align: center;
margin-top: -30px;
border-radius: 0;
opacity: 1;
}
.mfp-woosq .mfp-arrow:active {
margin-top: -30px;
}
.mfp-woosq .mfp-arrow:hover {
background-color: rgba(0, 0, 0, .5);
}
.mfp-woosq .mfp-arrow:focus {
outline: none;
}
.mfp-woosq .mfp-arrow:before {
width: 60px;
height: 60px;
line-height: 60px;
padding: 0;
border-width: 0;
margin: 0;
display: inline-block;
font-family: "feather";
font-size: 24px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
}
.mfp-woosq .mfp-arrow:after {
display: none;
}
.mfp-woosq .mfp-arrow.mfp-arrow-left:before {
content: '\e90e';
}
.mfp-woosq .mfp-arrow.mfp-arrow-right:before {
content: '\e90f';
} .mfp-fade {   }
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
} .mfp-zoom-in {   }
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-newspaper {   }
.mfp-newspaper .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.5s;
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
transform: scale(0) rotate(500deg);
opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-horizontal {   }
.mfp-move-horizontal .mfp-with-anim {
opacity: 0;
transition: all 0.3s;
transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
transform: translateX(50px);
opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-from-top {   }
.mfp-move-from-top .mfp-content {
}
.mfp-move-from-top .mfp-with-anim {
opacity: 0;
transition: all 0.2s;
transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
transform: translateY(-50px);
opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-3d-unfold {   }
.mfp-3d-unfold .mfp-content {
perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform-style: preserve-3d;
transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
opacity: 1;
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
transform: rotateY(60deg);
opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-zoom-out {   }
.mfp-zoom-out .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-slide-bottom {   }
.mfp-slide-bottom .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
} .mfp-slide-bottom.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-moz-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
-o-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
} .mfp-slide-bottom.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
} .mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
} .mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
} .mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
} .woosq-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 99999968;
opacity: 0;
visibility: hidden;
}
.woosq-sidebar {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
padding: 0;
height: 100%;
max-height: 100%;
background-color: #ffffff;
z-index: 99999969;
position: fixed;
display: flex;
flex-direction: column;
opacity: 0;
visibility: hidden;
}
.woosq-sidebar .woosq-close {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 0;
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-quick-view/assets/images/close.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
text-align: center;
position: absolute;
top: 0;
left: -40px;
z-index: 9;
cursor: pointer;
}
body.woosq-open .woosq-overlay, body.woosq-open .woosq-sidebar {
opacity: 1;
visibility: visible;
}
.woosq-sidebar .woosq-product {
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto;
}
.woosq-sidebar .woosq-product > .product {
display: flex;
flex-direction: column;
}
.woosq-sidebar .woosq-product > .product > div {
width: 100% !important;
float: none !important;
margin: 0 !important;
height: auto;
}
.woosq-sidebar .view-details-btn {
width: 100%;
position: relative;
box-shadow: none;
padding: 14px 20px;
line-height: 1;
height: auto;
}
.woosq-sidebar.woosq-loading:before {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .5);
position: absolute;
top: 0;
left: 0;
z-index: 8;
}
.woosq-sidebar.woosq-loading:after {
width: 32px;
height: 32px;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
content: '';
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-quick-view/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-animation: woosq-spinner 1s linear infinite;
-moz-animation: woosq-spinner 1s linear infinite;
-ms-animation: woosq-spinner 1s linear infinite;
-o-animation: woosq-spinner 1s linear infinite;
animation: woosq-spinner 1s linear infinite;
z-index: 9;
} .woosq-sidebar.woosq-position-01 {
position: fixed;
top: 0;
left: 100%;
width: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosq-open .woosq-sidebar.woosq-position-01 {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
} .woosq-sidebar.woosq-position-02 {
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosq-sidebar.woosq-position-02 .woosq-close {
left: unset;
right: -40px;
}
.woosq-open .woosq-sidebar.woosq-position-02 {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.woosq-sidebar.woosq-heading-yes {
display: flex;
flex-direction: column;
}
.woosq-sidebar.woosq-heading-yes .woosq-sidebar-heading {
flex: 0 0 auto;
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
margin: 0;
position: relative;
color: #222222;
font-weight: 700;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, .1);
}
.woosq-sidebar.woosq-heading-yes .woosq-sidebar-heading .woosq-close {
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
position: absolute;
left: unset;
top: 0;
right: 0;
cursor: pointer;
font-size: 0;
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-quick-view/assets/images/close-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
}
.woosq-sidebar.woosq-heading-yes .woosq-product .thumbnails {
padding: 20px 20px 0 20px;
background-color: transparent;
}
@media screen and (max-width: 1023px) {
.woosq-sidebar .woosq-close {
left: unset !important;
right: 0 !important;
background-color: rgba(255, 255, 255, .5);
background-image: url(//funmath4kids.com/wp-content/plugins/woo-smart-quick-view/assets/images/close-dark.svg);
}
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}
    :root {
--nunito: 'Nunito', sans-serif;
--font-size: 1.6rem;
--line-height: 2.6rem;
--white-color: #fff;
--black-color: #3b3939;
--primary-color: #dc9814;
--secondary-color: #fdf7eb;
--tertiary-color: #fbfbfb;
--border-color: #efefef;
--primary-text-color: var(--black-color);
--secondary-text-color: #b0acac;
--heading-text-color: var(--black-color);
}    html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} @font-face {
font-family: 'fontello';
src: url(//funmath4kids.com/wp-content/themes/instock/assets/fonts/fontello.eot?25789795);
src: url(//funmath4kids.com/wp-content/themes/instock/assets/fonts/fontello.eot?25789795#iefix) format("embedded-opentype"), url(//funmath4kids.com/wp-content/themes/instock/assets/fonts/fontello.woff2?25789795) format("woff2"), url(//funmath4kids.com/wp-content/themes/instock/assets/fonts/fontello.woff?25789795) format("woff"), url(//funmath4kids.com/wp-content/themes/instock/assets/fonts/fontello.ttf?25789795) format("truetype"), url(//funmath4kids.com/wp-content/themes/instock/assets/fonts/fontello.svg?25789795#fontello) format("svg");
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, .menu-account-items > li > a::before, .social-links a::before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-heart-empty:before {
content: '\e800';
} .icon-phone:before {
content: '\e801';
} .icon-mail:before, .social-links a[href*="mailto"]::before {
content: '\e802';
} .icon-clock:before {
content: '\e803';
} .icon-wordpress:before, .social-links a[href*="wordpress.com"]::before, .social-links a[href*="wordpress.org"]::before {
content: '\e804';
} .icon-rss:before, .social-links a[href*="/feed"]::before, .social-links a[href*="feedburner.com"]::before {
content: '\e805';
} .icon-soundcloud:before {
content: '\e806';
} .icon-check:before {
content: '\e807';
} .icon-search:before {
content: '\e808';
} .icon-menu:before {
content: '\e809';
} .icon-compare:before {
content: '\e80a';
} .icon-eye:before {
content: '\e80b';
} .icon-play:before {
content: '\e80c';
} .icon-cancel:before {
content: '\e80d';
} .icon-heart:before {
content: '\e80e';
} .icon-location:before {
content: '\e80f';
} .icon-play-circle:before {
content: '\e810';
} .icon-home:before {
content: '\e811';
} .icon-arrow-down:before {
content: '\e813';
} .icon-arrow-left:before {
content: '\e814';
} .icon-arrow-right:before {
content: '\e815';
} .icon-arrow-up:before {
content: '\e816';
} .icon-download:before {
content: '\e817';
} .icon-twitter:before, .social-links a[href*="twitter.com"]::before {
content: '\f099';
} .icon-facebook:before, .social-links a[href*="facebook.com"]::before {
content: '\f09a';
} .icon-github:before, .social-links a[href*="github.com"]::before {
content: '\f09b';
} .icon-choose:before {
content: '\f0c8';
} .icon-gplus:before, .social-links a[href*="plus.google.com"]::before {
content: '\f0d5';
} .icon-linkedin:before, .social-links a[href*="linkedin.com"]::before {
content: '\f0e1';
} .icon-dashboard:before {
content: '\f0e4';
} .icon-chosen:before {
content: '\f14a';
} .icon-youtube:before, .social-links a[href*="youtube.com"]::before {
content: '\f16a';
} .icon-instagram:before, .social-links a[href*="instagram.com"]::before {
content: '\f16d';
} .icon-dribbble:before, .social-links a[href*="dribbble.com"]::before {
content: '\f17d';
} .icon-skype:before {
content: '\f17e';
} .icon-behance:before {
content: '\f1b4';
} .icon-pinterest:before, .social-links a[href*="pinterest.com"]::before {
content: '\f231';
} .icon-medium:before, .social-links a[href*="medium.com"]::before {
content: '\f23a';
} .icon-vimeo:before, .social-links a[href*="vimeo.com"]::before {
content: '\f27d';
} .icon-shopping-bag:before {
content: '\f290';
} .icon-shopping-basket:before {
content: '\f291';
} .icon-snapchat:before, .social-links a[href*="snapchat.com"]::before {
content: '\f2ac';
} .icon-address:before {
content: '\f2b9';
} .icon-user:before {
content: '\f2bd';
} .icon-flickr:before, .social-links a[href*="flickr.com"]::before {
content: '\f303';
} .icon-codepen:before, .social-links a[href*="codepen.io"]::before {
content: '\f32c';
}  figure > img {
display: block;
}
img {
max-width: 100%;
height: auto;
}
img[class*="align"],
img[class*="attachment-"] {
height: auto;
}
.wp-caption {
max-width: 100%;
margin-bottom: 2.4rem;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-bottom: 0.5rem;
}
.wp-caption-text {
font-size: 1.4rem;
font-style: italic;
color: #999;
}
.wp-smiley {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: 0;
}
embed,
iframe,
object {
width: 100%;
max-width: 100%;
}
.alignleft {
float: left;
margin-right: var(--line-height);
}
.alignright {
float: right;
margin-left: var(--line-height);
}
.aligncenter {
clear: both;
}
.alignnone {
display: inline;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.sticky,
.bypostauthor {
font-size: inherit;
} .gallery {
margin-bottom: 2rem;
}
.gallery-item {
position: relative;
float: left;
overflow: hidden;
margin: 0 0.4rem 0.4rem 0;
}
.gallery-icon a,
.gallery-icon img {
display: block;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
font-size: 1.4rem;
line-height: 2.1rem;
position: absolute;
bottom: 0;
left: 0;
box-sizing: border-box;
width: 100%;
max-height: 50%;
margin: 0;
padding: 0.2rem 0.8rem;
text-align: left;
opacity: 0;
color: var(--white-color);
background-color: var(--black-color);
}
.gallery-caption:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 5rem;
content: "";
}
.gallery-item:hover .gallery-caption {
opacity: 0;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gallery, .clearfix, .pagination .nav-links {
*zoom: 1;
}
.gallery:before, .clearfix:before, .pagination .nav-links:before, .gallery:after, .clearfix:after, .pagination .nav-links:after {
display: table;
content: "";
}
.gallery:after, .clearfix:after, .pagination .nav-links:after {
clear: both;
}
.menu, .menu .sub-menu, .menu-mobile-items, .social-links ul, .commentlist, .widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
.menu-account-items > li > a {
overflow: hidden;
white-space: nowrap;
text-indent: 110%;
}
.site-content .container, .right-navigation, .featured .container, .featured-post, .featured-categories.featured-categories-layout-modern .featured-category-content, .newsletter, .pagination .nav-page, .author-bio, .site-footer .container, .sidebar-footer .container {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.site-content .container, .right-navigation, .featured .container, .featured-post, .featured-categories.featured-categories-layout-modern .featured-category-content, .newsletter, .pagination .nav-page, .author-bio, .site-footer .container, .sidebar-footer .container {
flex-direction: row;
flex-wrap: wrap;
}
} .wide-container {
background-color: var(--white-color);
}
.boxed-container .wide-container, .framed-container .wide-container {
max-width: 120rem;
margin: 0 auto;
box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.05);
}
.framed-container {
margin: 0 auto;
}
@media (min-width: 1024px) {
.framed-container {
margin: 4rem auto;
}
}
.container {
max-width: 117rem;
margin-left: auto;
margin-right: auto;
padding: 0 2rem;
}
.container:after {
content: " ";
display: block;
clear: both;
}
@media (min-width: 1280px) {
.container {
padding: 0;
}
}
.site-content {
margin-bottom: 8rem;
}
.full-width-narrow .site-content .container {
justify-content: center;
}
@media (max-width: 768px) {
.content-area {
margin-bottom: 6rem;
}
}
@media (min-width: 768px) {
.right-sidebar .content-area {
flex: 0 0 74.358974359%;
margin-right: 2.5641025641%;
padding-right: 3rem;
}
}
@media (min-width: 768px) {
.left-sidebar .content-area {
flex: 0 0 74.358974359%;
order: 2;
padding-left: 3rem;
}
}
@media (min-width: 768px) {
.full-width-narrow .content-area {
flex: 0 0 74.358974359%;
}
}
.full-width .content-area {
flex: 0 0 100%;
}
@media (min-width: 768px) {
.right-sidebar .widget-area {
flex: 0 0 23.0769230769%;
}
}
@media (min-width: 768px) {
.left-sidebar .widget-area {
flex: 0 0 23.0769230769%;
margin-right: 2.5641025641%;
order: 1;
}
}
.posts .post-thumbnail {
margin-bottom: 2rem;
}
.posts-grid {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 576px) {
.posts-grid {
flex-direction: row;
flex-wrap: wrap;
}
}
.full-width .posts-grid .entry {
flex: 0 0 31.6239316239%;
}
.posts-grid.two-columns .entry-grid {
flex: 0 0 48.7179487179%;
}
.posts-grid.three-columns .entry-grid {
flex: 0 0 31.6239316239%;
margin-bottom: 4rem;
}
.posts-grid.three-columns .entry-grid:nth-child(3n) {
margin-right: 0;
}
.posts-grid.overlay-style .thumbnail-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
display: flex;
flex-flow: row wrap;
align-items: center;
padding: 3rem;
}
@media (max-width: 800px) and (min-width: 576px) {
.posts-grid.overlay-style .thumbnail-content {
padding: 2rem;
}
}
.posts-grid.overlay-style .entry-header .entry-cat {
color: var(--secondary-text-color);
}
.posts-grid.overlay-style .entry-header .entry-cat a,
.posts-grid.overlay-style .entry-header .entry-cat a:visited {
color: var(--secondary-text-color);
}
.posts-grid.overlay-style .entry-header .entry-cat a:hover,
.posts-grid.overlay-style .entry-header .entry-cat a:visited:hover {
color: var(--primary-color);
}
.posts-grid.overlay-style .entry-title, .posts-grid.overlay-style .page-title {
margin: 0;
}
@media (max-width: 800px) and (min-width: 576px) {
.posts-grid.overlay-style .entry-title, .posts-grid.overlay-style .page-title {
font-size: 2rem;
line-height: 2.8rem;
}
}
.posts-grid.overlay-style .entry-title a, .posts-grid.overlay-style .page-title a {
text-transform: uppercase;
color: var(--secondary-text-color);
}
.posts-grid.overlay-style .entry-title a:hover, .posts-grid.overlay-style .page-title a:hover {
color: var(--primary-color);
}
.posts-grid.overlay-style .entry-meta, .posts-grid.overlay-style .entry-header {
color: var(--secondary-text-color);
}
.posts-grid.overlay-style .entry-meta a, .posts-grid.overlay-style .entry-header a {
color: var(--secondary-text-color);
}
.posts-grid.overlay-style .entry-meta a:hover, .posts-grid.overlay-style .entry-header a:hover {
color: var(--primary-color);
}
.posts-grid.overlay-style .entry-meta .cat-links, .posts-grid.overlay-style .entry-header .cat-links {
display: none;
}
.posts-list .entry-list,
.posts-alternate .entry-list {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
@media (min-width: 576px) {
.posts-list .entry-list,
.posts-alternate .entry-list {
flex-direction: row;
flex-wrap: wrap;
}
}
.posts-list .entry-list .post-thumbnail,
.posts-alternate .entry-list .post-thumbnail {
flex: 0 0 42.5287356322%;
margin-bottom: 2rem;
}
@media (min-width: 576px) {
.posts-list .entry-list .post-thumbnail,
.posts-alternate .entry-list .post-thumbnail {
margin-bottom: 0;
}
}
.posts-list .entry-list .entry-wrapper,
.posts-alternate .entry-list .entry-wrapper {
flex: 0 0 54.0229885057%;
}
.posts-alternate .entry:first-child .post-thumbnail {
margin-bottom: 2rem;
}
.posts-alternate .posts-small .entry {
margin-bottom: 0;
}
.posts-alternate .posts-small .entry .post-thumbnail {
margin-bottom: 0;
} *,
*:before,
*:after {
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
font-family: var(--nunito);
font-size: var(--font-size);
line-height: var(--line-height);
color: var(--primary-text-color);
background: var(--white-color);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
} ::-moz-selection {
color: var(--white-color);
background: var(--primary-color);
text-shadow: none;
}
::selection {
color: var(--white-color);
background: var(--primary-color);
text-shadow: none;
}
::-moz-selection {
color: var(--white-color);
background: var(--primary-color);
text-shadow: none;
}  a {
transition: all 200ms ease-in-out 0s;
text-decoration: none;
color: var(--primary-color);
}
a:visited {
color: var(--primary-color);
}
a:hover, a:visited:hover {
text-decoration: none;
color: var(--primary-color);
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--nunito);
font-weight: 800;
margin: calc( var(--line-height) / 2) 0;
color: var(--heading-text-color);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: var(--heading-text-color);
}
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
color: var(--heading-text-color);
}
h1,
.h1 {
font-size: 3rem;
line-height: 3.3rem;
}
@media (min-width: 576px) {
h1,
.h1 {
font-size: 3.6rem;
line-height: 3.96rem;
}
}
h2,
.h2 {
font-size: 2.4rem;
line-height: 3.4rem;
}
@media (min-width: 576px) {
h2,
.h2 {
font-size: 3rem;
line-height: 3.3rem;
}
}
h3,
.h3 {
font-size: 2.4rem;
line-height: 3.12rem;
}
h4,
.h4 {
font-size: 2rem;
line-height: 2.6rem;
}
h5,
.h5 {
font-size: 1.6rem;
}
h6,
.h6 {
font-size: 1.4rem;
} p {
margin: 0 0 var(--line-height);
}
abbr[title],
dfn[title] {
cursor: help;
}
del {
vertical-align: baseline;
text-decoration: line-through;
color: #aaa;
}
code,
kbd,
pre,
samp {
font-size: var(--font-size);
}
pre {
margin: var(--line-height) 0;
padding: var(--line-height);
color: #2080ad;
background-color: #fafafa;
}
code {
color: #2080ad;
}
blockquote {
font-style: italic;
margin: var(--line-height) 4rem;
padding-left: 2rem;
color: #777;
border-left: 0.3rem solid #555;
}
blockquote cite {
position: relative;
display: block;
padding: 1rem 0 0 2rem;
color: #555;
}
blockquote cite:before {
position: absolute;
left: 0;
content: "\2014";
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
address {
display: block;
margin: 0 0 var(--line-height);
}
ul,
ol {
margin: var(--font-size) 0;
padding: 0 0 0 var(--line-height);
}
ul {
list-style: disc;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
li ul,
li ol {
margin: 0;
}
dl {
margin: var(--line-height);
}
dt {
font-weight: 600;
}
dd {
margin-bottom: var(--line-height);
}
hr {
clear: both;
height: 0.1rem;
min-height: 0;
margin: var(--line-height) 0;
border-top: 0.1rem solid var(--border-color);
border-right: 0;
border-bottom: 0;
border-left: 0;
}
hr.dotted {
border-style: dotted;
}
hr.dashed {
border-style: dashed;
}
hr.blackborder {
border-color: #000;
}
hr.whiteborder {
border-color: #fff;
} @media print {
* {
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: .5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
} form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="week"],
form input[type="number"],
form input[type="search"],
form input[type="tel"],
form input[type="color"],
form select,
form textarea {
display: inline-block;
box-sizing: border-box;
height: 4.8rem;
padding: 1.5rem;
vertical-align: middle;
border-radius: .3rem;
border: 0;
-webkit-appearance: none;
border: 0.1rem solid var(--border-color);
border-radius: .3rem;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.02);
font-size: 1.4rem;
}
form textarea {
height: auto;
border-radius: .5rem;
} form input:not([type]) {
display: inline-block;
box-sizing: border-box;
padding: .5em .6em;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 3px #ddd;
}  form input[type="color"] {
padding: .2em .5em;
}
form input[type="text"]:focus,
form input[type="password"]:focus,
form input[type="email"]:focus,
form input[type="url"]:focus,
form input[type="date"]:focus,
form input[type="month"]:focus,
form input[type="time"]:focus,
form input[type="datetime"]:focus,
form input[type="datetime-local"]:focus,
form input[type="week"]:focus,
form input[type="number"]:focus,
form input[type="search"]:focus,
form input[type="tel"]:focus,
form input[type="color"]:focus,
form select:focus,
form textarea:focus {
border-color: #ececec;
outline: 0;
} form input:not([type]):focus {
border-color: #129fea;
outline: 0;
}
form input[type="file"]:focus,
form input[type="radio"]:focus,
form input[type="checkbox"]:focus {
outline: thin solid #129fea;
outline: 1px auto #129fea;
}
form input[type="checkbox"],
form input[type="radio"] {
display: inline-block;
margin: .5em 0;
}
form input[type="text"][disabled],
form input[type="password"][disabled],
form input[type="email"][disabled],
form input[type="url"][disabled],
form input[type="date"][disabled],
form input[type="month"][disabled],
form input[type="time"][disabled],
form input[type="datetime"][disabled],
form input[type="datetime-local"][disabled],
form input[type="week"][disabled],
form input[type="number"][disabled],
form input[type="search"][disabled],
form input[type="tel"][disabled],
form input[type="color"][disabled],
form select[disabled],
form textarea[disabled] {
cursor: not-allowed;
color: #cad2d3;
background-color: #eaeded;
} form input:not([type])[disabled] {
cursor: not-allowed;
color: #cad2d3;
background-color: #eaeded;
}
form input[readonly],
form select[readonly],
form textarea[readonly] {
color: #777; border-color: #ccc;
background-color: #eee; }
form input:focus:invalid,
form textarea:focus:invalid,
form select:focus:invalid {
color: #b94a48;
border-color: #e9322d;
}
form input[type="file"]:focus:invalid:focus,
form input[type="radio"]:focus:invalid:focus,
form input[type="checkbox"]:focus:invalid:focus {
outline-color: #e9322d;
}
form select { background-color: white;
}
form select[multiple] {
height: auto;
}
form label {
margin: .5em 0 .2em;
}
form fieldset {
margin: 0;
padding: .35em 0 .75em;
border: 0;
}
form legend {
display: block;
width: 100%;
margin-bottom: .3em;
padding: .3em 0;
color: var(--black-color);
font-weight: 700;
border-bottom: 0.1rem solid var(--border-color);
} button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.menu li.btn a {
font-family: inherit;
font-size: 1.3rem;
font-weight: 800;
text-decoration: none;
padding: 1.5rem 5.3rem;
color: var(--primary-text-color);
border: 0.2rem solid var(--black-color);
text-transform: uppercase;
cursor: pointer;
transition: background-color linear 200ms;
border-radius: 5rem;
background-color: transparent;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:hover,
.menu li.btn a:hover,
.button:focus,
.menu li.btn a:focus {
background-color: var(--black-color);
color: var(--white-color);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus,
.menu li.btn a:focus {
outline: 0;
}
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.button:active,
.menu li.btn a:active {
background-color: var(--primary-color);
color: var(--white-color);
} button::-moz-focus-inner,
.button::-moz-focus-inner,
.menu li.btn a::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
padding: 0;
border: 0;
} table {
width: 100%;
margin-bottom: var(--line-height);
border-spacing: 0;
border: 0.1rem solid var(--border-color);
}
table th,
table td {
padding: 1.8rem 2.4rem;
text-align: left;
vertical-align: top;
border-bottom: 0.1rem solid var(--border-color);
vertical-align: middle;
text-transform: capitalize;
}
table th p,
table td p {
margin: 0;
}
table th {
background-color: var(--secondary-color);
}
table th:first-child {
border-bottom: 0;
}
table tr:last-child td {
border-bottom: 0;
} .site-header {
margin-bottom: 6rem;
background-color: var(--white-color);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
}
.search .site-header,
.archive .site-header,
.woocommerce-cart .site-header,
.woocommerce-checkout .site-header,
.woocommerce-account .site-header {
margin-bottom: 0;
}
.site-header .container {
display: flex;
flex-direction: column;
align-items: center;
min-height: 8rem;
justify-content: center;
}
@media (min-width: 325px) {
.site-header .container {
flex-direction: row;
flex-wrap: wrap;
}
}
.site-branding {
flex: 0 0 50%;
}
@media (min-width: 576px) {
.site-branding {
flex: 0 0 50%;
margin-bottom: 0;
margin-top: 0;
}
}
@media (min-width: 800px) {
.site-branding {
flex: 0 0 23.0769230769%;
margin-right: 2.5641025641%;
}
}
@media (min-width: 992px) {
.site-branding {
flex: 0 0 16.6666666667%;
margin-right: 0;
}
}
.site-branding .site-title {
font-size: 3rem;
}
.site-branding .logo img {
display: block;
} @media (max-width: 799px) {
.right-navigation {
display: none;
}
}
@media (min-width: 800px) {
.right-navigation {
align-items: center;
position: relative;
margin-left: auto;
text-align: right;
}
} @media (min-width: 800px) {
.mobile-search .search-icon {
display: none;
}
}
.search-icon .search-toggle {
display: inline-block;
vertical-align: middle;
color: var(--black-color);
font-size: 1.3rem;
}
.search-icon .search-toggle:focus {
outline: none;
}
.search-icon .search-toggle:visited {
color: var(--black-color);
}
.search-icon .search-toggle:hover, .search-icon .search-toggle:visited:hover {
color: var(--primary-color);
} .archive-header {
margin-bottom: 6rem;
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
min-height: 18rem;
background-color: var(--secondary-color);
}
.archive-header .archive-content {
position: relative;
z-index: 1;
max-width: 65rem;
text-align: center;
}
.archive-header .archive-title {
letter-spacing: 0;
font-size: 3rem;
}
@media (min-width: 768px) {
.archive-header .archive-title {
font-size: 5rem;
}
}
.author .archive-header .archive-title {
margin-top: 0;
margin-bottom: 2rem;
}
.archive-header .avatar {
border-radius: 50%;
}  .main-navigation {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-end;
flex: 0 0 50%;
}
@media (min-width: 800px) {
.main-navigation {
justify-content: flex-start;
flex: 0 0 74.358974359%;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.main-navigation {
flex: 0 0 83.3333333333%;
}
}
.menu-primary-items {
display: none;
}
@media (min-width: 800px) {
.menu-primary-items {
display: block;
}
}
.menu li {
position: relative;
display: inline-block;
margin-right: 3rem;
}
.menu li:hover > .sub-menu {
visibility: visible;
opacity: 1;
z-index: 9;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}
.menu li:hover > a {
color: var(--primary-color);
}
.menu li:last-child {
margin-right: 0;
}
.menu li:last-child.btn {
margin-left: 0;
}
.menu li.btn {
float: right;
margin-right: 0;
margin-left: 4rem;
}
.menu li.btn a {
padding: .8rem 2.1rem;
}
.menu li.current-menu-item > a {
color: var(--primary-color);
}
.menu a {
font-size: 1.4rem;
font-weight: 600;
text-transform: uppercase;
display: block;
padding: 1rem 0;
color: var(--black-color);
}
.menu a:hover {
color: var(--primary-color);
}
.menu .sub-menu {
padding: 1.3rem 0;
text-align: left;
border-top: 0;
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
width: 100%;
transform: translateY(2rem);
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
min-width: 20rem;
background-color: var(--white-color);
box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.1);
z-index: 9;
}
.right-navigation .menu .sub-menu {
right: 0;
left: auto;
}
.menu .sub-menu ul {
top: 0;
left: 100%;
}
.menu .sub-menu li {
display: block;
position: relative;
margin-right: 0;
padding: 0 2rem;
}
.menu .sub-menu a {
transition: all 200ms linear;
padding: .8rem 0;
color: var(--black-color);
text-transform: capitalize;
}
.menu .sub-menu a:hover {
margin-left: .3rem;
} .menu-toggle {
display: block;
font-size: 2.4rem;
color: var(--black-color);
}
.menu-toggle:visited {
color: var(--black-color);
}
@media (min-width: 800px) {
.menu-toggle {
display: none;
}
}
.site {
overflow: hidden;
}
@media (max-width: 800px) {
.site.show-mobile-nav {
position: relative;
}
.site.show-mobile-nav .mobile-navigation {
transform: none;
width: 100%;
}
}
.mobile-navigation {
width: 0;
height: 100%;
position: fixed;
top: 0;
right: 0;
background: var(--white-color);
color: var(--black-color);
z-index: 99;
transition: all 200ms ease;
transform: translate3d(100%, 0, 0);
}
.mobile-navigation .menu-toggle {
color: var(--white-color);
font-size: 1.4rem;
font-weight: 600;
text-transform: uppercase;
background: #ea6262;
padding: 1rem;
text-align: center;
}
.mobile-navigation .icon-navigation {
padding: 1.5rem 2rem;
border-bottom: 1px solid var(--border-color);
text-align: center;
}
.mobile-navigation .icon-navigation > ul,
.mobile-navigation .icon-navigation > div {
display: inline-block;
margin-right: 3rem;
}
.mobile-navigation .icon-navigation .menu-account-items {
vertical-align: top;
}
@-webkit-keyframes slide-left {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
.menu-mobile-items {
padding: 0 2rem 2rem;
}
.menu-mobile-items li {
display: block;
border-bottom: 0.1rem solid var(--border-color);
position: relative;
}
.menu-mobile-items li:last-child {
border-bottom: 0;
}
.menu-mobile-items li.submenu-open .submenu-expand i::before {
content: "\e816";
}
.menu-mobile-items a {
color: var(--black-color);
font-size: 1.6rem;
font-weight: 600;
display: inline-block;
padding-top: 1rem;
padding-bottom: 1rem;
}
.menu-mobile-items .submenu-expand {
position: absolute;
top: 15px;
right: 0;
padding: 0;
border: none;
border-radius: 0;
background: transparent;
}
.menu-mobile-items .submenu-expand:hover, .menu-mobile-items .submenu-expand:active, .menu-mobile-items .submenu-expand:focus {
color: var(--black-color);
}
.menu-mobile-items .sub-menu {
display: none;
padding-left: 1.5rem;
} .menu-account-items {
margin-right: 1.2rem;
}
.menu-account-items > li > a {
display: block;
width: 1em;
height: 1em;
position: relative;
padding: 1.3rem;
margin-top: 0.6180469716em;
}
.menu-account-items > li > a::before {
content: "\f2bd";
height: 100%;
width: 100%;
text-align: center;
text-indent: 0;
position: absolute;
left: 0;
top: 0;
font-size: 1.8rem;
} .social-links {
text-align: center;
}
@media (min-width: 768px) {
.social-links {
margin-left: auto;
text-align: initial;
}
}
.social-links li {
display: inline-block;
padding: 0;
margin-right: .5rem;
margin-bottom: 0;
}
.social-links li:last-child {
margin-right: 0;
}
.social-links a {
display: inline-block;
color: var(--black-color);
}
.social-links a::before {
margin: 0;
}
.social-links a:hover {
color: var(--primary-color);
}
.social-links a[href*="plus.google.com"]::before {
margin: 0 1.3rem 0 0;
}
.social-links .social-name {
display: none;
}
@media (min-width: 600px) {
.social-links .social-name {
display: inline-block;
}
} .entry {
margin-bottom: 6rem;
position: relative;
word-break: break-word;
}
.woocommerce-page .entry {
margin-bottom: 0;
}
.post-thumbnail {
display: block;
position: relative;
}
.single .entry .post-thumbnail {
margin-bottom: 2rem;
}
.post-thumbnail img {
display: block;
}
.entry-header {
margin-bottom: 2.4rem;
text-align: center;
}
.posts-grid .entry-header {
margin-bottom: 1.8rem;
}
.posts-list .entry-header {
margin-bottom: .5rem;
}
.posts-list .entry-header,
.posts-grid .entry-header {
text-align: left;
}
.posts-alternate .entry-list .entry-header {
text-align: left;
}
.woocommerce-page .entry-header {
display: none;
}
.entry-title, .page-title {
margin-top: 0;
margin-bottom: .8rem;
}
@media (min-width: 576px) {
.entry-title, .page-title {
font-size: 3rem;
line-height: normal;
}
}
.posts-grid .entry-title, .posts-grid .page-title {
font-size: 2.8rem;
line-height: 3.5rem;
margin-top: 2rem;
margin-bottom: 1rem;
}
.posts-list .entry-title, .posts-list .page-title,
.posts-alternate .entry-list .entry-title,
.posts-alternate .entry-list .page-title {
font-size: 3rem;
margin-top: 0;
margin-bottom: 1rem;
line-height: 4rem;
}
.entry-meta, .posts-grid.overlay-style .entry-header {
font-size: 1.2rem;
text-transform: uppercase;
color: var(--secondary-text-color);
}
.entry-meta a, .posts-grid.overlay-style .entry-header a {
color: var(--secondary-text-color);
}
.entry-meta a:hover, .posts-grid.overlay-style .entry-header a:hover, .entry-meta a:visited:hover, .posts-grid.overlay-style .entry-header a:visited:hover {
color: var(--primary-color);
}
.entry-meta a:visited, .posts-grid.overlay-style .entry-header a:visited {
color: var(--secondary-text-color);
}
.entry-meta .posted-on, .posts-grid.overlay-style .entry-header .posted-on,
.entry-meta .cat-links,
.posts-grid.overlay-style .entry-header .cat-links {
position: relative;
}
.entry-meta .posted-on::before, .posts-grid.overlay-style .entry-header .posted-on::before,
.entry-meta .cat-links::before,
.posts-grid.overlay-style .entry-header .cat-links::before {
content: "\00b7";
display: inline-block;
padding: 0 1rem;
}
.entry-summary {
font-size: 1.5rem;
line-height: 2.6rem;
}
.more-link {
font-size: 1.2rem;
font-weight: 600;
text-transform: uppercase;
color: var(--primary-color);
border-bottom: 0.2rem solid var(--primary-color);
}
.more-link:visited {
color: var(--primary-color);
}
.more-link:hover, .more-link:visited:hover {
color: var(--primary-text-color);
border-color: var(--primary-text-color);
}
.tag-links .tag-title {
margin-right: 2rem;
font-size: 1.4rem;
text-transform: uppercase;
font-weight: 600;
}
.tag-links a {
font-size: 1.4rem;
text-transform: uppercase;
color: var(--primary-color);
margin-right: 3rem;
}
.tag-links a:hover {
color: var(--black-color);
} .not-found {
text-align: center;
}
.not-found-header {
margin-top: 5rem;
}
.not-found-title {
letter-spacing: 0.035rem;
font-size: 15rem;
}
@media (min-width: 576px) {
.not-found-title {
font-size: 25rem;
}
}
.not-found-content {
margin-bottom: 6rem;
margin-top: 10rem;
}
@media (min-width: 576px) {
.not-found-content {
margin-top: 20rem;
}
}
.not-found-content h3 {
letter-spacing: 0;
line-height: normal;
margin-bottom: 3rem;
}
@media (min-width: 576px) {
.not-found-content h3 {
font-size: 3.6rem;
}
}
.not-found .search-field {
width: calc(100% - 7rem);
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.not-found .search-field {
width: calc(100vh - 30rem);
}
}  .module-title {
font-size: 2rem;
}
.posts-small .entry {
margin-bottom: 3rem;
}
@media (min-width: 768px) {
.posts-small .entry {
margin-bottom: 0;
}
}
.posts-small .entry-header {
margin-bottom: 0;
}
.posts-small .entry-title, .posts-small .page-title {
font-size: 1.8rem;
line-height: 2.7rem;
margin-top: 2rem;
margin-bottom: 1rem;
letter-spacing: 0;
} .popup-content {
position: relative;
text-align: center;
}
.popup-content .search-field {
color: var(--black-color);
border: none;
background: transparent;
height: auto;
width: 100%;
font-size: 6rem;
text-align: center;
}
@media (min-width: 500px) {
.popup-content .search-field {
font-size: 10rem;
}
}
.popup-content .search-field::-webkit-input-placeholder {
color: var(--black-color);
text-align: center;
text-transform: uppercase;
font-weight: 600;
}
.popup-content .search-field::-moz-placeholder {
color: var(--black-color);
text-align: center;
text-transform: uppercase;
font-weight: 600;
}
.popup-content .search-field:-ms-input-placeholder {
color: var(--black-color);
text-align: center;
text-transform: uppercase;
font-weight: 600;
}
.popup-content .search-field:-moz-placeholder {
color: var(--black-color);
text-align: center;
text-transform: uppercase;
font-weight: 600;
}
.popup-content .search-field:focus {
background: transparent;
}
button.mfp-close {
opacity: 1;
color: var(--black-color);
font-size: 4rem;
border-radius: 0;
}
button.mfp-close:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
.popup-fade {
background: var(--white-color);
}
.popup-fade.mfp-bg {
opacity: 0;
transition: all 0.5s ease-out;
}
.popup-fade.mfp-bg.mfp-ready {
opacity: 1;
}
.popup-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.popup-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all 0.5s ease-out;
}
.popup-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.popup-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
} .featured {
margin-bottom: 6rem; }
.featured .featured-layout-default .featured-content {
order: 1;
}
@media (min-width: 768px) {
.featured .featured-layout-default .featured-content {
order: 0;
}
}
.featured .featured-layout-default .thumbnail {
order: 0;
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.featured .featured-layout-default .thumbnail {
order: 1;
margin-bottom: 0;
}
}
.featured .featured-layout-left-image .featured-content {
order: 1;
}
.featured .featured-layout-left-image .thumbnail {
order: 0;
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.featured .featured-layout-left-image .thumbnail {
margin-bottom: 0;
}
}
.featured .featured-layout-default .featured-post,
.featured .featured-layout-left-image .featured-post {
padding: 3rem;
}
@media (min-width: 576px) {
.featured .featured-layout-default .featured-post,
.featured .featured-layout-left-image .featured-post {
padding: 4rem;
}
}
@media (min-width: 992px) {
.featured .featured-layout-default .featured-post,
.featured .featured-layout-left-image .featured-post {
padding: 8rem 7.5rem;
}
}
.featured .featured-layout-default .featured-content,
.featured .featured-layout-left-image .featured-content {
flex: 0 0 40.1709401709%;
}
.featured .featured-layout-default .thumbnail,
.featured .featured-layout-left-image .thumbnail {
flex: 0 0 52.9914529915%;
}
.featured .featured-layout-full-image .post-thumbnail,
.featured .featured-layout-two-cols .post-thumbnail {
position: relative;
z-index: -1;
box-shadow: none;
}
.featured .featured-layout-full-image .post-thumbnail::after,
.featured .featured-layout-two-cols .post-thumbnail::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.featured .featured-layout-full-image .featured-content,
.featured .featured-layout-two-cols .featured-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 48.7179487179%;
text-align: center;
}
@media (min-width: 576px) {
.featured .featured-layout-full-image .featured-content,
.featured .featured-layout-two-cols .featured-content {
width: 40.1709401709%;
}
}
.featured .featured-layout-full-image .entry-summary,
.featured .featured-layout-two-cols .entry-summary {
display: none;
}
@media (min-width: 576px) {
.featured .featured-layout-full-image .entry-summary,
.featured .featured-layout-two-cols .entry-summary {
display: block;
}
}
.featured .featured-layout-full-image .more-link-wrapper,
.featured .featured-layout-two-cols .more-link-wrapper {
display: none;
}
@media (min-width: 375px) {
.featured .featured-layout-full-image .more-link-wrapper,
.featured .featured-layout-two-cols .more-link-wrapper {
display: block;
}
}
.featured .featured-layout-full-image .owl-nav button.owl-prev,
.featured .featured-layout-two-cols .owl-nav button.owl-prev {
left: 1rem;
}
.featured .featured-layout-full-image .owl-nav button.owl-next,
.featured .featured-layout-two-cols .owl-nav button.owl-next {
right: 1rem;
}
@media (max-width: 375px) {
.featured .featured-layout-full-image .entry-title, .featured .featured-layout-full-image .page-title,
.featured .featured-layout-two-cols .entry-title,
.featured .featured-layout-two-cols .page-title {
font-size: 1.8rem;
line-height: 2.4rem;
}
}
.featured .featured-layout-two-cols .featured-content {
width: 65.811965812%;
}
.featured .container {
justify-content: center;
align-items: center;
background-color: var(--secondary-color);
}
@media (min-width: 992px) {
.featured .container {
min-height: 60rem;
}
}
.featured-layout-full-image .featured .container,
.featured-layout-two-cols .featured .container {
background-color: transparent;
}
@media (max-width: 768px) {
.featured-layout-full-image .featured .container,
.featured-layout-two-cols .featured .container {
padding: 0;
}
}
.featured-post {
justify-content: space-between;
align-items: center;
}
.featured .entry-title, .featured .page-title {
margin-top: 0;
}
@media (min-width: 992px) {
.featured .entry-title, .featured .page-title {
font-size: 4.8rem;
line-height: 5.4rem;
}
}
.featured .entry-summary {
margin-bottom: 3rem;
}
.featured .owl-nav button {
margin-top: 0;
position: relative;
}
.featured .owl-nav button.owl-prev, .featured .owl-nav button.owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1rem;
margin: 0;
word-wrap: break-word;
white-space: pre-wrap;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.6rem;
}
.featured .owl-nav button.owl-prev:hover, .featured .owl-nav button.owl-next:hover {
background-color: transparent;
color: var(--secondary-text-color);
}
.featured .owl-nav button.owl-prev::before, .featured .owl-nav button.owl-next::before {
content: '';
border-left: 0.1rem solid var(--border-color);
display: block;
width: .1rem;
height: 3rem;
margin-left: .2rem;
margin-bottom: 1rem;
}
.featured .owl-nav button.owl-prev {
left: 0;
}
@media (min-width: 576px) {
.featured .owl-nav button.owl-prev {
left: 1rem;
}
}
.featured .owl-nav button.owl-next {
right: 0;
}
@media (min-width: 576px) {
.featured .owl-nav button.owl-next {
right: 1rem;
}
} .after-featured-posts {
margin-bottom: 6rem;
} .featured-categories {
display: flex;
flex-direction: column;
}
@media (min-width: 576px) {
.featured-categories {
flex-direction: row;
flex-wrap: wrap;
}
}
.featured-categories.featured-categories-layout-grid {
justify-content: space-between;
}
.featured-categories.featured-categories-layout-grid .featured-category {
position: relative;
text-align: center;
margin-bottom: 2rem;
}
@media (min-width: 576px) {
.featured-categories.featured-categories-layout-grid .featured-category {
flex: 0 0 48.7179487179%;
}
}
@media (min-width: 768px) {
.featured-categories.featured-categories-layout-grid .featured-category {
flex: 0 0 23.0769230769%;
margin-bottom: 0;
}
}
.featured-categories.featured-categories-layout-grid .featured-category::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
position: absolute;
top: 0;
left: 0;
z-index: 0;
transition: background-color 200ms ease-in-out;
}
.featured-categories.featured-categories-layout-grid .featured-category:hover {
color: var(--primary-color);
}
.featured-categories.featured-categories-layout-grid .featured-category:hover::after {
background-color: var(--secondary-color);
}
.featured-categories.featured-categories-layout-grid .featured-category-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
width: calc(100% - 5rem);
}
.featured-categories.featured-categories-layout-modern .featured-category {
display: flex;
flex-direction: column;
flex: 0 0 50%;
margin-bottom: 3rem;
}
@media (min-width: 576px) {
.featured-categories.featured-categories-layout-modern .featured-category {
flex-direction: row;
flex-wrap: wrap;
}
}
@media (min-width: 576px) {
.featured-categories.featured-categories-layout-modern .featured-category {
margin-bottom: 0;
}
}
@media (min-width: 576px) {
.featured-categories.featured-categories-layout-modern .featured-category.reverse {
flex-direction: row-reverse;
}
}
.featured-categories.featured-categories-layout-modern .featured-category:hover .featured-category-content {
background-color: var(--primary-color);
}
.featured-categories.featured-categories-layout-modern .featured-category:hover .module-title::after {
border-color: var(--secondary-text-color);
}
@media (min-width: 576px) {
.featured-categories.featured-categories-layout-modern .featured-category-img,
.featured-categories.featured-categories-layout-modern .featured-category-content {
flex: 0 0 50%;
}
}
.featured-categories.featured-categories-layout-modern .featured-category-content {
align-items: center;
justify-content: center;
text-align: center;
background-color: var(--secondary-color);
transition: none;
}
.featured-categories.featured-categories-layout-modern .category-content-wrap {
width: 100%;
padding: 2rem;
}
@media (min-width: 576px) {
.featured-categories.featured-categories-layout-modern .category-content-wrap {
width: calc(100% - 5rem);
padding: 0;
}
}
.featured-categories.featured-categories-layout-modern .category-title {
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.featured-categories.featured-categories-layout-modern .category-title {
margin-bottom: 3rem;
}
}
.featured-categories .featured-category-img {
display: block;
}
.featured-categories .featured-category-img img {
display: block;
}
.featured-categories .category-content-wrap .category-desc {
margin-bottom: 0;
line-height: 2rem;
display: block;
}
@media (min-width: 576px) {
.featured-categories .category-content-wrap .category-desc {
display: none;
}
}
@media (min-width: 992px) {
.featured-categories .category-content-wrap .category-desc {
display: block;
}
}
.featured-categories .category-title {
display: block;
}
@media (min-width: 992px) {
.featured-categories .category-title {
font-size: 2.4rem;
line-height: 3.12rem;
}
}
.featured-categories .category-title::after {
margin: auto;
padding-top: 1rem;
} .newsletter {
background-color: var(--secondary-color);
padding: 3rem;
text-align: center;
}
@media (min-width: 768px) {
.newsletter {
text-align: left;
}
}
.newsletter-content {
margin-bottom: 3rem;
}
@media (min-width: 768px) {
.newsletter-content {
margin-bottom: 0;
}
}
.newsletter-title {
font-weight: 600;
font-size: 1.8rem;
line-height: 2.7rem;
margin: 0;
}
@media (min-width: 768px) {
.newsletter-form {
margin-left: auto;
}
}
.newsletter-form input[type="email"],
.newsletter-form input[type="text"] {
background-color: var(--white-color);
min-width: 22rem;
}
.widget .mc4wp-form p {
display: block;
margin-right: 0;
margin-bottom: 1rem;
}
.widget .mc4wp-form input {
width: 100%;
}
.mc4wp-form label {
display: none;
}
.mc4wp-form p {
margin-bottom: 2rem;
}
.mc4wp-form p input[type="text"],
.mc4wp-form p input[type="email"] {
width: 100%;
} .grid-posts .posts-small {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 576px) {
.grid-posts .posts-small {
flex-direction: row;
flex-wrap: wrap;
}
}
@media (min-width: 576px) {
.grid-posts .entry {
flex: 0 0 48.7179487179%;
}
}
@media (min-width: 768px) {
.grid-posts .entry {
flex: 0 0 23.0769230769%;
}
} .promo-boxes {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 576px) {
.promo-boxes {
flex-direction: row;
flex-wrap: wrap;
}
}
@media (min-width: 576px) {
.promo-boxes .promo-box {
flex: 0 0 31.6239316239%;
}
}
.promo-boxes .promo-box-link {
position: relative;
display: block;
margin-bottom: 3rem;
}
@media (min-width: 576px) {
.promo-boxes .promo-box-link {
margin-bottom: 0;
}
}
.promo-boxes .promo-box-link img {
display: block;
width: 100%;
}
.promo-boxes .promo-box-link::after {
content: "";
display: block;
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 1rem;
border: 0.2rem solid var(--white-color);
transition: border 200ms ease-in-out;
}
.promo-boxes .promo-box-link:hover {
color: var(--primary-color);
opacity: .7;
}
.promo-boxes .promo-box-title-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
display: block;
background-color: var(--white-color);
padding: .6rem 2rem;
}
.promo-boxes .promo-box-title {
text-transform: uppercase;
} .related-posts {
margin-top: 4rem;
}
.related-posts .related-title {
margin-bottom: 2rem;
}
.related-posts .posts-small {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 576px) {
.related-posts .posts-small {
flex-direction: row;
flex-wrap: wrap;
}
}
.related-posts .entry {
flex: 0 0 31.0344827586%;
margin-bottom: 3rem;
} .pagination {  }
.posts-grid .pagination {
flex-basis: 100%;
}
.pagination .nav-page {
justify-content: flex-end;
}
.pagination .nav-page a {
letter-spacing: 0;
position: relative;
color: inherit;
}
.pagination .nav-page a:hover {
color: var(--primary-color);
}
.pagination .nav-newer {
flex: 1;
order: 0;
}
.pagination .nav-older {
flex: 1;
order: 1;
text-align: right;
}
.pagination .nav-links {
text-align: center;
}
.pagination .page-numbers {
letter-spacing: 0;
color: var(--primary-text-color);
width: 3rem;
height: 3rem;
line-height: 2.8rem;
border-radius: 50%;
background-color: var(--white-color);
display: inline-block;
border: 0.1rem solid var(--border-color);
margin: 0 .3rem;
}
.pagination .page-numbers:hover, .pagination .page-numbers.current {
color: var(--white-color);
background-color: var(--primary-color);
border-color: transparent;
} .post-pagination {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0;
margin-bottom: 6rem;
word-break: break-all;
}
@media (min-width: 576px) {
.post-pagination {
flex-direction: row;
flex-wrap: wrap;
}
}
.post-pagination .post-detail {
overflow: hidden;
}
.post-pagination .post-detail span {
display: inline-block;
font-size: 1.2rem;
color: var(--secondary-text-color);
text-transform: uppercase;
}
.post-pagination .post-detail a {
font-weight: 700;
display: block;
color: var(--black-color);
}
.post-pagination .post-detail a:hover {
color: var(--primary-color);
}
.prev-post {
margin-bottom: 3rem;
}
@media (min-width: 576px) {
.prev-post {
margin-bottom: 0;
width: 48.275862069%;
}
}
.prev-post .arrow {
margin-right: .5rem;
}
.next-post {
text-align: right;
}
@media (min-width: 576px) {
.next-post {
width: 48.275862069%;
}
}
.next-post .arrow {
margin-left: .5rem;
} .author-bio {
justify-content: space-between;
background-color: var(--tertiary-color);
border: 0.1rem solid var(--border-color);
color: var(--black-color);
padding: 4rem;
margin-bottom: 6rem;
text-align: center;
}
@media (min-width: 768px) {
.author-bio {
text-align: initial;
}
}
.author-bio .author-avatar {
display: none;
}
@media (min-width: 576px) {
.author-bio .author-avatar {
display: block;
flex: 0 0 13.7931034483%;
}
}
.author-bio .author-avatar img {
border-radius: 50%;
}
@media (min-width: 600px) {
.author-bio .description {
flex: 0 0 82.7586206897%;
}
}
.author-bio .description .name {
margin-top: 0;
margin-bottom: 1rem;
font-size: 1.8rem;
}
.author-bio .description .name a {
color: var(--black-color);
}
.author-bio .description .name a:hover {
color: var(--primary-color);
}
.author-bio .description .bio {
margin-bottom: 2rem;
}
.author-bio .author-social-links a {
display: inline-block;
color: var(--black-color);
font-size: 1.6rem;
margin-right: 1rem;
}
.author-bio .author-social-links a:hover {
color: var(--primary-color);
} .back-to-top {
position: fixed;
bottom: 0;
right: 0;
z-index: 999;
width: 4rem;
height: 4rem;
text-align: center;
line-height: 4rem;
background-color: var(--primary-color);
color: var(--white-color);
cursor: pointer;
border: 0;
text-decoration: none;
transition: all .3s ease-in-out;
opacity: 0;
font-size: 2rem;
}
.back-to-top:visited {
color: var(--white-color);
}
.back-to-top:visited:hover, .back-to-top:hover {
background-color: var(--black-color);
color: var(--white-color);
}
.back-to-top.show {
opacity: 1;
} .wpcf7-textarea {
width: 100%;
} .selectric {
border-color: var(--secondary-color);
border-radius: .3rem;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.02);
}
.selectric-hover .selectric,
.selectric-open .selectric,
.selectric-focus .selectric,
.selectric-below .selectric {
border-color: var(--secondary-color);
}
.selectric .label {
font-size: 1.4rem;
margin: 0 4.8rem 0 2rem;
line-height: 4.5rem;
height: 4.5rem;
}
.selectric .button, .selectric .menu li.btn a, .menu li.btn .selectric a {
border: 0;
padding: 0;
border-radius: 0;
line-height: 4.5rem;
height: 4.5rem;
width: 4.5rem;
}
.selectric .button:hover, .selectric .menu li.btn a:hover, .menu li.btn .selectric a:hover {
background-color: transparent;
}
.selectric-items {
border-color: var(--secondary-color);
}
.selectric-items li.highlighted {
background: var(--secondary-color);
}
.selectric-items li:hover {
background: var(--secondary-color);
} .site-footer {
padding: 2rem 0;
color: var(--black-color);
border-top: 0.1rem solid var(--border-color);
}
.footer-text {
text-align: center;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.footer-text {
text-align: initial;
margin-bottom: 0;
}
}
.footer-text p {
margin-bottom: 0;
}
.footer-text a {
color: var(--black-color);
font-weight: 600;
}
.footer-text a:hover {
color: var(--primary-color);
} .comments-title {
text-align: center;
margin-bottom: 3rem;
letter-spacing: 0;
}
@media (min-width: 480px) {
.comments-title {
text-align: left;
}
}
.comment-reply-title,
.comments-title {
text-transform: uppercase;
font-size: 2rem;
} .commentlist {
margin-bottom: 4rem;
}
.commentlist .comment {
margin-bottom: 6rem;
}
.commentlist .children {
margin: 6rem 0;
padding-left: 0;
list-style: none;
}
@media (min-width: 576px) {
.commentlist .children {
padding-left: 9rem;
}
}
@media (min-width: 240px) and (max-width: 768px) {
.commentlist .children .children {
padding-left: 0;
}
}
.commentlist .children .avatar {
width: 7rem;
}
.comment-container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 576px) {
.comment-container {
flex-direction: row;
flex-wrap: wrap;
}
}
@media (min-width: 576px) {
.comment-container .comment-avatar {
flex: 0 0 13.7931034483%;
}
.comment-container .comment-body {
flex: 0 0 82.7586206897%;
}
}
.comment-avatar {
text-align: center;
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.comment-avatar {
margin-bottom: 0;
}
}
.comment-avatar .avatar {
border-radius: 50%;
}
.comment-avatar .name {
font-weight: 600;
text-transform: capitalize;
display: block;
line-height: 1.8rem;
}
.comment-avatar .name a:hover {
color: var(--secondary-text-color);
}
.comment-body {
position: relative;
}
.comment-body .comment-wrapper {
position: relative;
padding: 2.5rem;
background-color: var(--secondary-color);
}
.comment-body .comment-head {
font-size: 1.4rem;
margin-bottom: 2.4rem;
color: var(--secondary-text-color);
}
.comment-body .comment-head a {
color: var(--secondary-text-color);
}
.comment-body .comment-content p:last-of-type {
margin-bottom: 0;
}
.comment-body .comment-content a {
border-bottom: .1rem solid;
}
.comment-reply-link {
font-size: 1.2rem;
text-transform: uppercase;
position: relative;
top: auto;
right: auto;
display: inline-block;
padding-top: 2rem;
transition: color .2s ease-in-out;
color: var(--secondary-text-color);
}
@media (min-width: 480px) {
.comment-reply-link {
position: absolute;
top: 2.5rem;
right: 2.5rem;
padding-top: 0;
}
}
.comment-reply-link:hover {
color: var(--primary-text-color);
}
.author-badge {
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
display: inline-block;
margin-bottom: 2rem;
padding: .4rem .6rem;
color: var(--white-color);
background-color: var(--primary-color);
}
@media (min-width: 480px) {
.author-badge {
margin-bottom: 0;
}
}
.children .comment-respond,
.layout-right-sidebar .comment-respond {
margin-top: 0;
}
@media (min-width: 601px) {
.children .comment-respond,
.layout-right-sidebar .comment-respond {
margin-top: 6rem;
}
}
.children .comment-form-author,
.children .comment-form-email,
.children .comment-form-url,
.layout-right-sidebar .comment-form-author,
.layout-right-sidebar .comment-form-email,
.layout-right-sidebar .comment-form-url {
display: block;
width: 100%;
} .comments-area {
margin-bottom: 0;
margin-top: 4rem;
word-break: break-all;
}
.comment-notes {
font-size: 1.4rem;
font-style: italic;
color: var(--primary-text-color);
}
form.comment-form label {
font-size: 1.2rem;
font-weight: 600;
display: block;
text-transform: uppercase;
}
form.comment-form input[type="text"],
form.comment-form input[type="email"],
form.comment-form input[type="url"],
form.comment-form textarea {
font-size: 1.6rem;
}
form.comment-form .comment-form-comment {
clear: both;
}
@media (min-width: 576px) {
form.comment-form .comment-form-author,
form.comment-form .comment-form-email,
form.comment-form .comment-form-url {
float: left;
width: 32%;
margin-right: 2%;
}
}
form.comment-form .comment-form-author input,
form.comment-form .comment-form-email input,
form.comment-form .comment-form-url input {
width: 100%;
}
form.comment-form .form-submit {
clear: both;
padding-top: 1rem;
margin-bottom: 0;
}
form.comment-form .comment-form-cookies-consent {
clear: both;
}
form.comment-form .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-right: .5rem;
}
form.comment-form .comment-form-cookies-consent label {
display: inline-block;
text-transform: inherit;
}
form.comment-form textarea {
width: 100%;
font-size: 1.6rem;
line-height: 2.4rem;
}
form.comment-form .comment-form-url {
margin-right: 0;
}
.required {
color: #f00;
}
#cancel-comment-reply-link {
font-size: 1.3rem;
}
#comment-nav-above {
margin-bottom: 3rem;
}
.comment-navigation .nav-previous {
display: inline;
float: left;
}
.comment-navigation .nav-next {
display: inline;
float: right;
text-align: right;
}
.comment-navigation a {
color: var(--primary-text-color);
} .sidebar-footer {
padding: 4rem 0 0;
color: var(--black-color);
border-top: 0.1rem solid var(--border-color);
background-color: var(--tertiary-color);
}
.sidebar-footer .container {
justify-content: space-between;
}
@media (min-width: 768px) {
.sidebar-footer.widget-column-2 .footer-column {
width: 48.7179487179%;
}
}
@media (min-width: 768px) {
.sidebar-footer.widget-column-3 .footer-column {
width: 31.6239316239%;
}
}
@media (min-width: 768px) {
.sidebar-footer.widget-column-4 .footer-column {
width: 23.0769230769%;
}
}
.sidebar-footer .widget a {
color: var(--black-color);
font-weight: 700;
letter-spacing: 0;
}
.sidebar-footer .widget a:visited {
color: var(--black-color);
font-weight: 700;
}
.sidebar-footer .widget a:hover {
color: var(--primary-color);
}
.sidebar-footer .widget-title {
font-size: 1.6rem;
font-weight: 700;
text-transform: uppercase;
line-height: normal;
}
.widget {
margin-bottom: 4rem;
word-break: break-word;
font-size: 1.4rem;
}
.widget li {
padding: .5rem 0;
}
.widget select {
width: 100%;
max-width: 100%;
height: 4rem;
padding: 1rem;
border: 0.1rem solid var(--border-color);
background-color: var(--white-color);
}
.widget.widget_text a, .widget.widget_custom_html a {
border-bottom: .1rem solid;
}
.widget a {
color: var(--primary-text-color);
}
.widget a:hover {
color: var(--primary-color);
}
.widget-title {
margin-top: 0;
margin-bottom: 2rem;
font-size: 1.6rem;
}
.widget_recent_entries .post-date {
font-size: 1.4rem;
display: block;
color: var(--secondary-text-color);
}
.widget_categories ul,
.widget_archive ul {
display: flex;
flex-flow: row wrap;
}
.widget_categories li,
.widget_archive li {
flex: 0 0 50%;
}
.widget_search form {
display: inline-block;
width: 100%;
position: relative;
}
.widget_search form input[type="search"] {
padding-right: 3.8rem;
width: 100%;
}
.widget_search form button {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 4.8rem;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 0;
top: 0;
background-color: transparent;
color: var(--black-color);
font-size: 0;
min-width: 3.8rem;
padding: 0;
margin: 0;
min-height: 4.8rem;
border: none;
}
.widget_search form button::before {
content: '\e808';
font-size: 1.6rem;
}
.widget_search form button:hover {
color: var(--primary-color);
}
.widget_tag_cloud a {
display: inline-block;
margin-right: .5rem;
margin-bottom: .5rem;
padding: .2rem 1rem;
text-transform: lowercase;
background-color: var(--primary-color);
color: var(--white-color);
}
.widget_tag_cloud a:hover {
background-color: var(--secondary-color);
color: var(--primary-text-color);
}
.widget_pages .children {
padding-left: calc(var(--line-height) / 2);
}
.widget_nav_menu .sub-menu {
padding-left: calc(var(--line-height) / 2);
}
.widget_nav_menu .sub-menu li:last-child {
padding-bottom: 0;
}
.widget-instock-contact-info .contact-info-widget li i,
.elementor-widget .contact-info-widget li i {
color: var(--black-color);
border-color: var(--black-color);
}
.widget-instock-contact-info .contact-info-widget li.skype a,
.elementor-widget .contact-info-widget li.skype a {
background-color: var(--primary-color);
border-radius: 5rem;
padding: 1.7rem 2.8rem;
}
.widget-instock-contact-info .contact-info-widget li.skype a:hover,
.elementor-widget .contact-info-widget li.skype a:hover {
background-color: var(--black-color);
}
.widget-instock-contact-info .contact-info-widget li .instock-contact-title,
.elementor-widget .contact-info-widget li .instock-contact-title {
color: inherit;
}
.sidebar-footer .widget-instock-contact-info li i, .sidebar-footer
.elementor-widget li i {
color: var(--black-color);
border-color: var(--black-color);
}
.sidebar-footer .widget-instock-contact-info .contact-info-widget .instock-contact-title, .sidebar-footer
.elementor-widget .contact-info-widget .instock-contact-title {
color: var(--black-color);
}
.widget-instock-recent-posts .instock-recent-posts li {
border: 0;
align-items: flex-start;
margin-top: 0;
}
.widget-instock-recent-posts .instock-recent-posts .recent-posts-info {
color: inherit;
}
.widget-instock-recent-posts .instock-recent-posts .recent-posts-comments a {
color: inherit;
}
.widget-instock-recent-posts .instock-recent-posts .recent-posts-comments a:hover {
color: var(--primary-color);
}
.widget-instock-custom-links .instock-custom-links a:hover {
color: var(--primary-color);
}
.widget-instock-custom-links .instock-custom-links a:hover::before {
color: var(--primary-color);
}
.widget-instock-social .instock-social-icons.style-light a {
color: var(--black-color);
border-color: var(--border-color);
} .widget-instock-tags .tagcloud a {
border-color: var(--border-color);
} .widget-instock-about-me .instock-about-me-text {
line-height: 2.2rem;
} .elementor-page .site-header {
margin-bottom: 0;
}
.elementor-page .content-area {
width: 100%;
}
.elementor-page .site-content {
margin-bottom: 0;
} .elementor-image-gallery a {
display: block;
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.elementor-image-gallery a:hover img {
transform: scale(1.1);
-webkit-perspective: 0;
-webkit-backface-visibility: hidden;
}
.elementor-image-gallery a img {
display: block;
transition: all 1500ms;
} .elementor-widget-container .products-carousel li.product {
margin-bottom: 0;
}
.elementor-widget-container .products-carousel .owl-dots .owl-dot.active span,
.elementor-widget-container .products-carousel .owl-dots .owl-dot:hover span {
background-color: var(--primary-color);
}
.elementor-widget-container .products-carousel .owl-dots .owl-dot span {
margin: 5px 4px;
}  #tribe-events-content-wrapper .tribe-events-title-bar {
margin-bottom: 3rem;
}
#tribe-events-content-wrapper .tribe-bar-filters {
background-color: var(--black-color);
color: var(--white-color);
}
#tribe-events-content-wrapper #tribe-bar-form label {
display: none;
}
#tribe-events-content-wrapper .tribe-bar-date-filter {
padding-right: 0;
}
#tribe-events-content-wrapper #tribe-bar-form input[type=text] {
font-style: normal;
border-bottom: 0.1rem solid var(--secondary-color);
background-color: var(--white-color);
border-radius: .3rem;
padding: 1.5rem 1rem;
}
#tribe-events-content-wrapper input[name*='tribe-bar-']::-webkit-input-placeholder {
color: var(--black-color);
font-style: normal;
}
#tribe-events-content-wrapper input[name*='tribe-bar-']:-moz-placeholder {
color: var(--black-color);
font-style: normal;
}
#tribe-events-content-wrapper #tribe-bar-form .tribe-bar-submit input[type=submit] {
background-color: var(--primary-color);
}
#tribe-events-content-wrapper #tribe-bar-form .tribe-bar-submit input[type=submit]:hover {
background-color: var(--secondary-color);
}
#tribe-events-content-wrapper #tribe-bar-form #tribe-bar-views {
padding-left: 0;
}
#tribe-events-content-wrapper .tribe-bar-views-inner {
padding-bottom: 6.4rem;
}
#tribe-events-content-wrapper #tribe-bar-views .tribe-bar-views-list {
top: 50%;
transform: translateY(-50%);
padding: 0;
}
#tribe-events-content-wrapper ul.tribe-events-sub-nav a {
color: var(--black-color);
}
#tribe-events-content-wrapper ul.tribe-events-sub-nav a:hover {
color: var(--primary-color);
}
#tribe-events-content-wrapper #tribe-events-content .tribe-events-calendar td {
background-color: var(--black-color);
}
#tribe-events-content-wrapper #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth {
background-color: var(--secondary-color);
}
#tribe-events-content-wrapper .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] {
background-color: var(--primary-color);
}
#tribe-events-content-wrapper .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title a {
color: var(--secondary-color);
}
#tribe-events-content-wrapper .tribe-events-calendar thead th {
background-color: var(--black-color);
} .single-tribe_events #tribe-events-content .tribe-events-single-event-title {
font-size: 3.6rem;
line-height: 1.2;
}
.single-tribe_events #tribe-events-content .tribe-events-schedule {
margin-top: 0;
margin-bottom: 4rem;
}
@media (max-width: 768px) {
.single-tribe_events #tribe-events-content .tribe-events-schedule {
margin-top: 2rem;
}
}
.single-tribe_events #tribe-events-content .tribe-events-schedule h2 {
font-size: 1.6rem;
font-weight: 400;
}
.single-tribe_events #tribe-events-content .tribe-events-schedule .tribe-events-cost {
font-size: 4rem;
float: right;
}
.single-tribe_events #tribe-events-content #tribe-events .tribe-events-button, .single-tribe_events #tribe-events-content #tribe-events .tribe-events-button:hover, .single-tribe_events #tribe-events-content #tribe_events_filters_wrapper input[type=submit], .single-tribe_events #tribe-events-content .tribe-events-button, .single-tribe_events #tribe-events-content .tribe-events-button.tribe-active:hover, .single-tribe_events #tribe-events-content .tribe-events-button.tribe-inactive, .single-tribe_events #tribe-events-content .tribe-events-button:hover, .single-tribe_events #tribe-events-content .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .single-tribe_events #tribe-events-content .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] > a {
background-color: var(--primary-color);
}
.single-tribe_events #tribe-events-content #tribe-events .tribe-events-button:hover, .single-tribe_events #tribe-events-content #tribe-events .tribe-events-button:hover:hover, .single-tribe_events #tribe-events-content #tribe_events_filters_wrapper input[type=submit]:hover, .single-tribe_events #tribe-events-content .tribe-events-button:hover, .single-tribe_events #tribe-events-content .tribe-events-button.tribe-active:hover:hover, .single-tribe_events #tribe-events-content .tribe-events-button.tribe-inactive:hover, .single-tribe_events #tribe-events-content .tribe-events-button:hover:hover, .single-tribe_events #tribe-events-content .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]:hover, .single-tribe_events #tribe-events-content .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] > a:hover {
background-color: var(--black-color);
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta {
background-color: var(--black-color);
color: var(--white-color);
border: 0;
font-size: 1.6rem;
padding: 3rem 0;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta h2 {
color: var(--white-color);
font-size: 2rem;
font-weight: 700;
margin-bottom: 3rem;
margin-top: 0;
text-transform: uppercase;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd {
margin-bottom: 3rem;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dd:last-child {
margin-bottom: 0;
}
.single-tribe_events #tribe-events-content .tribe-tickets-rsvp h2,
.single-tribe_events #tribe-events-content .tribe-tickets-tpp h2 {
font-size: 1.8rem;
text-transform: uppercase;
margin-bottom: 2rem;
}
.single-tribe_events #tribe-events-content .tribe-tickets-rsvp table td,
.single-tribe_events #tribe-events-content .tribe-tickets-tpp table td {
padding: 3rem;
}
.single-tribe_events #tribe-events-content .tribe-tickets-rsvp table.tribe-events-tickets-rsvp .tribe-ticket.quantity input,
.single-tribe_events #tribe-events-content .tribe-tickets-tpp table.tribe-events-tickets-rsvp .tribe-ticket.quantity input {
width: 100%;
padding: 0 2.4rem;
}
.single-tribe_events #tribe-events-content .tribe-tickets-rsvp table.tribe-events-tickets-tpp td,
.single-tribe_events #tribe-events-content .tribe-tickets-tpp table.tribe-events-tickets-tpp td {
border-bottom: 1px solid #dfdfdf;
vertical-align: middle;
}
.single-tribe_events #tribe-events-content .tribe-tickets-rsvp table.tribe-events-tickets-tpp .tribe-ticket-quantity,
.single-tribe_events #tribe-events-content .tribe-tickets-tpp table.tribe-events-tickets-tpp .tribe-ticket-quantity {
width: 100%;
padding: 0 2.4rem;
}
.single-tribe_events #tribe-events-content .tribe-tickets-rsvp .tickets_submit .tribe-button,
.single-tribe_events #tribe-events-content .tribe-tickets-tpp .tickets_submit .tribe-button {
margin: 0;
}
.tribe-events-calendar .tribe-events-tooltip {
padding: 3rem;
}
.tribe-events-calendar .tribe-events-tooltip h3 {
font-size: 1.8rem;
line-height: 2.7rem;
margin-bottom: 1rem;
}
.tribe-events-calendar .tribe-events-tooltip .tribe-events-event-body {
padding: 0;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }:root {
--nunito: 'Nunito', sans-serif;
--font-size: 1.6rem;
--line-height: 2.6rem;
--white-color: #fff;
--black-color: #3b3939;
--primary-color: #dc9814;
--secondary-color: #fdf7eb;
--tertiary-color: #fbfbfb;
--border-color: #efefef;
--primary-text-color: var(--black-color);
--secondary-text-color: #b0acac;
--heading-text-color: var(--black-color);
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs, .wc-toolbar, .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
*zoom: 1;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before, .wc-toolbar:before, .woocommerce-message:before,
.woocommerce-info:before,
.woocommerce-error:before,
.woocommerce-noreviews:before,
p.no-comments:before, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after, .wc-toolbar:after, .woocommerce-message:after,
.woocommerce-info:after,
.woocommerce-error:after,
.woocommerce-noreviews:after,
p.no-comments:after {
display: table;
content: "";
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after, .wc-toolbar:after, .woocommerce-message:after,
.woocommerce-info:after,
.woocommerce-error:after,
.woocommerce-noreviews:after,
p.no-comments:after {
clear: both;
}
.wc-button-actions, .woocommerce-shipping-methods, .payment_methods, .woocommerce-thankyou-order-details, .woocommerce-account .woocommerce-MyAccount-navigation ul, .site-header-cart {
margin: 0;
padding: 0;
list-style: none;
}
ul.products, .single-product div.product, .cart-collaterals, form.woocommerce-checkout, .col2-set#customer_login,
.col2-set.addresses, .woocommerce-billing-fields__field-wrapper, .logged-in.woocommerce-account .entry-content .woocommerce {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
ul.products, .single-product div.product, .cart-collaterals, form.woocommerce-checkout, .col2-set#customer_login,
.col2-set.addresses, .woocommerce-billing-fields__field-wrapper, .logged-in.woocommerce-account .entry-content .woocommerce {
flex-direction: row;
flex-wrap: wrap;
}
}  table.shop_table_responsive {
font-size: 1.5rem;
}
table.shop_table_responsive.my_account_orders {
font-size: 1.3rem;
}
table.shop_table_responsive.my_account_orders th,
table.shop_table_responsive.my_account_orders td {
padding: 2rem;
}
table.shop_table_responsive thead {
display: none;
}
table.shop_table_responsive tbody th {
display: none;
white-space: nowrap;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
vertical-align: top;
}
table.shop_table_responsive tr td:before {
content: attr(data-title);
float: left;
}
table.shop_table_responsive tr td.product-remove {
text-align: center;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
}
table.shop_table_responsive tr td.product-remove:before {
display: none;
}
table.shop_table_responsive tr td.product-thumbnail {
text-align: center;
}
table.shop_table_responsive tr td.product-thumbnail img {
max-width: 7rem;
}
table.shop_table_responsive tr td.product-thumbnail::before {
content: "";
float: none;
}
table.shop_table_responsive tr td.product-name a {
font-weight: 700;
color: var(--black-color);
font-size: 1.5rem;
}
table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
table.shop_table_responsive tr td .select2-container--default .select2-selection--single {
text-align: left;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr th, table.shop_table_responsive tr td {
text-align: left;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td:before {
display: none;
}
}
@media screen and (max-width: 600px) {
table.shop_table_responsive tr td.product-remove {
text-align: center;
}
table.shop_table_responsive tr td.product-thumbnail {
text-align: center;
}
}  ul.products {
margin: 0;
padding: 0;
}
ul.products li.product {
list-style: none;
position: relative;
margin-bottom: 4rem;
}
ul.products li.product .woocommerce-loop-product__link {
display: block;
text-align: center;
}
ul.products li.product .woocommerce-loop-product__title {
font-size: 1.6rem;
font-weight: 700;
margin-top: 1rem;
margin-bottom: 0;
}
ul.products li.product .price {
color: var(--black-color);
display: block;
margin-bottom: 1rem;
font-size: 1.4rem;
}
ul.products li.product .price del {
padding-right: .5rem;
}
ul.products li.product .price ins {
text-decoration: none;
}
ul.products li.product img {
display: block;
}
ul.products li.product .wc-product-details .added_to_cart {
color: var(--black-color);
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
margin-left: .5rem;
}
ul.products li.product .wc-product-details .added_to_cart:hover {
color: var(--primary-color);
}
@media screen and (min-width: 48em) {
ul.products li.product {
flex: 0 0 30.7966666667%;
margin-right: 3.8%;
}
ul.products li.product.first {
clear: both;
}
ul.products li.product.last {
margin-right: 0;
}
.columns-1 ul.products li.product {
float: none;
width: 100%;
}
ul.products.columns-1 li.product {
float: none;
width: 100%;
}
.columns-2 ul.products li.product {
flex: 0 0 48.1%;
}
.columns-3 ul.products li.product {
flex: 0 0 30.7966666667%;
}
.columns-4 ul.products li.product {
flex: 0 0 22.15%;
}
.columns-5 ul.products li.product {
flex: 0 0 16.96%;
}
.columns-6 ul.products li.product {
flex: 0 0 13.4933333333%;
}
ul.products.columns-2 li.product {
flex: 0 0 48.1%;
}
ul.products.columns-3 li.product {
flex: 0 0 30.7966666667%;
}
ul.products.columns-4 li.product {
flex: 0 0 22.15%;
}
ul.products.columns-5 li.product {
flex: 0 0 16.96%;
}
ul.products.columns-6 li.product {
flex: 0 0 13.4933333333%;
}
} .onsale {
position: absolute;
z-index: 9;
font-size: 1rem;
font-weight: 600;
padding: 12px 5px;
line-height: 2rem;
text-align: center;
background-color: #f26767;
color: var(--white-color);
top: 2rem;
left: 2rem;
border-radius: 50%;
min-width: 4.2rem;
height: 4.2rem;
text-transform: uppercase;
} .wc-product-image {
position: relative;
}
.wc-product-image:hover .wc-button-actions {
opacity: 1;
top: 50%;
transform: translateY(-50%);
}
.wc-product-image .wc-button-actions {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
z-index: 9;
left: 0;
right: 0;
opacity: 0;
transition: all 300ms ease-in-out;
text-align: center;
} .wc-product-thumbnail {
position: relative;
overflow: hidden;
}
.wc-product-thumbnail img {
width: 100%;
overflow: hidden;
transition: opacity 0.25s ease-in-out;
}
.wc-product-thumbnail .wc-product-image-main {
position: relative;
z-index: 2;
}
.wc-product-thumbnail .wc-product-image-secondary {
position: absolute;
top: 0;
left: 0;
height: 100%;
opacity: 0;
overflow: hidden;
z-index: 1;
}
.wc-product-image:hover .thumbnail-swap .wc-product-image-main {
opacity: 0;
}
.wc-product-image:hover .thumbnail-swap .wc-product-image-secondary {
opacity: 1;
}
.wc-button-actions li {
display: inline-block;
margin-right: .6rem;
}
.wc-button-actions li i {
display: inline-block;
font-size: 14px;
width: 40px;
height: 40px;
line-height: 40px;
background-color: var(--white-color);
color: var(--black-color);
margin: 0;
text-align: center;
transition: all 0.3s ease;
border-radius: 50%;
}
.wc-button-actions li i:hover {
background-color: var(--primary-color);
color: var(--white-color);
}  .single-product div.product {
position: relative;
margin-bottom: 0;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
margin-bottom: 3rem;
}
@media (min-width: 992px) {
.single-product div.product .woocommerce-product-gallery {
flex: 0 0 48.7179487179%;
margin-right: 0;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.single-product div.product .woocommerce-product-gallery {
margin-right: 2.5641025641%;
}
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 1em;
right: 1em;
display: block;
height: 3.5rem;
width: 3.5rem;
line-height: 3.5rem;
z-index: 2;
text-align: center;
color: var(--black-color);
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.02);
visibility: hidden;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
background-color: var(--secondary-color);
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {
content: '\e808';
background-color: var(--white-color);
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 3.5rem;
font-size: 1.4rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: .2rem;
visibility: visible;
width: 3.5rem;
border-radius: 50%;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
display: none !important;
}
.single-product div.product .woocommerce-product-gallery figure {
margin: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
}
@media (min-width: 320px) {
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
flex-direction: row;
flex-wrap: wrap;
}
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
float: left;
padding: 0 .3rem;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:first-child {
padding-left: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
opacity: .5;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1;
}
@media (min-width: 992px) {
.single-product div.product .summary {
flex: 0 0 48.7179487179%;
padding-left: 2.5641025641%;
}
}
.single-product div.product .summary .product_title {
font-size: 3rem;
margin-top: 0;
margin-bottom: 0;
}
.single-product div.product .summary .price ins {
text-decoration: none;
}
.single-product div.product .summary .star-rating {
vertical-align: middle;
margin-right: .5rem;
}
.single-product div.product .summary .woocommerce-review-link {
font-size: 1.2rem;
color: var(--black-color);
font-style: italic;
}
.single-product div.product .summary .woocommerce-product-details__short-description {
font-size: 1.5rem;
line-height: 2.5rem;
}
.single-product div.product .summary .cart {
border-bottom: 0.1rem solid var(--border-color);
padding-bottom: 3rem;
margin-bottom: 3rem;
}
.single-product div.product .summary .cart .quantity {
display: inline-block;
}
.single-product div.product .summary .cart .wc-button-actions {
display: none;
}
@media (min-width: 576px) {
.single-product div.product .summary .cart .wc-button-actions {
display: inline-block;
float: right;
}
}
.single-product div.product .summary .cart .wc-quick-view {
display: none;
}
.single-product div.product .summary .cart .variations select {
width: 100%;
}
.single-product div.product .summary .cart .reset_variations {
color: var(--black-color);
font-weight: 700;
font-size: 1.2rem;
text-transform: uppercase;
}
.single-product div.product .summary .cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label {
line-height: 1.8rem;
}
.single-product div.product .summary .cart .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label a {
color: var(--black-color);
font-weight: 700;
font-size: 1.2rem;
}
.single-product div.product .summary .cart .woocommerce-variation {
margin-bottom: 2rem;
}
.single-product div.product .summary > .yith-wcwl-add-to-wishlist {
display: none;
}
.single-product div.product .summary .product_meta {
font-size: 1.4rem;
line-height: 2.5rem;
}
.single-product div.product .summary .product_meta > span {
display: block;
}
.single-product div.product .summary .product_meta a {
color: var(--black-color);
font-weight: 700;
}
.single-product div.product .summary .product_meta a:hover {
color: var(--primary-color);
}
.single-product div.product .upsells > h2,
.single-product div.product .related > h2 {
font-size: 1.8rem;
margin-bottom: 3rem;
}
.single-product div.product .upsells {
margin-bottom: 0;
}
.single-product.full-width-narrow div.product .woocommerce-product-gallery {
margin-right: 0;
}
.full-width .product .upsells, .full-width
.product .related {
flex: 0 0 74.358974359%;
padding-right: 3rem;
margin: auto;
}
.stock:empty:before {
display: none;
}
.stock.in-stock {
color: #0f834d;
}
.stock.out-of-stock {
color: #f26767;
} .woocommerce-cart .entry-header {
display: none;
}
.woocommerce-cart-form {
margin-bottom: 6rem;
}
.woocommerce-cart-form .coupon {
display: block;
border-bottom: 0.1rem solid var(--border-color);
padding-bottom: 2rem;
margin-bottom: 2rem;
overflow: hidden;
}
@media (min-width: 576px) {
.woocommerce-cart-form .coupon {
display: inline-block;
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
}
.woocommerce-cart-form .coupon label {
display: none;
}
.woocommerce-cart-form .coupon .input-text {
margin-right: 1rem;
height: 3.8rem;
font-size: 1.3rem;
width: 100%;
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.woocommerce-cart-form .coupon .input-text {
margin-bottom: 0;
width: auto;
}
}
.woocommerce-cart-form .actions > .button {
margin-bottom: 2rem;
}
@media (min-width: 576px) {
.woocommerce-cart-form .actions > .button {
margin-bottom: 0;
}
}
.woocommerce-cart-form .button {
float: right;
}
.cart-collaterals .cross-sells > h2,
.cart-collaterals .cart_totals > h2 {
font-size: 2.4rem;
margin-bottom: 4rem;
}
.cart-collaterals .cross-sells {
flex: 0 0 48.7179487179%;
margin-right: 2.5641025641%;
padding-right: 2.5641025641%;
}
.cart-collaterals .cart_totals {
flex: 0 0 48.7179487179%;
}
.cart-collaterals .cart_totals input:not([type="radio"]) {
width: 100%;
}
.cart-collaterals .cart_totals input[type="radio"] {
margin-right: 1rem;
}
.woocommerce-shipping-methods {
margin-bottom: 1rem;
}
.woocommerce-shipping-methods .shipping_method {
width: auto;
margin-right: 1rem;
}
.wc-proceed-to-checkout {
text-align: right;
}
.woocommerce .wc-proceed-to-checkout .button {
font-size: 1.4rem;
padding: 1.4rem 2.4rem;
} .woocommerce-checkout .entry-header {
display: none;
}
.woocommerce-checkout .woocommerce-form-login,
.woocommerce-checkout .woocommerce-form-coupon {
width: 45%;
}
@media (min-width: 768px) {
form.woocommerce-checkout #customer_details,
form.woocommerce-checkout .review-order-wrapper {
flex: 0 0 48.7179487179%;
}
}
form.woocommerce-checkout #customer_details h3,
form.woocommerce-checkout .review-order-wrapper h3 {
margin-bottom: 3rem;
}
@media (min-width: 768px) {
form.woocommerce-checkout #customer_details {
margin-right: 2.5641025641%;
}
}
@media (min-width: 768px) {
form.woocommerce-checkout .review-order-wrapper {
padding-left: 3rem;
}
}
form.woocommerce-checkout #ship-to-different-address span {
font-size: 1.5rem;
}
form.woocommerce-checkout #ship-to-different-address .input-checkbox {
margin-right: .5rem;
}
@media (min-width: 768px) {
.col2-set .form-row-first {
float: left;
margin-right: 3.8%;
}
.col2-set .form-row-last {
float: right;
margin-right: 0;
}
.col2-set .form-row-first,
.col2-set .form-row-last {
flex: 0 0 48.1%;
}
}
.col2-set#customer_login,
.col2-set.addresses {
justify-content: space-between;
width: 100%;
}
.col2-set#customer_login .col-1,
.col2-set#customer_login .col-2,
.col2-set.addresses .col-1,
.col2-set.addresses .col-2 {
flex: 0 0 48.7179487179%;
}
.form-row {
margin-bottom: 2rem;
}
.form-row em {
font-size: 1.4rem;
}
.form-row label {
display: block;
}
.form-row input,
.form-row textarea,
.form-row select {
width: 100%;
}
.form-row input[type=checkbox],
.form-row input[type=radio] {
width: auto;
}
.form-row-wide {
clear: both;
width: 100%;
}
.woocommerce-shipping-methods input[type="radio"] {
margin-right: 1rem;
}
.payment_methods {
margin-bottom: 3rem;
}
.payment_methods li {
padding: .5rem 0;
}
.payment_methods li.payment_method_paypal img {
display: none;
}
.payment_methods li .payment_method_bacs {
margin-top: 1rem;
}
.payment_methods li p {
margin-bottom: 0;
}
.payment_methods li .input-radio {
margin-right: 1rem;
}
.payment_methods li label {
font-size: 1.5rem;
font-weight: 700;
}
.woocommerce .place-order .button {
font-size: 1.6rem;
padding: 1.6rem 4.6rem;
}
.woocommerce-order-received .entry-content .woocommerce-order {
width: 65.811965812%;
margin: auto;
}
.woocommerce-order-received .entry-content .woocommerce-order h2 {
font-size: 2.4rem;
margin-bottom: 3rem;
}
.woocommerce-order-received .entry-content .woocommerce-order-details {
margin-bottom: 6rem;
}
.woocommerce-thankyou-order-details {
position: relative;
background-color: var(--secondary-color);
margin-bottom: 6rem;
}
.woocommerce-thankyou-order-details > li {
border-bottom: 1px dotted var(--secondary-color);
}
.woocommerce-thankyou-order-details li {
font-size: 1.2rem;
padding: 1.2rem 2rem;
text-transform: uppercase;
}
.woocommerce-thankyou-order-details li strong {
display: block;
font-size: 1.6rem;
text-transform: none;
} .woocommerce-account.right-sidebar .content-area {
padding: 0;
}
.woocommerce-account .page-title {
font-size: 2.4rem;
margin-bottom: 3rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 6rem;
}
@media (min-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
flex: 0 0 23.0769230769%;
margin-bottom: 0;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
border-top: 0.1rem solid var(--border-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
border-bottom: 0.1rem solid var(--border-color);
position: relative;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
color: var(--primary-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before {
content: "\f0e4";
}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before {
content: "\f290";
}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before {
content: "\e817";
}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before {
content: "\f2b9";
}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before {
content: "\f2bd";
}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
content: "\e815";
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
padding: 1.4rem 0;
display: block;
color: var(--black-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
color: var(--primary-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation a::before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: right;
font-variant: normal;
text-transform: none;
font-size: 1.4rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right;
}
@media (min-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-content {
flex: 0 0 74.358974359%;
padding-left: 5.9829059829%;
}
}
.woocommerce-account .woocommerce-form {
max-width: 500px;
margin-top: 4rem;
}
.woocommerce-account .woocommerce-form .button {
font-size: 1.4rem;
}  .site-header-cart {
position: relative;
margin-right: 1rem;
text-align: left;
}
.site-header-cart .cart-contents {
text-decoration: none;
color: var(--black-color);
line-height: 3.2rem;
font-size: 1.4rem;
font-weight: 600;
text-transform: uppercase;
}
.site-header-cart .cart-contents .count {
position: absolute;
top: -8px;
right: -8px;
width: 1.8rem;
height: 1.8rem;
line-height: 1.8rem;
font-weight: bold;
font-size: 1rem;
background-color: var(--primary-color);
color: var(--white-color);
text-align: center;
border-radius: 50%;
}
.site-header-cart .cart-contents i {
font-size: 1.8rem;
}
.site-header-cart .widget_shopping_cart {
display: none;
margin-bottom: 0;
}
.site-header-cart .widget_shopping_cart .total {
margin-bottom: 1.5rem;
}
.site-header-cart .widget_shopping_cart .total .amount {
float: right;
}
.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message {
margin-bottom: 0;
}
.site-header-cart .product_list_widget {
margin-bottom: 2rem;
}
.site-header-cart .product_list_widget li {
border-bottom: 0.1rem solid var(--border-color);
padding: 2rem 0;
}
.site-header-cart .woocommerce-mini-cart__buttons {
margin-bottom: 0;
}
.site-header-cart .woocommerce-mini-cart__buttons a {
font-size: 1.2rem;
padding: 1.2rem 2.6rem;
margin-right: 1rem;
}
.site-header-cart .woocommerce-mini-cart__buttons a.checkout {
margin-right: 0;
background-color: var(--black-color);
color: var(--white-color);
}
.site-header-cart .woocommerce-mini-cart__buttons a.checkout:hover {
background-color: transparent;
color: var(--black-color);
}
@media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
right: 0;
width: 30rem;
display: block;
box-shadow: 0 0 0.7rem rgba(0, 0, 0, 0.1);
background-color: var(--white-color);
padding: 2rem;
visibility: hidden;
opacity: 0;
transform: translateY(2rem);
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
visibility: visible;
opacity: 1;
z-index: 9;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}
} .wc-account-link {
position: relative;
margin-right: 1rem;
display: inline-block;
}
.wc-account-link::after {
content: "";
border-right: 0.1rem solid var(--border-color);
width: .1rem;
height: 1.2rem;
padding-left: 1rem;
}
.wc-account-link a {
color: var(--black-color);
font-size: 1.4rem;
font-weight: 600;
text-transform: uppercase;
} .woocommerce .selectric .button {
padding: 0;
}
.woocommerce .button {
display: inline-block;
padding: 1rem 2rem;
font-size: 1rem;
}
.woocommerce .button:visited {
color: var(--black-color);
}
.woocommerce .button:visited:hover {
color: var(--white-color);
}
.woocommerce .button:active {
background-color: var(--black-color);
color: var(--white-color);
}
.woocommerce .button:focus {
color: var(--white-color);
} .wc-toolbar {
margin-bottom: 5rem;
}
.wc-toolbar-left {
margin-bottom: 2rem;
}
@media (min-width: 576px) {
.wc-toolbar-left {
float: left;
padding-top: 1rem;
margin-bottom: 0;
}
}
@media (min-width: 576px) {
.wc-toolbar-right {
float: right;
}
} .woocommerce-result-count,
.wc-products-per-page {
font-size: 1.4rem;
margin-bottom: 0;
display: inline-block;
}
@media (max-width: 992px) {
.woocommerce-result-count {
display: none;
}
}
@media (min-width: 992px) {
.wc-products-per-page {
margin-left: 3rem;
}
}
.wc-products-per-page .view-title {
opacity: .5;
}
.wc-products-per-page a {
color: var(--black-color);
margin: 0 .3rem;
opacity: .5;
}
.wc-products-per-page a:hover {
color: var(--black-color);
opacity: 1;
}
.wc-products-per-page a.active {
border-bottom: 0.1rem solid var(--black-color);
opacity: 1;
} .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
font-size: .7em;
width: 5.3em;
font-family: 'star';
font-weight: 400;
display: inline-block;
}
.wc-product-details .star-rating {
margin: 0 auto .6rem;
}
.star-rating:before {
content: "\53\53\53\53\53";
opacity: .25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #f5b223;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: "star";
content: "\53";
text-indent: 0;
opacity: .25;
}
p.stars a:hover ~ a:before {
content: "\53";
opacity: .25;
}
p.stars:hover a:before {
content: "\53";
color: #f5b223;
opacity: 1;
}
p.stars.selected a.active:before {
content: "\53";
color: #f5b223;
opacity: 1;
}
p.stars.selected a.active ~ a:before {
content: "\53";
opacity: .25;
}
p.stars.selected a:not(.active):before {
content: "\53";
color: #f5b223;
opacity: 1;
} .quantity {
margin-right: 1rem;
}
.quantity .qty {
height: 4rem;
width: 6rem;
padding: 1rem;
line-height: 5rem;
text-align: center;
vertical-align: middle;
} .woocommerce-tabs {
clear: both;
padding: 4rem 0 0;
flex: 0 0 100%;
}
.full-width .woocommerce-tabs {
flex: 0 0 74.358974359%;
padding-right: 3rem;
margin: auto;
}
.woocommerce-tabs ul.tabs {
list-style: none;
margin: 0 0 3rem;
padding: 0;
text-align: left;
}
.woocommerce-tabs ul.tabs li {
display: inline-block;
margin: 0;
position: relative;
}
.woocommerce-tabs ul.tabs li.active a {
background-color: var(--tertiary-color);
border-color: var(--border-color);
border-radius: .3rem;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.02);
}
.woocommerce-tabs ul.tabs li a {
font-weight: 700;
display: block;
color: var(--black-color);
text-transform: uppercase;
font-size: 1.3rem;
padding: 1rem 2rem;
border: .1rem solid transparent;
}
.woocommerce-tabs .woocommerce-Tabs-panel--description.panel h2:first-of-type {
margin-bottom: 2rem;
font-size: 1.8rem;
}
.woocommerce-tabs .panel h2:first-of-type {
margin-bottom: 2rem;
font-size: 1.8rem;
}
.woocommerce-tabs .panel .commentlist {
margin-top: 4rem;
}
.woocommerce-tabs .panel #reviews #comments {
margin-top: 0;
overflow: hidden;
}
.woocommerce-tabs .panel #reviews #comments .add_review:after {
content: '';
display: block;
clear: both;
}
.woocommerce-tabs .panel #reviews .comment-form-rating {
clear: both;
}
.woocommerce-tabs .panel #reviews .star-rating, .woocommerce-tabs .panel #reviews p.meta {
display: inline-block;
vertical-align: top;
font-size: 1.5rem;
line-height: 2.4rem;
}
.woocommerce-tabs .panel #reviews .star-rating {
float: right;
}
.woocommerce-tabs .panel #reviews .description {
font-size: 1.5rem;
line-height: 2.4rem;
}
.woocommerce-tabs #review_form #respond .comment-reply-title {
margin-bottom: 2rem;
display: inline-block;
}
.woocommerce-tabs #review_form #respond .selectric-wrapper {
display: none;
}
@media (min-width: 576px) {
.woocommerce-tabs #review_form #respond .comment-form-author, .woocommerce-tabs #review_form #respond .comment-form-email {
width: 48.7179487179%;
}
}
.woocommerce-tabs #review_form #respond .comment-form-email {
margin-right: 0;
} .woocommerce-password-strength {
text-align: right;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #f26767;
}
.woocommerce-password-strength.bad {
color: #f26767;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
} .form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #f26767;
}
.required {
color: red;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
background-color: #0f834d;
clear: both;
color: var(--white-color);
padding: 1rem 2rem;
border-radius: .3rem;
margin-bottom: 4rem;
line-height: 3.6rem;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-noreviews .button,
p.no-comments .button {
display: inline-block;
padding: 1rem 2rem;
font-size: 1.2rem;
color: var(--white-color);
border-color: var(--white-color);
float: right;
}
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover,
.woocommerce-noreviews .button:hover,
p.no-comments .button:hover {
background-color: var(--white-color);
color: var(--black-color);
}
.woocommerce-message .button:visited,
.woocommerce-info .button:visited,
.woocommerce-error .button:visited,
.woocommerce-noreviews .button:visited,
p.no-comments .button:visited {
color: var(--white-color);
}
.woocommerce-message .button:visited:hover,
.woocommerce-info .button:visited:hover,
.woocommerce-error .button:visited:hover,
.woocommerce-noreviews .button:visited:hover,
p.no-comments .button:visited:hover {
color: var(--black-color);
}
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.woocommerce-noreviews a,
p.no-comments a {
color: var(--white-color);
font-weight: 700;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #3d9cd2;
}
.woocommerce-error {
background-color: #f26767;
} .woocommerce-pagination ul.page-numbers {
list-style: none;
text-align: center;
}
.woocommerce-pagination ul.page-numbers li {
display: inline-block;
}
.woocommerce-pagination ul.page-numbers li:last-child a {
margin: 0;
}
.woocommerce-pagination ul.page-numbers a, .woocommerce-pagination ul.page-numbers span {
position: relative;
display: inline-block;
width: 4rem;
height: 4rem;
line-height: 4rem;
margin: 0 .8rem 0 0;
text-align: center;
font-size: 1.4rem;
cursor: pointer;
white-space: nowrap;
border: 0.1rem solid var(--secondary-color);
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.02);
border-radius: .3rem;
transition: all .3s ease-in-out;
background-color: var(--white-color);
color: var(--black-color);
}
.woocommerce-pagination ul.page-numbers a span {
padding: 0;
}
.woocommerce-pagination ul.page-numbers a i {
padding: 0;
}
.woocommerce-pagination ul.page-numbers a:hover, .woocommerce-pagination ul.page-numbers .page-numbers.current,
.woocommerce-pagination ul.page-numbers .page-numbers.current:hover {
background: var(--secondary-color);
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: #3d9cd2;
z-index: 9999;
} .yith-wcwl-add-to-wishlist {
margin-top: 0;
position: relative;
}
.yith-wcwl-add-to-wishlist .ajax-loading {
position: absolute;
top: 50%;
left: 50%;
margin: -9px 0 0 -9px;
width: 18px !important;
height: 18px !important;
z-index: 100;
}
.woocommerce .wc-loader {
position: relative;
width: 100%;
height: 100%;
}
.woocommerce .wc-loader::before {
content: '';
height: 1em;
width: 1em;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
display: block;
background: url(//funmath4kids.com/wp-content/plugins/woocommerce/assets/images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, 0.75);
animation: spin 1s ease-in-out infinite;
}
.woocommerce .wc-loader .wc-path {
stroke-dasharray: 2, 200;
stroke-dashoffset: 2;
animation: loader-dash 1.5s ease-in-out infinite;
stroke-linecap: round;
fill: none;
stroke: #fff;
stroke-width: 10;
}
.woocommerce .single-product .loader .path {
stroke: #ddd;
}
.woocommerce .product-wrap:hover .loader {
animation: loader-rotate 2s ease-in-out infinite;
}
@-webkit-keyframes loader-rotate {
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes loader-rotate {
100% {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes loader-rotate {
100% {
-ms-transform: rotate(360deg);
}
}
@-o-keyframes loader-rotate {
100% {
-o-transform: rotate(360deg);
}
}
@keyframes loader-rotate {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes loader-dash {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124;
}
}
@-ms-keyframes loader-dash {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124;
}
}
@-moz-keyframes loader-dash {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124;
}
}
@-o-keyframes loader-dash {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124;
}
}
@keyframes loader-dash {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124;
}
} .wooscp-btn.wooscp-btn-added::before {
content: "";
margin: 0;
}
.wooscp-btn.wooscp-btn-added .fa-compress::before {
content: "\f00c";
} #woosq-popup .single-product .product {
background-color: var(--white-color);
}
#woosq-popup .single-product .product .summary {
background-color: var(--white-color);
}
#woosq-popup .mfp-close {
background: transparent;
} .woocommerce-page .entry .entry-footer {
display: none;
} .select2-dropdown {
border-color: var(--border-color);
}
.select2-container--default .select2-selection--single {
height: 4.8rem;
padding: 1rem 1.5rem;
border-radius: .3rem;
border: 0.1rem solid var(--border-color);
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.02);
font-size: 1.4rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 4.8rem;
right: 1.2rem;
} ul.products .product-category .woocommerce-loop-category__title {
font-size: 1.6rem;
font-weight: 700;
margin-top: 1rem;
margin-bottom: 0;
text-align: center;
}
ul.products .product-category .woocommerce-loop-category__title mark {
background-color: transparent;
}  .widget_price_filter .price_slider {
margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4em;
}
.widget_price_filter .price_slider_amount .button {
float: left;
padding: 1rem 2rem;
font-size: 1rem;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: none;
background: var(--primary-color);
box-sizing: border-box;
margin-top: -.25em;
opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background: var(--secondary-color);
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider-horizontal {
height: .5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
height: 100%;
} .widget_product_search form {
display: inline-block;
width: 100%;
position: relative;
}
.widget_product_search form input[type="search"] {
padding-right: 3.8rem;
width: 100%;
}
.widget_product_search form button {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 4.8rem;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 0;
top: 0;
background-color: transparent;
color: var(--black-color);
font-size: 0;
min-width: 3.8rem;
padding: 0;
margin: 0;
min-height: 4.8rem;
border: none;
}
.widget_product_search form button::before {
content: '\e808';
font-size: 1.6rem;
}
.widget_product_search form button:hover {
color: var(--primary-color);
} .widget_product_categories ul li,
.widget_layered_nav ul li,
.widget_layered_nav_filters ul li {
padding-bottom: 0;
}
.widget_product_categories ul li a:not(.button),
.widget_layered_nav ul li a:not(.button),
.widget_layered_nav_filters ul li a:not(.button) {
font-weight: 700;
text-decoration: underline;
}
.widget_product_categories ul li::before,
.widget_layered_nav ul li::before,
.widget_layered_nav_filters ul li::before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--primary-color);
content: "\f0c8";
}
.widget_product_categories ul li .count,
.widget_layered_nav ul li .count,
.widget_layered_nav_filters ul li .count {
font-size: 1em;
float: right;
}
.widget_product_categories .current-cat::before {
content: "\f14a";
}
.widget_layered_nav .chosen::before {
content: "\f14a";
}
.widget_layered_nav_filters .chosen::before {
content: "\e80d";
color: #f26767;
}
.widget_product_categories .children {
padding-left: 2rem;
} .widget_rating_filter .wc-layered-nav-rating {
margin-bottom: 1rem;
}
.widget_rating_filter .wc-layered-nav-rating .star-rating {
display: inline-block;
height: 1em;
line-height: 1;
margin-right: .5rem;
} .product_list_widget {
position: relative;
display: block;
margin: 0;
}
.product_list_widget li {
position: relative;
display: inline-block;
width: 100%;
padding: 1.5rem 0;
}
.product_list_widget li:first-child {
padding-top: 0;
}
.product_list_widget li img {
float: left;
max-width: 8rem;
padding-right: 1.5rem;
}
.product_list_widget li a {
font-size: 1.4rem;
display: block;
line-height: 1.6rem;
margin-bottom: .6rem;
}
.product_list_widget li a .product-title {
font-weight: 700;
}
.product_list_widget li a.remove {
display: inline-block;
position: absolute;
top: 45%;
transform: translateY(-45%);
right: 0;
font-size: 1.4rem;
color: #fff;
height: 1.4rem;
width: 1.4rem;
line-height: 1.2rem;
text-align: center;
border-radius: 50%;
z-index: 1;
background-color: #f26767;
margin: 0 0 -1rem;
}
.product_list_widget li ins {
text-decoration: none;
}
.product_list_widget li.empty {
float: none;
margin: 0;
border: none;
padding: 0;
min-height: inherit;
}